.bigmenu .bg { position: relative; width: 100%; }
    .bigmenu .bg .topmenubig { background-color: #f5f5f5; }
        .bigmenu .bg .topmenubig .topmenu .menu > ul > li > a { color: #0071ce }
            .bigmenu .bg .topmenubig .topmenu .menu > ul > li > a:hover { color: #0071ce }
        .bigmenu .bg .topmenubig .topmenu .menu > ul .hvr-underline-from-left:before { background-color: #0071ce }
        .bigmenu .bg .topmenubig .topmenu .menu > ul > li.lanuage { color: #0071ce; }
            .bigmenu .bg .topmenubig .topmenu .menu > ul > li.lanuage > a { color: #0071ce; }
        .bigmenu .bg .topmenubig .topmenu .menu > ul > li > .chlidmenu > li > a { color: #0071ce; }
            .bigmenu .bg .topmenubig .topmenu .menu > ul > li > .chlidmenu > li > a:hover { color: #0071ce; }
.indHeader { background-color: #f5f5f5; }


.probannerbig { width: 100%; transition: all ease-in-out .3s; }
    .probannerbig > .ban { background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative; }
        .probannerbig > .ban > .conn { position: relative; z-index: 2; width: 100%; padding: 120px 4% 30px 4%; margin: 0px auto; max-width: 1920px; }
            .probannerbig > .ban > .conn > b { font-weight: 400; font-size: 1rem; color: #0071ce; line-height: 1; }
                .probannerbig > .ban > .conn > b a { font-weight: 400; font-size: 1rem; color: #0071ce; line-height: 1; }


@media only screen and (max-width:1280px) {
    .probannerbig > .ban > .conn { padding: 120px 4% 30px 4%; }
}

@media only screen and (max-width:960px) {
    .probannerbig > .ban > .conn { padding: 120px 4% 30px 4%; }
}

@media only screen and (max-width:768px) {
    .probannerbig > .ban > .conn { padding: 120px 4% 30px 4%; }
}

.top40 { margin-top: 40px; }
.contentbig { width: 100%; padding: 0px 4% 0px 4%; margin: 0px auto 40px auto; max-width: 1920px; }
    .contentbig .topcontent { width: 100%; margin-bottom: 15px; display: block; font-size: 1.375rem; color: #161616; line-height: 1; padding: 15px 0px; border-bottom: solid 1px #d4d4d4; }


.contentlist { width: 100%; padding: 0px 3.2% 0px 3.2%; margin: 0px auto 40px auto; max-width: 1920px; }
    .contentlist > ul.list { width: 100%; display: flex; flex-wrap: wrap; }
        .contentlist > ul.list > li { -moz-transition: all, 0.5s; -webkit-transition: all, 0.5s; -o-transition: all, 0.5s; transition: all, 0.5s; width: 31.333333%; margin: 10px 1%; background-color: #ededed; }
            .contentlist > ul.list > li .img { width: 100%; font-size: 0px; line-height: 0px; }
                .contentlist > ul.list > li .img > img { max-width: 100%; }
            .contentlist > ul.list > li b { font-weight: 400; display: block; margin: 20px 20px 10px 20px; font-size: 0.875rem; color: #666; }
            .contentlist > ul.list > li p { padding: 0px 20px 40px 20px; font-size: 1.125rem; font-weight: 700; color: #161616; line-height: 1.5; }

            .contentlist > ul.list > li:hover { box-shadow: 0px 10px 30px 5px rgba(0,0,0,0.15); border-color: transparent; }



    .contentlist > ul.list2 { width: 100%; display: flex; flex-wrap: wrap; margin-top: 20px; }
        .contentlist > ul.list2 > li { -moz-transition: all, 0.5s; -webkit-transition: all, 0.5s; -o-transition: all, 0.5s; transition: all, 0.5s; width: 23%; margin: 10px 1%; background-color: #ededed; }
            .contentlist > ul.list2 > li .img { width: 100%; font-size: 0px; line-height: 0px; }
                .contentlist > ul.list2 > li .img > img { max-width: 100%; }
            .contentlist > ul.list2 > li b { font-weight: 400; display: block; margin: 20px 20px 10px 20px; font-size: 0.875rem; color: #666; }
            .contentlist > ul.list2 > li p { padding: 0px 20px 40px 20px; font-size: 1.125rem; font-weight: 700; color: #161616; line-height: 1.5; }

            .contentlist > ul.list2 > li:hover { box-shadow: 0px 10px 30px 5px rgba(0,0,0,0.15); border-color: transparent; }


    .contentlist > .link { padding: 0px 15px; text-align: right; margin-top: 10px; }
        .contentlist > .link > a { font-size: 1rem; color: #666; text-decoration: underline; }


    .contentlist > ul.list3 { width: 100%; display: flex; flex-wrap: wrap; margin-top: 20px; }
        .contentlist > ul.list3 > li { -moz-transition: all, 0.5s; -webkit-transition: all, 0.5s; -o-transition: all, 0.5s; transition: all, 0.5s; width: 23%; margin: 10px 1%; background-color: #ededed; }
            .contentlist > ul.list3 > li .img { width: 100%; font-size: 0px; line-height: 0px; }
                .contentlist > ul.list3 > li .img > img { max-width: 100%; }
            .contentlist > ul.list3 > li b { display: block; margin: 20px 20px 10px 20px; font-size: 1.125rem; color: #161616; }
            .contentlist > ul.list3 > li p { padding: 0px 20px 20px 20px; font-size: 1rem; color: #333; line-height: 1.5; }
            .contentlist > ul.list3 > li:hover { box-shadow: 0px 10px 30px 5px rgba(0,0,0,0.15); border-color: transparent; }




@media only screen and (max-width:1280px) {
    .contentbig { padding: 0px 4% 0px 4%; margin: 0px auto 30px auto; }
    .contentlist { margin: 0px auto 30px auto; }
}

@media only screen and (max-width:960px) {
    .contentbig { padding: 0px 4% 0px 4%; margin: 0px auto 20px auto; }
        .contentbig > .conn > .right { margin-left: 40px; }
    .contentlist { margin: 0px auto 20px auto; }
}

@media only screen and (max-width:768px) {
    .contentbig { padding: 0px 4% 0px 4%; margin: 0px auto 20px auto; }
        .contentbig > .conn { flex-wrap: wrap; flex-direction: column; }
            .contentbig > .conn > .left { width: 100%; margin-bottom: 20px; }
            .contentbig > .conn > .right { flex: none; width: 100%; margin-left: 0px; }
    .contentlist { margin: 0px auto 20px auto; }
        .contentlist > ul.list > li { width: 48%; }
        .contentlist > ul.list2 > li { width: 48%; }
        .contentlist > ul.list3 > li { width: 48%; }
}