/*c3导航 start*/
.c3-nav{
    position: relative;
	width: 100%;
	min-width: 720px;
	box-sizing: border-box;
	margin: auto;
	background: rgba(255,255,255,0.95);
	border-bottom: 1px solid #dedede;
	font-size: 14px;
	z-index: 40;
    top:0;
    left: 0;
}
.nav{ position: relative; margin:auto; }
.nav-title{
    display: inline-block; 
    margin-left: 25px; 
    height: 50px; 
    line-height: 50px; 
    font-size: 18px; 
    color: #ff0000;
}
.menu{
    float: right; 
    display: inline-block; 
    margin-right: 220px; 
    height: 50px; 
    line-height: 50px;
}
.menu .menu-item{ display: inline-block; }
.menu-item a{
	display: inline-block;
	height: 50px;
	line-height: 50px;
    vertical-align: middle;
    color: #333;
    margin: 0 15px;
    box-sizing: border-box;
    font-size: 14px;
}
.menu-item a.active{ border-bottom: 4px solid red; }
.menu-item a:hover{ color: red; }

/*立即购买*/
.buy-btn{
    position: absolute;
    right: 10px;
    top:7px;
    width: 150px;
    height: 36px;
    line-height: 36px;
    background:#ff0000;
    border-radius: 5px;
    text-align: center;
}
.buy-btn a{
    display: block;
    color: #fff;
}
.buy-btn:hover{ background:#e52027; }
/*c3导航 end*/


/********************
c3详情界面
********************/

.main-section{ width: 100%; min-width: 720px; margin: auto; }
.main-section img{ display: block; width: 100%; }
.part{ 
    position: relative;
    width:100%;
    min-width: 720px;
    background-size: 100%;
    background-repeat: no-repeat;
    overflow: hidden;
}
.c3-content{ position: absolute; color: #333; z-index: 1; }
.c3-content h3{
    font-size: 42px;
    margin-bottom: 25px;
    line-height: normal;
    font-family: 'WEBFONT';
}
.c3-content p{ font-size: 20px; }
.c3-content .mb{ margin-bottom: 5px; }
.text-wrap{
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 1;
    text-align: center;
}

/*上下页*/
.ft-page{
    width:100%;
    min-width: 720px;
    overflow:hidden;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: #f6f6f6;
    font-size: 14px;
}
.ft-page-cont{position: relative; margin: auto; padding:0 20px; height: auto; box-sizing: border-box;}
.ft-page-left, .ft-page-right{ box-sizing: border-box; position: relative; width: 50%;}
.ft-page-left{ float: left; text-align: left;padding-top: 8%;}
.ft-page-left .next-page{ font-size: 18px; color: #333;}
.ft-page-name{ font-family: "WEBFONT"; font-size: 36px; margin-top: 5px; margin-bottom: 48px; font-weight: 400; }
.ft-page-left .page-link a{ font-size: 16px; color: #ff0000; }
.ft-page-left .page-link a span, .ft-page-left .page-link a i{ display: inline-block; float: left;}
.ft-page-left .page-link a i{
    position: relative;
    width: 22px;
    height: 22px;
    margin-left: 10px;
    background:url(../images/learningEye_icon0.png) no-repeat;
    background-position: 1px 1px;
}
.ft-page-right{ float: right; text-align: right;}
.ft-page-right img{ display: block; width:71%; }

/*硬件篇*/

/*part1 start*/
.hardware-looks{
    padding-top: 42.5520%;
    background-color: #ece6d8;
    font-family:'WEBFONT';
}
.hardware-looks .spread-wrap{
    position: absolute;
    top:0;
    left: 22.1875%;
    width:29.6875%;
} 
.hardware-looks .spread-wrap .pic{
    position: absolute;
    top:0;
    left: 0;
    z-index: 1;
    -webkit-transition: transform 3s ease;
    -moz-transition: transform 3s ease;
    -o-transition: transform 3s ease;
    -ms-transition: transform 3s ease;
    transition: transform 3s ease;
}
.hardware-looks .spread-wrap .back{
   -webkit-transform: translate3d(12%,0,0);
    -moz-transform: translate3d(12%,0,0);
    -o-transform: translate3d(12%,0,0);
    -ms-transform: translate3d(12%,0,0);
    transform: translate3d(12%,0,0);
}
.hardware-looks .spread-wrap .face{
    -webkit-transform: translate3d(-12%,0,0);
    -moz-transform: translate3d(-12%,0,0);
    -o-transform: translate3d(-12%,0,0);
    -ms-transform: translate3d(-12%,0,0);
    transform: translate3d(-12%,0,0);
}
.hardware-looks .spread-wrap .up{
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.hardware-looks .c3-content{ top:31%; left: 57%; }
.hardware-looks .c3-content h1{ font-size: 64px; color: #b57b32; font-family: 'WEBFONT'; }
.hardware-looks p{ font-size: 22px;}
/*part1 end*/

/*part2 start*/
.hardware-processor{
    padding-top: 45.7291%;
    background-image: url(../images/c3_hardware_2.jpg);
}
.hardware-processor .c3-content{
    width:100%;
    left: 0;
    bottom:11.3895%;
    text-align: center;
    color: #fff;
}
.hardware-processor .box-wrap{ margin:45px auto 0; width:980px;}
.hardware-processor .box{
    float: left;
    margin-right: 40px;
    width:300px;
    height: 135px;
    border:1px solid #fff;
    box-sizing: border-box;
}
.hardware-processor .box:last-child{ margin-right: 0; }
.hardware-processor h4{ line-height: 74px; font-size: 36px; font-family: 'WEBFONT' }
.hardware-processor .box-wrap p{ margin-top: 10px; }
/*part2 end*/

/*part3 start*/
.hardware-screen{ padding-top: 42%; background-color: #fff; }
.hardware-screen .c3-content{ top:0; left: 0; width:100%; height: 100%; }
.hardware-screen .pic {
    position: relative;
    width: 62.5%;
    margin: 19.8% auto 7%;
    z-index: 1;
}
.hardware-screen .layer-wrap { position: absolute; left: 0; width: 100%; height: 100%; }
.hardware-screen .bot { bottom: -16%; transition: all 1s; }
.hardware-screen .mid { bottom: -16%; opacity: 0; transition: all 1s .5s; }
.hardware-screen .top { bottom: -24%; opacity: 0; transition: all 1s 1s; }
.hardware-screen .tips { position: absolute; font-size: 16px; left: 76%; opacity: 0; }
.hardware-screen .line { float: left; width: 110px; }
.hardware-screen .glass { top: 4%; transition: opacity 1s 2.5s linear; }
.hardware-screen .signal { top: 30%; transition: opacity 1s 3s linear; }
.hardware-screen .metal { top: 47%; transition: opacity 1s 3.5s linear; }
.hardware-screen .name { float: left; position: relative; top: -10px; margin-left: 10px; }
.hardware-screen.animated .layer-wrap { bottom: 0; opacity: 1; }
.hardware-screen.animated .tips {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none;
}
.hardware-screen .text-wrap{ top:13.38%; }
/*part3 end*/

/*part4 start*/
.hardware-camera{ padding-top: 57.1875%; background-image: url(../images/summary_3.jpg); }
.hardware-camera .amimateWrap {
    position: absolute;
    left: 17.71%;
    bottom: 0;
    width: 64.58%;
    z-index: 2;
}
.amimateWrap .cont {
    position: absolute;
    width: 77.742%;
    bottom: 6.815%;
    left: 11.129%;
    overflow: hidden;
}
.amimateWrap .up img {
    -webkit-transition: all 5s linear;
    -moz-transition: all 5s linear;
    -o-transition: all 5s linear;
    transition: all 5s linear;
    -moz-transform: scale(1.1,1.1);
    -webkit-transform: scale(1.1,1.1);
    -o-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1);
}
.hardware-camera .c3-content{
    width: 100%;
    top:10.2914%;
    text-align: center;
    z-index: 2;
}
.hardware-camera .list{
    width: 100%;
    max-width: 1200px;
    margin: auto;
    padding: 38px 20px;
    text-align: center;
    color: #333;
}
.hardware-camera .list li{
    display: inline-block;
    padding: 0 2.9%;
    font-size: 36px;
    border-left: 1px solid #7f7f7f;
}
.hardware-camera .list li:first-child { border-left: none; }
.hardware-camera .list li em{
    font-family: 'WEBFONT'
}
.hardware-camera .list label {
    display: block;
    padding-top: 20px;
    font-size: 20px;
    font-weight: 400;
}
/*part4 end*/

/*part5 start*/
.hardware-type{ padding: 8% 0 14%; }
.hardware-type .back-pic, .hardware-type .face-pic {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: transform 1s ease;
    -moz-transition: transform 1s ease;
    -o-transition: transform 1s ease;
    -ms-transition: transform 1s ease;
    transition: transform 1s ease;
}
.hardware-type .back-pic { width: 35%; margin-left: 40%; }
.hardware-type .face-pic { width: 30%; margin: -16.5% 0 0 30%; }
.hardware-type .infoOne{ top: 20%; left: 24%; }
.hardware-type .infoTwo{ left: 62%; bottom: 32%; }
.hardware-type .network-type { width: 71.42%; max-width: 445px; margin-top: 20px; }
/*part5 end */

/*part6 start*/
.hardware-charge{ padding-top: 47.8125%; background-color: #142836; }
.hardware-charge .text-wrap{ top:12.75%; color: #fff; }
.hardware-charge .animate-wrap{ top:30.2832%; left: 25%; width: 90%; }   
.hardware-charge .animate-wrap .pic{ position: absolute; top:0; left: 0; z-index: 1; }
.hardware-charge .animate-wrap .phone{ z-index: 3; }
.hardware-charge .animate-wrap .light{ opacity: 0; z-index: 4; }
.hardware-charge .animate-wrap .line{
    z-index: 2;
    -webkit-transform: translateX(0) translateY(-17%);
    -moz-transform: translateX(0) translateY(-17%);
    -o-transform: translateX(0) translateY(-17%);
    -ms-transform: translateX(0) translateY(-17%);
    transform: translateX(0) translateY(-17%);
    -webkit-transition: transform 1s ease;
    -moz-transition: transform 1s ease;
    -o-transition: transform 1s ease;
    -ms-transition: transform 1s ease;
    transition: transform 1s ease;
}
.hardware-charge .on .line{
    -webkit-transform: translateX(-7.18%) translateY(-20%);
    -moz-transform: translateX(-7.18%) translateY(-20%);
    -o-transform: translateX(-7.18%) translateY(-20%);
    -ms-transform: translateX(-7.18%) translateY(-20%);
    transform: translateX(-7.18%) translateY(-20%);
}
.hardware-charge .on .light{ opacity: 1; transition: opacity .2s 1s; }
/*part6 end*/

/*功能篇*/
.function-video{ 
    padding-top: 49.0625%;
    background-color: #f1ebdf;
}
.function-video .pic {
    position: absolute;
    width: 35%;
    right: 20%;
    bottom: 0;
    z-index: 1;
    -webkit-transition: transform 3s ease;
    -moz-transition: transform 3s ease;
    -o-transition: transform 3s ease;
    -ms-transition: transform 3s ease;
    transition: transform 3s ease;
}
.function-video .back {
    -webkit-transform: translate3d(10%,0,0);
    -moz-transform: translate3d(10%,0,0);
    -o-transform: translate3d(10%,0,0);
    -ms-transform: translate3d(10%,0,0);
    transform: translate3d(10%,0,0);
}
.function-video .face {
    z-index: 2;
    -webkit-transform: translate3d(-10%,0,0);
    -moz-transform: translate3d(-10%,0,0);
    -o-transform: translate3d(-10%,0,0);
    -ms-transform: translate3d(-10%,0,0);
    transform: translate3d(-10%,0,0);
}
.function-video .pic.up {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.function-video .c3-content{ top:29.6178%; left: 21.875%; }
.function-video .c3-content a{ color: #b7823f; }
.function-video .c3-content a:hover{ text-decoration: underline;  }
.function-video i{
    position: relative;
    display: inline-block;
    margin-left: 10px;
    top:8px;
    width:30px;
    height: 30px;
    background:url(../images/c3_function_7_btn.png) no-repeat;
}
.content.hid{ display: none; }
.function-video-wrap{
    display: none;
    position: fixed;
    top:0;
    left: 0;
    right: 0;
    bottom: 0;
    width:100%;
    min-width: 720px;
    height: 100%;
    background:#fff;
    z-index: 9999;
    overflow: hidden;
}
.function-video-wrap .closeBtn{
    position: absolute;
    top:45px;
    right: 45px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    background:url(../images/player_close.png) no-repeat;
    background-size: 100%;
    z-index: 3
}
.function-video-wrap .closeBtn:hover{ color: #666; }
.function-video-wrap .modal-wrap{
    position: absolute;
    display: table;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.modal-wrap #videoPlayer{
    position:absolute;
    left:50%;
    top:50%;
    margin-top: -216px;
    margin-left:-384px;
}
.jw-tab-focus:focus{
    outline-width:0 !important;
}
.function-method .c3-content{ position: relative; padding:7% 0; text-align: center; }
.function-method .pic-box{ position: relative; }
.pic-box .pic {
    position: absolute;
    top: 5%;
    left: 26.2%;
    width: 47.6%;
    z-index: 1;
    -webkit-transition: transform 3s ease;
    -moz-transition: transform 3s ease;
    -o-transition: transform 3s ease;
    -ms-transition: transform 3s ease;
    transition: transform 3s ease;
}
.pic-box .pic.one {
    -webkit-transform: translate3d(-17px,27px,0);
    -moz-transform: translate3d(-17px,27px,0);
    -o-transform: translate3d(-17px,27px,0);
    -ms-transform: translate3d(-17px,27px,0);
    transform: translate3d(-17px,27px,0);
}
.pic-box .pic.two {
    -webkit-transform: translate3d(17px,-27px,0);
    -moz-transform: translate3d(17px,-27px,0);
    -o-transform: translate3d(17px,-27px,0);
    -ms-transform: translate3d(17px,-27px,0);
    transform: translate3d(17px,-27px,0);
}
.function-type .pic { position: absolute; top: 5.5%; right: 20%; width: 22.2%; z-index: 1; }
.function-type .c3-content{ top:10%; left: 20.5208%; }
.function-type .c3-content ul{ margin-top: 28px; max-width: 550px; width: 100%; }
.function-type .c3-content li{ float: left; margin:30px 25px 0 0; font-size: 16px; text-align: center;}
.function-type .c3-content i{
    display: block;
    margin-bottom: 10px;
    width: 85px;
    height: 85px;
    background:url(../images/c3_function_typeIcon.png) no-repeat;
    background-size: 100%;
    background-position: 0 0;
    overflow: hidden;
}
.function-type .c3-content i.english{ background-position: 0px -118px; }
.function-type .c3-content i.chinese{ background-position: 0px -232px; }
.function-type .c3-content i.geography{ background-position: 0px -347px; }
.function-type .c3-content i.chem{ background-position: 0px -461px; }
.function-type .c3-content i.history{ background-position: 0px -571px; }
.function-type .c3-content i.physical{ background-position: 0px -677px; }
.function-type .c3-content i.biology{ background-position: 0px -788px; }
.function-type .c3-content i.thinks{ background-position: 0px -898px; }

.function-source{ padding-top:48.625%; }
.function-source .c3-content{ top: 0; height: 100%; }
.function-source .c3-content ul{ width:750px; margin:auto; }
.function-source .c3-content li{ float: left; width:250px; }
.function-source h4{
    margin-bottom: 20px;
    font-size: 28px;
    color: #7b5e25;
    border-right: 1px solid #7b5e25;
    font-family: 'WEBFONT';
}
.function-source .last{ border-right: 0; }
.function-source ul p{ color: #707070; }
.function-source .phone-wrap{ margin:1.5% auto; width: 55.2083%; }
.function-efficiency{ padding-top: 48.5416%; background-image: url(../images/c3_function_2_bg.jpg);}
.function-efficiency .pic-wrap{
    position: absolute;
    right:17%;
    bottom: 0;
    width:38%;
    overflow: hidden;
    top:10.66%;
}
.function-efficiency .pic{ position: absolute; left: 1px; bottom: 0; width:100%; z-index: 1;}
.function-efficiency .phone{ z-index: 2; }
.function-efficiency .screen{
    -webkit-transform: translateY(40.3%);
    -o-transform: translateY(40.3%);
    -ms-transform: translateY(40.3%);
    -moz-transform: translateY(40.3%);
    transform: translateY(40.3%);

    -webkit-transition: transform 3s linear;
    -o-transition: transform 3s linear;
    -ms-transition: transform 3s linear;
    -moz-transition: transform 3s linear;
    transition: transform 3s linear;
}
.function-efficiency .on{
    -webkit-transform: translateY(37%);
    -o-transform: translateY(37%);
    -ms-transform: translateY(37%);
    -moz-transform: translateY(37%);
    transform: translateY(37%);
}
.function-efficiency .c3-content{ width:30%; top:29.9356%; right: 55%; color: #fff; }
.function-efficiency h3{ margin-bottom: 15px; }
.function-efficiency .lastHd{ margin-bottom: 30px; }
.function-efficiency .firstP{ margin-bottom: 20px; }

.function-tutors{margin-bottom: 70px;}
.function-tutors .c3-content{position: relative; padding:7% 0 3% 0; text-align: center;}
.function-tutors .one-to-one { margin: auto; width: 42.8125%; }

.function-layer{ padding-top: 31.9791%; background-image: url(../images/c3_function_6_bg.jpg); }
.function-layer .phone{ position: absolute; width: 30%; right: 20%; top:0; z-index: 1; }
.function-layer .c3-content{ top: 51.14%; right: 57.2916%; color: #fff; }
.function-layerType{ padding:100px 0; }
.function-layerType ul{ width: 100%; text-align: center; }
.function-layerType li { 
    display: inline-block; 
    opacity: 0; 
    margin-left: 95px; 
    text-align: center; 
    font-size: 20px; 
}
.function-layerType li:nth-child(1) { 
    margin-left: 0; 
    -webkit--ms-transition: opacity 3s .5s;
    -o--ms-transition: opacity 3s .5s;
    -ms-transition: opacity 3s .5s;
    -moz-transition: opacity 3s .5s;
    transition: opacity 3s .5s;
}
.function-layerType li:nth-child(2) { 
    -webkit-transition: opacity 3s 1s;
    -o-transition: opacity 3s 1s;
    -ms-transition: opacity 3s 1s;
    -moz-transition: opacity 3s 1s;
    transition: opacity 3s 1s;
}
.function-layerType li:nth-child(3) { 
    -webkit-transition: opacity 3s 1.5s;
    -o-transition: opacity 3s 1.5s;
    -ms-transition: opacity 3s 1.5s;
    -moz-transition: opacity 3s 1.5s;
    transition: opacity 3s 1.5s;
}
.function-layerType li:nth-child(4) { 
    -webkit-transition: opacity 3s 2s;
    -o-transition: opacity 3s 2s;
    -ms-transition: opacity 3s 2s;
    -moz-transition: opacity 3s 2s;
    transition: opacity 3s 2s;
}
.function-layerType.on li{ opacity: 1; }
.function-layerType i {
    display: block;
    margin-bottom: 20px;
    width: 126px;
    height: 126px;
    background: url(../images/tutors_icon.png) no-repeat;
}
.function-layerType i.bs { background-position: 1px 0px; }
.function-layerType i.ad { background-position: 1px -143px; }
.function-layerType i.et { background-position: 1px -288px; }
.function-layerType i.it { background-position: 1px -423px; }
.function-layerType .gray{ margin-top: 20px; color: #858585; }

.function-setup{padding-top: 47.3958%; background-color: #00c86a;}
.function-setup .figure {
    position: absolute;
    width: 34%;
    top: 0;
    right: 15%;
    z-index: 1;
}
.function-setup .figure em {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.function-setup .figure em.f1 {
    opacity: 0;
    -webkit-transform: translate3d(50px,100px,0);
    -moz-transform: translate3d(50px,100px,0);
    transform: translate3d(50px,100px,0);
    -webkit-transition: opacity 2s .6s cubic-bezier(.38,.01,.22,1),-webkit-transform 2s .6s cubic-bezier(.38,.01,.22,1);
    -moz-transition: transform 2s .6s cubic-bezier(.38,.01,.22,1),opacity 2s .6s cubic-bezier(.38,.01,.22,1),-moz-transform 2s .6s cubic-bezier(.38,.01,.22,1);
    transition: transform 2s .6s cubic-bezier(.38,.01,.22,1),opacity 2s .6s cubic-bezier(.38,.01,.22,1),-webkit-transform 2s .6s cubic-bezier(.38,.01,.22,1),-moz-transform 2s .6s cubic-bezier(.38,.01,.22,1);
}
.function-setup .figure em.f2 {
    opacity: 0;
    -webkit-transform: translate3d(50px,100px,0);
    -moz-transform: translate3d(50px,100px,0);
    transform: translate3d(50px,100px,0);
    -webkit-transition: opacity 2s .2s cubic-bezier(.38,.01,.22,1),-webkit-transform 2s .2s cubic-bezier(.38,.01,.22,1);
    -moz-transition: transform 2s .2s cubic-bezier(.38,.01,.22,1),opacity 2s .2s cubic-bezier(.38,.01,.22,1),-moz-transform 2s .2s cubic-bezier(.38,.01,.22,1);
    transition: transform 2s .2s cubic-bezier(.38,.01,.22,1),opacity 2s .2s cubic-bezier(.38,.01,.22,1),-webkit-transform 2s .2s cubic-bezier(.38,.01,.22,1),-moz-transform 2s .2s cubic-bezier(.38,.01,.22,1);
}
.function-setup .figure.stagein em {
    opacity: 1;
    -webkit-transform: translate3d(0,-20px,0);
    -moz-transform: translate3d(0,-20px,0);
    transform: translate3d(0,-20px,0);
}
.function-setup .c3-content{
    right: 52.8125%;
    top:40.4395%;
    color: #fff;
    width: 30%;
}
.function-help{
    height: 910px;
    background: url(../images/c3_parentAs_2.jpg) center center no-repeat;
}
.function-help .type-icon-wrap{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

.type-icon-wrap .icon{display: inline-block; float: left; background: url(../images/parentAs_icon1.png) no-repeat;}
.type-icon-wrap .text{display: inline-block; float: left; margin-left: 15px; font-size: 26px; color: #707070; font-family: 'WEBFONT'}
.type-icon-wrap .num{ font-size: 48px; }
.type-icon-wrap .item{ position: absolute; z-index: 1 }
.type-icon-wrap .one{ bottom:15.9912%; left: 20%; }
.type-icon-wrap .two{ bottom:12.8149%; left: 50.3646%; }
.type-icon-wrap .three{ bottom:21.9058%; left: 71%; }
.type-icon-wrap .four{ top:19.1676%; left: 54.4792%; }
.type-icon-wrap .five{ top:32%; left: 30.9375%; }
.type-icon-wrap .six{ left: 17.552%; bottom: 42.716%; }
.type-icon-wrap .seven{ top: 10.296%; left: 17.552%; }
.type-icon-wrap .eight{ top: 6.9003%; left: 66.5625%; }
.type-icon-wrap .nine{ top: 36.035%; left: 65%; }
.type-icon-wrap .two .icon{ width: 91px; height: 95px; background-position: 0px -777px;}
.type-icon-wrap .one .icon{ width: 94px; height: 96px; background-position: 0px -671px;}
.type-icon-wrap .four .icon{ width: 96px; height: 100px; }
.type-icon-wrap .comIcon{ width:80px; height: 84px; }
.type-icon-wrap .three .icon{ background-position: 0px -577px; }
.type-icon-wrap .four .icon{ background-position: 0px -186px; }
.type-icon-wrap .five .icon{ background-position: 0px -297px; }
.type-icon-wrap .six .icon{ background-position: 0px -484px; }
.type-icon-wrap .seven .icon{ background-position: 0px -90px; }
.type-icon-wrap .eight .icon{ background-position: 0px 2px; }
.type-icon-wrap .nine .icon{ background-position: 0px -392px; }
.type-icon-wrap .comText{ line-height: 80px; }
.type-icon-wrap .four .text{ line-height: 96px; }
.type-icon-wrap .two .text{ line-height: 91px; }
.type-icon-wrap .one .text{ line-height: 92px; }
.function-help .c3-content{ width:100%; bottom: 33%; left: 0; text-align: center;}
.function-help .c3-content h3{font-size: 44px;}

/*功能篇最后一版 start*/
.function-guard{ padding-top: 41.6666%;}
.function-guard .c3-content{ width: 28%; top: 30.875%; left: 51.1458%; color: #fff; z-index: 2}
.function-guard h3{margin-bottom: 10px;}
.function-guard h4{font-size: 34px; margin-bottom: 25px;}
.function-guard .bg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.function-guard .model1 {
    background: url(../images/c3_function_switch1.png) center center no-repeat;
    background-size: auto 100%;
    z-index: 1;
}
.function-guard .model2 {
    background: url(../images/c3_function_switch2.png) center center no-repeat;
    background-size: auto 100%;
    z-index: 1;
    opacity: 0;
}
.function-guard.on .model2 {
    -webkit-animation: alpha 3s ease-out forwards;
    -moz-animation: alpha 3s ease-out forwards;
    animation: alpha 3s ease-out forwards;
}
.function-guard.off .model2 {
    -webkit-animation: alpha2 2s ease-out forwards;
    -moz-animation: alpha2 2s ease-out forwards;
    animation: alpha2 2s ease-out forwards;
}
.switch-box { margin-top: 60px; width: 300px; height: 50px; }
.switch-box span { color: #fff; line-height: 50px; vertical-align: top; font-size: 26px; }
.switch-box .switch-btn {
    position: relative;
    display: inline-block;
    margin: 0 15px;
    width: 80px;
    height: 50px;
    border-radius: 25px;
    background-image:url(../images/switch_btn_bg1.png);
    background-size: 100%;
    background-repeat: no-repeat;
    cursor: pointer;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.switch-box .switch-btn.on {
    background-image: url(../images/switch_btn_bg2.png);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.switch-box .switch-btn .switch-ico {
    position: absolute;
    margin-top: -21px;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 1px 1px 5px #d5d5d5;
    top: 50%;
    left:0;
    transform: translate3d(4px,0,0);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.switch-box .switch-btn.on .switch-ico {
    left: 31px;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

/*功能篇最后一版 keyframes规则 start*/
@-webkit-keyframes alpha{ 0%{opacity: 0;} 20%{opacity: 0.8;} 100%{opacity: 1;} }
@-moz-keyframes alpha{ 0%{opacity: 0;} 20%{opacity: 0.8;} 100%{opacity: 1;} }
@keyframes alpha{ 0%{opacity: 0;} 20%{opacity: 0.8;} 100%{opacity: 1;} }

@-webkit-keyframes alpha2{ 0%{opacity: 1;} 20%{opacity: 0.8;} 100%{opacity: 0;} }
@-moz-keyframes alpha2{ 0%{opacity: 1;} 20%{opacity: 0.8;} 100%{opacity: 0;} }
@keyframes alpha2{ 0%{opacity: 1;} 20%{opacity: 0.8;} 100%{opacity: 0;} }
/*end*/


/*媒体查询*/
@media screen and (min-width: 1200px){
    .nav{ width: 1200px; }
    .menu{margin-right: 260px;}

    /*立即购买*/
    .buy-btn{ right: 0px; }

    .ft-page-cont{ width: 1200px; }
    .ft-page-left{padding-top: 109px;}
    .ft-page-left .page-link a i{ top:1px; }

    /*功能篇*/
    .function-efficiency .c3-content{right: 56%;}
}
@media screen and (max-width: 1200px){
    .function-layerType li { font-size: 13px; margin-left: 70px; }
    .function-layerType i {
        display: block;
        margin-bottom: 20px;
        width: 92px;
        height: 92px;
        background: url(../images/tutors_icon.png) no-repeat;
    }
    .function-layerType i.bs { background-position: -151px 1px; }
    .function-layerType i.ad { background-position: -151px -104px; }
    .function-layerType i.et { background-position: -151px -211px; }
    .function-layerType i.it { background-position: -151px -320px; }

    .function-guard h4{ margin-bottom: 20px;}
}


@media screen and (max-width: 1680px) and (min-width: 1441px){
    
    .c3-content h3{ font-size: 36px; }
    .c3-content p{ font-size: 18px; }

    /*硬件篇*/
    .hardware-looks .c3-content h1{ font-size: 60px; }
    .hardware-processor .box-wrap{width:880px;}
    .hardware-processor .box{margin-right: 35px; width: 270px; height:117px; }
    .hardware-processor h4{font-size: 32px; line-height: 64px;}

    .hardware-screen .line{ width: 100px; }
    .hardware-camera .list li{font-size: 34px;}
    .hardware-camera .list label {padding-top:18px; font-size: 18px;}
    .hardware-type .infoTwo{bottom: 30%; }

    /*功能篇*/
    .function-type .c3-content ul{ max-width: 500px; }
    .function-type .c3-content i{ width:75px; height: 75px; }
    .function-type .c3-content i.english{ background-position: 0px -104px; }
    .function-type .c3-content i.chinese{ background-position: 0px -205px; }
    .function-type .c3-content i.geography{ background-position: 0px -306px; }
    .function-type .c3-content i.chem{ background-position: 0px -407px; }
    .function-type .c3-content i.history{ background-position: 0px -504px; }
    .function-type .c3-content i.physical{ background-position: 0px -597px; }
    .function-type .c3-content i.biology{ background-position: 0px -695px; }
    .function-type .c3-content i.thinks{ background-position: 0px -792px; }

    .ft-page-name{ font-size: 34px;}

    .function-help{ height: 800px;}
    .type-icon-wrap .num { font-size: 46px; }
    .type-icon-wrap .text { font-size: 24px; }
    .type-icon-wrap .two .icon{ width: 80px; height: 84px; background-position: -111px -716px; }
    .type-icon-wrap .one .icon{ width: 81px; height: 85px; background-position: -111px -620px; }
    .type-icon-wrap .four .icon{ width: 86px; height: 88px; background-position: -110px -175px; }
    .type-icon-wrap .comIcon{ width:70px; height: 74px; }
    .type-icon-wrap .comText{ line-height: 70px; }
    .type-icon-wrap .four .text{ line-height: 84px; }
    .type-icon-wrap .two .text{ line-height: 80px; }
    .type-icon-wrap .one .text{ line-height: 81px; }
    .type-icon-wrap .eight{top:6%; left: 68%;}
    .type-icon-wrap .four{top:14%;}
    .type-icon-wrap .five{left: 23%;}
    .type-icon-wrap .nine{left: 71%;}
    .type-icon-wrap .three{left: 76%;}
    .type-icon-wrap .one{bottom: 12%; left: 13%;}
    .type-icon-wrap .three .icon{ background-position: -111px -533px; }
    .type-icon-wrap .five .icon{ background-position: -111px -275px; }
    .type-icon-wrap .six .icon{ background-position: -111px -448px; }
    .type-icon-wrap .seven .icon{ background-position: -111px -86px; }
    .type-icon-wrap .eight .icon{ background-position: -111px 2px; }
    .type-icon-wrap .nine .icon{ background-position: -112px -360px; }

    .function-guard h4{ font-size: 30px; }

    /*last model*/
    .switch-box{margin-top: 40px;}
    .function-guard .c3-content{top: 27%;}
    
}
@media screen and (max-width: 1440px){
    .hardware-screen .tips { font-size: 14px; }

    .function-help{ height: 700px; }
    .type-icon-wrap .eight{top:3%; left: 71%;}
    .type-icon-wrap .four{top: 10%;}
    .type-icon-wrap .five{left: 20%;}
    .type-icon-wrap .nine{left: 75%;}
    .type-icon-wrap .six{left: 12%;}
    .type-icon-wrap .three{left: 83%;}
    .type-icon-wrap .one{left: 8%; bottom: 8%;}
    .type-icon-wrap .num { font-size: 44px; }
    .type-icon-wrap .text { font-size: 22px; }
    .type-icon-wrap .two .icon{ width: 71px; height: 71px; background-position: -211px -630px; }
    .type-icon-wrap .one .icon{ width: 72px; height: 71px; background-position: -211px -544px; }
    .type-icon-wrap .four .icon{ width: 74px; height: 74px; background-position: -211px -149px; }
    .type-icon-wrap .comIcon{ width:62px; height: 62px; }
    .type-icon-wrap .comText{ line-height: 60px; }
    .type-icon-wrap .four .text{ line-height: 72px; }
    .type-icon-wrap .one .text, .type-icon-wrap .two .text{ line-height: 69px; }
    .type-icon-wrap .three .icon{ background-position: -211px -467px; }
    .type-icon-wrap .five .icon{ background-position: -211px -237px; }
    .type-icon-wrap .six .icon{ background-position: -211px -390px; }
    .type-icon-wrap .seven .icon{ background-position: -211px -73px; }
    .type-icon-wrap .eight .icon{ background-position: -211px 1px; }
    .type-icon-wrap .nine .icon{ background-position: -211px -315px; }
}

@media screen and (min-width: 1201px) and (max-width: 1440px){
   
    .c3-content h3{ font-size: 36px; }
    .c3-content p{ font-size: 16px; }

    /*硬件篇*/
    .hardware-looks .c3-content h1{ font-size: 54px; }
    .hardware-processor .box-wrap{width:810px;}
    .hardware-processor .box{margin-right:30px; width: 250px; height:108px; }
    .hardware-processor h4{font-size: 28px; line-height: 64px;}
    .hardware-processor .box-wrap p{margin-top: 5px;}

    .hardware-screen .line{ width: 80px; }
    .hardware-camera .list li{font-size: 30px;}
    .hardware-camera .list label {padding-top:16px; font-size: 16px;}
    .hardware-type .infoTwo{bottom: 28%; }

    /*功能篇*/
    .function-type .c3-content ul{ max-width: 450px; }
    .function-type .c3-content i{ width:65px; height: 65px; }
    .function-type .c3-content i.english{ background-position: 0px -90px; }
    .function-type .c3-content i.chinese{ background-position: 0px -177px; }
    .function-type .c3-content i.geography{ background-position: 0px -265px; }
    .function-type .c3-content i.chem{ background-position: 0px -352px; }
    .function-type .c3-content i.history{ background-position: 0px -436px; }
    .function-type .c3-content i.physical{ background-position: 0px -517px; }
    .function-type .c3-content i.biology{ background-position: 0px -602px; }
    .function-type .c3-content i.thinks{ background-position: 0px -686px; }
    .function-layerType li { font-size: 18px; }

    .ft-page-name{ font-size: 32px;}

    .function-guard h4{ font-size: 26px; }
    .function-video .c3-content{left: 19%;}

    /*last model*/
    .function-guard .c3-content{top: 27%;}
    .switch-box{margin-top: 30px; height: 42px;}
    .switch-box .switch-btn{width: 70px; height: 42px;}
    .switch-box .switch-btn .switch-ico{width: 34px; height: 34px; margin-top: -17px;}
    .switch-box .switch-btn.on .switch-ico { left:29px; }
    .switch-box span{line-height: 42px; font-size: 24px;}

}

@media screen and (max-width: 1200px) and (min-width: 980px){
    
    .c3-content h3{ font-size: 28px; }
    .c3-content p{ font-size: 16px; }
    
    /*硬件篇*/
    .hardware-looks .c3-content h1{ font-size: 50px; }
    .hardware-processor .box-wrap{width:690px;}
    .hardware-processor .box{width: 210px; height:99px; margin-right: 30px; }
    .hardware-processor h4{font-size: 24px; line-height: 56px;}
    .hardware-processor .box-wrap p{margin-top: 5px;}
    .hardware-screen .line{ width: 50px; }
    .hardware-camera .list{padding:26px 20px;}
    .hardware-camera .list li{font-size: 26px;}
    .hardware-camera .list label {padding-top:6px; font-size: 14px; line-height: 26px;}
    .hardware-type .infoTwo{bottom: 26%; }

    .ft-page-left .next-page{ font-size: 16px; }
    .ft-page-name{ font-size: 30px; margin-bottom: 40px; font-weight: 400;}
    .ft-page-left .page-link a{ font-size: 14px; }

    /*功能篇*/
    .function-type .c3-content{ left: 16%; }
    .function-type .c3-content ul{ max-width: 400px; margin-top: 10px; }
    .function-type .c3-content li{ margin:25px 20px 0 0; font-size: 14px; }
    .function-type .c3-content i{ width:60px; height: 60px; margin-bottom: 5px; }
    .function-type .c3-content i.english{ background-position: 0px -83px; }
    .function-type .c3-content i.chinese{ background-position: 0px -164px; }
    .function-type .c3-content i.geography{ background-position: 0px -245px; }
    .function-type .c3-content i.chem{ background-position: 0px -325px; }
    .function-type .c3-content i.history{ background-position: 0px -403px; }
    .function-type .c3-content i.physical{ background-position: 0px -477px; }
    .function-type .c3-content i.biology{ background-position: 0px -555px; }
    .function-type .c3-content i.thinks{ background-position: 0px -633px; }

    .function-source h4{font-size: 22px;}
    .function-source ul p{font-size: 14px;}
    .function-efficiency .pic-wrap{right: 14%;}
    .function-efficiency .c3-content{top: 21%;}
    .function-efficiency .lastHd{margin-bottom: 25px;}
    .function-layerType{ padding:85px 0; }

    .type-icon-wrap .num { font-size: 42px; }
    .type-icon-wrap .text { font-size: 20px; }
    .type-icon-wrap .two .icon{ width: 61px; height: 60px; background-position: -304px -527px; }
    .type-icon-wrap .one .icon{ width: 62px; height: 60px; background-position: -304px -459px; }
    .type-icon-wrap .four .icon{ width: 64px; height: 63px; background-position: -304px -133px; }
    .type-icon-wrap .comIcon{ width:54px; height: 53px; }
    .type-icon-wrap .comText{ line-height: 51px; }
    .type-icon-wrap .four .text{ line-height: 61px; }
    .type-icon-wrap .one .text, .type-icon-wrap .two .text{ line-height: 58px; }
    .type-icon-wrap .eight{left: 76%;}
    .type-icon-wrap .four{left: 56%;}
    .type-icon-wrap .seven{top: 9%; left: 12%;}
    .type-icon-wrap .five{top: 28%; left: 15%;}
    .type-icon-wrap .nine{left: 80%;}
    .type-icon-wrap .six{left: 5%;}
    .type-icon-wrap .three .icon{ background-position: -304px -399px; }
    .type-icon-wrap .five .icon{ background-position: -304px -209px; }
    .type-icon-wrap .six .icon{ background-position: -304px -337px; }
    .type-icon-wrap .seven .icon{ background-position: -304px -62px; }
    .type-icon-wrap .eight .icon{ background-position: -304px 1px; }
    .type-icon-wrap .nine .icon{ background-position: -304px -276px; }

    .function-guard h4{ font-size: 22px;}

    .function-video .c3-content{left: 18%;}
    .function-video .c3-content h3{margin-bottom: 15px;}

    /*last model*/
    .switch-box{margin-top: 25px; height: 40px; width: 265px;}
    .switch-box .switch-btn{width: 66px; height: 40px;}
    .switch-box .switch-btn .switch-ico{width: 32px; height: 32px; margin-top: -16px;}
    .switch-box .switch-btn.on .switch-ico { left:27px;}
    .switch-box span{line-height: 40px; font-size: 22px;}

}

@media screen and (max-width: 979px) and (min-width: 820px){
    
    .c3-content h3{ font-size: 24px; }
    .c3-content p{ font-size: 14px; }

    /*硬件篇*/
    .hardware-looks .c3-content h1{ font-size: 46px; }
    .hardware-looks .c3-content{top: 26%;}
    .hardware-processor .box-wrap{width:590px;}
    .hardware-processor .box{width: 180px; height:90px; margin-right: 25px; }
    .hardware-processor h4{font-size: 20px; line-height: 56px;}
    .hardware-processor .box-wrap p{margin-top: 0px;}

    .hardware-screen .tips{ left: 73%; font-size: 12px; }
    .hardware-screen .line{ width: 50px; }
    .hardware-camera .c3-content h3{margin-bottom: 20px;}
    .hardware-camera .list{padding:20px;}
    .hardware-camera .list li{font-size: 22px;}
    .hardware-camera .list label {padding-top:0px; font-size: 14px; line-height: 24px;}
    .hardware-type .infoTwo{bottom: 24%; }
    .hardware-type .network-type{margin-top: 15px;}

    .ft-page-left .next-page{ font-size: 14px; }
    .ft-page-name{ font-size: 28px; margin-bottom: 30px;}
    .ft-page-left .page-link a{ font-size: 14px; }

    /*功能篇*/
    .function-type .c3-content{ top: 6%; left: 16%; }
    .function-type .c3-content ul{ max-width: 330px; margin-top: 10px; }
    .function-type .c3-content li{ margin: 15px 15px 0 0; font-size: 13px; }
    .function-type .c3-content i{ width:50px; height: 52px; margin-bottom: 5px; }
    .function-type .c3-content i.english{ background-position: 0px -69px; }
    .function-type .c3-content i.chinese{ background-position: 0px -136px; }
    .function-type .c3-content i.geography{ background-position: 0px -202px; }
    .function-type .c3-content i.chem{ background-position: 0px -269px; }
    .function-type .c3-content i.history{ background-position: 0px -335px; }
    .function-type .c3-content i.physical{ background-position: 0px -396px; }
    .function-type .c3-content i.biology{ background-position: 0px -461px; }
    .function-type .c3-content i.thinks{ background-position: 0px -526px; }

    .function-source h4{font-size: 20px;}
    .function-efficiency .pic-wrap{right: 14%;}
    .function-efficiency .c3-content{top:20%;}
    .function-efficiency .lastHd{margin-bottom: 20px;}
    .function-efficiency .firstP{margin-bottom: 15px;}
    .function-layerType{ padding:65px 0; }
    .function-setup .c3-content{top: 35%;}

    .type-icon-wrap .num { font-size: 38px; }
    .type-icon-wrap .text { font-size: 18px; }
    .type-icon-wrap .one .icon, .type-icon-wrap .two .icon{ width: 52px; height: 51px; }
    .type-icon-wrap .four .icon{ width: 54px; height: 53px; background-position: -384px -99px;  }
    .type-icon-wrap .comIcon{ width:46px; height: 45px; }
    .type-icon-wrap .comText{ line-height: 40px; }
    .type-icon-wrap .four .text{ line-height: 49px; }
    .type-icon-wrap .one .text, .type-icon-wrap .two .text{ line-height: 47px; }
    .type-icon-wrap .eight{top: 6%; left: 79%;}
    .type-icon-wrap .four{left: 56%;}
    .type-icon-wrap .seven{top: 8%; left: 13%;}
    .type-icon-wrap .five{left: 6%; top: 27%;}
    .type-icon-wrap .three{left: 76%;}
    .type-icon-wrap .six{left: 3%;}
    .type-icon-wrap .one{bottom: 20%;}
    .type-icon-wrap .two{left: 40%;}
    .type-icon-wrap .one .icon{ background-position: -384px -382px; }
    .type-icon-wrap .two .icon{ background-position: -384px -440px; }
    .type-icon-wrap .three .icon{ background-position: -384px -327px; }
    .type-icon-wrap .five .icon{ background-position: -384px -159px; }
    .type-icon-wrap .six .icon{ background-position: -384px -273px; }
    .type-icon-wrap .seven .icon{ background-position: -384px -49px; }
    .type-icon-wrap .eight .icon{ background-position: -384px 2px; }
    .type-icon-wrap .nine .icon{ background-position: -384px -212px; }

    .function-guard h4{ font-size: 20px; }
    .function-video .c3-content{left: 15%;}
    .function-video .c3-content h3{margin-bottom: 10px;}

    /*last model*/
    .function-guard .c3-content{top:23%;}
    .switch-box{margin-top: 20px; width: 225px; height: 40px;}
    .switch-box .switch-btn{width: 66px; height: 40px; }
    .switch-box .switch-btn .switch-ico{margin-top:-16px; width: 32px; height: 32px;}
    .switch-box .switch-btn.on .switch-ico { left:27px;}
    .switch-box span{line-height: 40px; font-size: 20px;}

}

@media screen and (max-width: 819px){
    
    .c3-content h3{ font-size: 22px; }
    .c3-content p{ font-size: 14px; }

    /*硬件篇*/
    .hardware-looks .c3-content h1{ font-size: 42px; }
    .hardware-looks .c3-content{top: 26%;}
    .hardware-processor .box-wrap{width:500px;}
    .hardware-processor .box{width: 150px; height:81px; margin-right: 25px; }
    .hardware-processor h4{font-size: 16px; line-height: 48px;}
    .hardware-processor .box-wrap p{margin-top: 0px;}

    .hardware-screen .tips{ left: 68%; font-size: 12px; }
    .hardware-screen .line{ width: 50px; }
    .hardware-camera .c3-content h3{margin-bottom: 20px;}
    .hardware-camera .list{padding:12px 20px;}
    .hardware-camera .list li{font-size: 20px;}
    .hardware-camera .list label {padding-top:0px; font-size: 14px; line-height: 20px;}
    .hardware-type .infoOne{left: 20%;}
    .hardware-type .infoTwo{bottom: 24%; }
    .hardware-type .network-type{margin-top: 10px;}

    .ft-page-left .next-page{ font-size: 14px; }
    .ft-page-name{ font-size: 26px; margin-bottom: 22px;}
    .ft-page-left .page-link a{ font-size: 14px; }

    /*功能篇*/
    .function-type .c3-content{ top: 6%; left: 16%; }
    .function-type .c3-content ul{ max-width: 300px; margin-top: 10px; }
    .function-type .c3-content li{ margin: 15px 15px 0 0; font-size: 12px; }
    .function-type .c3-content i{ width:45px; height: 48px; margin-bottom: 5px; }
    .function-type .c3-content i.english{ background-position: 0px -61px; }
    .function-type .c3-content i.chinese{ background-position: 0px -122px; }
    .function-type .c3-content i.geography{ background-position: 0px -183px; }
    .function-type .c3-content i.chem{ background-position: 0px -243px; }
    .function-type .c3-content i.history{ background-position: 0px -300px; }
    .function-type .c3-content i.physical{ background-position: 0px -355px; }
    .function-type .c3-content i.biology{ background-position: 0px -414px; }
    .function-type .c3-content i.thinks{ background-position: 0px -472px; }

    .function-source h4{font-size: 18px;}
    .function-source ul p{font-size: 12px;}
    .function-efficiency .pic-wrap{right: 12%;}
    .function-efficiency .c3-content{top: 12%; width: 36%;}
    .function-efficiency .lastHd{margin-bottom: 20px;}
    .function-efficiency .firstP { margin-bottom: 10px; }
    .function-layerType{ padding:50px 0; }
    .function-layerType .gray{margin-top:10px;}
    .function-setup .c3-content{top: 26%;}

    .type-icon-wrap .num { font-size: 32px; }
    .type-icon-wrap .text { font-size: 16px; }
    .type-icon-wrap .one .icon, .type-icon-wrap .two .icon{ width: 44px; height: 43px; }
    .type-icon-wrap .four .icon{ width: 46px; height: 45px; background-position: -449px -91px; }
    .type-icon-wrap .comIcon{ width:39px; height: 38px; }
    .type-icon-wrap .comText{ line-height: 34px; }
    .type-icon-wrap .four .text{ line-height: 41px; }
    .type-icon-wrap .one .text, .type-icon-wrap .two .text{ line-height: 39px; }
    .type-icon-wrap .seven{top: 7%; left: 16%;}
    .type-icon-wrap .four{top: 14%; left: 60%;}
    .type-icon-wrap .three{left: 75%; bottom: 25%;}
    .type-icon-wrap .one{bottom: 20%;}
    .type-icon-wrap .two{left: 41%;}
    .type-icon-wrap .six{left: 2%;}
    .type-icon-wrap .one .icon{ background-position: -449px -337px; }
    .type-icon-wrap .two .icon{ background-position: -449px -393px; }
    .type-icon-wrap .three .icon{ background-position: -449px -288px; }
    .type-icon-wrap .five .icon{ background-position: -449px -142px; }
    .type-icon-wrap .six .icon{ background-position: -449px -237px; }
    .type-icon-wrap .seven .icon{ background-position: -449px -44px; }
    .type-icon-wrap .eight .icon{ background-position: -449px 2px; }
    .type-icon-wrap .nine .icon{ background-position: -449px -189px; }
    
    .function-guard h4{ font-size: 18px;}
    .function-video .c3-content{left: 12%;}
    .function-video .c3-content h3{margin-bottom: 10px;}
    
    /*last model*/
    .function-guard .c3-content{top: 21%;}
    .switch-box{margin-top: 20px; width: 202px; height: 36px;}
    .switch-box .switch-btn{width: 60px; height: 36px;}
    .switch-box .switch-btn .switch-ico{margin-top:-15px; width: 30px; height: 30px;}
    .switch-box span{font-size: 18px; line-height: 36px;}
    .switch-box .switch-btn.on .switch-ico { left: 23px; }
}