.pages { width: 100%; text-align: center; }
    .pages .nodate { padding: 6px 5px 5px 5px; margin-bottom: 15px; text-align: center; clear: both; font-size: 14px; }
    .pages a.PageLink { font-size: 18px; display: inline-block; height: 34px; line-height: 34px; margin-left: 10px; border-radius: 3px; padding: 0px 12px; color: #333; overflow: hidden; text-decoration: none; background-color: #fff; border: 1px solid #656565; }
    .pages .PageSel { font-size: 18px; display: inline-block; height: 34px; line-height: 34px; margin-left: 10px; border-radius: 3px; padding: 0px 12px; color: #2f318b; overflow: hidden; text-decoration: none; background-color: #d2d3ff; border: 1px solid #656565; }






.bg1banner { margin: 0px auto; width: 100%; height: 260px; background-color: #0054a3; }
    .bg1banner .cntitle { padding-top: 85px; font-size: 36px; color: #fefefe; text-align: center; }
        .bg1banner .cntitle b { font-weight: 400; padding-left: 20px; font-size: 30px; color: #edf2f7; }
    .bg1banner .rote { color: #f3f3f3; padding: 8px 15px; margin-top: 20px; border: solid 1px #4987c2; display: inline-block; font-size: 14px; }



.indexproductsbigbox { background-color: #ffffff; width: 100%; padding-bottom: 100px; }
    .indexproductsbigbox .conn { max-width: 1230px; width: 100%; margin-top: 60px; padding-bottom: 30px; }
        .indexproductsbigbox .conn ul { width: 100%; vertical-align: top; margin-bottom: 30px; font-size: 0px; text-align: left; }
            .indexproductsbigbox .conn ul li { width: 33.33%; display: inline-block; vertical-align: top; padding: 0px 0px; }
                .indexproductsbigbox .conn ul li .item { font-size: 22px; padding: 20px 15px 10px 15px; -moz-transition: all, 0.5s; -webkit-transition: all, 0.5s; -o-transition: all, 0.5s; transition: all, 0.5s; }
                    .indexproductsbigbox .conn ul li .item .title { font-size: 18px; color: #333; text-align: center; margin-bottom: 15px; }
                    .indexproductsbigbox .conn ul li .item .pic { position: relative; bottom: 0px; border: solid 1px #f3f3f3 }
                        .indexproductsbigbox .conn ul li .item .pic img { width: 100%; max-width: 380px; }


        .indexproductsbigbox .conn .nodate { width: 100%; font-size: 16px; }



@media only screen and (max-width:960px) {
    .indexproductsbigbox { padding: 0px 10px 50px 10px; }
        .indexproductsbigbox .conn ul li { width: 50%; }
            .indexproductsbigbox .conn ul li .item { padding: 10px 10px; }
}




@media only screen and (max-width:768px) {
    .bg1banner { height: 200px }
        .bg1banner .cntitle { font-size: 16px; }
            .bg1banner .cntitle b { padding-left: 10px; font-size: 14px; }
        .bg1banner .rote { padding: 5px 10px; margin-top: 10px; }


    .indexproductsbigbox { padding: 0px 10px 50px 10px; }
        .indexproductsbigbox .conn ul li { width: 100%; }
            .indexproductsbigbox .conn ul li .item { padding: 10px 0px; }
}