.slideshow { position: relative; width: 100%; height: 500px; overflow: hidden; }
.slideshow-image { position: absolute; top: 0px; left: 0px; width: 100%; height: 500px; background: no-repeat 50% 50%; background-size: cover; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-duration: 24s; animation-duration: 24s; opacity: 1; -webkit-transform: scale(1.2); transform: scale(1.2); }
.slideshow1 { background-image: url(/Tpl/ID1003/images/index/ban1.jpg); -webkit-animation-name: kenburns-1; animation-name: kenburns-1; z-index: 4; }
.slideshow2 { background-image: url(/Tpl/ID1003/images/index/ban2.jpg); -webkit-animation-name: kenburns-2; animation-name: kenburns-2; z-index: 3; opacity: 0; }
.slideshow3 { background-image: url(/Tpl/ID1003/images/index/ban3.jpg); -webkit-animation-name: kenburns-3; animation-name: kenburns-3; z-index: 2; opacity: 0; }
.slideshow4 { background-image: url(/Tpl/ID1003/images/index/ban4.jpg); -webkit-animation-name: kenburns-4; animation-name: kenburns-4; z-index: 1; opacity: 0; }

@-webkit-keyframes kenburns-1 {
    0% { opacity: 1; -webkit-transform: scale(1.2); transform: scale(1.2); }
    23% { opacity: 1; }
    26% { opacity: 0; -webkit-transform: scale(1); transform: scale(1); }
    98% { opacity: 0; }
    98.1% { opacity: 1; -webkit-transform: scale(1.2); transform: scale(1.2); }
}

@keyframes kenburns-1 {
    0% { opacity: 1; -webkit-transform: scale(1.2); transform: scale(1.2); }
    23% { opacity: 1; }
    26% { opacity: 0; -webkit-transform: scale(1); transform: scale(1); }
    98% { opacity: 0; }
    98.1% { opacity: 1; -webkit-transform: scale(1.2); transform: scale(1.2); }
}

@-webkit-keyframes kenburns-2 {
    25% { opacity: 1; -webkit-transform: scale(1.2); transform: scale(1.2); }
    48% { opacity: 1; }
    51% { opacity: 0; -webkit-transform: scale(1); transform: scale(1); }
    100% { opacity: 0; -webkit-transform: scale(1.2); transform: scale(1.2); }
}

@keyframes kenburns-2 {
    25% { opacity: 1; -webkit-transform: scale(1.2); transform: scale(1.2); }
    48% { opacity: 1; }
    51% { opacity: 0; -webkit-transform: scale(1); transform: scale(1); }
    100% { opacity: 0; -webkit-transform: scale(1.2); transform: scale(1.2); }
}

@-webkit-keyframes kenburns-3 {
    50% { opacity: 1; -webkit-transform: scale(1.2); transform: scale(1.2); }
    72% { opacity: 1; }
    75% { opacity: 0; -webkit-transform: scale(1); transform: scale(1); }
    100% { opacity: 0; -webkit-transform: scale(1.2); transform: scale(1.2); }
}

@keyframes kenburns-3 {
    50% { opacity: 1; -webkit-transform: scale(1.2); transform: scale(1.2); }
    72% { opacity: 1; }
    75% { opacity: 0; -webkit-transform: scale(1); transform: scale(1); }
    100% { opacity: 0; -webkit-transform: scale(1.2); transform: scale(1.2); }
}


@-webkit-keyframes kenburns-4 {
    74% { opacity: 1; -webkit-transform: scale(1.2); transform: scale(1.2); }
    97% { opacity: 1; }
    100% { opacity: 0; -webkit-transform: scale(1.2); transform: scale(1.2); }
}

@keyframes kenburns-4 {
    74% { opacity: 1; -webkit-transform: scale(1.2); transform: scale(1.2); }
    97% { opacity: 1; }
    100% { opacity: 0; -webkit-transform: scale(1); transform: scale(1); }
}





.bigmenu { width: 1150px; }
    .bigmenu .mubig { width: 1000px; }


