<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
       	<title>PRO PROMOTING 无二音乐</title>
	<link rel="stylesheet" type="text/css" href="css/fullpage.min.css">
	<link rel="stylesheet" type="text/css" href="css/swiper.min.css">
	<link rel="stylesheet" type="text/css" href="css/style.css?v6">
	<link rel="stylesheet" type="text/css" href="css/mob.css">
	<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
	<script type="text/javascript" src="js/fullpage.js"></script>
	<script type="text/javascript" src="js/swiper.min.js"></script>
	<script type="text/javascript" src="js/common.js"></script>
</head>
<body>
<div class="wrap" id="wrap">
		<div class="swiper-slide swiper-slide-ct section section1 current">
			<div class="bg full" style="background-image: url(http://yytw.net.cn/attachment/201811201702087303.jpg);"></div>
			<div class="text" data-animation="fadeInUp" data-delay="300"><img src="http://yytw.net.cn/attachment/201811201837161956.png"></div>
		</div>

		<div class="swiper-slide swiper-slide-ct section section2">
			<div class="mod_menu">
				<div class="box">
					<div class="title mb_big" data-animation="slideToLeft" data-delay="520">
						<div class="t1"><img src="images/sec2/t1.png"></div>
						<div class="t2"><img src="images/sec2/t2.png"></div>
					</div>
					<div class="p_line mb_big" data-animation="slideToLeft" data-delay="440"></div>
					<ul>
						<li class="item1" data-animation="slideToLeft" data-delay="360">
							<div class="pre">
								<i></i>
								<h3>数位发行</h3>
								<p>覆盖全球音乐平台</p>
							</div>
							<div class="hover" style="width: 100%;">
								<i></i>
								<h3>数位发行</h3>
								<p>
									<em>覆盖全球音乐平台</em>
									<em class="em2">覆盖全球音乐平台</em>
									<em class="em3">覆盖全球音乐平台</em>
									<em class="em4">覆盖全球音乐平台</em>
									<span>覆盖全球音乐平台</span></p>
							</div>
						</li>
						<li class="item2" data-animation="slideToLeft" data-delay="280">
							<div class="pre">
								<i></i>
								<h3>曲库内容</h3>
								<p>经典 影视 流行 原创</p>
							</div>
							<div class="hover">
								<i></i>
								<h3>曲库内容</h3>
								<p>
									<em>经典 影视 流行 原创</em>
									<em class="em2">经典 影视 流行 原创</em>
									<em class="em3">经典 影视 流行 原创</em>
									<em class="em4">经典 影视 流行 原创</em>
									<span>经典 影视 流行 原创</span></p>
							</div>
						</li>
						<li class="item3" data-animation="slideToLeft" data-delay="200">
							<div class="pre">
								<i></i>
								<h3>给你即时又直接的音乐消费体验</h3>
								<p>实体CD</p>
							</div>
							<div class="hover">
								<i></i>
								<h3>给你即时又直接的音乐消费体验</h3>
								<p>
									<em>实体CD</em>
									<em class="em2">实体CD</em>
									<em class="em3">实体CD</em>
									<em class="em4">实体CD</em>
									<span>实体CD</span></p>
							</div>
						</li>
					</ul>
				</div>
					
			</div>
			<div class="mod_cont">
				<div class="swiper-container" id="secCont">
					<div class="swiper-wrapper">
												<div class="swiper-slide item item1" style="display: block;">
							<div class="img" style="background-image: url(http://yytw.net.cn/attachment/201811201843359414.jpg);"></div>
							<div class="t">
								<h3>数位发行</h3>
								<p><span>覆盖全球音乐平台</span></p>
							</div>
						</div>
												<div class="swiper-slide item item2" style="">
							<div class="img" style="background-image: url(http://yytw.net.cn/attachment/202508291756197526.jpg);"></div>
							<div class="t">
								<h3>曲库内容</h3>
								<p><span>经典 影视 流行 原创</span></p>
							</div>
						</div>
												<div class="swiper-slide item item3" style="">
							<div class="img" style="background-image: url(http://yytw.net.cn/attachment/202509091743414048.jpg);"></div>
							<div class="t">
								<h3>给你即时又直接的音乐消费体验</h3>
								<p><span>实体CD</span></p>
							</div>
						</div>
											</div>
					<div class="arrow_left"></div>
					<div class="arrow_right"></div>
					<div class="swiper-pagination swiper-pagination2"></div>
				</div>
			</div>
		</div>

		<div class="swiper-slide swiper-slide-ct section section3">
			<div class="bg full"></div>
			<div class="main">
				<div class="title mb_mid" data-animation="fadeInUp" data-duration="800" data-delay="300">
					<div class="t1"><img src="images/sec3/t1.png"></div>
					<div class="t2"><img src="images/sec3/t2.png"></div>
				</div>
				<div class="p_line mb_mid" data-animation="fadeInUp" data-duration="800" data-delay="500"></div>
				<div class="cont">
					<div class="big mb_mid" data-animation="fadeInUp" data-duration="800" data-delay="700">
						<div class="swiper-container" id="videoBig">
							<div class="swiper-wrapper">
																<div class="swiper-slide item item1" style="display: block;">
									<div class="v"><iframe width="480" height="270" src="http://c.y.qq.com/base/fcgi-bin/fcg_pyq_mv.fcg?vid=p003630xv1w&type=low&code=b98d3&tag=68c43a56" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
									<div class="item_text">潘美辰 《我曾用心爱着你》</div>
								</div>
																<div class="swiper-slide item item1" style="">
									<div class="v"><iframe width="560" height="315" src="http://c.y.qq.com/base/fcgi-bin/fcg_pyq_mv.fcg?vid=s0012d6xwud&type=low&code=f1ebc&tag=686ca9cb" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
									<div class="item_text">方季惟《怨苍天变了心》</div>
								</div>
																<div class="swiper-slide item item1" style="">
									<div class="v"><iframe width="560" height="270" src="http://c.y.qq.com/base/fcgi-bin/fcg_pyq_mv.fcg?vid=000vNQvZ3wDT9p&type=low&code=c6f96" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
									<div class="item_text">Nova智猷《诺娲》</div>
								</div>
															</div>
							
							<div class="arrow_left"></div>
							<div class="arrow_right"></div>
							<div class="swiper-pagination swiper-pagination3"></div>
						</div>
										</div>
					<div class="sm" id="videoThumb" data-animation="fadeInUp" data-duration="800" data-delay="900">
						<ul class="clearfix">
														<li class="on">
								<div class="item_img"><img src="http://yytw.net.cn/attachment/202509150919409154.jpg"><span class="mask"></span></div>
								<div class="item_text">潘美辰 《我曾用心爱着你》</div>
							</li>
														<li >
								<div class="item_img"><img src="http://yytw.net.cn/attachment/202509150940334676.jpg"><span class="mask"></span></div>
								<div class="item_text">方季惟《怨苍天变了心》</div>
							</li>
														<li >
								<div class="item_img"><img src="http://yytw.net.cn/attachment/202509031114141645.jpg"><span class="mask"></span></div>
								<div class="item_text">Nova智猷《诺娲》</div>
							</li>
													</ul>
					</div>
				</div>
			</div>
		</div>

		<div class="swiper-slide swiper-slide-ct section section4 current">
			<div class="bg full"></div>
			<div class="list">
				<div class="swiper-container list_cont">
					<div class="swiper-wrapper">
						<ul class="swiper-slide clearfix">
														<li data-animation="zoomIn" class="item1" data-duration="400" data-delay="500"><img src="http://yytw.net.cn/attachment/202509011741311821.png">
								<p><span>My Song Bank 音樂後臺系統</span></p>
							</li>
																					<li data-animation="zoomIn" class="item2" data-duration="400" data-delay="500"><img src="http://yytw.net.cn/attachment/202509021703168353.jpg">
								<p><span>歌曲重置 完善的版權支持</span></p>
							</li>
							</ul><ul class="swiper-slide clearfix">														<li data-animation="zoomIn" class="item3" data-duration="400" data-delay="500"><img src="http://yytw.net.cn/attachment/202509011743296417.jpg">
								<p><span>海外宣發</span></p>
							</li>
																					<li data-animation="zoomIn" class="item4" data-duration="400" data-delay="500"><img src="http://yytw.net.cn/attachment/202509011743486521.jpg">
								<p><span>金曲獎入圍與獲獎</span></p>
							</li>
																				</ul>
					</div>

					<div class="arrow_left"></div>
					<div class="arrow_right"></div>
					<div class="swiper-pagination swiper-pagination4"></div>
				</div>
				<div class="title" data-animation="zoomIn" data-duration="800" data-delay="900"><img src="images/sec4/title.png"></div>
			</div>
		</div>

		<div class="swiper-slide swiper-slide-ct section section5">
			<div class="bg full"></div>
			<div class="cont">
				<div class="title mb_mid">
					<div class="t1" data-animation="slideToLeft" data-delay="300"><img src="images/sec5/t1.png"></div>
					<div class="t2" data-animation="slideToLeft" data-delay="400"><img src="images/sec5/t2.png"></div>
				</div>
				<div class="p_line mb_mid" data-animation="slideToLeft" data-delay="500"></div>
				<div class="form clearfix">
					<div class="label">徵選類別</div>
					<dl class="selecter" data-animation="slideToLeft" data-delay="600">
						<dt><i></i><p id="type" placeholder="請選擇">徵選類別</p><span></span></dt>
						<dd>
							<ul>
								<li>創作人</li>
								<li>唱作人</li>
								<li>樂團</li>
								<li>演唱人</li>
							</ul>
						</dd>
					</dl>
					<div class="label">創作者/演唱者名字</div>
					<dl data-animation="slideToLeft" data-delay="700">
						<dt><i></i><input type="text" placeholder="創作者/演唱者名字" id="name"></dt>
						<dd></dd>
					</dl>
					<div class="label">聯絡電話</div>
					<dl data-animation="slideToLeft" data-delay="700">
						<dt><i></i><input type="text" placeholder="聯絡電話" id="phone"></dt>
						<dd></dd>
					</dl>
					<div class="label">聯絡信箱</div>
					<dl data-animation="slideToLeft" data-delay="800">
						<dt><i></i><input type="text" placeholder="聯絡信箱" id="email"></dt>
						<dd></dd>
					</dl>
					<div class="label">作品檔案及介紹連結</div>
					<dl data-animation="slideToLeft" data-delay="800">
						<dt><i></i><input type="text" placeholder="作品檔案及介紹連結" id="works"></dt>
						<dd></dd>
					</dl>
				</div>
				<div class="btn_box clearfix">
					<div class="btn fl" data-animation="slideToLeft" data-delay="900" id="btn_send"><img src="images/sec5/btn.png"></div>
					<div class="download fl" data-animation="slideToLeft" data-delay="1000"><a href="http://yytw.net.cn/attachment/201811291449221774.pdf" target="_blank"><img src="images/sec5/download.png"></a></div>
				</div>
			</div>
			<div style="position: absolute;height: 50px;text-align: center;line-height: 50px;width: 100%;color:#ffffff;bottom:10px;">
				广州万中无二音乐文化有限公司 版权所有 <a href="http://beian.miit.gov.cn/" target="_blank">粤ICP备19160787号-1</a>
			</div>
		</div>
