/* CSS Document */
*{ padding:0px; margin:0px;}
html,body{height:100%;}
body{ background: url(../images/index/bg.jpg) repeat-x center top fixed; font-size:14px;font-family:'宋体'; color:#888888; overflow-x:hidden}
/*body:before {  content: ' ';  position: fixed;  z-index: -1;  top: 0;  right: 0;  bottom: 0;  left: 0;  background: url(../images/index/bg.jpg) center 0 no-repeat;  background-size: cover;}*/
img{ border:0; display:inline-block;}
ul, li { list-style:none; }
h1, h2, h3, h4, h5, h6 { font-size:14px; }
a{ color:#333333;text-decoration:none; cursor:pointer; }
a:hover,.title small a:hover{color:#f8ff44;text-decoration:none; }
.clear{ clear:both}
.w1090{ width:1090px; margin:auto;}
.fl{ float:left;}
.fr{ float:right;}
.none{display: none;}
.mlogo{display:none;}

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

/*合作企业*/
.hzqy{ position:absolute;top:4%;left:5%;width:360px}
.zlhz{ padding-left:10px;margin-top: 13px;}
/*登录注册*/
.loginBox{position:absolute;padding:0 20px;height:37px; line-height:37px;top:8%;right:5%;background: rgba(0,0,0,0.4); border-radius:17px;z-index:111;}
.loginBox a{ font-family:"微软雅黑", "宋体"; font-size:14px; color:#ffffff; display:block; float: left; text-align:center;padding-left:21px;}
.loginBox a.login{ background:url(../images/index/LRico.png) no-repeat 0px }
.loginBox a.reg{ text-align:right;background:url(../images/index/LRico1.png) no-repeat 0px;padding-left: 30px;}
.loginBox a:hover{ color:#f9c201}
.loginBox span.fl{color: #fff;margin: 0 11px;}
/*登陆后*/
.alreadyLogin{ padding:0px 20px 0px 20px;width:auto;}
.alreadyLogin .touxiang{ position:absolute;width:65px;height:65px;top:-14px;left:-45px;  overflow:hidden;}
.alreadyLogin a.name{ padding-left:10px; float:left;width:auto;}
.alreadyLogin a.exit{ background: url(../images/index/aleadyLogin.png) no-repeat center right;height:37px;width:50px;}
.img_radius{border-radius:65px; border:3px #dadae0 solid; vertical-align:middle}
/*logo*/
.logo{ position:absolute;top:12%;left:58%; margin-left:-428px;}
.logoText{position:absolute;top:29%;left:60%; margin-left:-319px;background:url(../images/index/logoText.png) no-repeat; width: 533px;height: 225px;}
.swallow{position: absolute;top:14%;left:50%;margin-left:-215px}
/*投票按钮*/
.shangchuan{ position:absolute;top:47%;left:50%; margin-left:430px;}
.tpsm{background: #fff;box-shadow: 0 0 2px #C5C6CF;border-radius: 13px 13px;width: 78px;height: 26px;margin-left: 30px;}
.tpsm a{display: block;width: 78px;height: 26px;color:  #c30d23;text-align: center;line-height: 26px;font-family:"微软雅黑";font-weight: bold;}
/*导航*/
.nav{background:rgba(25, 25, 58, 0.6)!important;filter:Alpha(opacity=60); background:#19193a;}
.nav a{ color:#fff; font-family:"隶书", "微软雅黑", "宋体"; display:block; float:left;width:22%; text-align:center;height:70px; line-height:70px;}
.nav a.qia{width:12%;}
.nav a.active{ color:#f9c201}

/*投票说明弹出框*/
.tpxz{width: 50%;height: 390px;border: 1px solid #b71214;border-radius: 15px 15px;background: #fff;position: fixed;left: 25%;top: 25%;z-index:9999;}
.tpxz .scbtn{width: 50px;height: 50px;border-radius: 50%;background: #b71214;display: block;text-align: center;line-height: 45px;font-size: 45px;font-weight: bold;color: #fff;margin-top: -20px;margin-left: -20px;cursor: pointer;font-family: "微软雅黑";}
.tpxz div{width: 100%;height: 140px;margin: 80px auto;}
.tpxz div span{display: block;width: 100%;height:60px;line-height: 60px;text-align: center;font-size: 38px;color: #b71214;font-family: "微软雅黑";margin-bottom: 50px;}
.tpxz div a{width: 40%;height: 50px;font-size: 25px;color: #fff;text-align: center;line-height: 50px;font-family: "微软雅黑";cursor: pointer;margin: 0 auto;background: #b71214;border-radius: 25px 25px;display: block;}

.tpxz1{width: 50%;height: 390px;border: 1px solid #b71214;border-radius: 15px 15px;background: #fff;position: fixed;left: 25%;top: 25%;z-index:9999;}
.tpxz1 .scbtn1{width: 50px;height: 50px;border-radius: 50%;background: #b71214;display: block;text-align: center;line-height: 45px;font-size: 45px;font-weight: bold;color: #fff;margin-top: -20px;margin-left: -20px;cursor: pointer;font-family: "微软雅黑";}
.tpxz1 div{width: 100%;height: 140px;margin: 80px auto;}
.tpxz1 div span{display: block;width: 100%;height:60px;line-height: 60px;text-align: center;font-size: 38px;color: #b71214;font-family: "微软雅黑";margin-bottom: 50px;}
.tpxz1 div a{width: 40%;height: 50px;font-size: 25px;color: #fff;text-align: center;line-height: 50px;font-family: "微软雅黑";cursor: pointer;margin: 0 auto;background: #b71214;border-radius: 25px 25px;display: block;}


/*上下翻页*/
.pageButn{width:87px;height:44px; position:absolute;left:50%; margin-left:-43px; background:url(../images/index/PrevNext.png) no-repeat; cursor:pointer;}
.nextPage{ bottom:0px;}
.prevPage{ top:0px; background-position:left bottom;}


/*--------------------第二屏----------------------*/
.title{ position:absolute;left:50%; margin-left:-231px;top:8%;}
.main{ background:#fff;width:1090px;height:443px; position:absolute;left:50%; margin-left:-551px;top:25%;
-webkit-box-shadow: 0px 0px 10px #797979;
  -moz-box-shadow: 0px 0px 10px #797979;
  box-shadow: 0px 0px 10px #797979;}
.sec2 .main .padd{ padding:43px; line-height:40px; font-size:17px; font-family:"微软雅黑", "宋体";}
.sec2 .main .padd p{ text-indent:2em;}
.float{ width:111px; height:416px; background:url(../images/index/floatLeft.png) no-repeat; position:fixed; top:50%; margin-top:-208px; display:none; z-index:9999;}
.floatRight{ width:111px; background:url(../images/index/floatRight.png) no-repeat; position:fixed; top:50%; right:0px;}
.floatLeft{ background:url(../images/index/floatLeft.png) no-repeat;left:0px}
.float .close{ position:absolute;width:22px; height:22px; cursor:pointer;}
.float .close:hover{background:url(../images/index/floatRight.png) no-repeat -110px 0px;}
.floatRight a.upload{ position:absolute;top:38px;left:16px;width:80px;height:82px;}
/*.floatRight a.upload:hover{ background:url(../images/index/floatRight.png) no-repeat -128px -38px;}*/
.floatRight a.login{ position:absolute;top:138px;left:18px;width:76px;height:76px;}
.floatRight a.login:hover{ background:url(../images/index/floatRight.png) no-repeat -128px -138px;}
.floatRight a.reg{ position:absolute;top:230px;left:18px;width:76px;height:76px; }
.floatRight a.reg:hover{background:url(../images/index/floatRight.png) no-repeat -128px -230px;}
.floatRight a.backTop{ position:absolute;top:322px;left:18px;width:76px;height:76px; }
.floatRight a.backTop:hover{background:url(../images/index/floatRight.png) no-repeat -128px -322px;}


/*--------------------第三屏----------------------*/
.sec3 .main{width:1046px; height:452px; margin-left:-508px}
.sec3 .tabHead{ position:absolute;width:47px;height:310px;left:-45px;}
.sec3 .tabHead a{ position:absolute;width:17px;height:143px;background:url(../images/index/blueTag.png) no-repeat; font-size:20px;  font-family:"微软雅黑", "宋体"; color:#ffffff; padding:30px 15px 0px 15px; line-height:22px;}
.sec3 .tabHead a.active{ background:url(../images/index/redTag.png) no-repeat; z-index:555;}
.sec3 .tabHead a.tabHead2{ position:absolute;top:154px;}
.sec3 .tabCon{ padding:30px 30px 42px 30px;}
.sec3 .tabCon .more{ position:absolute;right:30px;bottom:15px;font-family:"微软雅黑", "宋体";}
.sec3 .tabCon .more a{ color:#c30d23}
.sec3 .tabCon .more a:hover{ text-decoration:underline}
.img{ position:absolute;}
.img img{ display:block;}
.img .videoIco{ position:absolute;width:50px;height:50px; background:url(../images/index/video.png) no-repeat;top:50%;left:50%; margin-left:-25px; margin-top:-25px;}
.img .blank{ position:absolute;top:0px;left:0px;width:100%;height:100%;background:rgba(0, 0, 0, 0.7)!important;
filter:Alpha(opacity=70); background:#000000;}
.img .text{ position:absolute; color:#fff;top:50%;left:50%; line-height:22px; margin-left:-33px; margin-top:-44px;}
.img .text strong{ display:block;}
.img .text a{ font-weight:bold; color:#fcdc03;}
.sec3 .img2{left:30px;top:193px;}
.sec3 .img3{left:173px;top:30px;}
.sec3 .img4{left:445px;top:30px;}
.sec3 .img5{left:445px;top:153px;}
.sec3 .img6{left:589px;top:153px;}
.sec3 .img7{left:173px;top:291px;}
.sec3 .img8{left:316px;top:291px;}
.sec3 .img9{left:524px;top:291px;}
.sec3 .img10{left:733px;top:30px;}
.sec3 .img11{left:733px;top:252px;}
.sec3 .img12{left:875px;top:30px;}
.sec3 .img13{left:875px;top:153px;}
.sec3 .img14{left:875px;top:291px;}
  
.sec3 .foot{ text-align:center; position:absolute;width:1000px;left:50%; margin-left:-500px; bottom:0px; height:46px; line-height:46px;font-family:"微软雅黑", "宋体"; font-size:16px; color:#535474;}


@media screen and (min-height:681px) and (max-height:900px) {
.title{top:11%;}
.main{top:30%}
}

@media screen and (min-height:600px) and (max-height:680px) {
.sec3 .title{top:6%;}
.sec3 .main{top:21%}
}


/*电脑*/
@media screen and (min-width:768px) {
.nav{width:1090px;  position:absolute; bottom:0px; left:50%; margin-left:-540px;background:rgba(25, 25, 58, 0.6)!important;
filter:Alpha(opacity=60); background:#19193a;}
.nav a{font-size:26px;}
.tpxz{display:none;}
}


@media screen and (min-width:930px) and (max-width:1120px)  {
.shangchuan{margin-left:30%;top: 57%;}	
.nav{width:100%; margin-left:-50%;}
.main{width:900px; margin-left:-450px; height:auto;}
.sec3 .main{ transform:scale(0.83,0.83);-moz-transform:scale(0.83,0.83);-ms-transform:scale(0.83,0.83);-o-transform:scale(0.83,0.83);-webkit-transform:scale(0.83,0.83);}
.sec3 .foot{width:100%; margin-left:-50%;}
.tpxz {width: 60%;height: 365px;border: 1px solid #b71214;border-radius: 15px 15px;background: #fff;left: 20%; top: 25%;}
}
@media screen and (min-width:769px) and (max-width:929px)  {
.loginBox{ top:16%;}
.shangchuan{margin-left:30%;top: 57%;}
.nav{width:100%; margin-left:-50%;}
.main{width:760px; margin-left:-380px; height:auto;top:25%;}
.sec3 .main{ transform:scale(0.7,0.7);-moz-transform:scale(0.7,0.7);-ms-transform:scale(0.7,0.7);-o-transform:scale(0.7,0.7);-webkit-transform:scale(0.7,0.7);}
.sec3 .foot{width:100%; margin-left:-50%;}
}

/*手机*/

@media screen and (max-width:768px) {
body{ background:url(../images/index/phoneBg.jpg) no-repeat center bottom; background-size:cover; font-size:14px;}

.pageButn{ display:none;}
img{width:100%;height:auto;}
.hzqy{top:2%;left:2%;width:98%;}
.hzqy .fl{width:46%; max-width:261px;}
.hzqy .fr{ position:absolute;right:3%;max-width: 85px;width: 20%;}

.shangchuan{ margin-left:0px;left:auto;right:0px;width:23%;top:62%; max-width:134px;}

.loginBox{top:auto;bottom:100px;right:50%; margin-right:-111px; padding:0px 25px;}
.loginBox a{ font-size:1.2em; float:left;}
.alreadyLogin .touxiang img{width:auto;height:auto;}
	
.logo{width:25%;margin-left:-10%;top:20%; max-width:119px; min-width:60px;}
.logoText {top:45%;margin-left:-42%;width:70%; overflow:hidden;min-width:140px;-webkit-background-size:100%;
background-size:100%;}
.logoText img{ position:relative;}
.swallow{width:18%;margin-left:5%;}
	
.nav{width:100%; position:fixed; bottom:0px;margin-left: 0px;left: 0px;}
.nav a{font-size:1.8em;width:25%;}
.nav a.qia{ display:none;}
.tpsm{margin-left: 20px;}	

.sec2,.sec3{ display:none !important;}
.tpxz {width: 70%;height: 300px;border: 1px solid #b71214;border-radius: 15px 15px;background: #fff;left: 15%; top: 25%;}
.tpxz div { margin: 50px auto;}
.tpxz div span {font-size: 30px;margin-bottom: 30px;}
.tpxz div a {height: 40px;font-size: 20px;line-height: 40px;}

.tpxz1 {width: 70%;height: 300px;border: 1px solid #b71214;border-radius: 15px 15px;background: #fff;left: 15%; top: 25%;}
.tpxz1 div { margin: 50px auto;}
.tpxz1 div span {font-size: 30px;margin-bottom: 30px;}
.tpxz1 div a {height: 40px;font-size: 20px;line-height: 40px;}
.mlogo{display:block;}
.logo{display:none;}
.mlogo{width:69%;margin-left:-30%;top:25%; max-width:450px; min-width:60px;position:absolute;left:50%;}
}

@media screen and (max-width:515px) {
.nav a{font-size:1.2em;}
.tpxz .scbtn{width: 35px;height: 35px; margin-left: -12px;margin-top: -12px;font-size: 25px;line-height: 35px;}
.tpxz {width: 80%;height: 260px;border: 1px solid #b71214;border-radius: 15px 15px;background: #fff;left: 10%; top: 25%;}
.tpxz div { margin: 30px auto;}
.tpxz div span {font-size: 28px;margin-bottom: 20px;}
.tpxz div a {height: 40px;font-size: 18px;line-height: 40px;}

.tpxz1 .scbtn1{width: 35px;height: 35px; margin-left: -12px;margin-top: -12px;font-size: 30px;line-height: 30px;}
.tpxz1 {width: 80%;height: 260px;border: 1px solid #b71214;border-radius: 15px 15px;background: #fff;left: 10%; top: 25%;}
.tpxz1 div { margin: 30px auto;}
.tpxz1 div span {font-size: 28px;margin-bottom: 20px;}
.tpxz1 div a {height: 40px;font-size: 18px;line-height: 40px;}

}

@media screen and (max-width:680px) {
	.tpsm{margin-left: 10px;}	
.shangchuan{margin-bottom: 55px;}
}
@media screen and (max-width:420px) {
	.tpsm{margin-left: 5px;margin-top: 8px;}
	.tpxz .scbtn{width: 30px;height: 30px; margin-left: -10px;margin-top: -10px;font-size: 20px;line-height: 30px;}
	.tpxz {width: 80%;height: 200px;border: 1px solid #b71214;border-radius: 15px 15px;background: #fff;left: 10%; top: 25%;}
.tpxz div { margin: 30px auto;}
.tpxz div span {font-size: 20px;margin-bottom: 20px;}
.tpxz div a {height: 30px;font-size: 18px;line-height: 30px;}	

.tpxz1 .scbtn1{width: 30px;height: 30px; margin-left: -10px;margin-top: -10px;font-size: 25px;line-height: 27px;}
	.tpxz1 {width: 80%;height: 200px;border: 1px solid #b71214;border-radius: 15px 15px;background: #fff;left: 10%; top: 25%;}
.tpxz1 div { margin: 30px auto;}
.tpxz1 div span {font-size: 20px;margin-bottom: 20px;}
.tpxz1 div a {height: 30px;font-size: 18px;line-height: 30px;}	

}

@media screen and (max-width:320px) {
	.tpsm{width: 68px;height: 20px;margin-left: 3px;margin-top: 20px;}	
	.tpsm a{display: block;width: 68px;height: 20px;color:  #c30d23;text-align: center;line-height: 20px;}

}
@media screen and (max-width:375px) {
.loginBox{bottom:80px;width:110px; line-height:28px; height:28px;margin-right: -80px;}
.loginBox a{ font-size:0.9em;}
.loginBox a.reg{ background-position:-90px 6px}
.alreadyLogin {width:auto;}
.alreadyLogin .touxiang{ left: -35px; width:65px;height:65px;}
.alreadyLogin a.exit{height:28px;width:50px; background-position: center right;}
.shangchuan{ top:58%;margin-bottom: 45px;}
.nav a{line-height:45px; height:45px;}	

.logo{width:22%;margin-left:-10%;top:27%; max-width:119px; min-width:inherit;}
.logoText {top:45%;margin-left:-45%;width:82%; overflow:hidden;min-width:238px;}
}

@media screen and (orientation:landscape) and (max-width:768px){
.logo{width:10%;top:24%;margin-left: -19%;}
.logoText {top:26%;margin-left:-8%;width:25%;-webkit-background-size: 100%;
background-size: 100%;}
.swallow{width:9%;margin-left: -10%;top:17%;}
.shangchuan{width:14%;top:50%;}

.nav a{ line-height:45px; height:45px; font-size:1.2em;}
.loginBox{ bottom:66px;margin-right: -147px;padding: 0px 15px;}
.loginBox a{ font-size:1.2em;}

}


@media screen and (orientation: landscape) and (min-height:680px){
	.sec3 .main{top:25%;}
	.sec3 .foot{bottom:5%}
}

@media screen and (orientation: landscape) and (max-height:680px){
	.sec2 .main .padd{line-height:35px;}
	/* .loginBox{min-width:180px;}
	.loginBox span.fl {margin: 0;} */
}
@media screen and (max-height:320px){
	.hzqy .fl{width:35%;}
	.hzqy .fr{width:10%;}
	.logo{margin-left:-17%;top: 19%;}
	.logoText{width: 25%;margin-left:-6%;top:20%;}
	
	.loginBox{bottom:70px;line-height:28px; height:28px;margin-right: -120px;}
	.loginBox a{ font-size:0.9em;}
	.alreadyLogin {width:auto;}
	.alreadyLogin .touxiang{ left: -42px; width:49px;height:49px;}
	.alreadyLogin a.exit{height:28px; background-position: center right;}
}
@media (max-width:320px){
	.nav a{ font-size:16px;}
}
@media screen and (orientation: Portrait) and (max-height:768px){
	.logoText{background: url(../images/index/logoText0926.png) no-repeat;-webkit-background-size: 100%;
	background-size: 100%;}
	.loginBox,.shangchuan,.nav{display: none;}
	.none{display: block;}

	.navi{position: fixed;width: 100%;height:50px;background: #e6e5e5;bottom:0px;font-family:"微软雅黑", "宋体";line-height:18px;}
	.navi>a{display: block;width:22%;padding:0;text-align: center;margin-top:4px;}
	.navi a>i{display: block; padding:0 35%;}
	.navi a>i>img{display: block;}
	.navi a.naviReg{margin-top: 6px}
	.sector{position: absolute;width:60%;bottom:-3px;left:20%;}
	.sector>a{position: absolute;color: #fff;width:35%;text-align: center;}
	.sector>.home{bottom:9px;left:0%;}
	.sector>.profile{bottom:69px;left:13%;}
	.sector>.photography{bottom:69px;right:13%;}
	.sector>.video{bottom:9px;right:0%;}
	.sector>.upload{bottom:7px;left:33%;color: #c5190c;}
}
@media screen and (orientation: Portrait) and (max-height:600px){
	.navi{font-size: 12px;}	
	.sector>.profile{bottom:58px;}
	.sector>.photography{bottom:58px;}
}
@media screen and (orientation: Portrait) and (max-height:435px){
	.logo{width:18%;top:27%;margin-left: -37%;}
	.logoText{top: 39%;width:40%;min-width:80px;margin-left: -15%;}
	.shangchuan {top: 50%;width: 20%;}
}