@charset "utf-8";

*{padding: 0; margin: 0;}
img{border: none;}
ol,ul,li{list-style: none;}
a{text-decoration: none;}
body{ font-family: "微软雅黑";width:100%;background:#666;height: 9000px;}
.nav{clear: both;}

@media screen and (max-width:321px){
	.silder ul li.topli_1 p.p1 b{font-size: 14px;}
	.silder ul li.topli_1 p.p1{text-align: center;line-height: 25px;}
	.silder ul li.topli_1 p{line-height: 20px;font-size:14px}
	.silder ul li.topli_1 p{text-align: left;padding: 0 5px;}

}
@media screen and (min-width:321px){
	.silder ul li.topli_1 p.p1 b{font-size: 20px;}
	.silder ul li.topli_1 p.p1{text-align: center;line-height: 40px;}
	.silder ul li.topli_1 p{line-height: 20px;font-size:14px}
	.silder ul li.topli_1 p{text-align: left;padding: 0 5px;}

}

@media screen and (min-width:800px){
	.silder ul li.topli_1 p.p1 b{font-size: 28px;}
	.silder ul li.topli_1 p.p1{text-align: center;line-height: 50px;}
	.silder ul li.topli_1 p{line-height: 50px;font-size:24px}
	.silder ul li.topli_1 p{text-align: left;padding: 0 5px;}

}

@media screen and (max-width:321px){.box_2 p.p3{font-size:14px;letter-spacing: 1px;}}
@media screen and (min-width:321px){.box_2 p.p3{font-size:16px;line-height: 20px;letter-spacing: 1px;}}
@media screen and (min-width:800px){.box_2 p.p3{font-size:24px;line-height: 50px;letter-spacing: 1px;}}

.main{width: 100%;height: 100%;position: relative;}
.silder {width: 100%;overflow: hidden;color:#fff;height:100%;}
.silder ul {width: 999999px;font-size: 0px;height:100%;}
.silder ul li{font-size: 12px;float:left;vertical-align:top;text-align: center;height:100%;}

.silder ul li.topli_1{background:#eb6446;}

.silder ul li.topli_4{background:#73abff;}
.silder ul li.topli_5{background: url(../images/960-03.jpg) center center no-repeat #fe865d;background-size:auto 100%;}
.silder ul li.topli_6{background: url(../images/960-04.jpg) center center no-repeat #3faca5;background-size:auto 100%;}
.silder ul li.topli_7{background: url(../images/960-05.jpg) center left no-repeat #fe865d;background-size:auto 100% ;}
.silder ul li.topli_8{background: url(../images/960-06.jpg) center center no-repeat #feac30;background-size:auto 100%;}
.silder ul li.topli_9{background: url(../images/960-07.jpg) center center no-repeat #fe865d;background-size:auto 100% ;}
.silder ul li.topli_10{background: url(../images/960-08.jpg) center center no-repeat #71bf7c;background-size:auto 100%;}




.list{position: absolute;width: 100%;bottom: 0px;overflow: hidden;}
.list ul{font-size: 0px;width: 999999px;left: 50%;position: relative;margin-left: -15px;}
.list ul li{display: inline-block;width: 30px;height: 10px;background: #fff;margin-right: 10px;border-radius: 5px 5px 0 0 ;}
.list ul li.botli_1{background:url(../images/bottom_but.png)-37px 4px   no-repeat rgba(255,255,255,0.8);background-size:  auto 30px;}

.list ul li.botli_4{background:url(../images/bottom_but.png)-79px 4px   no-repeat rgba(255,255,255,0.8);background-size:  auto 30px;}
.list ul li.botli_5{background:url(../images/bottom_but.png)-120px 4px  no-repeat rgba(255,255,255,0.8);background-size:  auto 30px;}
.list ul li.botli_6{background:url(../images/bottom_but.png)-160px 4px  no-repeat rgba(255,255,255,0.8);background-size:  auto 30px;}
.list ul li.botli_7{background:url(../images/bottom_but.png)-120px 4px  no-repeat rgba(255,255,255,0.8);background-size:  auto 30px;}

.list ul li.botli_8{background:url(../images/bottom_but.png)-239px 4px  no-repeat rgba(255,255,255,0.8);background-size:  auto 30px;}
.list ul li.botli_9{background:url(../images/bottom_but.png)-284px 4px  no-repeat rgba(255,255,255,0.8);background-size:  auto 30px;}
.list ul li.botli_10{background:url(../images/bottom_but.png)-324px 4px  no-repeat rgba(255,255,255,0.8);background-size:  auto 30px;}

.box_2{width:100%;height:100%;}
.box_2 p img{display: block;margin:0 auto;}
.box_2 p.p3{text-align: left;padding:0 10px;text-indent: 2em;color:#fff;}

.nav_index{color:#fff;font-size: 12px;position: absolute;z-index: 500;top:3px;right:5px;}
.nav_index .nav_button{position: relative;display:block;height:34px;width:34px;background:url(../images/nav_button.png)center center no-repeat;background-size:80%;border-radius: 50%;border:1px solid #fff;}

.nav_main{display:none;height:100%;background:rgba(0,0,0,0.8);position: fixed;z-index: 501;bottom: 0;left: 0px;}
.nav_main ul{position: relative;height:100%;}
.nav_main ul li{list-style: none;/*background: rgba(255,255,255,0.5);*/text-align: center;line-height:40px;height:40px;border-bottom:1px solid #fff;padding:0 20px;}
.nav_main ul li.left{border:none;background: url(../images/nav_left.png)center center no-repeat;background-size:auto 100%;position: absolute;bottom:30px;padding:0;width:100%;height:40px;}
.nav_main ul li a{color: #fff;text-decoration:none;display: block;}