*{margin:0; padding:0; box-sizing:border-box;}
body{margin:0; font-family:"Microsoft Yahei",Arial, Helvetica, sans-serif; line-height:1.42857143; font-size:14px; min-width:320px;background:#fff; color:#333;}
h1,h2,h3,h4,h5,h6,em,i{font-style:normal;}

.clearfix{zoom:1}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}
.clearfix:after{clear:both}

a{color:#333;text-decoration:none}
a:hover{color:#f00}
ul,ol{list-style:none;}

.img-center{text-align:center;font-size:0}
.img-center img{display:inline-block;width:auto;height:auto;max-width:100%;max-height:100%;vertical-align:middle;transition:all 0.5s}

.img-cover{overflow:hidden;position:relative}
.img-cover span{display:block;width:100%;background:no-repeat center / cover;transition:all 0.5s;height:100%;position:absolute;left:0;top:0}

.container{width:95%; max-width:768px; margin:auto;}

.header{position:fixed; left:0; top:0; width:100%; height:60px; z-index:9999; background-color:#f00; box-shadow:0 0 10px rgba(0,0,0,.5);}
.header .biaoti{width:100%; margin:auto; text-align:center;}
.header .biaoti h1{font-size:30px; color:#fff; font-weight:bold; line-height:60px; letter-spacing:1px;}

.banner{width:100%; margin:60px auto 0; overflow:hidden; position:relative;}
.banner .swiper-slide img{width:100%; display:block; }
.banner .swiper-pagination-bullet{background:#fff;}
.banner .swiper-pagination-bullet-active{background-image:-webkit-gradient(linear,left 0, right 0, from(#ce884a), to(#ff9436));}
.banner .swiper-button-prev{left:0;}
.banner .swiper-button-next{right:0;}
.banner .swiper-button-prev,.banner .swiper-button-next{color:#fff; background:rgba(0,0,0,.5); width:35px; height:35px;}
.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover{background:#f00; cursor:pointer;}
.banner .swiper-button-next:after,.banner .swiper-button-prev:after{font-size:18px;}
.banner .swiper-pagination-bullet{width:13px; height:13px; border-radius:50%; margin:0 6px !important; opacity:.9;}
.banner .swiper-horizontal>.swiper-pagination-bullets,.banner .swiper-pagination-bullets.swiper-pagination-horizontal,.banner .swiper-pagination-custom,.banner .swiper-pagination-fraction{bottom:20px !important;}

.player{width:95%; max-width:768px; margin:40px auto; overflow:hidden;}
.player audio,.box_txt audio{width:100%; display:block !important;}

.box_txt{width:95%; max-width:768px; margin:40px auto 0; position:relative; overflow:hidden;}
.box_txt h3{font-size:24px; font-weight:bold; color:#f00; text-align:center;}
.box_txt p{font-size:15px; line-height:30px; text-indent:20px; margin-top:20px;}
.box_txt p img{width:100%; display:block;}


.box_txt .box_pic{width:100%; margin:60px auto 0; overflow:hidden; position:relative;}
.box_txt .box_pic .swiper-slide img{width:100%; display:block; }
.box_txt .box_pic .swiper-pagination-bullet{background:#fff;}
.box_txt .box_pic .swiper-pagination-bullet-active{background-image:-webkit-gradient(linear,left 0, right 0, from(#ce884a), to(#ff9436));}
.box_txt .box_pic .swiper-button-prev{left:0;}
.box_txt .box_pic .swiper-button-next{right:0;}
.box_txt .box_pic .swiper-button-prev,.box_txt .box_pic .swiper-button-next{color:#fff; background:rgba(0,0,0,.5); width:35px; height:35px;}
.box_txt .box_pic .swiper-button-prev:hover,.box_txt .box_pic .swiper-button-next:hover{background:#f00; cursor:pointer;}
.box_txt .box_pic .swiper-button-next:after,.box_txt .box_pic .swiper-button-prev:after{font-size:18px;}
.box_txt .box_pic .swiper-pagination-bullet{width:13px; height:13px; border-radius:50%; margin:0 6px !important; opacity:.9;}
.box_txt .box_pic .swiper-pagination{bottom:20px !important;}




.box_list{width:95%; max-width:768px; margin:40px auto 0;}
.box_list li{width:49%; float:left; margin:0 2% 20px 0;}
.box_list li:nth-child(2n){margin-right:0;}
.box_list li .pic{width:100%; float:left; background-color:#e9e9e9; padding:5px; overflow:hidden;}
.box_list li .pic img{width:100%; display:block;}
.box_list li .title{width:100%; float:left; margin-top:10px; font-size:16px; line-height:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 20px; text-align:center;}

.fullpage{width:100%;font-size:0;text-align:center;margin:20px auto 0;user-select:none;}
.fullpage a{display: inline-block;vertical-align: middle;width:32px;height:32px;line-height:32px;border: 1px solid #dcdcdc;margin: 0 5px;font-size: 16px;color: #666;transition: all .4s ease;}
.fullpage a:first-child{background:url('../image/fparr.png') no-repeat center;border-color:transparent; transform:rotate(180deg);}
.fullpage a:last-child{background:url('../image/fparr.png') no-repeat center;border-color:transparent; transform:rotate(360deg);}
.fullpage a:hover, .fullpage a.ontrue, .fullpage a.on{background-color: #f00;color: #fff;border-color: #f00;}
.fullpage a:first-child:hover, .fullpage a:last-child:hover{background-image: url('../image/fparrH.png');background-color: #fff;}

.footer{margin:40px auto 0; background:#333; color:#fff; padding:20px 0; overflow:hidden;}
.footer-copy{font-size:15px; line-height:26px; color:rgba(255,255,255,.5); text-align:center;}
.footer-copy a{color:rgba(255,255,255,.5);}
.footer .back{width:100px; margin:6px auto 0; display:block; background:url(../image/back.png) left center no-repeat; background-size:30px 30px; font-size:16px; font-weight:bold; line-height:30px; color:#999; padding-left:35px;}
.footer:hover .back{color:#f00;}

.footer-fix{box-shadow:0 0 10px rgba(0,0,0,0.2);position:fixed;bottom:0;left:0;width:100%;background-color:#fff;z-index:10;}
.footer-fix li{float:left;width:25%}
.footer-fix li a{display:block;text-align:center;padding:7px 0;font-size:14px;line-height:1}
.footer-fix li i{display:block;height:30px;background:no-repeat center;background-size:contain;margin-bottom:4px}
.footer-fix li i.i1{background-image:url(../image/f_01.png)}
.footer-fix li i.i2{background-image:url(../image/f_02.png)}
.footer-fix li i.i3{background-image:url(../image/f_03.png)}
.footer-fix li i.i4{background-image:url(../image/f_04.png)}