body {
    background-color: #E2E2E2;
}

#app-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
}

#app {
    position: relative;
    /*margin: 0 auto;*/
    margin: 0;
    width: 100%;
	min-width:1600px;
    height: auto;
    min-height: 1000px;
    background-color: #ffffff;
    /*border: 1px solid red;*/
}

#app-pc {
    margin-top: 100px;
    width: 960px;
	margin:0 auto;
}

#scroll-top {
    position: fixed;
    bottom: 10px;
    right: 10px;
    height: 52px;
    width: 52px;
    background: url(../images/goto-top.png);
    z-index: 999;
}

.top-bar {
    position: fixed;
    top: 0;
    left: 0;
    height: 130px;
    width: 100%;
    min-width: 1100px;
    background: #fff;
    z-index: 999;
}

.top-bar2 {
    position: fixed;
    top: 0;
    left: 0;
    height: 130px;
    width: 100%;
    min-width: 1100px;
    background: #fff;
    z-index: 999;
}

.icon-com {
    position: absolute;
    top: 36px;
    left: 8%;
    width: 139px;
    height: 72px;
}

.icon-net {
    position: absolute;
    top: 36px;
    right: 125px;
    width: 170px;
    height: 69px;
}

.search-bar {
    position: absolute;
    top: 44px;
    left: 46%;
    margin-left: -317px;
    width: 756px;
    height: 48px;
    background: url(../images/search-bar.jpg) no-repeat;
    background-size: 100% 100%;
}

.search-bar input {
    position: relative;
    top: 8px;
    left: 30px;
    width: 480px;
    height: 34px;
    font-size: 20px;
    color: #99999A;
    background-color: white;
    /*border: 1px solid red;*/
    border: none;
    line-height: 34px;
    outline: none;
}

.search-bar .btn-search {
    position: absolute;
    top: 4px;
    right: 2px;
    width: 145px;
    height:42px;
    /*border: 1px solid red;*/
    /*line-height: 31px;*/
    outline: none;
    display: block;
}

.search-bar2 {
    position: absolute;
    top: 44px;
    left: 46%;
    margin-left: -260px;
    width: 556px;
    height: 48px;
    background: url(../images/search-bar2.jpg) no-repeat;
    background-size: 100% 100%;
}

.search-bar2 input {
    position: relative;
    top: 8px;
    left: 30px;
    width: 480px;
    height: 34px;
    font-size: 20px;
    color: #99999A;
    background-color: white;
    /*border: 1px solid red;*/
    border: none;
    line-height: 34px;
    outline: none;
}

.section {
    position: relative;
    width: 100%;
    clear: both;
    display: block;
}

.section0 {
    height: 130px;
}

.section1 {
    width: 1600px;
    height: 628px;
    margin: -10px auto 0px auto;
}

.slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 1600px;
    height: 628px;
    display: block;
    
}

/*.slider.active {*/
/*display: block;*/
/*}*/

/*.section1 img {*/
/*width: 100%;*/
/*}*/

/*.section1 ul {*/
/*position: absolute;*/
/*left: 50%;*/
/*bottom: 35px;*/
/*width: 64px;*/
/*height: 12px;*/
/*list-style: none;*/
/*}*/

/*.section1 ul li {*/
/*list-style: none;*/
/*margin-left: 16px;*/
/*float: left;*/
/*width: 16px;*/
/*height: 12px;*/
/*background: url(../images/dot.png) no-repeat;*/
/*background-position: 0 -12px;*/
/*}*/

/*.section1 ul li.active {*/
/*background-position: 0 0;*/
/*}*/

.section1 .register {
    position: absolute;
    bottom: 74px;
    right: 0;
    width: 537px;
    height: 215px;
    background: url(../images/register.png) no-repeat;
}

.section1 .register .btn-detail {
    position: absolute;
    top: 145px;
    left: 340px;
    width: 136px;
    height: 39px;
    /*border: 1px solid red;*/
}

.section2 {
    background-color: #e0e0e0;
    padding-top: 56px;
    height:754px;
}

.section2 .title {
    position: relative;
    margin: 0px auto 0px auto;
    width: 610px;
    height: 124px;
    background: url(../images/title.png) no-repeat;
}

.section2-1 {
    width: 1482px;
    height: 405px;
    margin: 34px auto 0 auto;
}

.section2-1 .item {
    position: relative;
    float: left;
    width: 332px;
    height: 405px;
    margin-left: 28px;
}

.section2-1 .item a {
    position: absolute;
    left: 0;
    top: 0;
    width: 332px;
    height: 405px;
    display: block;
}

.section2-1 .item a img {
    position: absolute;
    left: 0;
    top: 0;
    width: 332px;
    height: 405px;
}

