/*公共*/
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0;}
body{font-size:12px;-webkit-text-size-adjust:100%; color:#2f2929;}
a{color:#845914;text-decoration:none;}
a:hover{color:#f35414; text-decoration:underline;}
li{list-style:none;}
img{border:0;vertical-align:bottom; display:block;}
table{border-collapse:collapse;border-spacing:0;}
p{word-wrap:break-word; margin:0;}
.cl{ clear:both; font-size:0px; line-height:0px;}
.fl{ float:left;}
.fr{ float:right;}
.wap { width:1000px; margin:0 auto; position:relative; height:100%;}/*cssmedia*/
.title { width:1000px; height:41px; background-image:url(../images/title.png); background-repeat:no-repeat;  margin-left:auto; margin-right:auto; }
.subtit { width:275px; margin:0 auto; border-bottom:1px solid #6a6a6a; height:41px; line-height:41px;color:#6a6a6a; font-size:24px; font-family:'黑体'; text-align:center;}
.vcenter { position:absolute; left:0; top:50%;}
.nextbtn, .totop{ position:absolute; width:32px; height:32px; background:url(../images/nextbtn.png) 0 0 no-repeat; bottom:10px; left:50%; margin-left:-16px;}
.totop {background:url(../images/totop.png) 0 0 no-repeat;}
.section{ height:800px;}

/*fullpageJS*/
#fp-nav ul li .fp-tooltip{color:#444; font-size:14px; line-height:18px; font-family:'黑体';width:100px; text-align:right}

#fp-nav.right { right:40px; }
#fp-nav span,.fp-slidesNav span{border-color:#636363; width:10px; height:10px;}
#fp-nav li { margin:9px;}
#fp-nav li .active span,.fp-slidesNav .active span{background:#545454}

#fp-nav.white ul li .fp-tooltip{ color:#fff;}
#fp-nav.white span,#fp-nav.white .fp-slidesNav span {border-color:#ddd;}
#fp-nav.white li .active span,#fp-nav.white.fp-slidesNav .active span{background:#ddd}

/*main*/
#main { background:url(../images/starbg1.png) 0 0 repeat ;_background:#01002a;}
#main .bg { background:url(../images/shine.png) 50% 70% no-repeat; width:100%; height:100%; opacity:.7; position:relative }
#main .wap { width:1110px; background:url(../images/main.png) 50% 30% no-repeat; }
#main .logo { position:absolute; left:55px; top:0; width:172px; height:56px; display:block;background:url(../images/logo.png) 0 0 no-repeat;}
#main .wap p{ font-size:16px; font-family:'微软雅黑'; line-height:30px; color:#fff; opacity:0.9; background:url(../images/textbg.png) 0 0 repeat-y ; width:960px; padding:10px 20px; position:absolute; bottom:10%; left:55px;}

/*feature*/
.feature { background-image:url(../images/starbg2.png); background-position:0 0; background-repeat:repeat}
.feature .wap { padding:35px 0}
.feature .text { font-size:16px; font-family:'微软雅黑'; line-height:30px; color:#2a2d39;padding:23px 0;}
.feature_pic{ width:1000px; margin:0 auto; position:relative;}
.feature_pic li{ float:left; text-align:center;cursor:pointer; z-index:0; position:relative; margin-right:2px; width:165px; height:180px; margin-bottom:20px; }
.feature_pic li.r { margin-right:0}
.feature_pic li .in img{ height: 140px; margin: 0 auto;}
.feature_pic li .in{ position: absolute; left: 0; top: 0; z-index:2;width: 165px; }
.feature_pic li span{ display:block; text-align: center; height:40px; border-bottom:1px solid #e6e5e3; font-size:12px; line-height:40px; color:#444; font-weight:bold;}
.feature_pic li .original { display:none; padding:5px; padding-bottom:0; border: 1px solid #dedede; position:absolute; left:-100px; text-align: center; top:-70px;  background: #fff;}
.feature_pic li .original img { height:auto; width:auto;}
.feature_pic li .original span { height:34px; line-height:34px; border-bottom:0}
.feature_pic li.on { z-index:999}
.feature_pic li.on .original{ display:block; z-index:100;}

.feature_pic.pic01 li.r .original{ left:-130px;}

.feature_pic.pic02 li .original{ left:-150px}
.feature_pic.pic02 li.l .original{ left:-90px;}

.feature_pic.pic03 li  { width:332px; height:313px; margin-bottom:0;}
.feature_pic.pic03 li .in img{ height: 272px; margin: 0 auto;}
.feature_pic.pic03 li .in { width:332px;}
.feature_pic.pic03 li .original{ left:-70px; top:10px;}
.feature_pic.pic03 li .original img{ height:272px; width:auto;}

.feature_pic.pic04 li  { width:248px; height:201px; margin-bottom:20px;}
.feature_pic.pic04 li .in img{ height: 160px; margin: 0 auto;}
.feature_pic.pic04 li .in { width:248px;}
.feature_pic.pic04 li .original{ left:-120px; top:-60px;}
.feature_pic.pic04 li.l .original{ left:-90px;}

.feature_pic.pic05 li .original{ left:-140px}

.feature_pic.pic06 li .original{ left:-150px}
.feature_pic.pic06 li.p1 .original{ left:-160px}
.feature_pic.pic06 li.p1 .original img{}
.feature_pic.pic06 li.p5 .original{ left:-160px}

.feature_pic.pic07 li .original{ left:-150px}
.feature_pic.pic07 li.p9 .original{ left:-58px; top:-320px}

/*feature1*/
#feature1 .title {background-position:0 0;}
#feature1 .vcenter { height:600px; margin-top:-260px;}
#feature1 .wap { width:1200px;}
#feature1 .text { width:1000px; margin:0 auto;}
.tabnav { height:48px; width:565px; margin-left:auto; margin-right:auto; }
.tabnav li { height:48px; float:left; width:141px;}
.tabnav li a{ display:block; float:left; width:140px; height:46px; border:1px solid #131313; background:#ebebeb; text-align:center; font-size:14px; color:#000; line-height:46px; border-left:0; font-family:'黑体';_display:inline;}
.tabnav li.fir { width:142px;}
.tabnav li.fir a { border-left:1px solid #131313}
.tabnav a.noright{}
.tabnav li.on a{ background:url(../images/tabon.jpg) 0 bottom no-repeat #dcdbdb; height:47px;  border-bottom:0; color:#6a6a6a}
.tabnav a:hover { text-decoration:none;}
.tab { display:block;}
.tab.on { display:block;}

.lbbox { width:1200px;height:680px; }
.lbshow {width:1200px;height:680px; clear:both; float:left; overflow:hidden;}
.lbpic { width:1200px;height:680px; }
.lbpic li.tab {  width:1000px; padding:0 100px; position:relative}

/*feature2*/
#feature2 .title {background-position:0 -41px;}
#feature2 .vcenter { height:595px; margin-top:-250px;}

/*feature3*/
#feature3 .title {background-position:0 -82px;}
#feature3 .vcenter { height:550px; margin-top:-233px;}

/*feature4*/
#feature4 .title {background-position:0 -123px;}
#feature4 .vcenter { height:550px; margin-top:-233px;}

/*xgcp*/
#xgcp { background:url(../images/starbg1.png) 0 0 repeat ;}
#xgcp .title {background-position:0 100%;margin-bottom:35px;}
#xgcp .vcenter { height:590px; margin-top:-257px;}
#xgcp .wap { padding:35px 0}
#xgcp .cps li{ width:326px;height:289px;margin-right:11px; float:left; margin-bottom:10px;}
#xgcp .cps li.r { margin-right:0}
#xgcp .cps a{width:320px;  display:block;padding:0 1px; border:2px solid #ced3d9; background:#fff;}
#xgcp .cps h3 { height:50px; padding:10px 0; font-size:16px; color:#000; line-height:25px; font-weight:normal; text-align:center; background:#f0f0f0;font-family:'微软雅黑'; }
#xgcp .cps h3 b{ color:#1352a2; font-size:18px;}
#xgcp .cps a:hover {text-decoration:none;color:#fff;}
#xgcp .cps a:hover h3{ text-decoration:none;background:#1352a2; color:#fff;}
#xgcp .cps a:hover b{ color:#fff;}

/*footer*/
.footer{ width:100%; background:#fff;font-family:'微软雅黑';font-size:12px }
.center { width:1000px; margin:0 auto;}
.bottom{ height:40px; line-height:40px; border-bottom:1px solid #ececec; color:#e1d6e1; margin-bottom:20px;}
.bottom a{ margin:0 5px; color:#2f2929;}
.bottom a:hover{ text-decoration:underline; color:#2f2929;}
.b_t{ line-height:24px; margin-bottom:63px; color:#2f2929;}
.b_t .fr img{ float:left; margin-left:10px;}
.blank{ display:block; height:100px; margin-top:-100px; width:100%;}
.blank.showfooter{ margin-top:-250px}

/*响应式*/
@media screen and (min-width: 1300px) and (max-width: 1499px) {
	#fp-nav.right { right:20px;}	
}
@media screen and (max-width: 1299px) {
	#fp-nav.right { right:10px;}
}

@media screen and (min-height: 900px){
	#main .wap p{ bottom:10%;font-size:18px; line-height:34px}
	.feature .text { font-size:16px;line-height:30px;padding:30px 0;}
	.subtit { margin-top:15px;}
	.feature_pic li { margin-bottom:35px;}
	#feature1 .vcenter { height:620px; margin-top:-280px;}
	#feature2 .vcenter { height:600px; margin-top:-263px;}
	#feature3 .vcenter { height:570px; margin-top:-252px;}
	#feature4 .vcenter { height:570px; margin-top:-252px;}

}

@media screen and (min-height: 700px) and (max-height: 760px){
	#main .wap p{ line-height:28px; bottom:7%;}

}

@media screen and (max-height: 699px){
	#main .wap p{ line-height:26px; bottom:7%;}
	
	.feature .text { font-size:14px;line-height:26px;padding:18px 0;}
	#feature1 .text { padding:13px 0; }
	.tabnav,.tabnav li { height:42px;}
	.tabnav li a{ width:140px; height:40px;line-height:40px;}
	.tabnav li.on a{height:41px;line-height:40px;}
	
	.feature_pic li span { height:30px; line-height:30px;}
	.feature_pic li { margin-bottom:10px;}
	.feature_pic li .original { top:-90px;}
	.feature_pic.pic02 li .original { left:-110px; top:-80px;}
	.feature_pic.pic02 li .original img{ height:220px; width:auto;}
	
	.feature_pic.pic04 li { margin-bottom:10px;}
	.feature_pic.pic04 li .original { left:-110px; top:-90px;}
	.feature_pic.pic04 li .original img{ height:240px; width:auto;}
	.feature_pic.pic07 li.p9 .original{ top:-340px}
	
	#feature1 .vcenter { height:535px; margin-top:-230px;}
	#feature2 .vcenter { height:505px; margin-top:-205px;}
	#feature3 .vcenter { height:480px; margin-top:-192px;}
	#feature4 .vcenter { height:505px; margin-top:-205px;}
	
	#xgcp .vcenter{ width:1000px;height:500px;margin-top:-210px;  }
	#xgcp .cps {  width:940px;margin:0 auto;}
	#xgcp .cps li{ width:306px;height:242px;}
	#xgcp .cps a{width:300px; }
	#xgcp .cps img { width:250px; height:auto; margin-left:25px;}
}