﻿
/*
date:2016-1-14
author:wangjia;*/html{overflow-x: hidden;}
body{background: #000;}
.wrap{width: 100%;min-width: 1400px;height: auto;position: relative;}
.left{width: 300px;padding-right: 56px;height: 100%;position:fixed;top: 0px;background: url(../images/aside-lbg.jpg);z-index: 100;transition:all 0.2s;-webkit-transition:all 0.2s;-o-transition:all 0.2s;-moz-transition:all 0.2s;}
.left h1{width: 100%;}
.left h1 img{width: 230px;height:120px;margin:10px 40px}
.left .border1{height: 1px;width: 238px;margin: 0 auto;background: url(../images/aside-pics.png) left top no-repeat;}
.left a.order2{display: block;width: 244px;height:91px;margin: 35px auto 40px;background: url(../images/order-btn1.png)}
.left a.order2:hover{background: url(../images/order-btn1a.png)}

.left a.order3{display: block;width: 244px;height:91px;margin: 35px auto 40px;background: url(../images/order-btn2.png)}
.left a.order3:hover{background: url(../images/order-btn2a.png)}

.left a.order4{display: block;width: 244px;height:91px;margin: 35px auto 40px;background: url(../images/order-btn3.png)}
.left a.order4:hover{background: url(../images/order-btn3a.png)}

.left a.order2 img{width: 100%;}
.left .wxbox{width: 225px;margin: 0 auto;}
.left .wxbox img{width: 100%;}
.left .border2{height: 13px;width: 245px;margin: 30px auto;background: url(../images/aside-pics.png) left -1px no-repeat;}
.left .actbox{width: 242px;margin: 0 auto;}
.left .actbox .tit{width: 114px;height: 21px;background: url(../images/aside-pics.png) left -14px no-repeat;margin: 0 auto 24px;}
.left .actbox .adbox{width: 100%;height: 150px;overflow: hidden;position: relative;}
.left .actbox .adbox ul{position: absolute;width: 10000px;height: 150px;list-style: none;top: 0;left: 0;}
.left .actbox .adbox ul li{float: left;height: 150px;width: 242px;}
.left .actbox .adbox ul li a{display: block;width: 100%;height: 100%;}
.left .actbox .adbox ul li img{width: 100%;height: 100%;}
.left .actbox .navbox{margin: 20px auto 0;height: 6px;text-align: center;}
.left .actbox .navbox ul{width: 100%;height: 6px;list-style: none;text-align: center;margin: 0 auto;}
.left .actbox .navbox span{display: inline-block;width: 6px;height: 6px;background-color: #5b7b9b;border-radius: 2px;margin-right: 5px;cursor: pointer;}
.left .actbox .navbox span.actived{background-color: #fff;}
.left .sharebox{margin: 30px auto;width: 245px;height: 23px;line-height: 23px;color: #6d92b9;font-size: 18px;font-family: 'STKaiti','microsoft,yahei';position: relative;}
.left .sharebox a{display: block;position: absolute;top: 0;height: 23px;background: url(../images/aside-pics.png);}
.left .sharebox a.weibo{left: 89px;width: 27px;background-position: 0 -35px;}
.left .sharebox a.baidu{width: 21px;left: 123px;background-position: -34px -35px;}
.left .sharebox a.qqqun{width: 86px;left: 159px;background-position: -70px -35px;}
.left .menu{width: 56px;height: 100%;position: absolute;top: 0;right: 0;background: url(../images/aside-rbg.png);}
.left .menu a{float: left;width: 56px;height: 136px;padding-top: 70px;margin-top: 20px;background: url(../images/left-menu.png) top center no-repeat;font: normal 18px/1.4 "KaiTi";color: #fff;text-align: center;text-decoration: none;}
.left .menu a:hover{color: #ffc;}
.left .menu .a1{margin-top: 50px;}
.left-include{width: 300px;padding-right: 56px;height: 1080px;position:fixed;top: 55px;left:-360px;background: #ffffff;transition:all 0.2s;-webkit-transition:all 0.2s;-o-transition:all 0.2s;-moz-transition:all 0.2s;}
/*弹窗*/.mask{display: none;position: fixed;_position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-color: #000;opacity: 0.6;filter: alpha(opacity=60);z-index: 90;}
.pop{display: none;width: 502px;height: 604px;position: fixed;top: 20%;left: 50%;margin-left: -251px;background: url(../images/orderbg.png) no-repeat;z-index: 208;text-align: center;color: #2c2c2c;}
.pop .close2{position: absolute;width: 41px;height: 41px;background: url(../images/close.png) no-repeat;right: 80px;top: 30px;}
.pop .close2:hover{-webkit-transition: transform .3s linear;-moz-transition: transform .3s linear;-o-transition: transform .3s linear;transition: transform .3s linear;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
.pop .alertPop{position: relative;width: 420px;margin: 90px auto 0;}
.pop .popTit{font: bold 30px/60px "microsoft yahei";margin-top: 60px;}
.pop .popTit .red{color: #ab0307;}
.pop .phonebox, .pop .filter{width: 300px;margin: 70px auto;}
.pop .phonebox .filterTit, .pop .filter .filterTit{font: normal 20px/34px "microsoft yahei";color: #7d7d7d;background: url(../images/icons1.png) no-repeat left center;padding-left: 20px;text-align: left;margin-bottom: 15px;}
.pop .phonebox a, .pop .filter a{display: inline-block;width: 100px;padding-left: 26px;text-decoration: none;font: bolder 18px/20px "microsoft yahei";color: #666;background: url(../images/check.png) no-repeat;text-align: left;}
.pop .phonebox a.current, .pop .filter a.current{background: url(../images/checked.png) no-repeat;}
.pop .phonebox .phoneTit{font: normal 20px/34px "microsoft yahei";color: #7d7d7d;background: url(../images/icons1.png) no-repeat left center;padding-left: 20px;text-align: left;margin-bottom: 15px;}
.pop .phonebox .telipt{width: 234px;height: 40px;border: 1px solid #999;background: url(../images/mobile.png) no-repeat 10px center;padding-left: 40px;font: normal 18px/40px "microsoft yahei";color: #666;}
.pop .order-btn{display: block;width: 230px;height: 78px;background: url(../images/orderbtn.png) no-repeat;margin: 40px auto;}
.pop .order-btn:hover{background: url(../images/orderbtns.png) no-repeat;}
.pop a.none{display: none;}
.pop .juan-btn{display: block;width: 230px;height: 76px;background: url(../images/btns.png) no-repeat center top;margin: 40px auto;}
.pop .juan-btn:hover{background-position: 0 -77px;}
.pop .popTip{font: normal 22px/48px "microsoft yahei";color: #ab0307;border-bottom: 1px solid #ccc;border-top: 1px solid #ccc;}
.pop .erweima{margin-top: 20px;}
.pop .juanDes{font: normal 16px/32px "microsoft yahei";color: #333;}
.pop .juanDes i{display: inline-block;width: 15px;height: 13px;background: url(../images/iconstar.png) no-repeat;}
.pop .write-btn{display: block;width: 230px;height: 78px;background: url(../images/writebtn.png) no-repeat;margin: 40px auto;}
.pop .write-btn:hover{background: url(../images/writebtns.png) no-repeat;}
.video-pop, .popvideo{position: fixed;top: 20%;width: 800px;height: 400px;left: 50%;margin-left: -400px;z-index: 200;display: none;}
.close_pop{width: 67px;height: 67px;position: absolute;top: -3px;right: -73px;background: url(../images/closepop.jpg);z-index: 110;}