.banbox { width: 100%; min-width: 1280px; max-width: 1920px; overflow: hidden; }
    .banbox .banner-slides { width: 100%; position: relative; overflow: hidden; max-height: 422px; }
        .banbox .banner-slides li { width: 100%; display: none; z-index: 1; overflow: hidden; }
            .banbox .banner-slides li:first-child { display: block; }
            .banbox .banner-slides li.active { z-index: 4; }
            .banbox .banner-slides li img { width: 100%; }

    .banbox .arrows { z-index: 5; display: inline-block; }
        .banbox .arrows li { float: left; cursor: pointer; margin: 10px 7px; border-radius: 50%; border: 2px solid #73878e; border-image: none; width: 12px; height: 12px; }
            .banbox .arrows li.active { background: #73878e; }




.newscontent { width: 100%; margin-top: 10px; padding: 30px 0px; background-color: #fff }
    .newscontent .content { width: 1150px; overflow: hidden; }
        .newscontent .content .newstit { text-align: left; font-size: 36px; font-family: "SHCNRegular"; color: #1c3271; font-weight: bold; }
            .newscontent .content .newstit b { text-transform: uppercase; font-size: 18px; color: #1c3271; font-weight: 400; }

        .newscontent .content .mu { width: 100%; margin-top: 20px; text-align: left; padding-bottom: 30px; overflow: hidden; }
            .newscontent .content .mu a { float: left; background-color: #e9e9e9; padding: 6px 25px 6px 25px; margin-right: 10px; font-size: 16px; font-family: "SHCNRegular"; }
                .newscontent .content .mu a.action { position: relative; background-color: #1c3271; color: #fff; }
                    .newscontent .content .mu a.action b { display: block; position: absolute; top: 26px; left: 0px; width: 100%; background-image: url('/Tpl/ID1003/images/index/icon.png'); background-repeat: no-repeat; background-position: top center; }
        .newscontent .content a b { display: none; }



        .newscontent .content .list { width: 100%; display: none; position: relative; }
            .newscontent .content .list .left { width: 50%; float: left; padding-right: 30px; }
                .newscontent .content .list .left ul { width: 100%; }
                    .newscontent .content .list .left ul li { width: 100%; text-align: left; }
                        .newscontent .content .list .left ul li .item { padding: 5px 0px; text-align: left; width: 100%; overflow: hidden; color: #1c3271; font-family: "SHCNLight" }
                            .newscontent .content .list .left ul li .item a { float: left; font-size: 16px; }
                            .newscontent .content .list .left ul li .item i { float: right; font-style: normal; font-size: 16px; }
                        .newscontent .content .list .left ul li p { display: none; font-size: 14px; color: #1c3271; line-height: 22px; margin-bottom: 10px; }


            .newscontent .content .list .right { width: 50%; float: left; position: relative; top: -50px; }
                .newscontent .content .list .right .more { text-align: right; color: #525252; font-size: 16px; }
                    .newscontent .content .list .right .more a { color: #525252; font-size: 14px; }



.leadercarecontent { width: 1150px; padding: 30px 0px; overflow: hidden; }
    .leadercarecontent .left { width: 50%; float: left; position: relative; }
        .leadercarecontent .left .leadertit { margin-bottom: 20px; text-align: left; font-size: 36px; font-family: "SHCNRegular"; color: #1c3271; font-weight: bold; }
            .leadercarecontent .left .leadertit b { text-transform: uppercase; font-size: 18px; color: #1c3271; font-weight: 400; }


        .leadercarecontent .left .leaderlists ul { width: 100%; height: 500px; }
            .leadercarecontent .left .leaderlists ul li { width: 100%; display: none; z-index: 1; position: absolute; }
                .leadercarecontent .left .leaderlists ul li .txt { text-align: left; font-size: 14px; line-height: 22px; color: #4b4b4b; }

                .leadercarecontent .left .leaderlists ul li .img { width: 100%; border: solid 1px #ccc; }
                .leadercarecontent .left .leaderlists ul li:first-child { display: block; }
                .leadercarecontent .left .leaderlists ul li:first-child { display: block; }
                .leadercarecontent .left .leaderlists ul li.active { z-index: 4; }

        .leadercarecontent .left .slidesli { z-index: 5; position: absolute; top: 340px; border: solid 0px #000; right: 10px; }
            .leadercarecontent .left .slidesli ul { list-style: none; width: 100%; background-color: rgba(0,0,0,0.46); }
                .leadercarecontent .left .slidesli ul li { cursor: pointer; z-index: 5; color: #fff; display: inline-block; width: 25px; line-height: 25px; height: 25px; font-size: 14px; }
                    .leadercarecontent .left .slidesli ul li.ac { background-color: #0a2a7d; }


    .leadercarecontent .right { width: 50%; float: left; }
    .leadercarecontent .right { width: 50%; float: left; position: relative; }
        .leadercarecontent .right .leadertit { margin-bottom: 20px; text-align: left; font-size: 36px; font-family: "SHCNRegular"; color: #1c3271; font-weight: bold; }
            .leadercarecontent .right .leadertit b { text-transform: uppercase; font-size: 18px; color: #1c3271; font-weight: 400; }

.businesscontent { width: 1151px; font-size: 0px; padding: 30px 0px; overflow: hidden; }
    .businesscontent img { display: inline-block; }


.bigbusinesslist { background-color: #f9f9f9; }
.businesslist { width: 1150px; padding: 10px 0px; overflow: hidden; padding-top: 60px; }
    .businesslist .businesstit { height: 55px; position: relative; border-bottom: solid 1px #0a2a7d; }
        .businesslist .businesstit .tx { position: absolute; left: 0px; bottom: -5px; }

            .businesslist .businesstit .tx .tx1 { float: left; }
            .businesslist .businesstit .tx .tx2 { float: left; margin-left: 15px; padding: 15px 0px 0px 0px; text-align: left; font-size: 36px; font-family: "SHCNRegular"; color: #1c3271; font-weight: bold; }
                .businesslist .businesstit .tx .tx2 b { text-transform: uppercase; font-size: 18px; color: #1c3271; font-weight: 400; }

        .businesslist .businesstit .rx { float: right; padding-top: 30px; }
            .businesslist .businesstit .rx a { font-size: 14px; color: #525252; font-size: 16px; }


.businesslist2 { width: 1180px; padding: 10px 0px; overflow: hidden; padding-bottom: 60px; }
    .businesslist2 .mu { width: 100%; margin-top: 20px; text-align: left; margin-left: 15px; padding-bottom: 30px; overflow: hidden; }
        .businesslist2 .mu a { float: left; background-color: #e9e9e9; padding: 6px 25px 6px 25px; margin-right: 10px; font-size: 16px; font-family: "SHCNRegular"; }
            .businesslist2 .mu a.action { position: relative; background-color: #1c3271; color: #fff; }
                .businesslist2 .mu a.action b { display: block; position: absolute; top: 26px; left: 0px; width: 100%; background-image: url('/Tpl/ID1003/images/index/icon.png'); background-repeat: no-repeat; background-position: top center; }
            .businesslist2 .mu a b { display: none; }


    .businesslist2 .prolist { width: 100%; display: none; position: relative; margin-bottom: 20px; }
        .businesslist2 .prolist ul { width: 1200px; font-size: 0px; text-align: left; border: solid 0px #000; }
            .businesslist2 .prolist ul li { margin: 0px 15px; width: 265px; }
                .businesslist2 .prolist ul li .txt { margin-top: 5px; padding: 0px 15px; width: 100%; font-size: 14px; color: #414141; background-color: #e9e9e9; text-align: center; line-height: 22px; }
                    .businesslist2 .prolist ul li .txt b { font-weight: 400; }


        .businesslist2 .prolist .sPrev { position: absolute; left: 0px; top: 0px; background-color: #1c3271; height: 230px; width: 36px; line-height: 240px; }
            .businesslist2 .prolist .sPrev img { margin-top: 100px; }
        .businesslist2 .prolist .sNext { position: absolute; right: 0px; top: 0px; background-color: #1c3271; height: 230px; width: 36px; line-height: 240px; }
            .businesslist2 .prolist .sNext img { margin-top: 100px; }



        .businesslist2 .prolist:nth-child(1) { display: block; }

@media only screen and (max-width:1440px) {
}



@media only screen and (max-width:1200px) {
}





@media only screen and (max-width:1024px) {
}

@media only screen and (max-width:960px) {
}


@media only screen and (max-width:768px) {
}

@media only screen and (max-width:480px) {
}

@media only screen and (max-width:320px) {
}