.font02{color:#0d9e59; margin-top:4rem;}
.font02 a{color:#0d9e59;display: block;}
.freeme .banner, .freeme .design .info, .freeme .capability .info,.freeme .safety .info,.freeme .cloud .info,.freeme .wear .info{ max-width: 1200px; }	
a{ display: inline-block;}
.freeme p{color: #888; margin: 0; line-height: 2.1;}

/*banner*/
.freeme .banner{ text-align: center; margin: auto; }
.freeme .banner img{ display: block; margin: auto; }
.freeme .banner p{ margin-bottom:100px; text-align:center; margin-top:4rem; font-size:16px; color:#888; line-height:2.1;}
.freeme .banner .banner_title{ margin-top: 108px; text-align:left;}
.freeme .banner .banner_title img{ margin-top: 23px; margin-left:33%;}
.freeme .banner .banner_img{ margin: 77px auto 83px; }
.freeme .banner .banner_img img{ width: 138%; margin-left: -19%; }

/*设计*/
.freeme .design{ position: relative; overflow: hidden; background-color:#fff; }
.freeme .design .info{ margin-left: auto; margin-right: auto; font-size: 16px; }
.freeme .design_img{ float: right; width: 55%;  margin: 60px auto; margin-right:-9%; }
.freeme .design_img img{ width: 100%; }
.freeme .design_title{ width: 54%; float: left; margin: 60px auto; }
.freeme .design_title img{ margin-top: 210px; margin-bottom: 3rem; }

/*功能*/
.freeme .capability{ position: relative; overflow: hidden; }
.freeme .capability .info{ margin-left: auto; margin-right: auto; font-size: 16px; }

.freeme .capability_img{ float: left; width:41%; margin: 102px auto;  margin-left:-30%;}
.freeme .capability_img img{ width: 100%; }
.freeme .capability_img2{ float: right; width: 36%;  margin: 102px auto; margin-right:-28%;}
.freeme .capability_img2 img{ width: 100%;}
.freeme .capability_title{float: left; width: 60%; margin:200px auto; margin-left: 9%; text-align:center; }
.freeme .capability_title img{ margin-top: 200px; margin-bottom: 3rem; }

/*安全*/
.freeme .safety{ position: relative; overflow: hidden; background-color:#fff;}
.freeme .safety .info{ margin-left: auto; margin-right: auto; font-size: 16px; }
.freeme .safety_img{ width: 100%; margin: 102px auto; }
.freeme .safety_img img{ width: 120%; margin-left: -10%;}
.freeme .safety_title{ width: 82%; margin: 60px auto; text-align:center;}
.freeme .safety_title img{ margin-top: 82px; margin-bottom: 3rem; }

/*卓易云*/
.freeme .cloud{ position: relative; overflow: hidden; background:url(../images/freeme_OS/cloud_pic02.jpg) no-repeat; background-position:bottom;}
.freeme .cloud .info{ margin-left: auto; margin-right: auto; font-size: 16px; }
.freeme .cloud_img{ float: right; width: 28%;  margin: 60px auto; margin-right:5%; }
.freeme .cloud_img img{ width: 100%; }
.freeme .cloud_title{ width: 45%; float: left; margin: -15px auto; margin-left:0%;}
.freeme .cloud_title img{ margin-top: 210px; margin-bottom: 3rem; }


/*穿戴*/
.freeme .wear{ position: relative; overflow: hidden; background-color:#fff;}
.freeme .wear .info{ margin-left: auto; margin-right: auto; font-size: 16px; }
.freeme .wear_img{ width: 100%; margin: 102px auto; }
.freeme .wear_img img{ width: 120%; margin-left: -10%;}
.freeme .wear_title{ width: 80%; margin: 60px auto; text-align:center;}
.freeme .wear_title img{ margin-top: 82px; margin-bottom:3rem; }

/*兼容*/
@media only screen and (min-width: 1002px){
	/*.freeme .banner, .freeme .design .info, .freeme .capability .info{ width: 1200px; }*/	
}
@media only screen and (max-width: 1440px){
	.freeme .banner .banner_title {margin-left:3%;}
	.freeme .banner .banner_title img{width:30%;}
	.freeme .banner .banner_img img{width:85%; margin: auto;}
	.freeme .safety_img img, .freeme .wear_img img{width: 100%; margin: auto;}
	
	.freeme .design_img{width:46%; margin-right: -3%;}
	
	.freeme .capability_img{width:32%; margin-left:-15%;}
	.freeme .capability_img2{width:28.5%; margin-right:6%;}
	.freeme .capability_img img{ width: 100%; margin-left:26%;}
	.freeme .capability_img2 img{ width: 100%; margin-left:42%;}
	.freeme .capability_title{width:33%; margin-left:15%;}
	.freeme .capability_title img{margin-top:100px;}
	
	.freeme .safety_img{width:100%;}
	
	.freeme .cloud_img{width:30%; margin-right:8%;}
	.freeme .cloud_title{margin-left:10%;}
	
	.freeme .wear_img{width:92%;}
}

@media only screen and (max-width: 1280px){
	.freeme .banner, .freeme .design .info{ width: 94%; overflow: hidden; }
	.freeme .design_title{ width:32%; margin: 105px auto; color:#666666; margin-left:10%; }
	.freeme .design_title img{margin-top:49px; margin-bottom:4px;}  
	.freeme .design_img{width:50%; margin:-2px auto; margin-right:8%;}
	
	.freeme .capability_img{width:32%; margin-left:-15%;}
	.freeme .capability_img2{width:28.5%; margin-right:6%;}
	.freeme .capability_img img{ width: 100%; margin-left:26%;}
	.freeme .capability_img2 img{ width: 100%; margin-left:42%;}
	.freeme .capability_title{width:33%; margin-left:15%;}
	.freeme .capability_title img{margin-top:100px;}
	
	.freeme .safety_img{width:100%;}
	
	.freeme .cloud_img{width:30%; margin-right:8%;}
	.freeme .cloud_title{width:35%; margin-left:10%;}
	
	.freeme .wear_img{width:92%;}
}

@media only screen and (max-width: 950px){
	.freeme .banner, .freeme .design .info{ width: 94%; overflow: hidden; }
	.freeme .design_title{ width:32%; margin: 18px auto; color:#666666; margin-left:10%; }
	.freeme .design_title img{width: 66%; margin-top:49px; margin-bottom:4px;}  
	.freeme .design_img{width:44%; margin:-2px auto; margin-right:8%;}
	
	.freeme .capability_img{width:28%; margin-left:-8%;}
	.freeme .capability_img2{width:25%; margin-right:6%;}
	.freeme .capability_img img{ width: 100%; margin-left:26%;}
	.freeme .capability_img2 img{ width: 100%; margin-left:20%;}
	.freeme .capability_title{width:33%; margin:118px auto; margin-left:12%;}
	.freeme .capability_title img{width: 90%; margin-top:100px;}
	
	.freeme .safety_img{width:100%;}
	.freeme .safety_title img{width:50%; margin-top:0px;}
	
	.freeme .cloud_img{width:30%; margin-right:8%;}
	.freeme .cloud_title{width:35%; margin:-100px auto; margin-left:10%;}
	.freeme .cloud_title img{width:110%;}
	
	.freeme .wear_img{width:92%;}
	.freeme .wear_title img{width:37%;}
	
}

@media only screen and (max-width:800px){	
	.freeme .design_img, .freeme .design_title{ position: relative; width: 100%; }
	.freeme p{line-height: 25px; width:86%; margin-left:auto; margin-right:auto; }
	.freeme .banner p{ width:80%; margin:32px auto; margin-bottom: 70px; }
	.freeme .banner .title01{ width: 49%; min-width: 202px; }
	.freeme .banner .title02{ width: 38%; min-width: 259px; }
	.freeme .banner .banner_title{margin-top:60px;}
	.freeme .banner .banner_img{ margin: -23px auto; }
		
	.freeme .design{ text-align: center; }
	.freeme .design_title{ margin: 50px auto; }
	.freeme .design_title img{ margin: 28px auto 5px; }
	.freeme .design_title .title01{ width: 24%;}
	.freeme .design_title .title02{ width: 15%;}
	.freeme .design_img{ margin-top: 0; }
	.freeme .design_img img{ width: 54%; margin-left:17%;}
		
	.freeme .capability_img, .freeme .capability_title{ position: relative; width: 100%; }
	.freeme .capability{ text-align: center; }
	.freeme .capability_title{ margin: 50px auto; margin-top:-33px;}
	.freeme .capability_title img{ margin: 28px auto 5px; }
	.freeme .capability_title .title01{ width: 54%;}
	.freeme .capability_title .title02{ width: 35%;}
	.freeme .capability_img{ margin-top: 0; }
	.freeme .capability_img2{ margin-top: 0; }
	.freeme .capability_img img{ width: 48%; margin-left:16%; margin-top:88px;}
	.freeme .capability_img2 img{ width: 140%; margin-left:-258%;}
	
	.freeme .safety_img, .freeme .safety_title{ position: relative; width: 100%; }
	.freeme .safety{ text-align: center; }
	.freeme .safety_title{ margin: 50px auto; margin-top:-33px;}
	.freeme .safety_title img{ margin: 28px auto 5px; }
	.freeme .safety_title .title01{ width: 47%; margin-top:90px;}
	.freeme .safety_title .title02{ width: 28%;}
	.freeme .safety_img{ margin-top: 0; }
	.freeme .safety_img img{ width: 100%; margin-left:0%; margin-top:53px;}	
	
	.freeme .cloud_title p{width:100%;}
	.freeme .cloud_title img{margin-bottom:1rem;}
	.font02{margin-top:2rem;}
}

@media only screen and (max-width:480px){
	.freeme .design .info, .freeme .capability .info, .freeme .safety .info, .freeme .cloud .info, .freeme .wear .info{font-size: 14px;}	
	.freeme .design_img, .freeme .design_title{ position: relative; width: 100%; }
	.freeme p{line-height: 25px; width:86%; margin-left:auto; margin-right:auto; }
	.freeme .banner p{ width:80%; margin:32px auto; margin-bottom: 70px; font-size:0.9rem; line-height:1.8rem; }
	.freeme .banner .title01{ width: 49%; min-width: 202px; }
	.freeme .banner .title02{ width: 38%; min-width: 259px; }
	.freeme .banner .banner_title{margin-top:60px;}
	.freeme .banner .banner_title img{margin-left:21%;}
	.freeme .banner .banner_img{ margin: -23px auto; }
	.freeme .banner .banner_img img{width:102%;}
		
	.freeme .design{ text-align: center; }
	.freeme .design_title{ margin: 50px auto; }
	.freeme .design_title img{ margin: 28px auto 5px; }
	.freeme .design_title .title01{ width: 36%;}
	.freeme .design_title .title02{ width: 15%;}
	.freeme .design_img{ margin-top: 0; }
	.freeme .design_img img{ width: 54%; margin-left:17%;}
		
	.freeme .capability_img, .freeme .capability_title{ position: relative; width: 100%; }
	.freeme .capability{ text-align: center; }
	.freeme .capability_title{ margin: 50px auto; margin-top:-33px;}
	.freeme .capability_title img{ margin: 28px auto 5px; }
	.freeme .capability_title .title01{ width: 54%;}
	.freeme .capability_title .title02{ width: 52%;}
	.freeme .capability_img{ margin-top: 0; }
	.freeme .capability_img2{ margin-top: 0; }
	.freeme .capability_img img{ width: 48%; margin-left:16%; margin-top:88px;}
	.freeme .capability_img2 img{ width: 189%; margin-left:-258%;}
	
	.freeme .safety_img, .freeme .safety_title{ position: relative; width: 100%; }
	.freeme .safety{ text-align: center; }
	.freeme .safety_title{ margin: 50px auto; margin-top:-33px;}
	.freeme .safety_title img{ margin: 28px auto 5px; }
	.freeme .safety_title .title01{ width: 68%; margin-top:40px;}
	.freeme .safety_title .title02{ width: 28%;}
	.freeme .safety_img{ margin-top: 0; }
	.freeme .safety_img img{ width: 124%; margin-left:-12%;}	
	
	.freeme .cloud_title{width:80%; text-align:center; margin-top:-204px;}
	.freeme .cloud_title .title01{width:85%;}
	.freeme .cloud_title p{width:100%;}
	.freeme .cloud_title img{margin-bottom:1rem;}
	.freeme .cloud_img{width:55%; margin-right:21%; margin-top:148px;}
	.font02{margin-top:2rem;}
	
	.freeme .wear_title img { width: 74%; margin-top:14px;}
}