.button{background:url(../images/button.jpg) no-repeat;}







/*header*/



.header{background:url(../images/header-bg.jpg) no-repeat center top;}



.header-box{position:relative;width:1200px;height:503px;margin:0 auto;background:url(../images/header.jpg) no-repeat;}



/*top-nav*/



.top-nav{position:absolute;top:20px;left:294px;}



.logo{position:absolute;width:176px;height:132px;right:-156px;top:-15px;}



.top-nav li{float:left;width:100px;}



.top-nav .menu-first{width:54px;}



.top-nav .menu-first a{width:54px;}



.top-menu-top{position:relative;display:block;width:100px;height:31px;}



.top-menu-top:hover~.top-menu-list{display:block;}



.top-menu-list:hover{display:block;}



.top-menu-0{background:url(../images/top-menu.png) no-repeat -0px 0px;}



.top-menu-1{background:url(../images/top-menu.png) no-repeat -54px 0px;}



.top-menu-2{background:url(../images/top-menu.png) no-repeat -154px 0px;}



.top-menu-3{background:url(../images/top-menu.png) no-repeat -254px 0px;}



.top-menu-4{background:url(../images/top-menu.png) no-repeat -354px 0px;}



.top-menu-5{background:url(../images/top-menu.png) no-repeat -454px 0px;}



.top-menu-6{background:url(../images/top-menu.png) no-repeat -554px 0px;}



.top-menu-list{font:13px/24px "microsoft yahei";display:none;margin-top:-40px;padding:50px 0 40px 0;text-align:center;/*background:url(../images/top-menu-bg.png) no-repeat;background-size:100% 100%;*/}



.top-menu-list a{display:block;height:24px;color:#333;}



.top-menu-list img{display: block;margin:0px auto;}







.act-down{position:absolute;z-index:99;top:226px;left:-68px;display:block;width:360px;height:285px;background: url(../other/about:blank);}







/*section-1 left*/



.s1-left{float:left;width:217px;margin-right:20px;}



/*left-link*/



.left-link{width:228px;height:38px;margin-left:8px;}



.left-link a{width: 113px;height: 37px;}



.left-link .reg{float: left;background-position:0px -150px;}



.left-link .reg:hover{background-position:0 -187px;}



.left-link .rec{float: left;background-position:-113px -150px;}



.left-link .rec:hover{background-position:-113px -187px;}







.left-scroll{position:relative;width:202px;height:269px;margin-left:12px;margin-bottom:40px;}



.left-scroll-box{position:absolute;top:0;left:0;overflow:hidden;width:202px;height:269px;}



.left-scroll-main{position:absolute;z-index:99;top:240px;left:15px;z-index: 99;}



.left-scroll-main li{float:left;width:9px;height:9px;margin-right:5px;cursor:pointer;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;border-radius:9px;border-radius:9px;background:#9b9085;}



.left-scroll-main .hover{width:16px;background:#e6dbb1;}



.left-scroll-nav{position:relative;}



.left-scroll-nav li{float:left;width:202px;height:269px;display: block !important;}



.left-scroll-nav li a{display:block;width:100%;height:100%;}



.left-scroll-nav li a img{display:block;width:100%;height:100%;}



.left-scroll .cover-1{background: url(../images/icon-border-1.png) no-repeat;position: absolute;left: 0;top: 0;width: 12px;height: 11px;z-index: 999;}



.left-scroll .cover-2{background: url(../images/icon-border-2.png) no-repeat;position: absolute;right: 0;top: 0;width: 13px;height: 11px;z-index: 999;}



.left-scroll .cover-3{background: url(../images/icon-border-3.png) no-repeat;position: absolute;left: 0;bottom: 0;width: 11px;height: 10px;z-index: 999;}



.left-scroll .cover-4{background: url(../images/icon-border-4.png) no-repeat;position: absolute;right: 0;bottom: 0;width: 12px;height: 10px;z-index: 999;}







/*brand*/



.brand{width:165px;padding:25px 0 29px 18px;margin-left:22px;}



.brand a{height:60px;width:100%;display: block;background:url(../images/button.jpg) no-repeat;}



.brand .brand-link-one{background-position:0 -224px;}



.brand .brand-link-one:hover{background-position:-165px -224px;}



.brand .brand-link-two{background-position:0 -284px;}



.brand .brand-link-two:hover{background-position:-165px -284px;}



.brand .brand-link-three{background-position:0 -344px;}



.brand .brand-link-three:hover{background-position:-165px -344px;}



.brand .brand-link-four{background-position:0 -404px;}



.brand .brand-link-four:hover{background-position:-165px -404px;}



.brand .brand-link-five{background-position:0 -464px;}



.brand .brand-link-five:hover{background-position:-165px -464px;}



.brand .brand-link-six{background-position:0 -524px;}



.brand .brand-link-six:hover{background-position:-165px -524px;}











.code{width:132px;height:132px;background:url(../images/code.jpg) no-repeat;margin:20px 0 0 56px;}



.left-menu-share{width: 122px;margin:20px 0 0 60px;}



.sian{float: left;width: 51px;height: 47px;background:url(../images/share.png) no-repeat;}



.tb{float: right;width: 45px;height: 46px;background:url(../images/share.png) no-repeat -51px 0px;}



.customer-service{padding-top:20px;margin-left:30px;font-family:'microsoft yahei';color:#fff;line-height:24px;text-align: center;}



.customer-service h6{color:#ceb175;font-size:20px;margin-top: 15px;line-height:auto;margin-bottom:12px;}



.customer-service h5{font-size:15px;}



.customer-service p{color:#ceb175;font-size:16px;margin-top: 5px;}



.act-btn{position:absolute;top:-176px;left:15px;}



.act-btn a{display: block;width: 212px;height: 75px;}



.speed-down:hover{background-position:0px -75px;}



.activation{background-position:-212px 0;margin-top: 12px;}



.activation:hover{background-position:-212px -75px;}



.subpage-l{position: relative;}