@media screen and (max-width:1200px){
	html{font-size: 62.5%;}
	header{width:90%;margin:0 auto}
	.intro-content{display:inline-block;width:70%}
	.hero .hero-content{padding-top:28%}
	.ple-oriented{height:237px;}
	.ple-oriented:hover{height:324px;}
	.system .ico24{width:54%;left: 50%;top:38%;-webkit-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-o-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);height: 14.6rem;background-size: 100% 100%;}

}
@media screen and (max-width:1024px){
	header ul.primary-nav{margin:0 0 0 2rem;padding:0}
	header ul.primary-nav li a{padding:0 2rem}
	.facturing ul{border-bottom:0;}
	.facturing li{float: left;width:100%;margin-right: 0%;padding:1.8rem 0;border-bottom:solid 1px #bababa;}
	.pad_rl > li > a{padding-left: 45px;padding-right: 45px;}
	.ple-oriented{height:207px;}
	.ple-oriented:hover{height:330px;}
	.procefun_img li p{bottom: 2%;}
	.procefun_img li:nth-child(2){padding-top:1.3rem;}
	.procefun_img li:nth-child(2) p{bottom: 0%;}
	.sinessli li{padding:0 4.5%;}
	.system .ico24{width:63%;left: 50%;top:38%;-webkit-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-o-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);height: 14.6rem;background-size: 100% 100%;}
}
@media screen and (max-width:991px){
	header{width:90%;padding-left:15px;}
	header{padding:18px 0 18px;}
	.hero .hero-content{padding-top:32%}
	.header-nav{position:fixed;background-color:#000;width:100%;height:100%;top:0;left:0;z-index:99999;visibility:hidden;opacity:0;-webkit-transition:opacity .5s,visibility 0s .5s;transition:opacity .5s,visibility 0s .5s}
	ul.member-actions{position:static}
	.navicon{visibility:visible}
	header .nav-wrapper{display:absolute}
	header nav{position:relative;top:45%;-moz-transform:translatey(-45%);-ms-transform:translatey(-45%);-o-transform:translatey(-45%);-webkit-transform:translatey(-45%);transform:translatey(-45%)}
	nav ul li a{color:#fff;font-size:18px;text-transform:uppercase;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;color: #fff;}
	nav ul li{margin-bottom:25px}
	nav ul.primary-nav li{display:block}
	nav ul.member-actions li{display:block;}
	header ul.member-actions li span{font-size: 18px;color: #fff;}
	nav a.login{margin-right:0}
	nav ul.primary-nav{margin:0;padding:0;text-align:center}
	nav ul.primary-nav li a{padding-right:0;color: #fff;}
	nav .member-actions{position:static;padding:0;text-align:center}
	nav ul.member-actions li,nav ul.primary-nav li{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;-moz-transform:translate3d(0,-80px,0);-ms-transform:translate3d(0,-80px,0);-o-transform:translate3d(0,-80px,0);-webkit-transform:translate3d(0,-80px,0);transform:translate3d(0,-80px,0);-moz-transition:-moz-transform .5s,opacity .5s;-o-transition:-o-transform .5s,opacity .5s;-webkit-transition:-webkit-transform .5s,opacity .5s;transition:transform .5s,opacity .5s;-moz-transition:-moz-transform .5s,opacity .5s;-o-transition:-o-transform .5s,opacity .5s;-webkit-transition:-webkit-transform .5s,opacity .5s;transition:transform .5s,opacity .5s}
	header .header-nav.open ul.member-actions li,header .header-nav.open ul.primary-nav li{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1;-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
	.header-nav.open ul.primary-nav li:after{position: absolute;content: "";top: 0;right: 0;width: 1px;height: 100%;border-left:none;}
	.header-nav.open ul.primary-nav li a:hover{color: #7f2ba4;text-decoration:underline;}
	nav ul.primary-nav li:first-child{-moz-transition-delay:50ms;-o-transition-delay:50ms;-webkit-transition-delay:50ms;transition-delay:50ms}
	nav ul.primary-nav li:nth-child(2){-moz-transition-delay:.1s;-o-transition-delay:.1s;-webkit-transition-delay:.1s;transition-delay:.1s}
	nav ul.primary-nav li:nth-child(3){-moz-transition-delay:.15s;-o-transition-delay:.15s;-webkit-transition-delay:.15s;transition-delay:.15s}
	nav ul.primary-nav li:nth-child(4){-moz-transition-delay:.2s;-o-transition-delay:.2s;-webkit-transition-delay:.2s;transition-delay:.2s}
	nav ul.member-actions li:first-child{-moz-transition-delay:.25s;-o-transition-delay:.25s;-webkit-transition-delay:.25s;transition-delay:.25s}
	nav ul.member-actions li:nth-child(2){-moz-transition-delay:.3s;-o-transition-delay:.3s;-webkit-transition-delay:.3s;transition-delay:.3s}

	.header-nav.open ul.member-actions .form-controla{border:none;outline: none;font-size: 16px; padding: 6px 0px;width: 6.5rem;display: inline-block;text-align: right;margin-top:1.5rem;background: none;color: #fff;}
	.header-nav.open ul.member-actions .form-controla:hover{background:#7f2ba4;}
	header ul.primary-nav li a{padding:0rem}
	.intro-content{display:inline-block;width:75%;margin-bottom:30px}
	.last{margin:0}
	.features{padding-bottom:0}
	.features .device-showcase,.features-extra .macbook-wrap{display:none}
	.features .responsive-feature-img,.features-extra .responsive-feature-img{display:block;width:85%;margin:15% auto 0}
	.features .responsive-feature-img img,.features-extra .responsive-feature-img img{width:100%}
	.hero-strip{margin-top:0}
	.blog-intro .leftcol{padding:0 15px;margin-bottom:15px;border-right:none}
	.blog-intro .rightcol{padding:0 20px}

/*开始*/
	.indxebanner{padding-top:76px;}
	.spotimg h1{color: #fff;font-size: 2.8rem;line-height:3.8rem;}
	.spotimg h2{font-size:2rem;color: #fff;line-height:2.8rem;}
	.spotimg p span{font-size: 16px;border-bottom: solid 1px #fff;color: #fff;}
	.Friendshiplink dt{width: 18%;vertical-align: top;line-height: 3rem;}
	.Friendshiplink dd{width:80%;vertical-align: top;line-height: 3rem;}
	.Friendshiplink dd a{width:32%;line-height: 3rem;}
	.ul_casrow{margin-bottom: 0;margin-left: 0%;}
	.li_casrow:nth-child(odd){width: 49%;margin-left: 0%;}
	.li_casrow:nth-child(even){width: 49%;margin-left: 2%;}
	.sep_top{padding-top: 6.5rem;}
	.facturing ul{border-bottom:0;}
	.facturing li{float: left;width:100%;margin-right: 0%;padding:1.8rem 0;border-bottom:solid 1px #bababa;}
	.tenet{margin-bottom:8rem;}
	.ple-oriented{height:345px;}
	.ple-oriented:hover{height:345px;}
	.h2_version{font-size: 3.8rem;}
	.system li{padding: 0 2.5%;}
	.Friendshiplink{padding: 2rem 0;}
	.col-moment{float: left;width:32%;margin-right: 2%;}
	.col-moment:nth-child(3){margin-right:0%;}



	@media screen and (max-width:767px){
		.sub_case_nav .navbar-nav, .sub_case_nav .nn_nav{background: #000;}
		.Valore{text-align: center;}
		.Valore li{width: 33.3%;box-sizing: border-box;padding:0 3%;margin-bottom: 2%;}
		.span-Valore{width:7rem;height:7rem;line-height:5.5rem;font-size: 6rem;}
		.procefun_imga li:nth-child(2){padding-top:1.5rem;}
		.system li{float: left;width:50%;padding:0 3%;margin-bottom: 2%;}

	}

	@media screen and (max-width:640px){
		.nextlink{margin-top: 5rem;}
		.currentposi{margin-bottom: 2rem;}
		.journalism:after{content: "";position: absolute;top: 0;left: 52%;width: 1px;height: 95%;background:none;}
		.journalism li{float: left;width:100%;margin-right:0%;margin-bottom: 5%;}
		.tenet{margin-bottom:4rem;}
		.ple-oriented{height:316px;}
		.ple-oriented:hover{height:316px;}
		.product_a{padding-bottom: 3rem;}
		.printimg{margin: 0 auto 18px;}
		.mar-top0{margin-top:0rem;}
		.munover{width: 6.5rem;height:6.5rem;line-height:6.5rem;font-size:5rem;}
		.Casoimg{padding: 3.5rem 0;overflow: hidden;}
		.throu{padding: 3.5rem 0 0rem;}
		.col-moment{float: left;width:32%;margin-right: 2%;}
		.col-moment:nth-child(3){margin-right:0%;}

	}
	@media screen and (max-width:480px){
		/* html{font-size:56.3%;} */
		.hero .hero-content{padding-top:41%}
		.hero .btn{display:block;width:80%;margin:0 auto}
		.hero .btn:first-of-type{margin-bottom:20px}
		.hero h1{font-size:50px}
		.btn-margin-right{margin-right:0}
		.features .device-showcase-left{position:absolute;bottom:-392px;left:41%;right:auto;transform:translateX(-50%)}
		.features .ipad-wrap{width:706px;height:1002px;background:url(../img/ipad-device.png) no-repeat center center;z-index:1;background-size:40%}
		.features .iphone-wrap{width:304px;height:617px;background:url(../img/iphone6.png) no-repeat center center;position:absolute;left:350px;bottom:129px;z-index:2;background-size:40%}
		.features{padding-bottom:0}
		.down-arrow{display:none}
		.Friendshiplink dt{width: 18.5%;vertical-align: top;line-height: 2.4rem;}
		.Friendshiplink dd{width:80%;vertical-align: top;line-height: 2.4rem;}
		.Friendshiplink dd a{width:49%;line-height: 2.4rem;}
		.casebanner{padding:14rem 0;}
		.casebannerlist{padding:6rem 0;}
		.facturing dl dt{width: 100%;}
		.facturing dl dd{width:100%;padding-left: 0px;padding: 15px 0 0;}
		.TitleText{padding: 0 0 1rem;}
		.footernav a{padding: 0 9px;}
		.profi_comimg{padding: 4% 0 5% 0;min-height: 10px;}
		.profi_comimg li{float: left;margin-right: 0%;}
		.profi_comimg li:nth-child(1), .profi_comimg li:nth-child(3){width:100%;}
		.profi_comimg li:nth-child(2){width:100%;}
		.ple-oriented{height:444px;}
		.ple-oriented:hover{height:504px;}
		.h2_version{font-size: 3.6rem;}
		.ulgences li p{margin-top: -1rem;font-size: 16px;}
		.sinessli li{float: none;width: 100%;padding:0 2.5%;}
		.Valore li{float: none;width: 100%;box-sizing: border-box;padding:0 2.5%;}
		.system li{float: none;width:100%;padding:0 2.5%;}
		.mar-top3{margin-top:-4rem;}
		.Casoimg .text-desc span{font-size: 14px;}
		.Caso{padding: 0rem 0 1.5rem;}
		.col-moment{float: none;width:100%;margin-right: 0%;}
		.col-moment:nth-child(3){margin-right:0%;}

	}
	@media screen and (max-width:414px){
		.ple-oriented{height:388px;}
		.ple-oriented:hover{height:448px;}
	}
	@media screen and (max-width:375px){
		.ple-oriented{height:355px;}
		.ple-oriented:hover{height:415px;}
		kinerNav > item{font-size: 17px;}
	}
	@media screen and (max-width:360px){
		.ple-oriented{height:343px;}
		.ple-oriented:hover{height:403px;}


	}

	@media screen and (max-width:320px){
		.footernav a{padding: 0 6px;}
		.ple-oriented{overflow:hidden;height:309px;}
		.ple-oriented:hover{height:396px;}
		kinerNav > item{font-size: 15px;}


	}

}