</div>

<div class="navigation">
	<ul>
		<li class="on">
			<div class="num">01</div>
			<div class="line"></div>
		</li>
		<li>
			<div class="num">02</div>
			<div class="line"></div>
		</li>
		<li>
			<div class="num">03</div>
			<div class="line"></div>
		</li>
		<li>
			<div class="num">04</div>
			<div class="line"></div>
		</li>
		<li>
			<div class="num">05</div>
			<div class="line"></div>
		</li>
	</ul>
</div>

<div class="mod_share">
	<a target="_blank" href="1" class="sh sh1"><img src="images/sh1.png"></a>
	<a target="_blank" href="1" class="sh sh2"><img src="images/sh2.png"></a>
	<a target="_blank" href="1" class="sh sh3"><img src="images/sh3.png"></a>
	<a target="_blank" href="1" class="sh sh4"><img src="images/sh4.png"></a>
</div>

<div class="menu" id="menu">
	<div class="full inner" id="menuWidth" data-animation="widthOpen" data-duration="1000" data-animation-back="widthHide" data-duration-back="600" data-callback="menuHide">
		<div class="boxer winW">
			<div class="bg full"></div>
			<div class="main">
				<div class="nav">
					<ul>
						<li class="item1 on">
							<div class="box" data-animation="slideToDown" data-duration="800" data-delay="200">
								<div class="tracker" data="1">
									<img src="images/menu/nav1.png">
									<div class="hover">
									</div>
								</div>
							</div>
						</li>
						<li class="item5">
							<div class="box" data-animation="slideToDown" data-duration="800" data-delay="600">
								<div class="tracker" data="2">
									<img src="images/menu/nav5.png">
									<div class="hover">
									</div>
								</div>
							</div>
						</li>
						<li class="item2">
							<div class="box" data-animation="slideToDown" data-duration="800" data-delay="300">
								<div class="tracker" data="3">
									<img src="images/menu/nav2.png">
									<div class="hover">
									</div>
								</div>
							</div>
						</li>
						<li class="item3">
							<div class="box" data-animation="slideToDown" data-duration="800" data-delay="400">
								<div class="tracker" data="4">
									<img src="images/menu/nav3.png">
									<div class="hover">
									</div>
								</div>
							</div>
						</li>
						<li class="item4">
							<div class="box" data-animation="slideToDown" data-duration="800" data-delay="500">
								<div class="tracker" data="5">
									<img src="images/menu/nav4.png">
									<div class="hover">
									</div>
								</div>
							</div>
						</li>
					</ul>

					<div class="p_line"></div>
				</div>

				<div class="share mb_mid" data-animation="fadeInUp" data-duration="800" data-delay="800">
					<a target="_blank" href="1"><img src="images/menu/share1.png"></a>
					<a target="_blank" href="1"><img src="images/menu/share2.png"></a>
					<a target="_blank" href="1"><img src="images/menu/share3.png"></a>
					<a target="_blank" href="1"><img src="images/menu/share4.png"></a>
				</div>

				<dl class="contact" data-animation="fadeInUp" data-duration="800" data-delay="1000">
					<dt>聯繫我們：</dt>
					<dd>
						<ul class="clearfix">
							<li>
								<i class="icon icon_pos"><img src="images/menu/icon_pos.png"></i>
								<span class="text">
									<strong>地址</strong><br>
									<span class="t">台中市北區崇德路一段629號15樓之2</span>
									
								</span>
							</li>
							<li>
								<i class="icon icon_phone"><img src="images/menu/icon_phone.png"></i>
								<span class="text">
									<strong>電話</strong><br>
									04-36032448								</span>
							</li>
							<li>
								<i class="icon icon_mail"><img src="images/menu/icon_mail.png"></i>
								<span class="text">
									<strong>信箱</strong><br>
									admin@s2nent.com								</span>
							</li>
						</ul>
					</dd>
				</dl>
			</div>
		</div>
	</div>
