html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, 
strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, 
tfoot, thead, tr, th, td ,textarea { margin:0; padding:0;  }
address,cite,dfn,em,var, i {font-style:normal;}
body {font-size: 16px; line-height: 1; font-family:'微软雅黑','Microsoft Yahei','simsun','arial','tahoma';  color: #222; background: #fff; }
table { border-collapse:collapse; border-spacing:0; }
h1, h2, h3, h4, h5, h6, th { font-size: 100%; font-weight: normal; }
button,input,select,textarea{font-size:100%;}
fieldset,img{border:0;}
a { text-decoration: none; color: #666; background: none }
ul, ol { list-style: none; }
:focus{ outline:none;}
.clearfix{ clear: both; content: ""; display: block; overflow: hidden }
.clear{clear: both;}
.fl{ float: left; }
.fr{float: right;}




.winter-body{width: 100%;background:url('20181210winterday-img.jpg') no-repeat top center;}
.winter-header{width:1000px;overflow: hidden;margin:0 auto;}
.header-wrapper{width: 100%;overflow: hidden;}
.header-wrapper ul{float: right;}
.header-wrapper ul li{float: left;font-size: 0px;margin-left: 12px;}
.header-wrapper ul li a{display: inline-block;line-height:36px;padding:0 16px 0 16px;font-size: 14px;color: #ffffff;border-radius: 0px 0px 10px 10px;}
.header-wrapper ul li.header-pink a{background-color: #e5007e;}
.header-wrapper ul li.header-blue a{background-color: #5ba4f9;}
.header-wrapper ul li.header-yellow a{background-color: #fc3d04;}
.header-wrapper ul li.header-green a{background-color: #12a322;}
.winter-nav{width: 1167px;height:213px;background:url('20181210nav-bg.png') no-repeat center center;background-size: 100% 100%;overflow: hidden;margin:10px auto 0 auto;}
.winter-nav .nav-wrapper{width: 100%;height: 100%;}
.winter-nav .nav-wrapper ul{width: 83%;height: 100%;margin:0 auto;}
.winter-nav .nav-wrapper ul li{float: left;line-height: 213px;width: 20%;padding-left: 44px;box-sizing: border-box;}
.winter-nav .nav-wrapper ul li a{font-size: 24px;color: #000;font-weight: bold;}
.nav-wrapper ul li.nav-qd{background:url('../images/20181210nav-ye.png') no-repeat left center;}
.nav-wrapper ul li.nav-hc{background:url('../images/20181210nav-shu.png') no-repeat left center;}
.nav-wrapper ul li.nav-wq{background:url('../images/20181210nav-beizi.png') no-repeat left center;}
.nav-wrapper ul li.nav-tw{background:url('../images/20181210nav-xuehua.png') no-repeat left center;}
.nav-wrapper ul li.nav-qt{background:url('../images/20181210nav-yifu.png') no-repeat left center;}
.winter-content{width: 1000px;overflow: hidden;margin:50px auto 0 auto;}
.winter-content .winter-content-wrapper{width: 100%;overflow: hidden;}
.winter-content-wrapper .content-group{width: 100%;overflow: hidden;}
.mark {
    width: 100%;
    height: 60px;
    box-sizing: border-box;
    line-height: 60px;
    overflow: hidden;
    color: #ffffff;
    padding-left: 14px;
    position: absolute;
    bottom:0px;
    left: 0;
    background-color: rgba(0,0,0,0.6);
    display: none;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
}
.list_left,.list_right{position: relative;height: 460px;}
.list_left img,.list_right img{width: 100%;height: 100%;background-size: cover;}
.list_left{width: 66.2%;float: left;}
.list_right{width: 32%;float: right;}
.content-groupb{width: 100%;overflow: hidden;margin-top: 20px;}
.content-groupb .group-item{float: left;width: 32%;height: 226px;position: relative;margin-right: 2%;}
.content-groupb .group-item:last-child{margin-right: 0px;}
.content-groupb .group-item img{width: 100%;height: 100%; background-size:100% 100%;}

.footer {border-top: 1px solid #000;margin-top: 50px;padding-bottom: 20px;}
.contanier {margin: auto;width: 1000px;position: relative;}
.footer_text1 {margin-right: 100px;}
.text_top {width: 158px;height: 37px;line-height: 36px;border-bottom: 1px solid #000;margin-bottom: 15px;margin-top: 23px;}
.footer_bah {font-size: 12px;color: #7b7b7b;margin-top: 26px;}

.container-bottom{overflow: hidden;text-align: center;padding-top: 20px;}
.container-bottom .footer_img1{margin-right: 20px;}
.footer-width{margin:0 auto;}
.footer-all{overflow: hidden;}
.header-banner{width: 1000px;margin:110px auto 0px auto;}
.winter-banner{width: 100%;overflow: hidden;}
.banner-box{float: left;margin-left:155px;}
.banner-box img{width: 171px;height: 194px;}
.banner-box .banner-text{font-size: 16px;color: #222222;}
.content-groupb{width: 1030px;}
.content-groupb .group-item{width: 320px;}
/* .text_top,.text_bottom{font-size: 18px;} */
@media screen and (min-width: 1001px){
    .footer_img1 {    top: 40px;
    position: absolute;
    left: 20%;}
.footer_img2 {    top: 40px;
    position: absolute;
    right: 9%;} 
}
@media screen and (min-width: 1367px){
    .winter-header{width: 1200px;}
    .winter-nav{width: 1300px;}
    .winter-content{width: 1200px;}
    .contanier{width: 1200px;}
    .header-banner{width: 1200px;}
    .content-groupb .group-item{height: 271px;}
    .list_left, .list_right{height: 553px;}
    .content-groupb .group-item{width: 384px;}
    .content-groupb{width: 1260px;}
}
@media screen and (max-width:1000px){
    .content-groupb{width: 100%;}
    .content-groupb .group-item{width: 32%;height: 2.26rem;}
    .winter-body{        background-size: 160% 34%;}
    .winter-header{width: 96%;}
    .header-wrapper ul li{margin-left:0.12rem;}
    .header-wrapper ul li a{line-height: 0.36rem;padding:2px 0.16rem 3px 0.16rem;font-size:12px;border-radius: 0px 0px 0.1rem 0.1rem;}
    .winter-nav{width: 96%;margin: 0.1rem auto 0 auto;height:2.13rem;line-height: 2.13rem;}
    .winter-nav .nav-wrapper ul{width: 96%;margin:0 auto;}
    .winter-nav .nav-wrapper ul li{line-height: 2.13rem;padding-left: 0.44rem;background-size: 20%;}
    .winter-nav .nav-wrapper ul li a{font-size:12px;}
    .winter-content{width: 96%;}
    .contanier{width: 96%;}
    .header-banner{width: 96%;margin: 1.1rem auto 0px auto;}
    .banner-box{margin-left: 1.55rem;text-align: center;}
    .banner-box img{width: 1.71rem;height: 1.94rem;}
    .banner-box .banner-text{font-size: 0.35rem;}
    .list_left, .list_right{height: 4.6rem;}
    .mark{height: 0.5rem;line-height: 0.5rem;padding-left: 0.14rem;font-size:12px;display: block;}
    .footer{margin-top: 1rem;}
    /* .footer_img1{    top: 0.4rem;
    position: absolute;
    left: 6%;}
    .footer_img2{top: 0.4rem;
    position: absolute;
    right: 6%;} */
    /* .footer_img1 img{width: 0.54rem;height: 0.62rem;} */
   .footer-width{width:100%!important;}
    .text_top{/* width:3rem; */line-height: 24px; margin-bottom:15px;margin-top:23px;}
    .text_bottom{font-size:12px;}
    .footer_text1{margin-right:1rem;}
    .footer_bah{font-size:14px;margin-top: 0.5rem;width: 100%;text-align: center;}
    .footer-all{width: 320px;margin:0 auto;}
    .footer-all .footer_text1{margin-right: 80px;}
    .footer-all .fl{width:120px;}
    .text_top, .text_bottom {
        font-size: 14px;
    }
    /* .footer_img2 img{width: 1.32rem;height: 0.63rem;} */
}





