﻿

.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%; }
    .bg1banner img { width: 100%; }




.indexproductsbigbox { background-color: #f7f7f7; width: 100%; padding-bottom: 100px; }
    .indexproductsbigbox .indexproducts { max-width: 1200px; width: 100%; }
        .indexproductsbigbox .indexproducts .title { position: relative; color: #333; width: 100%; border-bottom: solid 1px #999999; }
            .indexproductsbigbox .indexproducts .title .box { display: inline-block; background-color: #f7f7f7; padding: 0px 35px; position: relative; top: 40px; font-size: 44px; text-shadow: 0px 1px 3px rgba(34,23,20,0.25) }
                .indexproductsbigbox .indexproducts .title .box b { font-weight: 400; display: block; color: #85868c; font-size: 24px; text-transform: uppercase; text-shadow: none; }


    .indexproductsbigbox .conn { max-width: 1230px; width: 100%; margin-top: 60px; padding-bottom: 30px; }
        .indexproductsbigbox .conn ul { width: 100%; vertical-align: top; font-size: 0px; text-align: left; }
            .indexproductsbigbox .conn ul li { width: 25%; display: inline-block; vertical-align: top; padding: 0px 5px; }
                .indexproductsbigbox .conn ul li .item { font-size: 22px; padding: 20px 5px 10px 5px; -moz-transition: all, 0.5s; -webkit-transition: all, 0.5s; -o-transition: all, 0.5s; transition: all, 0.5s; }
                    .indexproductsbigbox .conn ul li .item .cont { position: relative; width: 100%; }
                    .indexproductsbigbox .conn ul li .item .title { font-size: 24px; color: #333; text-align: center; text-shadow: 0px 1px 3px rgba(34,23,20,0.25); margin-bottom: 15px; }
                    .indexproductsbigbox .conn ul li .item .t3 { font-size: 16px; color: #85868c; text-align: justify; text-justify: inter-ideograph; margin-bottom: 35px; line-height: 28px; height: 114px; }
                    .indexproductsbigbox .conn ul li .item .pic { position: relative; bottom: 0px; }
                        .indexproductsbigbox .conn ul li .item .pic img { width: 100%; max-width: 340px; }

                    .indexproductsbigbox .conn ul li .item .cont .zhezao { display: none; top: 0px; left: 0px; right: 0px; bottom: 0px; background-color: rgba(18,20,107,0.25); position: absolute; border-radius: 8px; padding: 32px 25px; -moz-transition: all, 0.5s; -webkit-transition: all, 0.5s; -o-transition: all, 0.5s; transition: all, 0.5s; }
                        .indexproductsbigbox .conn ul li .item .cont .zhezao .box { border: solid 3px #e8e8ef; height: 100%; text-align: center; width: 100%; }
                            .indexproductsbigbox .conn ul li .item .cont .zhezao .box a { background-color: rgba(4,4,4,0.33); color: #fff; border: solid 1px #9596a6; border-radius: 5px; margin-top: 50%; display: inline-block; padding: 10px 22px; font-size: 22px; font-weight: bold; }

                    .indexproductsbigbox .conn ul li .item:hover .cont .zhezao { display: block; }



                .indexproductsbigbox .conn ul li .more { margin-top: 28px; margin-bottom: 18px; border: solid 1px #666666; color: #666666; display: inline-block; height: 40px; padding: 0px 10px; border-radius: 6px 6px 6px 6px; }
                    .indexproductsbigbox .conn ul li .more a { font-size: 16px; color: #666; line-height: 40px; display: block; }
                    .indexproductsbigbox .conn ul li .more:hover { background-color: #0054a3; }
                        .indexproductsbigbox .conn ul li .more:hover a { color: #fff; }


@media only screen and (max-width:960px) {
    .indexproductsbigbox { padding: 0px 10px 50px 10px; }
        .indexproductsbigbox .conn ul li { width: 50%; }
}





@media only screen and (max-width:768px) {
    .indexproductsbigbox .indexproducts .title .box { top: 40px; font-size: 26px; }
        .indexproductsbigbox .indexproducts .title .box b { font-size: 18px; }
    .indexproductsbigbox .conn ul li { width: 100%; padding: 0px 15px; }
        .indexproductsbigbox .conn ul li .item .title { font-size: 20px; }
        .indexproductsbigbox .conn ul li .item .t3 { height: auto; }
}






.indexaboutboxtitle { background-color: #f7f7f7; width: 100%; }
    .indexaboutboxtitle .indexproducts { max-width: 1200px; width: 100%; padding-bottom: 90px; }
        .indexaboutboxtitle .indexproducts .title { position: relative; color: #333; width: 100%; border-bottom: solid 1px #999999; }
            .indexaboutboxtitle .indexproducts .title .box { display: inline-block; background-color: #f7f7f7; padding: 0px 35px; position: relative; top: 40px; font-size: 44px; text-shadow: 0px 1px 3px rgba(34,23,20,0.25) }
                .indexaboutboxtitle .indexproducts .title .box b { font-weight: 400; display: block; color: #85868c; font-size: 24px; text-transform: uppercase; text-shadow: none; }



@media only screen and (max-width:768px) {
    .indexaboutboxtitle .indexproducts .title .box { top: 40px; font-size: 26px; }
        .indexaboutboxtitle .indexproducts .title .box b { font-size: 18px; }
}






.certboxbig { background-image: url('../images/pro/bg1.jpg'); background-color: #8a8b86; background-size: cover; background-repeat: no-repeat; padding: 40px 0px; background-attachment: fixed; }
    .certboxbig .certbox { max-width: 1280px; width: 100% }
        .certboxbig .certbox ul { font-size: 0px; vertical-align: top; text-align: left; width: 100% }
            .certboxbig .certbox ul li { width: 25%; padding: 20px 40px; display: inline-block; vertical-align: top; }
                .certboxbig .certbox ul li .item { width: 100%; border: solid 1px #dbdbdb; }
                    .certboxbig .certbox ul li .item img { width: 100%; }

                    
        .certboxbig .certbox .pagestr { text-align: center; max-width: 1200px; }
            .certboxbig .certbox .pagestr a { display: inline-block; width: 10px; background-color: #c0c0c0; border-radius: 5px; height: 10px; margin: 0px 10px; border: solid 1px #979797; }
                .certboxbig .certbox .pagestr a.action { background-color: #686bfe; }


@media only screen and (max-width:768px) {
    .certboxbig .certbox ul li { width: 50%; }
}




@media only screen and (max-width:480px) {
    .certboxbig .certbox ul li { width: 100%; }
}



.boxbigsp { background-color: #f7f7f7; width: 100%; height: 40px; }