.section2-1 .item a:hover img {
    position: absolute;
    left: -33px;
    top: -40px;
    width: 402px;
    height: 486px;
    /*border: 1px solid red;*/
    z-index: 99;
}

.section2-2 {

}

.section2-2 .line {
    position: relative;
    margin-top: 94px;
    width: 100%;
    height: 86px;
    background: url(../images/line.png) no-repeat;
    background-position: center top;
}

.section3 {
    background-color: #f3f3f3;
    padding-top: 66px;
}

.section3 .title {
    position: relative;
    margin: 0px auto 0px auto;
    width: 634px;
    height: 118px;
    background: url(../images/title.png) no-repeat;
}

.section3-1 {
    width: 1462px;
    height: 360px;
    margin: 66px auto 0 auto;
    /*border: 1px solid red;*/
}

.section3-1 .item {
    position: relative;
    float: left;
    width: 341px;
    height: 360px;
    margin-left: 19px;
}

.section3-2 {

}

.section3-2 .line {
    position: relative;
    margin-top: 133px;
    width: 100%;
    height: 87px;
    background: url(../images/line.png) no-repeat;
    background-position: center top;
}

.section4 {
    background-color: #e2e5ea;
}

.section4 .section4-1 {
    width: 100%;
    height: 173px;
    background-color: #4a5f69;
}

.section4 .title {
    position: relative;
    width: 694px;
    height: 173px;
    float: right;
    background: url(../images/section4/title.png) no-repeat;
}

.section4 .section4-2 {
    position: relative;
    margin: 117px auto 0 auto;
    width: 1182px;
    height: 503px;
}

.section5 {
	height:636px;
	width:100%;
    background:url(../images/bg.jpg) no-repeat;
    background-size: 100% 100%;
    padding-top: 100px;
}

.section5 .section5-1 {
    width: 100%;
    height: 420px;
}

.section5 .title {
    position: relative;
    margin: 0 auto;
    width: 960px;
    height: 420px;
    /*background: url(../images/section5/title.png) no-repeat;*/
}

.section5 .title .t1 {
    position: relative;
    width: 467px;
    height: 58px;
   /* background: url(../images/section5/t1.png) no-repeat center;*/
    margin: 0 auto;
}

.section5 .title .t2 {
    position: relative;
    width:960px;
    height: 138px;
   /* background: url(../images/section5/t2.png) no-repeat;*/
    margin: 40px 0 72px 0;
}

.section5 .title .t3 {
    position: relative;
    width: 225px;
    height: 53px;
    margin: 0 auto;
    cursor: pointer;
    top:0;
    left:0;
   /* background: url(../images/section5/t3.png) no-repeat;*/
}
.section5 .title .t3 a{display: block; width:100%; height:100%;}
.section5 .btn-buy {
    position: absolute;
    top: 245px;
    left: 183px;
    width: 335px;
    height: 66px;
    /*border: 1px solid red;*/
}

.section5 .section5-2 {
    position: relative;
    margin: 53px auto 0 auto;
    width: 1198px;
    height: 313px;
}

.section5 .section5-3 .text {
    position: relative;
    margin: 0 auto;
    width: 608px;
    height: 38px;
    background: url(../images/text.png) no-repeat;
}

body.noCss3 #app-wrapper {
    width: 100%;
    min-width: 1600px;
}

body.noCss3 #app {
    width: 100%;
    min-width: 1600px;
    margin: 0 auto;
}

body.noCss3 #top-bar {
    width: 100%;
    min-width: 1100px;
}

.shop{
	width:100%;
	height:124px;
	background:#fff;
	
	
}
.shop_left{
	width:659px;
	height:124px;
	margin-left: 10%;
	background:url(../images/font.jpg) no-repeat center;
	float: left;
}
.shop_right{
	width:221px;
	height:124px;
	 float: right;
	 margin-right: 7%;
}
.shop_right a{
	display: block;
	width:221px;
	height:52px;
	margin-top: 38px;
	background:url(../images/bt.png) no-repeat;
	
	 
}
.sc{
width:100%; 
height:387px;
background: url(../images/cc.jpg) center no-repeat;
}
.sc a{display: block; width:100%; height:100%;}

.for{
	width:100%; 
	height:104px;
    bottom: 0px;
    left: 0;
}
.for2{
	width:100%; 
	height:104px;
    bottom: 0px;
    left: 0;
	position:fixed;
}
.fot{
	width:100%; 
	height:50px;
	background:#414347 ;
	margin: 0 auto;
	
	}
.fot p{
	font-size: 12px;
	color: #808080;
	text-align: center;
	line-height: 50px;
	font-family: "微软雅黑";
	}
.fot_bot{
	width:100%; 
	height:54px;
	background:#303338 ;
		margin: 0 auto;

	}