</div>

<div class="sub">
	<div class="sound"></div>
	<div class="menu_btn">
		<span class="s1"></span>
		<span class="s2"></span>
		<span class="s3"></span>
	</div>
	<div class="lng">
		<div class="icon"></div>
		<div class="t"><span>中</span></div>
		<div class="line"></div>
		<div class="t"><a href="./en">EN</a></div>
	</div>
	<div class="lng_mob" id="lngMob">
		<div class="icon"></div>
		<div class="dd">
			<span>繁體中文</span>
			<em>|</em>
			<a href="./en">ENGLISH</a>
		</div>
		
	</div>
</div>


<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript">
	var is_submit=0;
	$('#btn_send').on('click',function(){
		if(is_submit==1) return;
        is_submit=1;
		$.ajax({
			url:"./do.php?mod=pickplan",
			type:"POST",
			dataType:"json",
			data:{ 'type':$("#type").html(), 'name':$("#name").val(), 'phone':$("#phone").val(), 'email':$("#email").val(), 'works':$("#works").val(), 't':Math.random()},
			beforeSend: function() {
			},
			error: function() {
				alert("服务器超时，请稍后再试");
				is_submit=0;
			},
			success:function(data){
				if(data.ok == 1){
					$("#type").html('徵選類別');
					$("#name").val('');
					$("#phone").val('');
					$("#email").val('');
					$("#works").val('');
					alert(data.error);
				}else if(data.ok == 0){
					alert(data.error);
				}
				is_submit=0;
			}
        });
	});
</script>
</body>
</html>