@charset "utf-8";
/* CSS Document */
/*-功能：页面样式-*/
/*-作者：linqiuyu-*/
/*-日期：2016/1/16-*/

/*-nav-*/
.nav{
	display: none;
	position: fixed;
	left: 3%;
	top:20%;
	z-index: 100;
	width: 250px;
}
.nav li{
	display: block;
	margin-bottom: 10px;
}
.nav li.current{
	margin-left: -5%;
}
/*-erweima-*/
.erweima{
	position: fixed;
	right: 8%;
	top:20%;
	z-index: 100;
}
.erweima #erweima{
	position: absolute;
    left: 47px;
    top: 29px;
	width: 110px;
}
/*-中间(主)-*/
.pc{
	width: 100%;
	background:url(../images/bg.jpg) no-repeat top center;
	background-size: 100% 100%;
	-moz-background-size:100% 100%;
    -webkit-background-size:100% 100%;
    -o-background-size:100% 100%;
	position: absolute;
}
/*-中间(主) end-*/

/* page1 */
#page1 .content{ 
	position: relative;
    width: 1526px;
    height: 738px;
    background:url(../images/page1_bg.png) no-repeat;
    background-size: 100% 100%; 
    	-moz-background-size:100% 100%;
    -webkit-background-size:100% 100%;
    -o-background-size:100% 100%;
    overflow: hidden;
}
#page1 .video_src{
	position: absolute;
	width: 520px;
	height: 300px;
	display: block;
    top: 330px;
    left: 450px;
}
.video_box{
	width: 900px;
	margin: 0 auto;
	margin-top: 15%;
	height: 100%;
	position: relative;
}
.video_box #video{

	width: 900px;
	margin: 0 auto;
}
/* page1_end */


/* page2 */
#page2 .content{
    width: 1320px;
    height: 805px;
    background:url(../images/page2_bg.png) no-repeat;
    background-size: 100% 100%;
    	-moz-background-size:100% 100%;
    -webkit-background-size:100% 100%;
    -o-background-size:100% 100%; 
    overflow: hidden;
    position: relative;
}
#sign_btn{
	position: absolute;
    right: 350px;
    top: 140px;
}
#pro_btn{
	position: absolute;
    right:210px;
    top: 140px;
}
.tab{
	width: 900px;
	padding-top: 200px;
	margin: 0 auto;
}
.tablink{
	display: block;
	width: 100%;
	overflow: hidden;
	height: 60px;
	line-height: 60px;
	border-bottom: 2px dashed #3391b2;
}
.tablink .taba{
	float: left;
	width: 110px;
	text-align: center;
	height: 60px;
	color: #d3e5ed;
	font-size: 22px;
	font-weight: bold;
}
.tablink .taba.curr{
	color: #257da5;
}
.tab .blue{
    font-size: 19px;
    line-height: 40px;
}
.tab .pane{
	display: none;
}
.tab .pane .txt{
	width: 700px;
	margin: 0 auto;
	line-height: 25px;
	font-size: 14px;
}
.tab .pane.active{
	display: block;
}
.tab .red{
    margin-right: 5px;
}
.signbox{
	width: 900px;
	height: 600px;
	position: relative;
	margin:0 auto;
}
.signbox #signup{
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.probox{
	width: 900px;
	height: 600px;
	position: relative;
	margin:0 auto; 
}
.probox #products{
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
}
/* page2_end */

/* page3 */
#page3 .content{
    width: 1128px;
    height: 740px;
    background:url(../images/page3_bg.png) no-repeat;
    overflow: hidden;
}
.case{
	width: 1020px;
	height: 760px;
	margin: 0 auto;
	margin-top: 5px;
}
/* page3_end */

/* page4 */
#page4 .content{
    width: 1018px;
    height: 606px;
    background:url(../images/page4_bg.png) no-repeat;
    background-size: 100% 100%; 
    	-moz-background-size:100% 100%;
    -webkit-background-size:100% 100%;
    -o-background-size:100% 100%;
    overflow: hidden;
    padding-top: 165px;
}
#page4 .tips{
	text-align: center;
}
.sort_pane{
	display: none;
	width: 700px;
	height: 400px;
	margin: 0 auto;
	position: relative;
}
.sort_pane.active{
	display: block;
}
.sort_pane .sortli{
	position: absolute;
}
.sort_pane .sortli img{
	cursor: pointer;
	width: 165px;
	height: 108px;
	border-radius: 15px;
	-moz-border-radius: 15px;
    -webkit-border-radius: 15px; 
}
.sort_pane .li1{
	left: 84px;
	top:50px;
}
.sort_pane .li2{
	left: 264px;
	top:50px;
}
.sort_pane .li3{
	left: 444px;
	top:50px;
}
.sort_pane .li4{
	left: 0px;
	top:166px;
}
.sort_pane .li5{
	left: 176px;
	top:166px;
}
.sort_pane .li6{
	left: 352px;
	top:166px;
}
.sort_pane .li7{
	left: 529px;
	top:166px;
}
.sort_pane .li8{
    left: 84px;
    top: 282px;
}
.sort_pane .li9{
    left: 264px;
    top: 282px;
}
.sort_pane .li10{
    left: 444px;
    top: 282px;
}
.sortbox{
	width: 800px;
	height: 560px;
	position: relative;
	background:#fff;
	margin:0 auto;
	overflow-y:auto; 
	/*padding: 40px;*/ 
}
.sortbox img{
	width: 100%;
}
.sort_tree{
	background:url(../images/page4_yearsort.jpg) no-repeat center;
	width: 600px;
	height: 120px;
	margin:0 auto;
	overflow: hidden;
	position: relative;
}
.sort_tree a{
	position: absolute;
	padding: 10px;
	cursor: pointer;
	color:#ffc94d;
	font-size: 14px;
}
.sort_tree a.curr{
	color: #00c478;
}
.sort_tree .sli1{
    left: 4px;
    top: 72px;
}
.sort_tree .sli2{
    left: 49px;
    top: 2px;
}
.sort_tree .sli3{
    left: 90px;
    top: 72px;
}
.sort_tree .sli4{
    left: 182px;
    top: 72px;
}
.sort_tree .sli5{
	left: 244px;
	top:2px;
}
.sort_tree .sli6{
    left: 292px;
    top: 72px;
}
.sort_tree .sli7{
	left: 336px;
	top:2px;
}
.sort_tree .sli8{
    left: 393px;
    top: 72px;
}
.sort_tree .sli9{
    left: 444px;
    top: 2px;
}
.sort_title{
	background:url(../images/page4_tittle_bg.png) no-repeat center;
	width: 192px;
	height: 40px;
	line-height: 40px;
	padding-left: 38px;
	margin:30px auto;
	font-size: 16px;
	color: #fff;
}

/* page4_end */


/* page5 */
#page5 .content{
	padding: 40px;
	text-align: center;
}
#page5 .content img{
    /*margin: 0 auto;*/
}
/* page5_end */


.proniceul{
	font-size: 14px;
	width: 850px;
	margin: 0 auto;
	padding-top: 165px;
}
.proniceul li{
	width: 20%;
	text-align: center;
	margin-top: 10px;
	float: left;
}
.proniceul li img{
    width: 155px;
	height: 110px;
	border-radius: 15px;
	-moz-border-radius: 15px;
    -webkit-border-radius: 15px; 
    margin-bottom: 5px;
    border:1px solid #ddd;
}
.proniceul .name{
   color: #257dae;
}
.proniceul .nicetype{
   color: #e0365c;
}