@charset "utf-8";
/* CSS Document */
div,p,img,h1,h2{ margin:0; padding: 0;}
.clear:after{content:"."; height:0; line-height:0;display:block; clear:both;overflow: hidden;}
.clear{clear:both;zoom:1;}
.section { text-align: center; font-family:"Microsoft Yahei"; color: #fff;}
.cont:after{content:"."; height:0; line-height:0;display:block; clear:both;overflow: hidden;}
.cont{ width:1000px; margin: 0 auto; clear:both;zoom:1; text-align: left;}
.section1 { background:url(../images/bg1.jpg) no-repeat 50%; background-size:100%  100%; }
.section1 .cont{ *padding-top: 30px;}
.cont img{ vertical-align: middle;}
.lsider{ float: left; width:495px; }
.rsider{ float:right; width:500px;}
.section2 .cont,.section3 .cont,.section4 .cont{ position: absolute; left:50%; margin-left: -500px; bottom:-3px;}
.section2 .fp-tableCell{ background:url(../images/bg2.png) no-repeat 60% 100%;}
.section3 .fp-tableCell{ background:url(../images/bg3.png) no-repeat 40% 100%;}
.section4 .fp-tableCell{ background:url(../images/bg4.png) no-repeat 60% 100%;}
.cont h2{ margin-top: 200px; margin-bottom: 20px; line-height: 1.5; font-size: 30px;}
.cont .rsider p,.cont .lsider p{ margin-bottom: 10px; font-size: 16px; line-height: 1.5;}
.cont .rsider p strong,.cont .lsider p strong{ font-size: 22px; font-weight: normal;}
.cont .rsider h2,.cont .rsider p{  margin-left: 50px;}
.section3 .rsider{ text-align: right;}
.logo{ width:245px; margin:80px 0 40px 45px; }
.logo img{ width:100%; height:100%;}
.mark{ width:340px; margin-bottom: 40px; text-align: center; }
.mark img{ margin-bottom: 10px;}
.f20{font-size:30px;font-weight: bold;margin-bottom: 5px;}

.time span{ display:inline-block; width:70px; height:70px; line-height: 70px; text-align: center; font-size: 48px; background-color:#000; border-radius:5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
.time-tips span{display:inline-block; width:70px; text-align: center;}
.time-wrap{ width:300px; margin-bottom: 40px; margin-left: 45px; }
.txtc{ font-size: 16px; font-weight: bold; text-align: center;}
.copyright{ position: absolute; right:145px; bottom:30px;}

.downbtns{}
.downbtns a{ margin-left: 20px; display:inline-block; width:140px; height:40px; color:#fff; font-size: 18px; vertical-align: middle; text-decoration: none; text-align: center; line-height: 40px; border:2px solid #fff; border-radius:8px;-moz-border-radius: 8px;-webkit-border-radius: 8px;}
.downbtns a:hover{ background-color: #fff; color:#ff6600;}
.disnone{ display:none;}

.downpart{ margin-left: 15px; width:310px;background-color: #fff; border-radius:15px;-moz-border-radius: 15px;-webkit-border-radius: 15px;}
.downpart .sider{ float:left; padding:48px 0 0 15px; color:#000;line-height: 1.5; text-align: center;}
.downpart .sider h1{ font-size: 1.8em;}
.downpart .mains{ float:right; padding: 25px 0 5px 0; margin-right: 15px; _display:inline; width:120px;text-align: center;}
.downpart .mains img{ width:120px; height:120px;}
.downpart .mains p{ font-size: 14px; color:#999;}
.downpart .foot{ padding:10px 0; text-align: center; background-color: #6ebe32;color:#fff;border-bottom-right-radius:15px;-moz-border-bottom-right-radius: 15px;-webkit-border-bottom-right-radius: 15px;border-bottom-left-radius:15px;-moz-border-bottom-left-radius: 15px;-webkit-border-bottom-left-radius: 15px;}
.downpart .foot span{ margin:0 10px;}
.downpart .foot a{color:#fff; text-decoration: none;}
.downpart .foot a:hover{ color:#fff; text-decoration: underline;}
@media screen and (max-width:800px){
.cont{ width:100%;}
.lsider,.rsider{ width:100%; float:none; text-align: center;}
.logo{ width:180px; margin:0 auto 10px; }
.downpart{ margin:0 auto 10px;}
.time-wrap{ width:100%; margin:0 auto 20px;text-align: center;}
.time span{ width:50px; height:50px; line-height: 50px; font-size: 36px;}
.time-tips span{width:50px;}
.mark{width:100%;margin-bottom: 0}
.tip{text-align: center;}
.f20{font-size:16px;font-weight: bold;margin-bottom: 0px;}
.downbtns{ margin:0 auto 10px; text-align: center;}
.downbtns a{width:130px;margin-left: 5px;}
.disnone{ display:block;}
.disnone .cont{ width:94%; padding:0 3%;}
.disnone .cont img{ width:100%;}
.section1 { background-size: auto auto; }
.section1 .rsider img,.section2 .lsider img,.section3 .rsider img,.section4 .lsider img{ width:50%; margin-top: 12px; height:auto; }
.section2 .cont,.section3 .cont,.section4 .cont{ position: relative; left:auto; margin-left:0; bottom:-3px; }
.cont h2{ padding:0 10px; margin-top: 10px; margin-bottom: 10px; text-align: left; line-height: 1.5; font-size: 22px;}
.cont .rsider p,.cont .lsider p{padding:0 10px; margin-bottom: 10px; font-size: 15px; line-height: 1.5;text-align: left;}
.cont .rsider p strong,.cont .lsider p strong{ font-size: 17px; font-weight: normal;}

.cont .rsider h2,.cont .rsider p{  margin-left: 0;}
.cont .downpart p{ padding:0; text-align: center;}
.section .cont .txtc{ text-align: center;}
.section3 .rsider{ text-align: center;}
.copyright{ position: relative; right:auto; left:auto; bottom:auto; text-align: center;line-height: 50px; font-size: 13px;}
 .section2 .fp-tableCell{ background:none;}
.section3 .fp-tableCell{ background:none;}
.section4 .fp-tableCell{ background:none;}
.section2 .fp-tableCell .lsider{ background:url(../images/bg2.png) no-repeat 60% 100%;}
.section3 .fp-tableCell .rsider{ background:url(../images/bg3.png) no-repeat 40% 100%;}
.section4 .fp-tableCell .lsider{ background:url(../images/bg4.png) no-repeat 60% 100%;}
}


@media screen and (max-height:480px){
	.copyright{ line-height: 32px;}
}