.islider-outer,.islider-outer>li{margin:0;width:100%;height:100%;overflow:hidden;padding:0;list-style:none}.islider-outer{display:block;position:relative}.islider-outer>li{position:absolute;top:0;left:0;display:-moz-box;display:-webkit-box;display:box;-moz-box-pack:center;-webkit-box-pack:center;box-pack:center;-moz-box-align:center;-webkit-box-align:center;box-align:center}.islider-img>img{max-width:100%;max-height:100%}.islider-sliding{z-index:0}.islider-sliding-focus{z-index:1}.islider-btn-outer{position:absolute;width:3em;height:3em;cursor:pointer;top:0;bottom:0;margin:auto 0;display:block;background-color:#777}.islider-btn-outer.left{left:5%}.islider-btn-outer.right{right:5%}.islider-btn-inner,.islider-dot-wrap{position:absolute;left:0;right:0;bottom:0}.islider-btn-inner{width:50%;height:50%;border-top:2px solid #fff;border-left:2px solid #fff;margin:auto;top:0}.islider-btn-outer.left>.islider-btn-inner{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}.islider-btn-outer.right>.islider-btn-inner{-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}.islider-dot-wrap{width:80%;height:10%;margin:0 auto;padding:0;z-index:10000;text-align:center}.islider-dot{position:relative;display:inline-block;width:.8em;height:.8em;border-radius:50%;border:1px solid #fff;list-style:none;margin:5px}.islider-dot.active{background-color:#fff}

.video1{width:100%;height:100%;object-fit:fill}
.xaos{opacity: 0;}

*{list-style:none;}
html, body {margin: 0; padding: 0; height: 100%; overflow: hidden;}
body {font-family:"微软雅黑", "宋体", Arial;}
a{text-decoration: none;}


#main {height: 100%; width: 100%; overflow: hidden; }

.data-plat {position: absolute; visibility: hidden; left: -1000%; top: -1000%;}

.content {position: relative; height: 100%; width: 100%;}

.top-magi{position:fixed; top:0; left:0; width:100%; height:10.5vh; background:#feda46; z-index:900;}
.top-magi .frame{width:100%; max-width:1580px; height:10.5vh; margin:0 auto; overflow:hidden; position:relative;}
.top-magi .frame .logo1-magi{width:35%; margin:1.5vh auto 0;}
.top-magi .frame .language1-magi{width:23%; height:4vh; position:absolute; left:2%; top:3.4vh; overflow:hidden;}
.top-magi .frame .language1-magi .yy-magi{float:left; width:27%; height:3.6vh;}
.jumpmenu01{width:96%; height:3.6vh; line-height:3.6vh; border:1px solid #452e0b; outline:none; color:#452e0b; padding-left:4%; background-color: rgba(254,218,70,1); font-size:15px; font-family: "华文中宋", "微软雅黑", "宋体", Arial;}
.top-magi .frame .language1-magi .yy2-magi{float:right; width:67%; height:3.6vh; line-height:3.6vh; color:#5f4927; font-size:22px; font-weight:500;}

.top-magi .frame .nav1-magi{position:absolute; width:10%; height:4.3vh; overflow:hidden; right:0.5%; top:3.3vh; cursor:pointer;}
.top-magi .frame .nav1-magi .nav-img{float:left; width:33%;}
.top-magi .frame .nav1-magi .nav-text{float:right; width:60%; height:4.3vh; line-height:4.3vh; color:#835713; font-size:16px; transition:1s all; font-weight:bold;}
.top-magi .frame .nav1-magi:hover .nav-text{color:#fff;}

.player1-bg{position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/img1.png) repeat;}

.main01{height:100%; width:100%; background:url(../images/mb01.png); background-size:100%;}
.main01 .m1-frame{position:absolute; width:100%;  height:70vh; padding-top:30vh; top:0; left:0;}
.main01 .m1-frame .m1-text1{width:20%; height:10vh; line-height:10vh; text-align:center; color:#ffb717; font-weight:bold; font-size:76px; margin:0 auto;}
.main01 .m1-frame .m1-line{width:6%; height:0.8vh; background:#ffb717; margin:4vh auto 0;}
.main01 .m1-frame .m1-text2{width:58%; height:10vh; line-height:10vh; text-align:center; color:#fff; font-size:70px; font-weight:bold; margin:5vh auto 0;}
.main01 .m1-frame .m1-text3{width:58%; height:10vh; line-height:10vh; text-align:center; color:#ddd; font-size:22px; margin:1.2vh auto 0;}

.main01 .m1-text{position:absolute; top:300px; left:50%; margin-left:-450px;}


.act {width: 80px; height: 80px; border-radius: 50%; position: fixed; position:absolute; left: 50%; margin-left: -40px; bottom: 60px; z-index:999; text-align: center; line-height: 112px; }

.act img {margin-left: 0px;}

.act .img2 {display: none;}

.act:before,
.act:after {
	content: '';
	position: absolute;
	left: 0;
	top:<div class="content">
        <div class="logo">
        <!--<div id="player1"></div>-->
          <video id="player0" src="magi-m1.mp4" loop muted></video>
		  <div class="player1-bg"></div>
		  <div class="act">
			  <a href="">
				<span onclick="runPage.go(1)">
					<img src="images/m1-mouse1.png" class="img1" />
					<img src="images/m1-mouse2.png" class="img2" />
				</span>
			  </a>
			</div>
		  <div class="m1-text"><img src="images/m1-text.png" alt="美比食品"></div>
        </div>
    </div> 0;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	pointer-events: none;
	box-sizing: content-box;
}

.act:before {width: 80px;height: 80px; border: 1px solid #fff; -moz-transition: all 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955); -o-transition: all 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955); -webkit-transition: all 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955); }

.act:after {width: 76px; height: 76px; border: 2px solid #fff; background-color: rgba(255, 255, 255, 0.1); opacity: 0; -moz-transform: scale(0.5, 0.5); -ms-transform: scale(0.5, 0.5); -webkit-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); -moz-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1); -o-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1); -webkit-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1); transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1); }

.act:hover:before {
	opacity: 0;
	-moz-transform: scale(1.5, 1.5);
	-ms-transform: scale(1.5, 1.5);
	-webkit-transform: scale(1.5, 1.5);
	transform: scale(1.5, 1.5);
	-moz-transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-o-transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-webkit-transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.act:hover:after {
	opacity: 1;
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
}  



        #main > .islider-dot-wrap {
            position: absolute;
            right: 0;
            left: auto;
            margin: 0;
            margin-top: -40px;
            top: 50%;
            width: 30px;
            height: 56px;
            padding: 24px 0;
            color: rgba(255, 255, 255, .25);
        }

        #main > .islider-dot-wrap:before {
            content: '...';
            position: absolute;
            top: 0;
            transform: rotate(-90deg) translateY(4px);
            left: 0;
        }

        #main > .islider-dot-wrap:after {
            content: '...';
            position: absolute;
            bottom: 0;
            transform: rotate(-90deg) translateY(4px);
            left: 0;
        }

        #main > .islider-dot-wrap > .islider-dot {
            background-color: #ffffff;
            border: none;
            opacity: .9;
            height: 8px;
            width: 8px;
            display: block;
            margin: 8px auto;
        }

        #main > .islider-dot-wrap > .islider-dot.active {
            background-color: #ffb360;
            transition: all 0.5s;
            box-shadow: 0 0 1px #ffb360;
            transform: scale(1.5);
        }

        .next {
            position: absolute;
            width: 64px;
            height: 32px;
            padding-top: 32px;
            text-align: center;
            bottom: 0;
            left: 50%;
            margin-left: -32px;
            color: rgba(255, 255, 255, .4);
        }

        .next:before {
            height: 20px;
            width: 20px;
            position: absolute;
            margin: -10px 0 0 -10px;
            top: 50%;
            left: 50%;
            animation: nextPage 500ms ease infinite alternate;
        }  



.main02 {position:relative; height: 100%; width: 100%; background:url(../images/bg-m2.jpg) no-repeat top center; background-size:100%; overflow:hidden; }

.main02 .m2-frame{position:absolute; width:100%; height:81vh; padding-top:19vh; z-index:901;}
.main02 .m2-frame .m2-title{width:80%; height:6.5vh; line-height:6.5vh; margin:0 auto 5vh; text-align:center; color:#e39e04; font-size:60px; font-weight:bold; font-family: "微软雅黑", "宋体", Arial;}
.main02 .m2-frame .m2-c{width:80%; height:30vh; color:#535353; font-size:21px; line-height:2.3; text-indent:2em; margin:0 auto; text-align:justify; overflow:hidden;}
.main02 .m2-frame .m2-c p{line-height:2.3; text-indent:2em; margin-top:1.2vh; margin-bottom:1.2vh;}

.main02 .m2-frame .m2-c2{width:80%; height:11vh; margin:4vh auto 2vh; overflow:hidden; animation-delay:0.5s;
-webkit-animation-delay:0.5s;}
.main02 .m2-frame .m2-c2 ul{display:block;}
.main02 .m2-frame .m2-c2 ul li{float:left; width:33%; height:11vh; list-style:none !important;}
.main02 .m2-frame .m2-c2 ul li .counter{width:100%; height:6vh; line-height:6vh; text-align:center; color:#e39e04; font-size:42px; font-weight:bold;}
.main02 .m2-frame .m2-c2 ul li .m2-c2title{width:100%; height:5vh; line-height:5vh; text-align:center; color:#666; font-size:20px;}

.main02 .m2-frame .m2-c3{width:80%; height:18vh; margin:0 auto; overflow:hidden; background:linear-gradient(120deg, #fbc858 0%, #ffb718 100%);  animation-delay:1s;
-webkit-animation-delay:1s;}
.main02 .m2-frame .m2-c3 a{display:block; width:25%; height:13.5vh;  padding-top:4.5vh; transition:1s all; float:left;}
.main02 .m2-frame .m2-c3 a:hover{display:block; width:25%; height:14vh;  padding-top:4vh; background:#f7ac07;}
.main02 .m2-frame .m2-c3 a .m2-btn{width:50%; margin:0 auto; height:10vh; line-height:16vh; text-align:center; color:#535353; font-size:19px; transition:0.5s all;}
.main02 .m2-frame .m2-c3 a:hover .m2-btn{ color:#fff;}

.m2-b1{background:url(../images/icon-img12.png) no-repeat top center;}
.m2-b1:hover{background:url(../images/icon-img12.png) no-repeat top center;}

.m2-b2{background:url(../images/icon-img22.png) no-repeat top center;}
.m2-b2:hover{background:url(../images/icon-img22.png) no-repeat top center;}

.m2-b3{background:url(../images/icon-img32.png) no-repeat top center;}
.m2-b3:hover{background:url(../images/icon-img32.png) no-repeat top center;}

.m2-b4{background:url(../images/icon-img42.png) no-repeat top center;}
.m2-b4:hover{background:url(../images/icon-img42.png) no-repeat top center;}


.slideshow-image {
  position: absolute;
  width: 100%;
  height: 100%;
  background: no-repeat 50% 50%;
  background-size: cover;
  -webkit-animation-name: kenburns;
          animation-name: kenburns;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-duration: 40s;
          animation-duration: 40s;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
/*
.slideshow-image:nth-child(1) {
  -webkit-animation-name: kenburns-1;
          animation-name: kenburns-1;
  z-index: 3;
}
*/
@keyframes kenburns-1 {
  0% {
    opacity: 1;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  1.5625% {
    opacity: 1;
  }
  23.4375% {
    opacity: 1;
  }
  26.5625% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  98.4375% {
    opacity: 0;
    -webkit-transform: scale(1.21176);
            transform: scale(1.21176);
  }
  100% {
    opacity: 1;
  }
}

.gymb{position:absolute; width:1230px; height:699px; top:160px; left:50%; margin-left:-615px; z-index:900;}


.main03{width: 100%;  height: 100%;  background:url(../images/mb02.jpg); background-size:100%;}
.main03 .m3-frame{position:absolute; width:100%; max-width:1024px; height:81.5vh; padding-top:18.5vh; top:0; left:50%; margin-left:-512px; z-index:901;}

/*产品TAB*/
.magi-product{text-align:left;}
.magi-product .hd{ height:8.2vh; line-height:8.2vh; position:relative; animation-delay:0.5s; -webkit-animation-delay:0.5s;}
.magi-product .hd ul{ float:left;  position:absolute;  height:8.2vh;}
.magi-product .hd ul li{ float:left; width:282px;  height:6.5vh; cursor:pointer;  margin-right:45px; border-radius:20px; transition:1s all; background-color:rgba(255,237,197,0.5); overflow:hidden; padding-top:1.7vh;}
.magi-product .hd ul li .cp-name{float:left; width:173px; height:5vh; line-height:5vh; color:#fff; font-size:25px; text-align:center; margin-left:60px;}
.magi-product .hd ul li .cp-arrow{float:left; width:17px;}

.magi-product .hd ul li.on{height:6.5vh; background-color:#f6af12;}
.magi-product .bd{width:100%; height:56vh;}
.magi-product .bd ul{zoom:1; padding-left:0;}
.magi-product .bd li{ height:54vh; line-height:54vh;}
.magi-product .bd li .date{ float:right; color:#999;}

.product-img1{background:url(../images/m3-cp1.png) no-repeat 30px 18px;}
.product-img1.on{background:url(../images/m3-cp1.png) no-repeat 30px 18px;}
.product-img2{background:url(../images/m3-cp2.png) no-repeat 30px 18px;}
.product-img2.on{background:url(../images/m3-cp2.png) no-repeat 30px 18px;}
.product-img3{background:url(../images/m3-cp3.png) no-repeat 30px 18px;}
.product-img3.on{background:url(../images/m3-cp3.png) no-repeat 30px 18px;}
/*产品TAB*/

/*产品类*/
.cpl{ width:1024px; height:54vh; overflow:hidden; zoom:1; position:relative;}
.sPrev,.sNext{ position:absolute; left:5px; top:22vh; display:block; width:30px; height:94px;background:url(../images/icon-arrow1.png) center center no-repeat; background-size:100%; z-index:999; }
.cpl .sNext{ left:auto; right:5px; background:url(../images/icon-arrow2.png) center center no-repeat; background-size:100%;  z-index:999;}
.cpl .sPrev:hover,.slideGroup .sNext:hover{ border-color:#f60;  }

.cpl ul{ overflow:hidden; zoom:1;}

.cpl ul li .product-s{width:46%; height:54vh; margin:0 auto;}



.main04{width: 100%; height: 100%; background:url(../images/bg-m4.jpg) no-repeat top center; position:relative;}
.main04 .m4-frame{position:absolute; width:100%; max-width:1280px; height:84vh; padding-top:16vh; top:0; left:50%; margin-left:-640px; z-index:901;}
.main04 .m4-frame .m4-title1{width:50%; height:7.5vh; line-height:7.5vh; text-align:center; color:#e39e04; font-size:50px; font-weight:bold; margin:0 auto 2.6vh;}
.main04 .m4-frame .m4-title2{width:90%; height:4.2vh; line-height:4.2vh; text-align:center; color:#535353; font-size:20px; margin:0 auto 3.5vh; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; animation-delay:0.5s;-webkit-animation-delay:0.5s;}
.main04 .m4-frame .m4-c{width:100%; }

.main04 .m4-frame{position:absolute; width:100%; max-width:1280px; height:80vh; padding-top:20vh; top:0; left:50%; margin-left:-640px; z-index:901;}

.main04 .m4-frame .m4-c{width:93.75%; height:58.2vh; margin:0 auto; overflow:hidden;}
.main04 .m4-frame .m4-c a{display:block;}
.main04 .m4-frame .m4-c .m4-cleft{float:left; width:38%; height:58.2vh; border-radius:10px; overflow:hidden; position:relative; animation-delay:1s;
-webkit-animation-delay:1s;}
.main04 .m4-frame .m4-c .m4-cleft .m4-bg{width:90%; height:58%; background-color:rgba(0,0,0,0); position:absolute; top:0; left:0; transition:0.5s all; padding-top:42%; padding-left:10%;}
.main04 .m4-frame .m4-c .m4-cleft:hover .m4-bg{width:100%; height:100%; background-color:rgba(236,162,18,1); position:absolute; top:0; left:0;}
.main04 .m4-frame .m4-c .m4-cleft .m4-bg .m4-cp1-1{width:80%; height:50px; line-height:42%; color:#fff; font-size:34px; font-weight:bold;opacity:0;  }
.main04 .m4-frame .m4-c .m4-cleft .m4-bg:hover .m4-cp1-1{width:70%; height:50px; line-height:50px; opacity:1;}
.main04 .m4-frame .m4-c .m4-cleft .m4-bg .m4-cp1-2{width:80%; height:12%; margin-top: 60px; line-height:12%; color:#fff; font-size:22px; opacity:0; transition:0.1s all;}
.main04 .m4-frame .m4-c .m4-cleft .m4-bg:hover .m4-cp1-2{opacity:0.8;}
.main04 .m4-frame .m4-c .m4-cleft .m4-bg .m4-cp1-more{width:24.2%; height:4.6vh; transition:0.1s all; opacity:0;}
.main04 .m4-frame .m4-c .m4-cleft .m4-bg:hover .m4-cp1-more{opacity:0.8;}

.main04 .m4-frame .m4-c .m4-cright{float:right; width:61.5%; height:58.2vh; overflow:hidden; animation-delay:1.2s;
-webkit-animation-delay:1.2s;}
.main04 .m4-frame .m4-c .m4-cright .m4-cf{width:100%; height:60vh; overflow:hidden;}
.main04 .m4-frame .m4-c .m4-cright .m4-cf li{float:left; width:47%; margin-left:1.7%;  margin-bottom:1vh; height:28.5vh !important; list-style:none !important; border-radius:10px; overflow:hidden; position:relative;}
.main04 .m4-frame .m4-c .m4-cright .m4-cf li .m4-bg2{width:92.5%; height:23vh; background-color:rgba(0,0,0,0); position:absolute; top:0; left:0; transition:0.5s all; overflow:hidden; padding-left:7.5%; padding-top:5.5vh;}

.main04 .m4-frame .m4-c .m4-cright .m4-cf li .m4-bg2 .m4-cp2-1{width:80%; height:8vh; color:#fff; font-size:24px; font-weight:bold;opacity:0; transition:0.1s all;}
.main04 .m4-frame .m4-c .m4-cright .m4-cf li .m4-bg2:hover .m4-cp2-1{opacity:1;}
.main04 .m4-frame .m4-c .m4-cright .m4-cf li .m4-bg2 .m4-cp2-2{width:80%; height:12%; line-height:12%; color:#fff; font-size:18px; opacity:0; transition:0.1s all; margin-top:1vh;}
.main04 .m4-frame .m4-c .m4-cright .m4-cf li .m4-bg2:hover .m4-cp2-2{opacity:0.8;}
.main04 .m4-frame .m4-c .m4-cright .m4-cf li .m4-bg2 .m4-cp2-more{width:24.2%; height:4.6vh; transition:0.1s all; opacity:0; margin-top:1.5vh;}
.main04 .m4-frame .m4-c .m4-cright .m4-cf li .m4-bg2:hover .m4-cp2-more{opacity:0.8;}

.main04 .m4-frame .m4-c .m4-cright .m4-cf li .m4-bg2:hover{background-color:rgba(236,162,18,1); position:absolute; top:0; left:0;}


.main05{width: 100%; height: 100%; background:url(../images/mb03.png); background-size:100%; position:relative;}
.main05 .m5-frame{position:absolute; width:100%; max-width:1220px; height:64vh; padding-top:19.5vh; top:0; left:50%; margin-left:-610px; z-index:901; overflow:hidden;}
.main05 .m5-frame .m5-left{width:61%; height:64vh; float:left; border-right:1px solid #8b8386; margin-left:2%;}
.main05 .m5-frame .m5-left .m5-ltitle{width:95%; height:6.5vh; line-height:6.5vh; color:#ffb717; font-size:46px; font-weight:bold;}
.main05 .m5-frame .m5-left a{display:block; width:95%; height:53.5vh; padding-top:4vh; transition:0.5s all; animation-delay:0.5s; -webkit-animation-delay:0.5s;}
.main05 .m5-frame .m5-left a:hover{padding-left:1%; padding-top:4vh;}

.main05 .m5-frame .m5-left a .m5-limg{width:95%; height:36vh; border:4px solid #fff; position:relative;}

.main05 .m5-frame .m5-left a .m5-limg .m5-bg1{width:100%; height:100%; background-color:rgba(0,0,0,0.2); position:absolute; top:0; left:0; transition:0.5s all; overflow:hidden; z-index:999;}
.main05 .m5-frame .m5-left a:hover .m5-limg .m5-bg1{background-color:rgba(0,0,0,0);}  

.main05 .m5-frame .m5-left a .m5-lt{width:95%; height:5.4vh; line-height:5.4vh; color:#f3f0f0; font-size:24px; font-weight:bold; margin-top:1.7vh; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition:0.5s all;}
.main05 .m5-frame .m5-left a:hover .m5-lt{color:#fff;}
.main05 .m5-frame .m5-left a .m5-ln{width:95%; height:6.3vh; color:#f3f0f0; line-height:1.9; font-size:16px; margin-top:0.8vh; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical; text-align:justify; text-indent:2em;}
.main05 .m5-frame .m5-left a:hover .m5-ln{color:#fff; transition:0.5s all;}

.main05 .m5-frame .m5-right{width:30%; height:64vh; float:right; margin-right:2%; animation-delay:1s;-webkit-animation-delay:1s;}
.main05 .m5-frame .m5-right a{display:block; width:100%; height:29vh; margin-bottom:5vh;}
.main05 .m5-frame .m5-right a .m5-rimg{width:98%; height:20vh; border:3px solid #fff;}
.main05 .m5-frame .m5-right a .m5-rt{width:100%; height:7.2vh; line-height:2; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical; text-align:justify; text-indent:2em; color:#fff; margin-top:1.5vh;}
.main05 .m5-frame .m5-right a:hover .m5-rt{color:#ffb717;}


.main06{width: 100%; height: 100%; background:url(../images/bg-m6.jpg) no-repeat top center; position:relative;}

.main06 .m6-frame{position:absolute; width:100%; max-width:820px; height:75vh; padding-top:25vh; top:0; left:50%; margin-left:-410px; z-index:901;}
.main06 .m6-frame .m6-title1{width:50%; height:7.5vh; line-height:7.5vh; text-align:center; color:#835713; font-size:60px; margin:0 auto 2.6vh;}
.main06 .m6-frame .m6-title2{width:90%; height:10vh; line-height:6vh; text-align:center; color:#e39e04; font-size:66px; margin:5vh auto 3.5vh; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:bold; animation-delay:0.5s; -webkit-animation-delay:0.5s;}
.main06 .m6-frame .m6-c{width:100%; height:34vh; overflow:hidden; margin-top:5vh;}
.main06 .m6-frame .m6-c .m6-left{width:27%; height:34vh; border-right:1px solid #bea995; float:left; padding-left:3%; animation-delay:1s; -webkit-animation-delay:1s;}

.main06 .m6-frame .m6-c .m6-right{width:62%; height:34vh; float:right; animation-delay:1.2s; -webkit-animation-delay:1.2s;}


.main07{width: 100%; height: 100%; background:url(../images/bg-m7.jpg) no-repeat top center; position:relative;}
.main07 .m7-frame{position:absolute; width:100%; max-width:1280px; height:84vh; padding-top:16vh; top:0; left:50%; margin-left:-640px; z-index:901; overflow:hidden;}
.main07 .m7-frame .c07{float:left;width:58.9%; height:84vh; background:url(../images/bg-07.png) no-repeat bottom right;}
.main07 .m7-frame .c07 .c07-title1{width:100%; height:2.6rem; line-height:2.6rem; color:#bf4e1f; font-size:3rem; font-weight:bold; margin-bottom:3rem; margin-top:4rem;}
.main07 .m7-frame .c07 .c07-title2{width:100%; height:1.3rem; line-height:1.3rem; color:#2b2b2b; font-size:1.2rem; margin-bottom:3rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main07 .m7-frame .c07 .c07-main{width:90%; height:45vh;}
/*合作伙伴*/
.main07 .m7-frame .c07 .c07-main .hzhb{ width:100%; text-align:left; }
.main07 .m7-frame .c07 .c07-main .hzhb .hd{ height:7.5rem; line-height:7.5rem; position:relative; }
.main07 .m7-frame .c07 .c07-main .hzhb .hd ul{ float:left;  position:absolute; top:-1px; height:7.5rem;  width:100%; padding:0;}
.main07 .m7-frame .c07 .c07-main .hzhb .hd ul li{ float:left; cursor:pointer; margin-right:3%;}
.main07 .m7-frame .c07 .c07-main .hzhb .hd ul li.on{ height:7.5rem;}
.main07 .m7-frame .c07 .c07-main .hzhb .bd ul{width:93%; height:27vh; padding-top:4vh; background:url(../images/bg-072.jpg) no-repeat top left;}
.main07 .m7-frame .c07 .c07-main .hzhb .bd ul .hb-n1{width:90%; height:2rem; line-height:2rem; color:#515151; font-size:1.5rem; font-weight:bold; padding-left:8%;}
.main07 .m7-frame .c07 .c07-main .hzhb .bd ul .hb-n2{width:90%; padding-left:4%; height:16vh; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient: vertical;color:#a7a7a7; font-size:1rem; text-indent:2em; line-height:2.2;  margin-top:1vh; }
.main07 .m7-frame .c07 .c07-main .hzhb .bd ul .hb-n2 p{color:#a7a7a7; font-size:1rem; text-indent:2em; line-height:2;}



.magi-xw .xw{width:1240px; height:600px; position:absolute; top:170px; left:50%; margin-left:-620px;}


.magi-lx{
            width: 100%;
            height: 100%;
			position:relative;
			background:url(../images/bg-m6.jpg) no-repeat top center;
        }
.magi-lx .lx{width:820px; height:560px; position:absolute; top:200px; left:50%; margin-left:-410px; z-index:900;}



        .is-in-is-wrap {
            width: 100%;
            height: 100%;
            background-color: #4b135e;
        }



.yxan{width: 130px; position: fixed; right: 2%;bottom:20px; z-index: 999; height: 70px;}

.ewm{width: 0px; height: 0px; position: fixed; right: 2%; bottom: 120px; z-index: 126; opacity: 0; transition: all 0.5s;}

.ewma:hover .ewm{width: 120px;height: 120px;opacity: 1;transform:rotate(360deg);
-ms-transform:rotate(360deg); 	/* IE 9 */
-moz-transform:rotate(360deg); 	/* Firefox */
-webkit-transform:rotate(360deg); /* Safari 和 Chrome */
-o-transform:rotate(360deg); 	/* Opera */
}

.hi-icon {
	display: inline-block;
	font-size: 0px;
	cursor: pointer;
    margin-right:8px;
	width: 50px;
    text-decoration: none;
	height:43px;
	border-radius: 50%;
    padding-top:7px;
	text-align: center;
    background: #ffc000;
	position: relative;
	z-index: 1;
	color: #fff;
}

.hi-icon:after {
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	content: '';
	-webkit-box-sizing: content-box; 
	-moz-box-sizing: content-box; 
	box-sizing: content-box;
}

.hi-icon:before {
	font-family: '微软雅黑';
	speak: none;
	font-size: 48px;
	line-height: 90px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	display: block;
	-webkit-font-smoothing: antialiased;
}



/* Effect 8 */


.hi-icon-effect-8 .hi-icon:after {
	top: 0;
	left: 0;
	padding: 0;
	z-index: -1;
	box-shadow: 0 0 0 2px rgba(255,255,255,0.1);
	opacity: 1;
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
}

.hi-icon-effect-8 .hi-icon:hover {
	background: rgba(251,192,7,0.8);
	-webkit-transform: scale(0.93);
	-moz-transform: scale(0.93);
	-ms-transform: scale(0.93);
	transform: scale(0.93);
	color: #fff;
}

.hi-icon-effect-8 .hi-icon:hover:after {
	-webkit-animation: sonarEffect 1.3s ease-out 75ms;
	-moz-animation: sonarEffect 1.3s ease-out 75ms;
	animation: sonarEffect 1.3s ease-out 75ms;
}

@-webkit-keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5);
		-webkit-transform: scale(1.5);
		opacity: 0;
	}
}
@-moz-keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5);
		-moz-transform: scale(1.5);
		opacity: 0;
	}
}
@keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 1px 1px #ffffff, 0 0 0 10px rgba(255,255,255,0.5);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 1px 1px #ffffff, 0 0 0 10px rgba(255,255,255,0.5);
		transform: scale(1.5);
		opacity: 0;
	}
}

/* Effect 9 */
.hi-icon-effect-9 .hi-icon {
	-webkit-transition: box-shadow 0.2s;
	-moz-transition: box-shadow 0.2s;
	transition: box-shadow 0.2s;
}

.hi-icon-effect-9 .hi-icon:after {
	top: 0;
	left: 0;
	padding: 0;
	box-shadow: 0 0 0 3px #fff;
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
	-moz-transition: -moz-transform 0.2s, opacity 0.2s;
	transition: transform 0.2s, opacity 0.2s;
}

.nav-magi{width:100%; height:92.5vh; background:url(../images/bg-nav01.png) no-repeat top right #8d5600; padding-top:7.5vh;  z-index:1100; position:fixed; top:0; left:0; display:none;}
.nav-magi .nav-close{width:2.6%; position:absolute; top:7vh; right:3%; cursor:pointer; opacity:1; transition:1s all;}
.nav-magi .nav-close:hover{opacity:0.6;}

.nav-magi .nav-logo{width:18.75%; height:13.8vh; margin-left:6.25%; }
.nav-magi .nav-c{width:100%; height:60vh; margin-top:7vh; overflow:hidden; background:url(../images/bg-nav02.png) no-repeat left bottom;}
.nav-magi .nav-c .nav-cleft{float:left; width:23%; height:60vh; margin-left:14.5%;}
.nav-magi .nav-c .nav-cleft a{display:block; width:82%; height:8.5vh; line-height:8.5vh; padding-left:80px; background:
url(../images/nav-iconline.jpg) no-repeat -18% 4vh; color:#f5ce91; font-size:28px; transition:1s all;}
.nav-magi .nav-c .nav-cleft a:hover{background:
url(../images/nav-iconline.jpg) no-repeat 0 4vh; color:#fa9b08; word-spacing:2px;}

.nav-magi .nav-c .nav-cright{float:right;  width:392px; margin-right:10%; margin-top:20vh; opacity:0.7;}

#nav-active{background:
url(../images/nav-iconline.jpg) no-repeat 0 4vh !important; color:#fa9b08 !important;}



/*媒体选择器开始*/
@media screen and (min-width:1680px){
.top-magi{height:11vh; }	
.top-magi .frame .language1-magi{left:2%; top:4vh;}
.main01 .m1-frame .m1-text1{width:20%; height:10vh; line-height:10vh; font-size:76px;}
.main01 .m1-frame .m1-text2{width:80%; height:10vh; line-height:10vh; font-size:70px;}
.main01 .m1-frame .m1-text3{width:50%; height:10vh; line-height:10vh; text-align:center; color:#ddd; font-size:22px; font-family: "微软雅黑", "宋体", Arial;  margin:1.2vh auto 0;}
	
.main01 .m1-frame{position:absolute; width:100%; max-width:1580px; height:70vh; padding-top:30vh; top:0; left:50%; margin-left:-790px; z-index:901;}
	
.main02 .m2-frame{position:absolute; width:100%; max-width:1580px; height:81vh; padding-top:19vh; top:0; left:50%; margin-left:-790px; z-index:901;}
	
.main04 .m4-frame{position:absolute; width:100%; max-width:1280px; height:82vh; padding-top:18vh; top:0; left:50%; margin-left:-640px; z-index:901;}

.main07{width: 100%; height: 100%; background:url(../images/bg-m7.jpg) no-repeat top center; position:relative;}
.main07 .m7-frame{position:absolute; width:100%; max-width:1280px; height:84vh; padding-top:16vh; top:0; left:50%; margin-left:-640px; z-index:901; overflow:hidden;}
.main07 .m7-frame .c07{float:left;width:58.9%; height:84vh; background:url(../images/bg-07.png) no-repeat bottom right;}
.main07 .m7-frame .c07 .c07-title1{width:100%; height:2.6rem; line-height:2.6rem; color:#bf4e1f; font-size:3rem; font-weight:bold; margin-bottom:3rem; margin-top:4rem;}
.main07 .m7-frame .c07 .c07-title2{width:100%; height:1.3rem; line-height:1.3rem; color:#2b2b2b; font-size:1.2rem; margin-bottom:3rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main07 .m7-frame .c07 .c07-main{width:90%; height:45vh;}
/*合作伙伴*/
.main07 .m7-frame .c07 .c07-main .hzhb{ width:100%; text-align:left; }
.main07 .m7-frame .c07 .c07-main .hzhb .hd{ height:7.5rem; line-height:7.5rem; position:relative; }
.main07 .m7-frame .c07 .c07-main .hzhb .hd ul{ float:left;  position:absolute; top:-1px; height:7.5rem;  width:100%; padding:0;}
.main07 .m7-frame .c07 .c07-main .hzhb .hd ul li{ float:left; cursor:pointer; margin-right:3%;}
.main07 .m7-frame .c07 .c07-main .hzhb .hd ul li.on{ height:7.5rem;}
.main07 .m7-frame .c07 .c07-main .hzhb .bd ul{width:93%; height:27vh; padding-top:4vh; background:url(../images/bg-072.jpg) no-repeat top left;}
.main07 .m7-frame .c07 .c07-main .hzhb .bd ul .hb-n1{width:90%; height:2rem; line-height:2rem; color:#515151; font-size:1.5rem; font-weight:bold; padding-left:8%;}
.main07 .m7-frame .c07 .c07-main .hzhb .bd ul .hb-n2{width:90%; padding-left:3%; height:16vh; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient: vertical;color:#a7a7a7; font-size:1rem; text-indent:2em; line-height:2.2;  margin-top:1vh; }
.main07 .m7-frame .c07 .c07-main .hzhb .bd ul .hb-n2 p{color:#a7a7a7; font-size:1rem; text-indent:2em; line-height:2;}


}


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

.top-magi{height:12.5vh; }
.top-magi .frame .nav1-magi{position:absolute; width:10%; height:6vh; overflow:hidden; right:0.5%; top:4vh; cursor:pointer;}
.top-magi .frame .language1-magi{left:2%; top:4.5vh;}
.main01 .m1-frame .m1-text1{width:50%; height:10vh; line-height:10vh; font-size:68px;}
.main01 .m1-frame .m1-text2{width:90%; height:10vh; line-height:10vh; font-size:66px;}
	
.main02 .m2-frame .m2-c3 a .m2-btn{line-height:18vh;}
.main02 .m2-frame .m2-c3 a:hover .m2-btn{ color:#fff;}
	
.magi-product .bd{width:100%; height:63vh;}
.magi-product .bd ul{zoom:1; padding-left:0;}
.magi-product .bd li{width:100%; height:63vh; line-height:63vh;}
.magi-product .bd li img{width:100%; margin:0 auto;}
.cpl{ width:900px; height:63vh; overflow:hidden; zoom:1; position:relative; margin:0 auto;}

.cpl ul{ overflow:hidden; zoom:1;}
.cpl ul li .product-s{width:46%; height:54vh; margin:0 auto;}
	
.product-img1{background:url(../images/m3-cp1.png) no-repeat 30px 4px;}
.product-img1.on{background:url(../images/m3-cp1.png) no-repeat 30px 4px;}
.product-img2{background:url(../images/m3-cp2.png) no-repeat 30px 4px;}
.product-img2.on{background:url(../images/m3-cp2.png) no-repeat 30px 4px;}
.product-img3{background:url(../images/m3-cp3.png) no-repeat 30px 4px;}
.product-img3.on{background:url(../images/m3-cp3.png) no-repeat 30px 4px;}
	
.main04 .m4-frame{position:absolute; width:100%; max-width:1280px; height:83vh; padding-top:17vh; top:0; left:50%; margin-left:-640px; z-index:901;}
	
.main05 .m5-frame {position:absolute; width:100%; max-width:1220px; height:76vh; padding-top:24vh; top:0; left:50%; margin-left:-610px; z-index:901; overflow:hidden;}
	
.main05 .m5-frame .m5-left{width:61%; height:66vh; float:left; border-right:1px solid #8b8386; margin-left:2%;}	
	
.main05 .m5-frame .m5-left a .m5-ln{height:8vh; line-height:1.8; font-size:15px;}

.main05 .m5-frame .m5-right a .m5-rt{height:9vh; line-height:1.9; font-size:15px;}
	
.main07{width: 100%; height: 100%; background:url(../images/bg-m7.jpg) no-repeat top center; position:relative;}
.main07 .m7-frame{position:absolute; width:100%; max-width:1280px; height:84vh; padding-top:16vh; top:0; left:50%; margin-left:-640px; z-index:901; overflow:hidden;}
.main07 .m7-frame .c07{float:left;width:58.9%; height:84vh; background:url(../images/bg-07.png) no-repeat bottom right;}
.main07 .m7-frame .c07 .c07-title1{width:100%; height:2.6rem; line-height:2.6rem; color:#bf4e1f; font-size:3rem; font-weight:bold; margin-bottom:3rem; margin-top:4rem;}
.main07 .m7-frame .c07 .c07-title2{width:100%; height:1.3rem; line-height:1.3rem; color:#2b2b2b; font-size:1.2rem; margin-bottom:3rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main07 .m7-frame .c07 .c07-main{width:90%; height:45vh;}
/*合作伙伴*/
.main07 .m7-frame .c07 .c07-main .hzhb{ width:100%; text-align:left; }
.main07 .m7-frame .c07 .c07-main .hzhb .hd{ height:7.5rem; line-height:7.5rem; position:relative; }
.main07 .m7-frame .c07 .c07-main .hzhb .hd ul{ float:left;  position:absolute; top:-1px; height:7.5rem;  width:100%; padding:0;}
.main07 .m7-frame .c07 .c07-main .hzhb .hd ul li{ float:left; cursor:pointer; margin-right:3%;}
.main07 .m7-frame .c07 .c07-main .hzhb .hd ul li.on{ height:7.5rem;}
.main07 .m7-frame .c07 .c07-main .hzhb .bd ul{width:93%; height:27vh; padding-top:4vh; background:#fff;}
.main07 .m7-frame .c07 .c07-main .hzhb .bd ul .hb-n1{width:90%; height:2rem; line-height:2rem; color:#515151; font-size:1.5rem; font-weight:bold; padding-left:8%;}
.main07 .m7-frame .c07 .c07-main .hzhb .bd ul .hb-n2{width:90%; padding-left:3%; height:16vh; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;color:#a7a7a7; font-size:1rem; text-indent:2em; line-height:2.3;  margin-top:1vh; }
.main07 .m7-frame .c07 .c07-main .hzhb .bd ul .hb-n2 p{color:#a7a7a7; font-size:1rem; text-indent:2em; line-height:2;}

	
.nav-magi .nav-c .nav-cleft{float:left; width:70%; height:60vh; margin-left:14.5%;}
.nav-magi .nav-c .nav-cright{display:none;}

.nav-magi .nav-c .nav-cleft a{font-size:22px;}	
	
.act {display:none;}
}

@media screen and (min-width:1360px) and (max-width:1439px){
.top-magi{position:fixed; top:0; left:0; width:100%; height:14.5vh; background:#ffb718; z-index:900;}
.top-magi .frame{width:100%; max-width:1580px; height:14.5vh; margin:0 auto; overflow:hidden; position:relative;}
.top-magi .frame .language1-magi{width:32%; height:8vh; position:absolute; left:2%; top:6vh; overflow:hidden;}
.top-magi .frame .nav1-magi{position:absolute; width:14%; height:8vh; overflow:hidden; right:0.5%; top:5.5vh;}
.top-magi .frame .nav1-magi .nav-img{float:left; width:33%;}
.top-magi .frame .nav1-magi .nav-text{float:right; width:60%; height:8vh; line-height:6vh; color:#fff; font-size:16px; transition:1s all; font-weight:bold;}	
	
.top-magi .frame .logo1-magi{width:30%; margin:1.5vh auto 0; }
.main01 .m1-frame .m1-text1{width:60%; height:12vh; line-height:12vh; font-size:60px; margin-bottom:5vh;}
.main01 .m1-frame .m1-text2{width:90%; height:10vh; line-height:10vh; font-size:64px; margin-bottom:5vh;}
.main01 .m1-frame .m1-text3{margin:5vh auto 0;}

.main02 .m2-frame{height:78vh; padding-top:22vh;}
.main02 .m2-frame .m2-title{font-size:46px;}
.main02 .m2-frame .m2-c{height:26vh; font-size:18px; line-height:2.3;}
.main02 .m2-frame .m2-c p{line-height:2.3; text-indent:2em; margin-top:0vh; margin-bottom:0vh;}
.main02 .m2-frame .m2-c2{ margin:2vh auto 3vh; }
.main02 .m2-frame .m2-c2 ul li .counter{width:100%; height:6vh; line-height:6vh; text-align:center; color:#e39e04; font-size:30px; font-weight:bold; font-family:"微软雅黑", "宋体", Arial;}
	
.main02 .m2-frame .m2-c3{width:80%; height:18vh; margin:0 auto; overflow:hidden; background:linear-gradient(120deg, #fbc858 0%, #ffb718 100%);   -webkit-animation-delay:1s;
-webkit-animation-delay:1s;}
.main02 .m2-frame .m2-c3 a{display:block; width:25%; height:14vh;  padding-top:4vh; transition:1s all; float:left;}
.main02 .m2-frame .m2-c3 a:hover{display:block; width:25%; height:14.5vh;  padding-top:3.5vh; background:#f7ac07;}
.main02 .m2-frame .m2-c3 a .m2-btn{width:50%; margin:0 auto; height:10vh; line-height:19vh; text-align:center; color:#535353; font-size:17px; transition:0.5s all;}
.main02 .m2-frame .m2-c3 a:hover .m2-btn{ color:#fff;}

.m2-b1{background-size:32%;}
.m2-b1:hover{background-size:32%;}

.m2-b2{background-size:32%;}
.m2-b2:hover{background-size:32%;}

.m2-b3{background-size:32%;}
.m2-b3:hover{background-size:32%;}

.m2-b4{background-size:32%;}
.m2-b4:hover{background-size:32%;}
	
.magi-product .bd{width:100%; height:68vh;}
.magi-product .bd ul{zoom:1; padding-left:0;}
.magi-product .bd li{ height:66vh; line-height:66vh;}
.magi-product .bd li img{width:90%; margin:0 auto;}
.cpl{ width:900px; height:66vh; overflow:hidden; zoom:1; position:relative; margin:0 auto;}

.cpl ul{ overflow:hidden; zoom:1;}
.cpl ul li .product-s{width:46%; height:54vh; margin:0 auto;}
	
.product-img1{background:url(../images/m3-cp1.png) no-repeat 30px 4px;}
.product-img1.on{background:url(../images/m3-cp1.png) no-repeat 30px 4px;}
.product-img2{background:url(../images/m3-cp2.png) no-repeat 30px 4px;}
.product-img2.on{background:url(../images/m3-cp2.png) no-repeat 30px 4px;}
.product-img3{background:url(../images/m3-cp3.png) no-repeat 30px 4px;}
.product-img3.on{background:url(../images/m3-cp3.png) no-repeat 30px 4px;}
	
.act {display:none;}
.main04 .m4-frame{position:absolute; width:100%;  height:80vh; padding-top:20vh; top:0; left:0; z-index:901; margin-left:0 !important; overflow:hidden;}
.main04 .m4-frame .m4-title1{font-size:46px;}
.main04 .m4-frame .m4-title2{font-size:17px;}

.main05 .m5-frame {position:absolute; width:100%; max-width:1220px; height:76vh; padding-top:24vh; top:0; left:50%; margin-left:-610px; z-index:901; overflow:hidden;}
	
.main05 .m5-frame .m5-left{width:61%; height:66vh; float:left; border-right:1px solid #8b8386; margin-left:2%;}	
	
.main05 .m5-frame .m5-left a .m5-ln{height:8vh; line-height:1.8; font-size:15px;}

.main05 .m5-frame .m5-right a .m5-rt{height:9vh; line-height:1.9; font-size:15px;}
	
.main06{width: 100%; height: 100%; background:url(../images/bg-m6.jpg) no-repeat top center; position:relative;}
.main06 .m6-frame{height:78vh; padding-top:22vh;}
.main06 .m6-frame .m6-title1{font-size:46px;}
.main06 .m6-frame .m6-title2{font-size:50px;}
.main06 .m6-frame .m6-c{height:40vh;}
.main06 .m6-frame .m6-c .m6-left{height:40vh;}

.main06 .m6-frame .m6-c .m6-right{height:40vh;}
	
.main07{width: 100%; height: 100%; background:url(../images/bg-m7.jpg) no-repeat top center; position:relative;}
.main07 .m7-frame{position:absolute; width:100%; max-width:1280px; height:84vh; padding-top:16vh; top:0; left:50%; margin-left:-640px; z-index:901; overflow:hidden;}
.main07 .m7-frame .c07{float:left;width:58.9%; height:84vh; background:url(../images/bg-07.png) no-repeat bottom right;}
.main07 .m7-frame .c07 .c07-title1{width:100%; height:2rem; line-height:2rem; color:#bf4e1f; font-size:2.2rem; font-weight:bold; margin-bottom:2rem; margin-top:3rem;}
.main07 .m7-frame .c07 .c07-title2{width:100%; height:1.1rem; line-height:1.1rem; color:#2b2b2b; font-size:1.1rem; margin-bottom:2.5rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main07 .m7-frame .c07 .c07-main{width:90%; height:45vh;}
/*合作伙伴*/
.main07 .m7-frame .c07 .c07-main .hzhb{ width:100%; text-align:left; }
.main07 .m7-frame .c07 .c07-main .hzhb .hd{ height:7rem; line-height:7rem; position:relative; }
.main07 .m7-frame .c07 .c07-main .hzhb .hd ul{ float:left;  position:absolute; top:-1px; height:7rem;  width:100%; padding:0;}
.main07 .m7-frame .c07 .c07-main .hzhb .hd ul li{ float:left; cursor:pointer; margin-right:3%;}
.main07 .m7-frame .c07 .c07-main .hzhb .hd ul li.on{ height:7rem;}
.main07 .m7-frame .c07 .c07-main .hzhb .bd ul{width:93%; height:27vh; padding-top:4vh; background:#fff;}
.main07 .m7-frame .c07 .c07-main .hzhb .bd ul .hb-n1{width:90%; height:2rem; line-height:2rem; color:#515151; font-size:1.5rem; font-weight:bold; padding-left:8%;}
.main07 .m7-frame .c07 .c07-main .hzhb .bd ul .hb-n2{width:90%; padding-left:3%; height:16vh; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;color:#a7a7a7; font-size:1rem; text-indent:2em; line-height:2.2;  margin-top:1vh; }
.main07 .m7-frame .c07 .c07-main .hzhb .bd ul .hb-n2 p{color:#a7a7a7; font-size:1rem; text-indent:2em; line-height:2;}

	
.nav-magi .nav-c .nav-cleft{float:left; width:70%; height:60vh; margin-left:14.5%;}
.nav-magi .nav-c .nav-cright{display:none;}
	
.nav-magi .nav-c .nav-cleft{margin-top:2vh;}
.nav-magi .nav-c .nav-cleft a{font-size:22px;}	
}

@media screen and (min-width:1280px) and (max-width:1359px){
.top-magi{position:fixed; top:0; left:0; width:100%; height:14.5vh; background:#ffb718; z-index:900;}
.top-magi .frame{width:100%; max-width:1580px; height:14.5vh; margin:0 auto; overflow:hidden; position:relative;}
.top-magi .frame .language1-magi{width:32%; height:4vh; position:absolute; left:2%; top:6vh; overflow:hidden;}
.top-magi .frame .nav1-magi{position:absolute; width:14%; height:8vh; overflow:hidden; right:0.5%; top:5.5vh;}
.top-magi .frame .nav1-magi .nav-img{float:left; width:33%;}
.top-magi .frame .nav1-magi .nav-text{float:right; width:60%; height:8vh; line-height:6vh; color:#fff; font-size:16px; transition:1s all; font-weight:bold;}	
	
.top-magi .frame .logo1-magi{width:30%; margin:1.5vh auto 0; }
.main01 .m1-frame .m1-text1{width:60%; height:12vh; line-height:12vh; font-size:60px; margin-bottom:5vh;}
.main01 .m1-frame .m1-text2{width:90%; height:10vh; line-height:10vh; font-size:64px; margin-bottom:5vh;}
.main01 .m1-frame .m1-text3{margin:5vh auto 0;}

.main02 .m2-frame{height:78vh; padding-top:22vh;}
.main02 .m2-frame .m2-title{font-size:46px;}
.main02 .m2-frame .m2-c{height:26vh; font-size:18px; line-height:2.3;}
.main02 .m2-frame .m2-c p{line-height:2.3; text-indent:2em; margin-top:0vh; margin-bottom:0vh;}
.main02 .m2-frame .m2-c2{ margin:2vh auto 3vh; }
.main02 .m2-frame .m2-c2 ul li .counter{width:100%; height:6vh; line-height:6vh; text-align:center; color:#e39e04; font-size:30px; font-weight:bold; font-family:"微软雅黑", "宋体", Arial;}
	
.main02 .m2-frame .m2-c3{width:80%; height:18vh; margin:0 auto; overflow:hidden; background:linear-gradient(120deg, #fbc858 0%, #ffb718 100%); animation-delay:1s; -webkit-animation-delay:1s;}
.main02 .m2-frame .m2-c3 a{display:block; width:25%; height:14vh;  padding-top:4vh; transition:1s all; float:left;}
.main02 .m2-frame .m2-c3 a:hover{display:block; width:25%; height:14.5vh;  padding-top:3.5vh; background:#f7ac07;}
.main02 .m2-frame .m2-c3 a .m2-btn{width:50%; margin:0 auto; height:10vh; line-height:19vh; text-align:center; color:#535353; font-size:17px; transition:0.5s all;}
.main02 .m2-frame .m2-c3 a:hover .m2-btn{ color:#fff;}

.m2-b1{background-size:32%;}
.m2-b1:hover{background-size:32%;}

.m2-b2{background-size:32%;}
.m2-b2:hover{background-size:32%;}

.m2-b3{background-size:32%;}
.m2-b3:hover{background-size:32%;}

.m2-b4{background-size:32%;}
.m2-b4:hover{background-size:32%;}
	
.magi-product .bd{width:100%; height:68vh;}
.magi-product .bd ul{zoom:1; padding-left:0;}
.magi-product .bd li{ height:66vh; line-height:66vh;}
.magi-product .bd li img{width:90%; margin:0 auto;}
.cpl{ width:900px; height:66vh; overflow:hidden; zoom:1; position:relative; margin:0 auto;}

.cpl ul{ overflow:hidden; zoom:1;}
.cpl ul li .product-s{width:46%; height:54vh; margin:0 auto;}
	
.product-img1{background:url(../images/m3-cp1.png) no-repeat 30px 4px;}
.product-img1.on{background:url(../images/m3-cp1.png) no-repeat 30px 4px;}
.product-img2{background:url(../images/m3-cp2.png) no-repeat 30px 4px;}
.product-img2.on{background:url(../images/m3-cp2.png) no-repeat 30px 4px;}
.product-img3{background:url(../images/m3-cp3.png) no-repeat 30px 4px;}
.product-img3.on{background:url(../images/m3-cp3.png) no-repeat 30px 4px;}
	
.act {display:none;}
.main04 .m4-frame{position:absolute; width:100%;  height:80vh; padding-top:20vh; top:0; left:0; z-index:901; margin-left:0 !important; overflow:hidden;}
.main04 .m4-frame .m4-title1{font-size:46px;}
.main04 .m4-frame .m4-title2{font-size:17px;}

.main05 .m5-frame{position:absolute; width:100%;  height:76vh; padding-top:24vh; top:0; left:0; z-index:901; margin-left:0 !important; overflow:hidden; margin:0 auto;}
	
.main05 .m5-frame .m5-left{width:61%; height:66vh; float:left; border-right:1px solid #8b8386; margin-left:2%;}	
	
.main05 .m5-frame .m5-left a .m5-ln{height:8vh; line-height:1.8; font-size:15px;}

.main05 .m5-frame .m5-right a .m5-rt{height:9vh; line-height:1.9; font-size:15px;}
	
.main06{width: 100%; height: 100%; background:url(../images/bg-m6.jpg) no-repeat top center; position:relative;}
.main06 .m6-frame{height:78vh; padding-top:22vh;}
.main06 .m6-frame .m6-title1{font-size:46px;}
.main06 .m6-frame .m6-title2{font-size:50px;}
.main06 .m6-frame .m6-c{height:40vh;}
.main06 .m6-frame .m6-c .m6-left{height:40vh;}

.main06 .m6-frame .m6-c .m6-right{height:40vh;}
	
.main07{width: 100%; height: 100%; background:url(../images/bg-m7.jpg) no-repeat top center; position:relative;}
.main07 .m7-frame{position:absolute; width:100%; max-width:1280px; height:84vh; padding-top:16vh; top:0; left:50%; margin-left:-640px; z-index:901; overflow:hidden;}
.main07 .m7-frame .c07{float:left;width:58.9%; margin-left:3%; height:84vh; background:url(../images/bg-07.png) no-repeat bottom right;}
.main07 .m7-frame .c07 .c07-title1{width:100%; height:2rem; line-height:2rem; color:#bf4e1f; font-size:2.2rem; font-weight:bold; margin-bottom:2rem; margin-top:3rem;}
.main07 .m7-frame .c07 .c07-title2{width:100%; height:1.1rem; line-height:1.1rem; color:#2b2b2b; font-size:1.1rem; margin-bottom:2.5rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main07 .m7-frame .c07 .c07-main{width:90%; height:45vh;}
/*合作伙伴*/
.main07 .m7-frame .c07 .c07-main .hzhb{ width:100%; text-align:left; }
.main07 .m7-frame .c07 .c07-main .hzhb .hd{ height:7rem; line-height:7rem; position:relative; }
.main07 .m7-frame .c07 .c07-main .hzhb .hd ul{ float:left;  position:absolute; top:-1px; height:7rem;  width:100%; padding:0;}
.main07 .m7-frame .c07 .c07-main .hzhb .hd ul li{ float:left; cursor:pointer; margin-right:3%;}
.main07 .m7-frame .c07 .c07-main .hzhb .hd ul li.on{ height:7rem;}
.main07 .m7-frame .c07 .c07-main .hzhb .bd ul{width:93%; height:27vh; padding-top:4vh; background:#fff;}
.main07 .m7-frame .c07 .c07-main .hzhb .bd ul .hb-n1{width:90%; height:2rem; line-height:2rem; color:#515151; font-size:1.5rem; font-weight:bold; padding-left:8%;}
.main07 .m7-frame .c07 .c07-main .hzhb .bd ul .hb-n2{width:90%; padding-left:3%; height:15.7vh; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;color:#a7a7a7; font-size:1rem; text-indent:2em; line-height:2.2;  margin-top:1vh; }
.main07 .m7-frame .c07 .c07-main .hzhb .bd ul .hb-n2 p{color:#a7a7a7; font-size:1rem; text-indent:2em; line-height:2;}
	
.nav-magi .nav-c .nav-cleft{float:left; width:70%; height:60vh; margin-left:14.5%;}
.nav-magi .nav-c .nav-cright{display:none;}
	
.nav-magi .nav-c .nav-cleft{margin-top:2vh;}
.nav-magi .nav-c .nav-cleft a{font-size:22px;}	
}


@media screen and (min-width:1020px) and (max-width:1279px){
.top-magi{position:fixed; top:0; left:0; width:100%; height:14.5vh; background:#ffb718; z-index:900;}
.top-magi .frame{width:100%; max-width:1580px; height:14.5vh; margin:0 auto; overflow:hidden; position:relative;}
.top-magi .frame .language1-magi{width:32%; height:4vh; position:absolute; left:2%; top:6vh; overflow:hidden;}
.top-magi .frame .nav1-magi{position:absolute; width:14%; height:8vh; overflow:hidden; right:0.5%; top:5.5vh;}
.top-magi .frame .nav1-magi .nav-img{float:left; width:33%;}
.top-magi .frame .nav1-magi .nav-text{float:right; width:60%; height:8vh; line-height:6vh; color:#fff; font-size:16px; transition:1s all; font-weight:bold;}	
	
.top-magi .frame .logo1-magi{width:30%; margin:1.5vh auto 0; }
.main01 .m1-frame .m1-text1{width:60%; height:12vh; line-height:12vh; font-size:60px;}
.main01 .m1-frame .m1-text2{width:90%; height:10vh; line-height:10vh; font-size:64px;}
.main01 .m1-frame .m1-text3{margin:4vh auto 0;}

.main02 .m2-frame{height:78vh; padding-top:22vh;}
.main02 .m2-frame .m2-title{font-size:46px;}
.main02 .m2-frame .m2-c{height:26vh; font-size:18px; line-height:2.2;}
.main02 .m2-frame .m2-c p{line-height:2.2; text-indent:2em; margin-top:0vh; margin-bottom:0vh;}
.main02 .m2-frame .m2-c2{ margin:2vh auto 3vh; }
.main02 .m2-frame .m2-c2 ul li .counter{width:100%; height:6vh; line-height:6vh; text-align:center; color:#e39e04; font-size:30px; font-weight:bold; font-family:"微软雅黑", "宋体", Arial;}
	
.main02 .m2-frame .m2-c3{width:80%; height:18vh; margin:0 auto; overflow:hidden; background:linear-gradient(120deg, #fbc858 0%, #ffb718 100%); animation-delay:1s;
-webkit-animation-delay:1s;}
.main02 .m2-frame .m2-c3 a{display:block; width:25%; height:14vh;  padding-top:4vh; transition:1s all; float:left;}
.main02 .m2-frame .m2-c3 a:hover{display:block; width:25%; height:14.5vh;  padding-top:3.5vh; background:#f7ac07;}
.main02 .m2-frame .m2-c3 a .m2-btn{width:50%; margin:0 auto; height:10vh; line-height:19vh; text-align:center; color:#535353; font-size:17px; transition:0.5s all;}
.main02 .m2-frame .m2-c3 a:hover .m2-btn{ color:#fff;}

.m2-b1{background-size:40%;}
.m2-b1:hover{background-size:40%;}

.m2-b2{background-size:40%;}
.m2-b2:hover{background-size:40%;}

.m2-b3{background-size:40%;}
.m2-b3:hover{background-size:40%;}

.m2-b4{background-size:40%;}
.m2-b4:hover{background-size:40%;}
	
	
	
.magi-product .bd{width:100%; height:68vh;}
.magi-product .bd ul{zoom:1; padding-left:0;}
.magi-product .bd li{ height:66vh; line-height:66vh;}
.magi-product .bd li img{width:90%; margin:0 auto;}
.cpl{ width:900px; height:66vh; overflow:hidden; zoom:1; position:relative; margin:0 auto;}



.cpl ul{ overflow:hidden; zoom:1;}

.cpl ul li .product-s{width:46%; height:54vh; margin:0 auto;}
	
.product-img1{background:url(../images/m3-cp1.png) no-repeat 30px 4px;}
.product-img1.on{background:url(../images/m3-cp1.png) no-repeat 30px 4px;}
.product-img2{background:url(../images/m3-cp2.png) no-repeat 30px 4px;}
.product-img2.on{background:url(../images/m3-cp2.png) no-repeat 30px 4px;}
.product-img3{background:url(../images/m3-cp3.png) no-repeat 30px 4px;}
.product-img3.on{background:url(../images/m3-cp3.png) no-repeat 30px 4px;}
	
.act {display:none;}
.main04 .m4-frame{position:absolute; width:100%;  height:80vh; padding-top:20vh; top:0; left:0; z-index:901; margin-left:0 !important; overflow:hidden;}
	
.main05 .m5-frame{position:absolute; width:100%;  height:76vh; padding-top:24vh; top:0; left:0; z-index:901; margin-left:0 !important; overflow:hidden; margin:0 auto;}
	
.main05 .m5-frame .m5-left{width:61%; height:66vh; float:left; border-right:1px solid #8b8386; margin-left:2%;}	
	
.main05 .m5-frame .m5-left a .m5-ln{height:8vh; line-height:1.8; font-size:15px;}

.main05 .m5-frame .m5-right a .m5-rt{height:9vh; line-height:1.9; font-size:15px;}
	
.main06{width: 100%; height: 100%; background:url(../images/bg-m6.jpg) no-repeat top center; position:relative;}
.main06 .m6-frame{height:80vh; padding-top:20vh;}
.main06 .m6-frame .m6-title1{font-size:46px;}
.main06 .m6-frame .m6-title2{font-size:50px;}
.main06 .m6-frame .m6-c{height:40vh;}
.main06 .m6-frame .m6-c .m6-left{height:40vh;}

.main06 .m6-frame .m6-c .m6-right{height:40vh;}
	
.main07{width: 100%; height: 100%; background:url(../images/bg-m7.jpg) no-repeat top center; position:relative;}
.main07 .m7-frame{width:100%; height:84vh; padding-top:16vh; z-index:901; overflow:hidden; margin:0 auto; top:0 !important; left:0 !important;}
.main07 .m7-frame .c07{float:left;width:58.9%; margin-left:3%; height:84vh; background:url(../images/bg-07.png) no-repeat bottom right;}
.main07 .m7-frame .c07 .c07-title1{width:100%; height:2rem; line-height:2rem; color:#bf4e1f; font-size:2.2rem; font-weight:bold; margin-bottom:2rem; margin-top:3rem;}
.main07 .m7-frame .c07 .c07-title2{width:100%; height:1.1rem; line-height:1.1rem; color:#2b2b2b; font-size:1.1rem; margin-bottom:2.5rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main07 .m7-frame .c07 .c07-main{width:90%; height:45vh;}
/*合作伙伴*/
.main07 .m7-frame .c07 .c07-main .hzhb{ width:100%; text-align:left; }
.main07 .m7-frame .c07 .c07-main .hzhb .hd{ height:7rem; line-height:7rem; position:relative; }
.main07 .m7-frame .c07 .c07-main .hzhb .hd ul{ float:left;  position:absolute; top:-1px; height:7rem;  width:100%; padding:0;}
.main07 .m7-frame .c07 .c07-main .hzhb .hd ul li{ float:left; cursor:pointer; margin-right:3%;}
.main07 .m7-frame .c07 .c07-main .hzhb .hd ul li.on{ height:7rem;}
.main07 .m7-frame .c07 .c07-main .hzhb .bd ul{width:93%; height:27vh; padding-top:4vh; background:#fff;}
.main07 .m7-frame .c07 .c07-main .hzhb .bd ul .hb-n1{width:90%; height:2rem; line-height:2rem; color:#515151; font-size:1.5rem; font-weight:bold; padding-left:8%;}
.main07 .m7-frame .c07 .c07-main .hzhb .bd ul .hb-n2{width:90%; padding-left:3%; height:15.7vh; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;color:#a7a7a7; font-size:1rem; text-indent:2em; line-height:2.2;  margin-top:1vh; }
.main07 .m7-frame .c07 .c07-main .hzhb .bd ul .hb-n2 p{color:#a7a7a7; font-size:1rem; text-indent:2em; line-height:2;}	
	
.nav-magi .nav-c .nav-cleft{float:left; width:70%; height:60vh; margin-left:14.5%;}
.nav-magi .nav-c .nav-cright{display:none;}
	
.nav-magi .nav-c .nav-cleft{margin-top:2vh;}
.nav-magi .nav-c .nav-cleft a{font-size:22px;}	
}

/*媒体选择器结束*/