.width1000{margin: 0 auto}
.subTop{height: 60px;margin-top: 20px;}
.subTop .nav{margin-top: 15px}
.subTop .nav ul li{float: left;margin-left: 30px;padding: 0 5px 5px 5px;border-bottom: 2px solid #fff}
.subTop .nav ul li a{color: #666}
.subTop .nav ul li:hover,.subTop .nav ul li.on{border-color: #f60}
.subTop .nav ul li:hover a,.subTop .nav ul li.on a{color: #000}
.banner{text-align: center}
/*Ê×Ò³ÂÖ²¥*/.flashBox{position:relative;margin:0 auto;overflow:hidden;width: 100%;height:390px}
.flashBox ul{width:100%;position:absolute;left:0;top:0;z-index:1;}
.flashBox ul li{width:100%;height:390px;position:absolute;top:0;left:0;}
.flashBox ul li a{width:100%;height:390px;display: block;background-position: top center;background-repeat: repeat;background-size: cover}
.bannerBtn{position: absolute;top:50%;margin-top: -25px;width: 100%;z-index: 3;}
.bannerBtn .w1000{position: relative}
.bannerBtn a{position: absolute;width: 26px;height:51px;background: url("../images/icons.png") no-repeat -115px 0;display: none}
.bannerBtn a.prev{background-position: -115px 0;left: 0}
.bannerBtn a.next{background-position: -141px 0;right: 0;}
.main .headerInfo{text-align: center}
.main .headerInfo h2{font-size: 30px;color: #1a1a1a;font-weight: normal;line-height: 30px;padding: 15px 0}
.main .headerInfo p{line-height: 24px;font-size: 14px;color: #666}
.lineHr{border: 0;width: 100%;height: 1px;background: #ccc;position: absolute;left: 0;top: 32px;z-index: 0;}
.upgrade{background: #f7f7f7;padding-bottom: 40px;}
.upgradePart{width: 100%;margin-top: 40px;position: relative}
.upgradePart ul{position: relative;z-index: 5}
.upgradePart li{float: left;margin-right: 70px;text-align: center}
.upgradePart li p.timer{font-size: 14px;color: #999;}
.upgradePart li i.dot{width: 10px;height: 10px;display: inline-block;background: url("../images/icons.png") no-repeat -16px 0;margin: 15px 0}
.upgradePart li i.dot{*display: inline}
.upgradePart li .imgThis{width: 144px;height: 144px;overflow: hidden;position: relative;}
.upgradePart li .imgThis .erw{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: url("../images/rgbabg.png") repeat;text-align: center;display: none}
.upgradePart li .imgThis .erw img{vertical-align: middle;width: 99px;height: 99px;margin-top: 23px;background-color: #fff;}
.upgradePart li h3{font-size: 14px;color: #000;font-weight: normal;line-height: 40px}
.upgradePart li:hover h3{color:#f60}
.functionNav{background: #3c87ed;text-align: center}
.functionNav li{padding: 30px 15px;cursor: pointer;display: inline-block;}
.functionNav li{*display: inline;}
.functionNav li a{color: #fff;font-size: 16px}
.functionNav li:hover,.functionNav li.on{background: #2266c3 url('../images//w-arrow.png') no-repeat center bottom}
.functionNav.styleGrayBg{background: #f2f2f2}
.functionNav.styleGrayBg li a{color: #666}
.functionNav.styleGrayBg li:hover,.functionNav.styleGrayBg li.on{background: #d9d9d9 url('../images/w-arrow.png') no-repeat center bottom}
.functionDesc{padding-top: 60px}
.imgHolder{background: url("../images/iphone-6-sideral.png") no-repeat;width: 256px;height: 518px;margin-right: 20px;}
.imgHolder .imgScroll{width: 223px;height: 518px;overflow: hidden;margin-left: 18px;margin-top: 63px;position: relative;}
.imgHolder .imgScroll ul{overflow: hidden;position: absolute;top: 0;left: 0}
.imgHolder .imgScroll ul li{float: left;width: 223px;height: 394px;overflow: hidden}
.imgHolder .imgScroll img{width: 223px;height: 394px;}
.imgHolder .imgScroll ul>li{position: relative;background: #fff}
.imgHolder .imgScroll ul>li ol{width: 223px;height: 394px;}
.imgHolder .imgScroll ul>li ol li{position: absolute;top: 0;left: 0;z-index: 2}
.imgHolder .imgScroll ul>li .scrollPage{position: absolute;bottom: 20px;width: 100%;text-align: center;z-index: 9;}
.imgHolder .imgScroll ul>li .scrollPage i{display: inline-block;;width: 8px;height: 8px;background: green;margin: 0 2px;border-radius: 50px;cursor: pointer}
.imgHolder .imgScroll ul>li .scrollPage i{*display: inline-block}
.imgHolder .imgScroll ul>li .scrollPage i.on{background: #f60}
.imgHolder .imgScroll ul>li .scrollBtn{}
.imgHolder .imgScroll ul>li .scrollBtn a{display: none;width: 34px;height: 44px;position: absolute;z-index: 9;top: 42%;}
.imgHolder .imgScroll ul>li .scrollBtn a.prev{background: url("../images/bnr_btn_left1.png") no-repeat;left: 0}
.imgHolder .imgScroll ul>li .scrollBtn a.next{background: url("../images/bnr_btn_right1.png") no-repeat;right: 0}
.rightDesc{padding-top: 50px;position: relative;
    height: 470px;}
.rightDesc h3{font-size: 20px;color: #f60;font-weight: normal}
.rightDesc .textDesc{font-size: 14px;color: #666;line-height: 24px;padding-top: 20px;height: 268px;overflow: auto;}
.rightDesc .textDesc p{    padding-bottom: 20px;}
.rightDesc .qrCode{position: absolute;right: 0;top: -50px}
.rightDesc .qrCode .redCode{display: block;margin-left:15px;width: 92px;height: 103px;background:url("../images/qrCode.png") no-repeat top center;overflow: hidden;}
.rightDesc .qrCode .redCode img{display: block;width: 78px;height: 78px;    margin-top: 7px;margin-left: 7px;background-color: #fff;}
.rightDesc .qrCode em{color: #fff;font-size: 14px;background: #f26161;padding: 5px 10px;border-radius: 5px;display: inline-block}
.rightDesc .qrCode em{*display: inline}
.minNav{    overflow: hidden;
    position: absolute;
    bottom: 50px;
    right: 0;
    width: 720px;}
.minNav .scrollBox{margin:0 auto;width: 562px;overflow: hidden;*position: relative;}
.minNav .scrollBtn a{position: absolute;width: 16px;height: 27px;background: url("../images/icons.png") no-repeat -16px -12px;display: block;z-index: 99;top: 30px}
.minNav .scrollBtn a.prev{left: 40px;background-position: 0 -12px}
.minNav .scrollBtn a.next{right: 40px;}
.minNav ul li{float: left;width: 118px;height: 90px;border: 1px solid #e3e3e3;text-align: center;margin-right: 25px;position: relative;color: #ccc;cursor: pointer;font-size: 13px;}
.minNav ul li img{margin: 10px 0;height: 40px;}
.minNav ul li .hoverUp{position: absolute;width: 118px;height: 90px;top: 0;left: 0;right: 0;bottom: 0;background: #3c87ed;color: #fff;display: none}
.minNav ul li.on .hoverUp{display: block}
.minNav ul li:hover{-webkit-box-shadow:inset 0 0 10px #ddd;-moz-box-shadow:inset 0 0 10px #ddd;box-shadow:inset 0 0 10px #ddd;}
.why{background:#f7f7f7 url("../images/why_wide.png") center bottom no-repeat;padding-top: 40px}
.whyPig .whyScroll{height: 430px;position: relative;padding-bottom: 50px;overflow: hidden;width: 1000px;}
.whyPig .whyScroll .whyWidth{width: 786px;height: 430px;overflow: hidden;}
.whyPig .whyScrollUl li{height: 430px;width: 786px;float: left}
.whyPig .whyScrollUl li img{height: 430px;width: 786px;}
.whyText{width: 310px;height: auto;background: #3c87ed;color: #fff;padding: 0px 0;position: absolute;right: 0;top: 60px;overflow: hidden}
.whyText ul li{float: left;width: 310px}
.whyText .hd{padding:0 25px;background: url("../images/whyArrow.png") no-repeat left center}
.whyText .hd h3{padding: 10px 0;font-size: 16px;color: #fff;font-weight: normal;border-bottom: 1px solid #fff}
.whyText .bd{padding: 0px 25px;margin-top: 9px;}
.whyText .bd p{padding-top: 15px;text-indent: 24px;font-size: 14px;}
.whyText .readMore{padding: 10px 0;}
.whyText .readMore a{color: #fff}
.whyText .readMore a:hover{color: #fff;text-decoration: underline}
.whyPig .w1000{position: relative}
.whyPig .whyBtn a{position: absolute;top: 50%;margin-top: -29px;height: 58px;width: 39px;background: url("../images/icons.png") no-repeat -35px 0}
.whyPig .whyBtn a.prev{left: -70px;background-position: -35px 0}
.whyPig .whyBtn a.next{right: -70px;background-position: -75px 0}
.news{}
.news .column{width: 480px;}
.news .column .hd{border-bottom: 1px solid #ddd;}
.news .column .hd .more{font-size: 14px;color: #9d9d9d;margin-top: 14px;}
.news .column .hd .more:hover{color: #000}
.news .column .hd h2{padding: 8px 0;font-size: 16px;color: #1a1a1a;font-weight: normal;border-bottom: 1px solid #333;margin-bottom: -1px;}
.news .column .bd{padding-top: 20px}
.news .column .bd ul li{padding-bottom: 15px;overflow: hidden}
.news .column .bd ul li h3 a{font-size:14px;color: #1a1a1a;font-weight: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition:all 0s ease;-webkit-transition:all 0s ease;-moz-transition:all 0s ease;-ms-transition:all 0s ease;}
.news .column .bd ul li h3 a:hover{color: #f60}
.news .column .bd ul li span{font-size: 14px;color: #666}
.news .column .bd ul li span i{display: inline-block;width: 16px;height: 16px;background: url("../images/icons.png") no-repeat 0 -42px;vertical-align: middle;margin-top: -3px;margin-right: 2px;}
.news .column .bd ul li span i{*display: inline}
.news .column .bd ul li .newsImg{width: 155px;height: 90px;margin-right:10px;overflow: hidden;display: none;transition:all 0.6s ease;-webkit-transition:all 0.6s ease;-moz-transition:all 0.6s ease;-ms-transition:all 0.6s ease;}
.news .column .bd ul li .newsImg img{width: 155px;height: 90px;transition: all 0.3s ease-out;}
.news .column .bd ul li:hover .newsImg img{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);transform:scale(1.2)}
.news .column .bd ul li .readMore{display: none;padding:10px;transition:all 0.6s ease;-webkit-transition:all 0.6s ease;-moz-transition:all 0.6s ease;-ms-transition:all 0.6s ease;}
.news .column .bd ul li .readMore a{display: inline-block;width: 68px;height: 26px;background: url("../images/icons.png") no-repeat 0 -60px}
.news .column .bd ul li .gist{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #666;display: none;overflow: hidden;transition:all 0.6s ease;-webkit-transition:all 0.6s ease;-moz-transition:all 0.6s ease;-ms-transition:all 0.6s ease;}
.news .column .bd ul li.hover .newsImg,.news .column .bd ul li.hover .readMore,.news .column .bd ul li.hover .gist{display: block;overflow: hidden;}
.news .column .bd ul li.hover span{display: none}
.news .column .bd ul li.hover h3 a{font-size: 16px}
.caseScroll .w1000{height: auto;background: url("../images/twophone.png") top center no-repeat;position: relative}
.caseScroll .caseList{height:640px}
.caseScroll .caseListb,.caseScroll .caseList ul{height:560px}
.caseScroll .caseListb ul{height: 520px}
.caseScroll .caseList ul>li{width:600px;height:600px;position: absolute;top: 0;left: 0}
.caseScroll .caseListb ul>li{height:500px;top:-20px;}
.caseScroll .caseList ul>li>img{position: absolute;top:110px;width: 200px;height: 398px}
.caseScroll .caseListb ul>li>img{top:100px;}
.caseScroll .caseList ul>li .cases1{left: 104px;}
.caseScroll .caseList ul>li .cases2{left: 406px;}
.caseScroll .caseList ul>li .casesa{left:90px;}
.caseScroll .caseList ul>li .casesb{left: 370px;}
.caseScroll .caseList ul>li .qrCodeBox{position: absolute;right: 50px;top:250px;width: 200px;text-align: center;overflow: hidden}
.caseScroll .caseList ul>li .qrCodeBoxc {
    right: -300px;
}
.caseScroll .caseList ul>li .qrCodeBoxb{right:-220px;top:200px;}
.caseScroll .caseList ul>li .qrCodeBox img{width: 132px;height: 132px;}
.caseScroll .caseList ul>li .qrCodeBox h3{font-size:14px;color:#1a1a1a;font-weight: normal;padding: 5px 0}
.caseScroll .caseList ul>li .qrCodeBox p{font-size:14px;color:#1a1a1a}
.dotNav{text-align: center}
.dotNavb {
    width:910px;
}
.dotNav ol li{display: inline-block;width: 14px;height: 14px;background: url("../images/icons.png") no-repeat -40px -88px;margin: 0 5px;cursor: pointer}
.dotNav ol li{*display: inline}
.dotNav ol li.on{width: 38px;background-position: 0 -88px}
.caseBtn a{position: absolute;top:50%;margin-top: -14px;background: url("../images/icons.png") no-repeat 0 -12px;width: 16px;height: 27px;}
.caseBtn a.prev{background-position: 0 -12px;left: 0}
.caseBtn a.next{background-position: -16px -12px;right: 0}
.caseBtnb a.next {
    right:120px;
}