html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;border-color:#fff;}
td,tr,th{border-color:#000;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{color:#000;outline:0;}
body{font-family:"Microsoft YaHei","微软雅黑";font-size:14px;background-color:#fff;}
*{margin:0;padding:0;}
.clear{clear:both;width:0;height:0;}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.clearfix{display:inline-table;}
a{border:none;text-decoration:none;color:#000;}
img{border:none;}
.img-responsive { display: block; max-width: 100%; height: auto; }

   body { padding:40px 0 49px;}
        header { height: 40px; width: 100%; overflow: hidden; background: url(/img/footer2bg.jpg); background-size: cover; position: fixed; top: 0; z-index: 9999; left:0;}
        header nav { position: relative; height: 40px; width: 100%; }
        header .back { width: 25px; position: absolute; left: 2%; top: 50%; margin-top: -10px; }
            header .back img { margin: auto; }
        header .home { width: 25px; position: absolute; right: 2%; top: 50%; margin-top: -10px; }
            header .home img { margin: auto; }
        header h2 { text-align: center; line-height: 40px; margin: 0 !important; padding: 0; width: 100%; display: block; color: #fff; font-size: 20px; font-family: STXihei; }
        .footer { height: 50px; width: 100%; overflow: hidden; background: url(/img/footer2bg.jpg); background-size: cover; z-index: 9999; position: fixed; bottom: 0; }
            .footer ul { display:-webkit-box;}
                .footer ul li {width:20%; }
                    .footer ul li a { width: 100%; display: block; text-align: center; height: 100%; padding: 5px; }
                        .footer ul li a img { max-width:30px;margin:auto; }


/* welfare */
.main {width:100%;max-width:640px;margin:auto;}
.top {width:100%;}
    .top img {width:100%;}
.welfare {width:100%;background:url(../images/welfare_2.jpg) no-repeat top center;height:630px;position:relative;}
.main_visual_bg {width:210px;height:110px;position:absolute;top:70px;left:50%;margin-left:-105px;background-color:#fff;overflow:hidden;}

.slider { width:200px;height:131px;position:absolute;left:50%;margin-left:-100px;top:75px;

}
#pagenavi {position:absolute;bottom:5px;left: 50%;}
#pagenavi a {width:10px;height:10px;line-height:99em;background:#e38577;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;margin:0 2px;overflow: hidden;cursor:pointer;display:inline-block;*display:inline;*zoom:1;}
#pagenavi a.active {background: #b30913;}
/*main_image*/
.main_visual{height:422px;overflow:hidden;position:relative;top:5px;}
.main_image{height:422px;overflow:hidden;position:relative;}
.main_image ul{width:9999px;height:422px;overflow:hidden;position:absolute;top:0;left:0}
.main_image li{float:left;width:100%;height:422px;}
.main_image li span{display:block;width:100%;height:422px}
.main_image li a{display:block;width:100%;height:422px}
.main_image li .img_1{background:url('../images/2.jpg') center top no-repeat}
.main_image li .img_2{background:url('../images/2.jpg') center top no-repeat}
.main_image li .img_3{background:url('../images/2.jpg') center top no-repeat}
.main_image li .img_4{background:url('../images/2.jpg') center top no-repeat}
.main_image li .img_5{background:url('../images/2.jpg') center top no-repeat}
div.flicking_con{position:absolute;top:80px;left:50%;z-index:999;width:300px;height:21px;margin:0 0 0 -50px;}
div.flicking_con a{float:left;width:21px;height:21px;margin:0;padding:0;background:url('../images/btn_main_img.png') 0 0 no-repeat;display:block;text-indent:-1000px}
div.flicking_con a.on{background-position:0 -21px}


/*message*/
.main_message {position:absolute;width:172px;height:210px;top:298px;left:50%;margin-left:-86px;overflow:auto;}
    .main_message ul li {border-bottom:1px solid #ccc;display:block;margin-bottom:10px;padding-bottom:8px}
.main_message_l {float:left;width:22px;}
    .main_message_l img {width:22px;}
.main_message_r {float:left;width:145px;margin-left:5px;}
    .main_message_r h1 {font-size:10px;font-weight:normal;}
    .main_message_r h2 {font-size:6px;font-weight:normal;color:#a3a3a3;}
        .main_message_r h2 span {margin-left:5px;}
    .main_message_r p {font-size:11px;font-weight:normal;color:#8d8d8d;}


.main_home_link {width:100%;max-width:640px;margin:auto;}
    .main_home_link ul li {float:left;width:50%;cursor:pointer;}
        .main_home_link ul li img {width:100%;display:block;}
.navbox {background:#f5ca6e;padding:10px 10px 0 10px; }
.navimg img{margin:auto; }
.nav {width:100%;display:-webkit-box;max-width:640px;margin:auto;}
    .nav li { -webkit-box-flex:1;margin:10px;}
        .nav li a { display:block;width:100%;margin:auto;height:30px;text-align:center;color:#ffa479;font-size:14px;line-height:30px;background:#f35409;text-decoration:none;border-radius:5px;}
            .nav li a.active {color:#fcdb6a;background:#e80b0b; }

@media screen and (min-width:375px) {
    /*welfare*/
    .slider { width:220px;height:144px;position:absolute;left:50%;margin-left:-110px;top:82px;

}
    .welfare {width:100%;background:url(../images/welfare_2_2.jpg) no-repeat top center;height:695px;}
    .main_visual_bg {width:210px;height:110px;position:absolute;top:120px;left:50%;margin-left:-105px;background-color:#fff;overflow:hidden;}
    /*message*/
    .main_message {position:absolute;width:172px;height:230px;top:335px;left:50%;margin-left:-86px;}
}
@media screen and (min-width:414px) {
    /*welfare*/
    .slider { width: 240px; height: 157px; position: absolute; left: 50%; margin-left: -120px; top: 92px; }
    .welfare {width:100%;background:url(../images/welfare_2_3.jpg) no-repeat top center;height:765px;}
    .main_visual_bg {width:210px;height:110px;position:absolute;top:140px;left:50%;margin-left:-105px;background-color:#fff;overflow:hidden;}
    /*message*/
    .main_message {position:absolute;width:200px;height:260px;top:373px;left:50%;margin-left:-100px;}
    .main_message_r {float:left;width:170px;margin-left:5px;}
}