@font-face {
	font-weight: 400;
	src: url('https://static.tp-link.com/res/style/fonts/MyriadPro-Regular/MyriadPro-Regular.eot');
	src: url('https://static.tp-link.com/res/style/fonts/MyriadPro-Regular/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
         url('https://static.tp-link.com/res/style/fonts/MyriadPro-Regular/MyriadPro-Regular.woff') format('woff'),
         url('https://static.tp-link.com/res/style/fonts/MyriadPro-Regular/MyriadPro-Regular.ttf') format('truetype'),
         url('https://static.tp-link.com/res/style/fonts/MyriadPro-Regular/MyriadPro-Regular.svg#MyriadProLight') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-weight: 300;
	src: url('https://static.tp-link.com/res/style/fonts/MyriadProLight/myriadpro-light-webfont.eot');
	src: url('https://static.tp-link.com/res/style/fonts/MyriadProLight/myriadpro-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://static.tp-link.com/res/style/fonts/MyriadProLight/myriadpro-light-webfont.woff') format('woff'),
         url('https://static.tp-link.com/res/style/fonts/MyriadProLight/myriadpro-light-webfont.ttf') format('truetype'),
         url('https://static.tp-link.com/res/style/fonts/MyriadProLight/myriadpro-light-webfont.svg#MyriadProLight') format('svg');
	font-weight: normal;
	font-style: normal;
}

.overview-content {
	overflow: hidden;
	min-width: 1200px;
}

.overview-content h3,
.overview-content p {
	margin: 0px;
}

.p5 {
	margin: 0px auto;
	max-width: 1920px;
	font-weight: 300;
	font-weight: normal;
}

.p5 h2 {
	font-size: 46px;
	text-align: left;
	line-height: 1;
}

.p5 p {
	font-size: 18px;
	text-align: left;
	line-height: 145%;
}

.p5 .section .w980 {
	width: 980px;
	margin: 0 auto;
}

.p5 .section .w1200 {
	width: 1200px;
	margin: 0 auto;
}

.p5 .mobile-text {
	display: none;
}

.p5 .a {
	background: url(images/a.jpg) no-repeat 50% 0;
	height: 958px;
}

.p5 .a .des {
	width: 965px;
}

.p5 .b {
	overflow: hidden;
}

.p5 .b .w1200 {
	position: relative;
}

.p5 .b h2 {
	padding-top: 60px;
	text-align: center;
}

.p5 .b p {
	padding: 30px 0 60px 0;
	text-align: center;
}

.p5 .b .b-pic img {
	position: absolute;
	display: none;
}

.p5 .b .b-pic img.pic {
	top: 361px;
	left: 111px;
}

.p5 .b .b-pic .hand {
	top: 500px;
	left: 222px;
	display: block;
}

.p5 .b .b-pic .hand.on {
	top: 388px;
	left: 95px;
	transition: all 1s linear;
	-moz-transition: all 1s linear;
	-webkit-transition: all 1s linear;
	-o-transition: all 1s linear;
}

.p5 .b .b-pic .hand.off {
	top: 500px;
	left: 222px;
	transition: all 0.7s linear;
	-moz-transition: all 0.7s linear;
	-webkit-transition: all 0.7s linear;
	-o-transition: all 0.7s linear;
}

.p5 .b .b-pic {
	background: url(images/b.jpg) no-repeat 50% 0;
	height: 899px;
}

.p5 .b .b-pic h2 {
	text-align: left;
	padding: 222px 0 0 651px;
	font-size: 40px;
}

.p5 .b .b-pic p {
	text-align: left;
	padding: 20px 0 0 651px;
}

.p5 .b .b-pic ul {
	margin: 200px 0 0 651px;
}

.p5 .b .b-pic ul li {
	float: left;
	width: 120px;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}

.p5 .b .b-pic ul li:nth-of-type(1) {
	padding-left: 33px;
}

.p5 .b .b-pic ul li:nth-of-type(2) {
	padding-left: 83px;
}

.p5 .b .b-pic ul li:nth-of-type(3) {
	padding-left: 35px;
}

.p5 .c {
	background: url(images/c.jpg) no-repeat 50% 0;
	height: 888px;
	color: white;
}

.p5 .c h2 {
	padding: 150px 0 0 0;
	color: #fff;
}

.p5 .c p {
	padding: 20px 0 0 0;
	width: 540px;
}

.p5 .c .shadows {
	display: none;
}

.p5 .c .mobile-layout {
	display: none;
}

.p5 .c .slider_c {
	position: relative;
}

.p5 .c .slider_c .products .product {
	position: absolute;
	top: -40px;
	left: 768px;
	z-index: 2;
	opacity: 0;
	transition: all 0.7s ease-out;
	-moz-transition: all 0.7s ease-out;
	-webkit-transition: all 0.7s ease-out;
	-o-transition: all 0.7s ease-out;
}

.p5 .c .slider_c .products .product.on {
	z-index: 3;
	opacity: 1;
	transition: all 0.7s ease-out;
	-moz-transition: all 0.7s ease-out;
	-webkit-transition: all 0.7s ease-out;
	-o-transition: all 0.7s ease-out;
}

.p5 .c .slider_c .slides .slide {
	position: absolute;
	top: -50px;
	left: 1200px;
	opacity: 0;
}

.p5 .c .slider_c .slides .slide.ready {
	z-index: 3;
	opacity: 0.2;
	top: -50px;
	left: 1200px;
}

.p5 .c .slider_c .slides .slide.on {
	z-index: 4;
	opacity: 1;
	transition: all 0.7s ease-out;
	top: -167px;
	left: 652px;
	-moz-transition: all 0.7s ease-out;
	-webkit-transition: all 0.7s ease-out;
	-o-transition: all 0.7s ease-out;
}

.p5 .c .slider_c .slides .slide.off {
	z-index: 3;
	opacity: 0;
	transition: all 0.7s ease-out;
	top: -50px;
	left: 300px;
	-moz-transition: all 0.7s ease-out;
	-webkit-transition: all 0.7s ease-out;
	-o-transition: all 0.7s ease-out;
}

.p5 .d {
	background: url(images/d.jpg) no-repeat 50% 0;
	height: 898px;
	color: white;
}

.p5 .d h2 {
	padding: 190px 0 0 500px;
	color: #fff;
}

.p5 .d p {
	padding: 20px 0 0 500px;
	width: 650px;
}

.p5 .e {
	background: url(images/e.jpg) no-repeat 50% 0;
	height: 899px;
}

.p5 .e h2 {
	padding: 165px 0 0 0;
	width: 600px;
}

.p5 .e p {
	padding: 20px 0 0 0;
	width: 645px;
}

.p5 .e .ani {
	height: 380px;
	margin-top: 30px;
	position: relative;
}

.p5 .e .ani img.blue {
	position: absolute;
	bottom: 81px;
	left: 50px;
	height: 0px;
}

.p5 .e .ani img.blue.on {
	height: 256px;
	transition: all 0.7s linear;
	-moz-transition: all 0.7s linear;
	-webkit-transition: all 0.7s linear;
	-o-transition: all 0.7s linear;
}

.p5 .e .ani img.e1 {
	position: absolute;
	bottom: 100px;
	left: 95px;
	opacity: 0;
}

.p5 .e .ani img.e1.on {
	transition: all 0.7s linear;
	bottom: 220px;
	opacity: 1;
	-moz-transition: all 0.7s linear;
	-webkit-transition: all 0.7s linear;
	-o-transition: all 0.7s linear;
}

.p5 .e .ani img.e2 {
	position: absolute;
	bottom: 100px;
	left: 97px;
	opacity: 0;
}

.p5 .e .ani img.e2.on {
	transition: all 0.7s linear;
	bottom: 160px;
	opacity: 1;
	-moz-transition: all 0.7s linear;
	-webkit-transition: all 0.7s linear;
	-o-transition: all 0.7s linear;
}

.p5 .e .ani img.e3 {
	position: absolute;
	bottom: 100px;
	left: 99px;
	opacity: 0;
}

.p5 .e .ani img.e3.on {
	transition: all 0.7s linear;
	bottom: 100px;
	opacity: 1;
	-moz-transition: all 0.7s linear;
	-webkit-transition: all 0.7s linear;
	-o-transition: all 0.7s linear;
}

.p5 .e .ani img.green {
	position: absolute;
	bottom: 81px;
	left: 200px;
	height: 0px;
}

.p5 .e .ani img.green.on {
	height: 138px;
	transition: all 0.7s linear;
	-moz-transition: all 0.7s linear;
	-webkit-transition: all 0.7s linear;
	-o-transition: all 0.7s linear;
}

.p5 .e .ani img.e4 {
	position: absolute;
	bottom: 90px;
	left: 245px;
	opacity: 0;
}

.p5 .e .ani img.e4.on {
	transition: all 0.7s linear;
	bottom: 170px;
	opacity: 1;
	-moz-transition: all 0.7s linear;
	-webkit-transition: all 0.7s linear;
	-o-transition: all 0.7s linear;
}

.p5 .e .ani img.e5 {
	position: absolute;
	bottom: 90px;
	left: 243px;
	opacity: 0;
}

.p5 .e .ani img.e5.on {
	transition: all 0.7s linear;
	bottom: 130px;
	opacity: 1;
	-moz-transition: all 0.7s linear;
	-webkit-transition: all 0.7s linear;
	-o-transition: all 0.7s linear;
}

.p5 .e .ani img.e6 {
	position: absolute;
	bottom: 90px;
	left: 240px;
	opacity: 0;
}

.p5 .e .ani img.e6.on {
	transition: all 0.7s linear;
	bottom: 90px;
	opacity: 1;
	-moz-transition: all 0.7s linear;
	-webkit-transition: all 0.7s linear;
	-o-transition: all 0.7s linear;
}

.p5 .e .ani img.line {
	position: absolute;
	bottom: 80px;
	left: 0px;
}

.p5 .e .ani .speed li {
	font-size: 18px;
	text-align: left;
	float: left;
	position: absolute;
	top: 310px;
}

.p5 .e .ani .speed li:first-child {
	left: 50px;
}

.p5 .e .ani .speed li:last-child {
	left: 200px;
}

.p5 .e .ani .speed li span {
	font-size: 20px;
	font-weight: bold;
}

.p5 .f {
	background: url(images/f.jpg) no-repeat 50% 0;
	height: 944px;
}

.p5 .f .w1200 {
	position: relative;
}

.p5 .f img {
	position: absolute;
	top: 520px;
	right: 0px;
}

.p5 .f h2 {
	padding: 165px 0 0 700px;
}

.p5 .f p {
	padding: 30px 0 0 700px;
}

.p5 .f p.des {
	font-size: 14px;
	padding-top: 370px;
}

.p5 .g {
	background: url(images/g.jpg) no-repeat 50% 0;
	height: 960px;
}

.p5 .g .w1200 {
	position: relative;
}

.p5 .g img {
	position: absolute;
	opacity: 0;
	transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
}

.p5 .g img.on {
	opacity: 1;
	transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
}

.p5 .g img.g1 {
	top: 415px;
	right: 1049px;
}

.p5 .g img.g2 {
	top: 425px;
	left: 100px;
}

.p5 .g img.g3 {
	top: 530px;
	right: 1049px;
}

.p5 .g h2 {
	padding: 100px 0 0 60px;
}

.p5 .g p {
	padding: 20px 0 0 60px;
	width: 590px;
}

.p5 .g ul {
	padding: 490px 0 0 80px;
	font-size: 20px;
}

.p5 .g ul>li {
	cursor: pointer;
	float: left;
	width: 180px;
	padding: 14px 0;
	margin: 0 2px;
	text-align: center;
	font-weight: bold;
	background-color: #a2a2a1;
	opacity: 0.4;
}

.p5 .g ul>li.on {
	background-color: #dedede;
	opacity: 1;
}

.p5 .h {
	background: url(images/h.jpg) no-repeat 50% 0;
	height: 1148px;
	color: #e0e0e0;
}

.p5 .h h2 {
	padding: 125px 0 0 30px;
}

.p5 .h p {
	padding: 577px 0 0 290px;
	font-size: 30px;
}

.p5 .h ul.list {
	padding-top: 28px;
	text-align: left;
	font-size: 18px;
}

.p5 .h ul.list li {
	width: 150px;
	float: left;
	line-height: 1;
}

.p5 .h ul.list li:nth-child(1) {
	padding-left: 47px;
}

.p5 .h ul.list li:nth-child(2) {
	padding-left: 63px;
}

.p5 .h ul.list li:nth-child(3) {
	padding-left: 36px;
}

.p5 .h ul.list li:nth-child(4) {
	padding-left: 67px;
	width: 100px;
}

.p5 .h ul.list li:nth-child(5) {
	padding-left: 67px;
}

.p5 .h ul.list li:nth-child(6) {
	padding: 35px 0 0 47px;
}

.p5 .h ul.list li>span {
	font-size: 14px;
	color: #a0a0a0;
}

.p5 .h ul.list:after {
	content: '';
	clear: both;
}

.p5 .h ul:last-child {
	padding-top: 130px;
}

.p5 .h ul:last-child li {
	width: 150px;
	float: left;
	text-align: left;
	padding-left: 30px;
	font-size: 16px;
}

.p5 .h ul:last-child li:first-child {
	padding-left: 47px;
}

.p5 .h ul:last-child li:last-child {
	width: 170px;
}

.p5 .h ul:last-child li>span {
	font-size: 14px;
	color: #a0a0a0;
}

@media screen and (max-width:1280px) and (min-width:737px) {
	.overview-content{
		min-width: 0;
	}
	.p5 .section .w980,
	.p5 .section .w1200 {
		width: 840px;
	}

	.p5 h2 {
		font-size: 56px;
		line-height: 67px;
	}

	.p5 p {
		font-size: 25px;
		line-height: 35px;
	}

	.p5 .a {
		background: url(pad/a.jpg) 50% 0 / 1280px auto no-repeat;
		height: 643px;
	}

	.p5 .b .b-pic {
		background:#c7c7c7 url(pad/b.png) 50% 0 / 1280px auto no-repeat;
		height: auto;
	}

	.p5 .b .b-pic img.pic {
		height: 104px;
		left: 317px;
		top: 216px;
		width: 190px;
	}

	.p5 .b .b-pic h2 {
		font-size: 56px;
		padding: 720px 0 30px 0;
		text-align: center;
	}

	.p5 .b .b-pic p {
		padding: 0;
		text-align: center;
	}

	.p5 .b .b-pic .hand,
	.p5 .b .b-pic .hand.off {
		background: url(pad/hand.png) 0 0 / 360px auto no-repeat;
		height: 0;
		left: 450px;
		padding: 420px 360px 0 0;
		top: 330px;
		width: 0;
	}

	.p5 .b .b-pic .hand.on {
		left: 307px;
		top: 230px;
	}

	.p5 .b .b-pic ul {
		margin: 0 auto;
		padding: 30px 0 60px 0;
		width: 560px;
	}

	.p5 .b .b-pic ul li {
		font-size: 18px;
		line-height: 24px;
	}

	.p5 .b .b-pic ul li:nth-of-type(1) {
		background: url(pad/computer.png) 50% 0 / auto 119px no-repeat;
		padding: 140px 0 0 0;
		width: 240px;
	}

	.p5 .b .b-pic ul li:nth-of-type(2) {
		background: url(pad/tablet.png) 50% 7px / auto 112px no-repeat;
		padding: 140px 0 0 0;
		width: 160px;
	}

	.p5 .b .b-pic ul li:nth-of-type(3) {
		background: url(pad/phone.png) 50% 23px / auto 95px no-repeat;
		padding: 140px 0 0 0;
		width: 160px;
	}

	.p5 .b .b-pic ul:after {
		clear: both;
		content: "";
		display: block;
	}
	
	.p5 .c{
		background:url(pad/c.jpg) 50% 100% / 1280px auto no-repeat;
		height:866px
	}
	
	.p5 .c h2{
		font-size:51px;
		line-height:60px;
		padding:52px 0 37px 0;
		text-align: center;
	}
	
	.p5 .c p{
		font-size:25px;
		line-height:35px;
		padding:0;
		text-align: center;
		width:auto;
	}
	
	.p5 .c .slider_c .products .product{
		left:274px;
		top:138px;
	}
	
	.p5 .c .product img{
		width:210px;
	}
	
	.p5 .c .slide img{
		width:365px;
	}
	
	.p5 .c .slider_c .slides .slide.on{
		left:124px;
		top:44px;
	}
	
	.p5 .c .slider_c .slides .slide.ready{
		left:592px;
		top:139px;
		
	}
	
	.p5 .c .slider_c .slides .slide.off{
		left:-160px;
		top:34px;
	}
	
	.p5 .d{
		background:url(pad/d.jpg) 50% 0 / 1280px auto no-repeat;
		height:1024px;
	}
	
	.p5 .d h2{
		padding:52px 0 27px;
		text-align: center;
	}
	
	.p5 .d p{
		padding:0;
		text-align: center;
		width:auto;
	}
	
	.p5 .e{
		background:url(pad/e.jpg) 50% 0 /1280px auto no-repeat;
		height:1018px;
	}
	
	.p5 .e h2{
		padding:52px 0 27px;
		text-align: center;
		width:auto;
	}
	
	.p5 .e p{
		padding:0;
		text-align: center;
		width:auto;
	}
	
	.p5 .e .ani{
		background:url(pad/wifi.png) 0 110px no-repeat;
	}
	
	.p5 .f{
		background:url(pad/f.png) 50% 0 /1280px auto no-repeat;
		height:821px;
	}
	
	.p5 .f .w1200{
		height:821px;
	}
	
	.p5 .f h2{
		padding:50px 0 24px;
		text-align: center;
	}
	
	.p5 .f p{
		padding:0;
		position: relative;
		text-align: center;
		z-index: 100;
	}
	
	.p5 .f img{
		top:435px;
		width:393px;
	}
	
	.p5 .f p.des{
		background:url(pad/f0.png) -667px -305px / 1280px auto no-repeat;
		bottom:50px;
		font-size:16px;
		left:447px;
		line-height:24px;
		position: absolute;
		right:0;
		text-align: left;
		z-index: 99;
	}
	.p5 .g{
		background:#e3e2e1 url(pad/g.jpg) 50% 100% / 100% auto no-repeat;
		height:764px;
		position: relative;
	}
	
	.p5 .g .w1200{
		position: static;
		width:auto;
	}
	
	.p5 .g h2{
		margin:auto;
		padding:50px 0 30px 0;
		position: relative;
		text-align: center;
		width: 840px;
		z-index: 5;
	}
	
	.p5 .g p{
		margin:0 auto;
		padding:0;
		position: relative;
		text-align: center;
		width:840px;
		z-index: 5;
	}
	
	.p5 .g .wrapper-box:after{
		background:url(pad/g0.png) 50% 100% / 100% auto no-repeat;
		bottom:0;
		content:"";
		display: block;
		left:0;
		position: absolute;
		right:0;		
		top:0;
		z-index:3;
	}
	
	.p5 .g img.g1{
		background:url(pad/g1.png) 50% 100% / 100% auto no-repeat;
		bottom:0;
		height:0;
		left:0;
		padding:59.74% 0 0 100%;
		position: absolute;
		right:0;
		top:auto;
		width:0;
		z-index: 2;
	}
	
	.p5 .g img.g2{
		background:url(pad/g2.png) 50% 100% / 100% auto no-repeat;
		bottom:0;
		height:0;
		left:0;
		padding:59.74% 0 0 100%;
		position: absolute;
		right:0;
		top:auto;
		width:0;
		z-index: 2;
	}
	
	.p5 .g img.g3{
		background:url(pad/g3.png) 50% 100% / 100% auto no-repeat;
		bottom:0;
		height:0;
		left:0;
		padding:59.74% 0 0 100%;
		position: absolute;
		right:0;
		top:auto;
		width:0;
		z-index: 2;
	}
	
	.p5 .g ul{
		bottom:50px;
		font-size:22px;
		padding:0;
		position: absolute;
		right:35%;
		z-index: 4;
	}
	
	.p5 .g ul>li{
		-webkit-tap-highlight-color:transparent;
		width:190px;
	}
	
	.p5 .h{
		background:url(pad/h0.png);
		background-size:14px 14px;
		height:auto;
		padding-bottom:50px;
	}
	
	.p5 .h .w980{
		background:url(pad/h.png) 50% 0 / 1280px auto no-repeat;
		overflow: hidden;
	}
	
	.p5 .h h2{
		font-size:47px;
		padding:50px 0 30px 0;
		white-space: nowrap;
	}
	
	.p5 .h p{
		font-size:27px;
		line-height:33px;
		left:-580px;		
		padding:450px 0 0 0;
		position: relative;
		text-align: center;
		white-space: nowrap;
		width: 2000px;
	}
	
	.p5 .h p:before,
	.p5 .h p:after{
		content:" _________________________________________ ";
		position: relative;
		top:-10px;		
	}
	
	.p5 .h ul.list{
		clear:both;
	}
	
	.p5 .h ul.list li{
		font-size:25px;
		line-height:35px;
		width:235px;
	}
	
	.p5 .h ul.list li>span{
		display: block;
		font-size:20px;
		line-height: 27px;
		padding-bottom: 10px;
	}
	
	.p5 .h ul.list li:nth-child(1){
		background:url(mobile/h1.png) 0 0 / 32px 32px no-repeat;
		padding-left: 45px; 
	}
	
	.p5 .h ul.list li:nth-child(2){
		background:url(mobile/h2.png) 0 0 / 32px 32px no-repeat; 
		padding-left: 45px; 
	}
	
	.p5 .h ul.list li:nth-child(3){
		background:url(mobile/h3.png) 0 0 / 32px 32px no-repeat; 
		padding-left: 45px; 
	}
	
	.p5 .h ul.list li:nth-child(4){
		background:url(mobile/h4.png) 0 0 / 32px 32px no-repeat; 
		padding-left: 45px; 
		width:235px;
	}
	
	.p5 .h ul.list li:nth-child(5){
		background:url(mobile/h5.png) 0 0 / 32px 32px no-repeat; 
		padding-left: 45px; 
	}
	
	.p5 .h ul.list li:nth-child(6){
		background:url(mobile/h6.png) 0 0 / 32px 32px no-repeat; 
		clear: both;
		padding-left: 45px; 
		padding-top: 0;
		padding-bottom: 10px;
	}
	
	.p5 .h ul:last-child li:first-child{
		clear: both;
		padding-left: 45px;
	}
	
	.p5 .h ul:last-child li{
		font-size:20px;
		line-height: 27px;
		padding-left: 45px;
		width: 235px;
	}
	
	.p5 .h ul:last-child li>span{
		font-size:20px;
		line-height: 27px;
	}
}

@media screen and (max-width:1024px) and (min-width:737px){
	.overview-content{
		min-width: 0;
	}
	
	.p5 .section .w980,
	.p5 .section .w1200 {
		width: 670px;
	}

	.p5 h2 {
		font-size: 45px;
		line-height: 54px;
	}

	.p5 p {
		font-size: 20px;
		line-height: 28px;
	}

	.p5 .a {
		background: url(pad/a.jpg) 50% 0 / 1024px auto no-repeat;
		height: 514px;
	}

	.p5 .b .b-pic {
		background: #c7c7c7 url(pad/b.png) 50% 0 / 1024px auto no-repeat;
	}

	.p5 .b .b-pic h2 {
		font-size: 45px;
		padding: 580px 0 20px 0;
	}

	.p5 .b .b-pic img.pic {
		height: 82px;
		left: 253px;
		top: 173px;
		width: 151px;
	}

	.p5 .b .b-pic .hand,
	.p5 .b .b-pic .hand.off {
		background: url(pad/hand.png) 0 0 / 290px auto no-repeat;
		height: 0;
		left: 360px;
		padding: 340px 290px 0 0;
		top: 265px;
		width: 0;
	}

	.p5 .b .b-pic .hand.on {
		left: 244px;
		top: 184px;
	}

	.p5 .b .b-pic ul li {
		font-size: 15px;
		line-height: 20px;
	}
	
	.p5 .c{
		background:url(pad/c.jpg) 50% 100% / 1024px auto no-repeat;
		height:692px;
	}
	
	.p5 .c h2{
		font-size:41px;
		line-height:50px;
		padding:42px 0 30px 0;
	}
	
	.p5 .c p{
		font-size:20px;
		line-height:28px;
	}
	
	.p5 .c .slider_c .products .product{
		left:215px;
		top:106px;
	}
	
	.p5 .c .product img{
		width:172px;
	}
	
	.p5 .c .slide img{
		width:292px;
	}
	
	.p5 .c .slider_c .slides .slide.on{
		left:76px;
		top:28px;
	}
	
	.p5 .c .slider_c .slides .slide.ready{
		left:474px;
		top:111px;
		
	}
	
	.p5 .c .slider_c .slides .slide.off{
		left:-120px;
		top:28px;
	}
	
	.p5 .d{
		background:url(pad/d.jpg) 50% 0 / 1024px auto no-repeat;
		height:812px;
	}
	
	.p5 .d h2{
		padding:42px 0 20px;
	}
	
	.p5 .e{
		background:url(pad/e.jpg) 50% 0 /1024px auto no-repeat;
		height:814px;
	}
	
	.p5 .f{
		background:url(pad/f.png) 50% 0 /1024px auto no-repeat;
		height:657px;
	}
	
	.p5 .f .w1200{
		height:657px;
	}
	
	.p5 .f h2{
		padding:40px 0 18px;
	}
	
	.p5 .f p{
		position: relative;
		width:680px;
		z-index: 100;
	}
	
	.p5 .f img{
		top:348px;
		width:314px;
	}
	
	.p5 .f p.des{
		background:url(pad/f0.png) -533px -171px / 1024px auto no-repeat;
		bottom:40px;
		font-size:13px;
		left:356px;
		line-height:19px;
		width:auto;
	}
	
	.p5 .g{
		height:611px;
	}
	
	.p5 .g h2{
		padding:40px 0 20px 0;
		width: 670px;
	}
	
	.p5 .g p{
		width:670px;
	}

	.p5 .g ul{
		bottom:30px;
		font-size:18px;
	}
	
	.p5 .g ul>li{
		width:150px;
	}
	.p5 .h{
		background-size:12px 12px;
		padding-bottom:40px;
	}
	
	.p5 .h .w980{
		background-size:1024px auto;
		width:672px;
	}
	
	
	.p5 .h h2{
		font-size:38px;
		padding:40px 0 20px 0;
	}
	
	.p5 .h p{
		left:-665px;
		font-size:22px;
	}
	
	.p5 .h ul.list li{
		font-size:20px;
		line-height:28px;
		width:188px;
	}
	
	.p5 .h ul.list li>span{
		font-size:16px;
		line-height: 22px;
		padding-bottom: 8px;
	}
	
	.p5 .h ul.list li:nth-child(1){
		background:url(mobile/h1.png) 0 0 / 25px 25px no-repeat;
		padding-left: 35px; 
	}
	
	.p5 .h ul.list li:nth-child(2){
		background:url(mobile/h2.png) 0 0 / 25px 25px no-repeat; 
		padding-left: 35px; 
	}
	
	.p5 .h ul.list li:nth-child(3){
		background:url(mobile/h3.png) 0 0 / 25px 25px no-repeat; 
		padding-left: 35px; 
	}
	
	.p5 .h ul.list li:nth-child(4){
		background:url(mobile/h4.png) 0 0 / 25px 25px no-repeat; 
		padding-left: 35px; 
		width:188px;
	}
	
	.p5 .h ul.list li:nth-child(5){
		background:url(mobile/h5.png) 0 0 / 25px 25px no-repeat; 
		padding-left: 35px; 
	}
	
	.p5 .h ul.list li:nth-child(6){
		background:url(mobile/h6.png) 0 0 / 25px 25px no-repeat; 
		clear: both;
		padding-left: 35px; 
		padding-top: 0;
		padding-bottom: 8px;
	}
	
	.p5 .h ul:last-child li:first-child{
		clear: both;
		padding-left: 35px;
	}
	
	.p5 .h ul:last-child li{
		font-size:16px;
		line-height: 22px;
		padding-left: 35px;
		width: 188px;
	}
	
	.p5 .h ul:last-child li>span{
		font-size:16px;
		line-height: 22px;
	}
}

@media screen and (max-width:736px) {
	.overview-content {
		overflow: hidden;
		min-width: 0px;
	}

	.p5 .mobile-text {
		display: block;
	}

	.p5 h2 {
		font-size: 30px;
		padding: 30px 6% 20px;
		line-height: 1.2;
		font-weight: bold;
		text-align: left;
	}

	.p5 p {
		font-size: 18px;
		padding: 0 6%;
		line-height: 1.45;
		text-align: left;
	}

	.p5 .section .w980,
	.p5 .section .w1200 {
		width: 100%;
	}

	.p5 .a {
		height: auto;
		background: url(mobile/a.jpg) no-repeat 50% 0/100% auto;
		padding-top: 133%;
		font-size: 0px;
	}

	.p5 .b h2 {
		padding: 30px 6% 20px;
		text-align: left;
	}

	.p5 .b p {
		padding: 0 6% 20px;
		text-align: left;
	}

	.p5 .b .b-pic img {
		display: none;
		position: relative;
	}

	.p5 .b .b-pic {
		background: url(mobile/b-bg.jpg) repeat-y 50% 0/100% auto;
		height: auto;
	}

	.p5 .b .b-pic h2 {
		padding: 30px 6% 20px;
		font-size: 30px;
	}

	.p5 .b .b-pic p {
		padding: 0 6% 20px;
	}

	.p5 .b .b-pic ul {
		display: none;
	}

	.p5 .c {
		background: url(mobile/c-bg.jpg) repeat-y 50% 0/100% auto;
		height: auto;
	}

	.p5 .c h2 {
		padding: 30px 6% 20px;
	}

	.p5 .c p {
		padding: 0 6% 20px;
		width: auto;
		background: url(mobile/c1.jpg) no-repeat 50% 100%/100% auto;
	}

	.p5 .c .shadows {
		display: block;
	}

	.p5 .c .shadows img {
		width: 100%;
		position: absolute;
		top: 9.5vw;
		left: 0px;
		z-index: 1;
		opacity: 0;
	}

	.p5 .c .shadows img.on {
		opacity: 1;
		transition: all 0.3s linear;
		-moz-transition: all 0.3s linear;
		-webkit-transition: all 0.3s linear;
		-o-transition: all 0.3s linear;
	}

	.p5 .c .mobile-layout {
		background: url(mobile/c2.jpg) no-repeat 50% 0/100% auto;
		margin-bottom: 0px;
		height: 110vw;
		display: block;
	}

	.p5 .c .slider_c .container-fixed {
		display: none;
	}

	.p5 .c .slider_c .item img {
		width: 100vw;
	}

	.p5 .c .owl-theme .owl-controls {
		margin-top: 70px;
	}

	.p5 .c .owl-carousel .owl-wrapper-outer {
		left: 0px;
		top: 0px;
		z-index: 2;
	}

	/*.p5 .c .slider .products .product{top:70px;left:0px;}
    .p5 .c .slider .products .product img{width:84%;}*/

	.p5 .d {
		background: url(mobile/d-bg.jpg) repeat-y 50% 0/100% auto;
		height: auto;
		color: #000;
	}

	.p5 .d .w1200 {
		background: url(mobile/d.jpg) no-repeat 50% 100%/100% auto;
	}

	.p5 .d h2 {
		padding: 30px 6% 20px;
		color: #000;
	}

	.p5 .d p {
		padding: 0 6% 88%;
		width: auto;
	}

	.p5 .e {
		background: url(mobile/e-bg.jpg) repeat-y 50% 0/100% auto;
		height: auto;
	}

	.p5 .e .w1200 {
		background: url(mobile/e.jpg) no-repeat 50% 100%/100% auto;
	}

	.p5 .e .ani {
		display: none;
	}

	.p5 .e h2 {
		padding: 30px 6% 20px;
		width: auto;
	}

	.p5 .e p {
		padding: 0 6% 125%;
		width: auto;
	}

	.p5 .f {
		background: url();
		height: auto;
	}

	.p5 .f h2 {
		padding: 30px 6% 20px;
	}

	.p5 .f p.des1 {
		padding: 0 6% 66%;
		background: url(mobile/f.jpg) no-repeat 50% 100%/100% auto;
	}

	.p5 .f img {
		position: relative;
		top: 0px;
		left: 0px;
		width: 80%;
		margin: 0 10%;
	}

	.p5 .f p.des {
		padding: 10px 6% 20px;
	}

	.p5 .g {
		background: url(mobile/g-bg.jpg) repeat-y 50% 0/100% auto;
		height: auto;
	}

	.p5 .g h2 {
		padding: 30px 6% 20px;
	}

	.p5 .g p {
		padding: 0 6%;
		width: auto;
	}

	.p5 .g .wrapper-box {
		position: relative;
		height: 74.9vw;
		display: block;
	}

	.p5 .g img.g1,
	.p5 .g img.g2,
	.p5 .g img.g3 {
		position: absolute;
		top: 0;
		left: 0;
	}

	.p5 .g ul {
		padding: 60% 1% 0;
		position: relative;
	}

	.p5 .g ul>li {
		font-size: 12px;
		width: 30%;
	}

	.p5 .g ul>li:last-child {
		width: 36%;
	}

	.p5 .h {
		background: url(mobile/h-bg.jpg) repeat-y 50% 0/100% auto;
		height: auto;
	}

	.p5 .h h2 {
		padding: 30px 6% 20px;
		color: #fff;
	}

	.p5 .h p {
		font-size: 18px;
		padding: 56.5% 6% 0;
		text-align: center;
		background: url(mobile/h.jpg) no-repeat 50% 0/100% auto;
	}

	.p5 .h ul.list li:nth-child(1) {
		width: 40%;
		padding-left: 10%;
		height: 60px;
		padding-bottom: 10px;
		background: url(mobile/h1.png) no-repeat 6% 0/12% auto;
	}

	.p5 .h ul.list li:nth-child(2) {
		width: 40%;
		padding-left: 10%;
		height: 60px;
		padding-bottom: 10px;
		background: url(mobile/h2.png) no-repeat 6% 0/12% auto;
	}

	.p5 .h ul.list li:nth-child(3) {
		width: 40%;
		padding-left: 10%;
		height: 60px;
		padding-bottom: 10px;
		background: url(mobile/h3.png) no-repeat 6% 0/12% auto;
	}

	.p5 .h ul.list li:nth-child(4) {
		width: 40%;
		padding-left: 10%;
		height: 60px;
		padding-bottom: 10px;
		background: url(mobile/h4.png) no-repeat 6% 0/12% auto;
	}

	.p5 .h ul.list li:nth-child(5) {
		width: 40%;
		padding-left: 10%;
		height: 60px;
		padding-bottom: 10px;
		background: url(mobile/h5.png) no-repeat 6% 0/12% auto;
	}

	.p5 .h ul.list li:nth-child(6) {
		width: 90%;
		padding: 0 0 0 10%;
		height: 40px;
		background: url(mobile/h6.png) no-repeat 3% 0/6% auto;
	}

	.p5 .h ul:last-child {
		padding-top: 240px;
		padding-bottom: 340px;
	}

	.p5 .h ul:last-child li:first-child {
		width: 40%;
		padding-left: 10%;
		height: 100px;
		padding-bottom: 10px;
	}

	.p5 .h ul:last-child li {
		width: 40%;
		padding-left: 10%;
		height: 100px;
		padding-bottom: 10px;
		line-height: 1.2;
	}

	.p5 .h ul:last-child li:last-child {
		width: 90%;
		padding-left: 10%;
		height: 100px;
		padding-bottom: 10px;
	}
}