@charset "utf-8";
/* CSS Document */

/*banner*/
.banner{ height:459px; background:#876479;}
.bannercont{ width:1000px; margin:auto;}

.codeimg{ width:103px; height:103px; background:url(../image/codeimg.png) no-repeat;}
.codeimg2{ margin-top:35px; width:120px; height:120px; background:url(../image/codeimg2.png) no-repeat;}

.leftmsg{ padding-top:120px;}
.leftmsg h2{ width:395px; height:42px; background:url(../image/banner_title.png) no-repeat; text-indent:-9999px; margin-bottom:10px;}
.leftmsg p{ color:#fff; font-size:18px; line-height:46px;}
.codeimg{ width:141px; height:141px; background:url(../image/banner_code.png) no-repeat;}
.downbox span{ display:block; color:#fff; line-height:28px; padding-top:30px; font-size:16px;}
.downlink{ display:block; text-indent:28px; width:167px; height:38px; line-height:38px; text-align:center; background:#4c3041; font-size:14px; color:#fff; border-radius:3px; margin-top:12px;}
.downlink:hover{ background:#df2947; color:#fff; text-decoration:none;}
.downlink i{ position:absolute; top:5px; left:14px; display:inline-block; width:24px; height:28px; background:url(../image/android.png) no-repeat; background-size:cover;}
.iphoneicon{ background:url(../image/iphone.png) no-repeat !important; background-size:cover !important;}

.notebox{  background:#f9f9f9;}
.notecont{ width:1000px; height:700px; background:url(../image/phone1.png) no-repeat center center; margin:auto;}
.title2{ width:219px; height:106px; background:url(../image/title02.png) no-repeat; position:relative; top:70px;}
.unit01, .unit02, .unit03{ width:220px; padding-left:100px; height:111px; position:relative;}
.unit01{ background:url(../image/see.png) no-repeat; top:150px;}
.unit02{ background:url(../image/people.png) no-repeat; top:-50px; right:-660px;}
.unit03{ background:url(../image/star.png) no-repeat; top:90px; right:-660px;}
.unit01 h2, .unit02 h2, .unit03 h2{ font-size:24px; margin-bottom:8px;}
.unit01 p, .unit02 p, .unit03 p{ font-size:14px; color:#666; line-height:24px;}

.casecont{ width:1000px; height:700px; background:url(../image/phone2.png) no-repeat center center; margin:auto; position:relative;}
.title3{ width:220px; height:107px; background:url(../image/title03.png) no-repeat; position:relative; top:70px;}
.casead{ width:258px; height:173px; background:url(../image/ad.png) no-repeat; position:absolute; right:45px; top:380px;}

.f-title{font-size: 24px;color: #000;margin-left: 10px;}
.sm-text{font-size:14px; color:#696969; width:250px; margin:15px 0 0 10px;}
.control-dots{margin-left: 10px;}
.control-dots ul li{float: left; margin-top:70px}

.pre1{width:30px;height:30px;background: url(../image/dots.png) -6px 4px no-repeat;display: block;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;transition: all 0.2s ease;margin-right:10px}
.pre1:hover{width:30px;height:30px;background: url(../image/dots.png) -6px -31px no-repeat;display: block;margin-right:10px}
.dots{display: block;background: url(../image/dots.png) -65px -2px no-repeat;width: 20px;height:20px;margin:8px 2px 0px 0px}
.next1{width:30px;height:30px;background: url(../image/dots.png) -162px 4px no-repeat;display: block;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;transition: all 0.2s ease;margin-left:10px}
.next1:hover{width:30px;height:30px;background: url(../image/dots.png) -162px -28px no-repeat;display: block;margin-left:10px}

.picZone{ position:relative; overflow:hidden;}
.baseInfo{ display:block; width:268px; height:476px; min-height:476px; background:url(../image/pic.png) no-repeat; float:left;}
.one{ background-position:0 0;}
.two{ background-position:-269px 0;}
.three{ background-position:-538px 0;}
.four{ background-position:-807px 0;}

/*copy*/

.control-dots{margin:100px 0 0 10px;}
.control-dots ul li{float: left;margin-top:70px}
.words-content{width: 960px;margin:0 auto;height:auto;}

.casePhoto { position: absolute;left:367px; top:113px; width:268px; height:476px; overflow: hidden;}
.casePhoto .picZone { position: relative; overflow: hidden; }
/*.casePhoto .picZone ul li { float: left; }*/

.casePhoto .baseInfo {display: block;background-image: url(../image/pic.png);background-repeat: no-repeat;}