/* CSS Document */
*{ margin:0; padding:0; list-style:none;}
img{border:0; display: block; vertical-align: baseline;}
p, a, li{font-family:'Microsoft YaHei'; font-size:14px; line-height:24px; text-decoration:none;}
h2{color:#141414; font-family:'Microsoft YaHei'; font-size:36px; font-weight:normal;}
body{ background-color:#f3f3f3;}
.w1440 {width: 100%; max-width: 1440px; _width:100%; margin: 0 auto;}
.w1110{ width:1110px; margin:0 auto; overflow:hidden;}
#mf{ max-width:1440px; margin:0 auto; background-color:#fff;}
.left{ float:left;}
.nav{ color:#666; font-size:16px; line-height:55px; float:right;}
.nav a{color:#666; font-size:16px;}
.nav span{ margin:0 14px;}
#banner{ background:url(images/banner.jpg) center center no-repeat; height:500px;}
.intro{ margin-top:42px; margin-bottom:50px;}
.intro h2{ color:#040303; height:86px; margin-right:25px; float:left;}
.intro h2 span{font-size:72px;}
.intro p{ color:#161515; margin-top:62px;}
.definition{ margin-bottom:22px;}
.define{ background-color:#eee; width:525px; height:335px; padding:0 58px 0 57px; margin-top:27px; float:left;}
.define h2{color:#0c0505; line-height:38px; margin:34px 0 25px 0;}
.ititle{ border:10px solid #aaa; width:341px; text-align:center; float:left;}
.ititle h2{ font-size:68px; font-weight:bold; line-height:100px; margin:33px 0 43px 0;}
.index p{color:#141414; font-size:18px; clear:both; padding:26px 0 72px 0;}
.why{ background-color:#f5f4f4; padding-bottom:53px;}
.why .wrap{width:952px; margin:0 auto;}
.title{ padding:49px 0; text-align:center;}
.line{ background-color:#fbb900; width:155px; height:3px; margin:17px auto 0 auto;}
.why ol{ margin-left:298px; overflow:hidden;}
.why ol li{ cursor:pointer; width:157px; margin-right:37px; padding-bottom:47px; text-align:center; float:left;}
.why ol p{ border:2px solid #151515; color:#141414; font-size:18px; height:40px; line-height:40px;}
.why ol .active{background:url(images/point.jpg) bottom center no-repeat;}
.why ol .active p{ background-color:#151515; color:#fff;}
.why ul li{ display:none; background-color:#f5b708; padding:21px 46px 28px 29px;}
.why ul p{ color:#fff; padding-left:29px;}
.why h3{ background:url(images/circle.jpg) center left no-repeat; color:#fff; font-family:'Microsoft YaHei'; font-size:14px; font-weight:bold; line-height:24px; padding-left:29px;}
.why .spacing{ margin-top:24px;}
.why ul li.active{ display:block;}
.how .title{padding:54px 0 42px 0;}
.how ul{ overflow:hidden;}
.how .ul0{ border-bottom:1px solid #e5e5e5; padding-bottom:36px; margin-bottom:37px;}
.how ul li{ cursor: pointer; float:left; margin-left:43px; position: relative; overflow: hidden;}
.how li.zero, .device ol li.zero{ margin-left:0;}
.mask{ background-color:#040404; position: absolute; left: 0; top:219px; padding:0 38px; height:100%; opacity:0.8;}
.mask h3{ margin-top:18px; margin-bottom:20px; padding-bottom: 17px; font-size: 18px; font-weight:normal; color:#fff; border-bottom: 1px solid #fff;}
.mask p{color: #fff;}
.device{background-color:#f5f4f4; margin-top:58px; padding-bottom:82px;}
.device .title{ padding-top:56px;}
.device ol{ width:810px; margin:0 auto 85px auto; overflow:hidden;}
.device ol li{ border:2px solid #151515; color:#0c0505; cursor:pointer; font-size:18px; width:182px; height:41px; line-height:41px; float:left; margin-left:22px; text-align:center;}
.device ol .active{ background-color:#151515; color:#fff;}
.device ul li{overflow:hidden; display:none;}
.device ul .active{ display:block;}
.device ul .pic{margin-right:34px; float:left;}
.device ul h3{ color:#060303; font-family:'Microsoft YaHei'; font-size:18px; font-weight:bold; margin-top:16px; margin-bottom:5px;}
.device .spacing{ margin-top:35px;}
.cases{ overflow:hidden; margin-bottom:41px;}
#slidewrapper{overflow:hidden; position: relative; width:843px; height:529px; float:left;}
#slideHandler{overflow:hidden; position: relative; width:251px; height:528px; float:right;}
#slidewrapper ul{width:100%; height:700%; position:absolute; top:0;}
#slideHandler ol{width:100%; height:1295px; position:absolute; top:0;}
#slideHandler li{cursor:pointer; width:251px; height:158px; margin-bottom:27px;}
#slideHandler li.on{border:3px solid #fcb305; width:243px; height:152px;}
#slideHandler li img{width:100%; height:auto;}
#scroll_top{cursor: pointer; position:relative; left:43%; top:0; z-index:100; opacity:0.75; width: 38px; height: 38px;}
#scroll_down{cursor: pointer; position:relative; left:43%; top:452px; z-index:100; opacity:0.75; margin-right:3px; width: 38px; height: 38px;}
#scroll_top:hover, #scroll_down:hover{ opacity:1;}
#footer{ background-color:#2c2931; height:95px;}
#footer p{ color:#fff; font-family:'黑体'; font-size:16px; text-align:center; padding-top:26px;}