﻿


.contentbox { max-width: 1200px; width: 100%; margin-top: 50px; }
    .contentbox .chlidmenu { margin-top: 40px; margin-bottom: 40px; }
        .contentbox .chlidmenu a { font-size: 24px; color: #333; margin: 0px 20px; }
            .contentbox .chlidmenu a.action { color: #0054a3; border-bottom: solid 1px #0054a3; padding-bottom: 3px; }

    .contentbox .cntitle { width: 100%; font-size: 46px; color: #333; padding: 0px 0px; }
    .contentbox .entitle { width: 100%; font-size: 24px; color: #666; padding: 0px 0px; }

    .contentbox .mcntitle { width: 100%; font-size: 24px; color: #333; padding: 0px 0px; }
    .contentbox .mentitle { width: 100%; font-size: 18px; color: #666; padding: 0px 0px; }



    .contentbox .title { position: relative; color: #fff; width: 100%; border-bottom: solid 1px #d4d4d4; margin-bottom: 80px; }
        .contentbox .title .box { display: inline-block; background-color: #fff; padding: 0px 35px; position: relative; top: 30px; font-size: 44px; }
            .contentbox .title .box b { font-weight: 400; display: block; font-size: 24px; }

    .contentbox .mtitle { position: relative; color: #fff; width: 100%; border-bottom: solid 1px #0054a3; margin-bottom: 50px; margin-top: 30px; }


    .contentbox .conn { max-width: 1200px; width: 100%; text-align: left; font-size: 16px; color: #85868c; margin-bottom: 125px; }
        .contentbox .conn p { max-width: 1200px; width: 100%; line-height: 30px; margin-bottom: 10px; }
        .contentbox .conn img { width: 100%; max-width: 1200px; }


    .contentbox .conn3 { max-width: 1200px; width: 100%; text-align: left; font-size: 16px; color: #85868c; margin-bottom: 60px; }
        .contentbox .conn3 ul { width: 100%; font-size: 0px; vertical-align: top; text-align: left; }
            .contentbox .conn3 ul li { display: inline-block; width: 25%; padding: 0px 10px; vertical-align: top; }
                .contentbox .conn3 ul li .item { position: relative; border: solid 1px #0054a3; padding: 48px 20px 48px 20px; margin-bottom: 20px; }
                    .contentbox .conn3 ul li .item b { text-align: center; font-size: 18px; color: #333333; font-weight: 400; display: block; margin-bottom: 40px; }
                    .contentbox .conn3 ul li .item p { line-height: 24px; font-size: 16px; color: #85868c; text-align: left; }

                    .contentbox .conn3 ul li .item .icon1 { position: absolute; left: 0px; right: 0px; text-align: center; top: -25px; }
                    .contentbox .conn3 ul li .item .icon2 { position: absolute; left: 0px; right: 0px; text-align: center; top: -22px; }
                    .contentbox .conn3 ul li .item .icon3 { position: absolute; left: 0px; right: 0px; text-align: center; top: -23px; }
                    .contentbox .conn3 ul li .item .icon4 { position: absolute; left: 0px; right: 0px; text-align: center; top: -20px; }



@media only screen and (max-width:768px) {
    .contentbox .cntitle { font-size: 26px; }
    .contentbox .entitle { font-size: 16px; }
    .contentbox .mcntitle { font-size: 18px; }
    .contentbox .mentitle { font-size: 14px; }

    .contentbox .conn { padding: 0px 10px; }
    .contentbox .conn3 { padding: 0px 10px; }
        .contentbox .conn3 ul li { width: 50%;margin-bottom: 50px; }
}
