﻿
        * {
            box-sizing: border-box;
        }

         .nav-left-menu-li.active {
            color: #e60080;
        }

        .nav-left-menu-li:hover {
            color: #e60080;
        }

        .foot-right a {
            color: white;
            text-decoration: none;
        }

        .souvenir-img {
            width: 100%;
            margin: 10px 0;
        }

        .souvenir-msg-title {
            margin-bottom: 5px;
            padding-left: 8px;
            border-left: 4px solid #08b04e;
            color: #08b04e;
            font-weight: bold;
        }

        .souvenir-msg {
            padding-left: 13px;
        }

        .souvenir-goods {
            width: 80%;
            position: relative;
            margin: 35px auto 0;
            height: 50px;
        }

        .souvenir-detail {
            width: 30%;
            margin-right: 5%;
            float: left;
            color: #5a5a5a;
            letter-spacing: 1px;
        }

            .souvenir-detail:nth-of-type(3n) {
                margin-right: 0;
            }

            .souvenir-detail > span:first-child {
                color: #08b04e;
                font-weight: bold;
            }

        .prev, .next {
            width: 50%;
            float: left;
        }

        .spanPrev {
            height: 50px;
            width: 35px;
            display: block;
            float: left;
            background: url("../../imgs/arrow-left.png")no-repeat center;
            background-size: 50%;
            background-color: #cacaca;
            text-decoration: none;
        }

        .spanNext {
            height: 50px;
            width: 35px;
            display: block;
            float: right;
            background: url("../../imgs/arrow-right.png")no-repeat center;
            background-size: 50%;
            background-color: #cacaca;
            text-decoration: none;
        }

        .spanPrev.active {
            background-color: #7abe00;
        }

        .spanNext.active {
            background-color: #7abe00;
        }

        .prev-article, .prev-title {
            height: 25px;
            width: 50%;
            float: left;
            padding-left: 5px;
        }

        .next-article, .next-title {
            height: 25px;
            width: 50%;
            float: right;
            text-align: right;
            padding-right: 5px;
        }

        .buy {
            border: 1px solid #08b04e;
            border-radius: 5px;
            padding: 3px 10px;
            font-size: 12px;
            color: #08b04e;
            letter-spacing: 2px;
            text-decoration: none;
        }

        .main-line .return {
            float: right;
            cursor: pointer;
        }

        .main-source {
            display: inline-block;
            padding-right: 40px;
            float: left;
        }

        .menu-title-en {
            margin-top: 1px;
        }

        .weixin div {
            margin-top: -4px;
            color: #333;
        }

        .sina div {
            margin-top: -4px;
            color: #333;
        }

        .nav-left-title {
            height: 21px;
        }

        .content {
            overflow: initial;
        }

        .main {
            width:1430px;
            overflow: auto;
           
        }
        .main .contain{
            width:1200px;
            height:753px;
             background:url("../../imgs/olpcindexEn.png") no-repeat;
            background-size:contain;
            margin-top:50px;
            margin-left:60px;
            position:relative;
 
        }
          @-webkit-keyframes run{
            0% {
                background-position: 0px 0px;
            }
                4%{
                    background-position: 0px -80px;
                }
                8%{
                    background-position: 0px -160px;
                }
                12%{
                    background-position: 0px -240px;
                }
                16%{
                    background-position: 0px -320px;
                }
                20%{
                    background-position: 0px -400px;
                }
                24%{
                    background-position: 0px -480px;
                }
                28%{
                    background-position: 0px -560px;
                }
                32%{
                    background-position: 0px -640px;
                }
                36%{
                    background-position: 0px -720px;
                }
                40%{
                    background-position: 0px -800px;
                }
                44%{
                    background-position: 0px -880px;
                }
                48%{
                    background-position: 0px -960px;
                }
                52%{
                    background-position: 0px -1040px;
                }
                56%{
                    background-position: 0px -1120px;
                }
                60%{
                    background-position: 0px -1200px;
                }
                64%{
                    background-position: 0px -1280px;
                }
                68%{
                    background-position: 0px -1360px;
                }
                72%{
                    background-position: 0px -1440px;

                }
                76%{
                    background-position: 0px -1520px;
                }
                80%{
                    background-position: 0px -1600px;
                }
                84%{
                    background-position: 0px -1680px;
                }
                88%{
                    background-position: 0px -1760px;
                }
                92%{
                    background-position: 0px -1840px;
                }
                 96%{
                     background-position: 0px -1920px;
                }
                 100%{
                     background-position: 0px -2000px;
                }

            }
        .lunhua{
            width:80px;
            height:80px;
            background:url(../../imgs/02.png) no-repeat;
            background-size: 80px 2000px;
    background-position: 0 0;
    position: absolute;
           top: 70px;
    left: 353px;
            /*opacity:0.7;*/
               -webkit-animation: run 1s steps(1,end) infinite;
        }
       
         .qingao{
             width: 80px;
    height: 80px;
    background: url(../../imgs/01.png) no-repeat;
    background-size: 80px 2000px;
    background-position: 0 0;
    position: absolute;
    left: 646px;
    top: 231px;
             -webkit-animation: run 1s steps(1,end) infinite;
         }
         .family{
             width:80px;
             height:80px;
             background:url(../../imgs/06.png) no-repeat;
           background-size: 80px 2000px;
    background-position: 0 0;
    position: absolute;
           left: 606px;
    top: 445px;
              -webkit-animation: run 1s steps(1,end) infinite;
         }
         .sport{
             width:80px;
             height:80px;
             background:url(../../imgs/07.png) no-repeat;
             background-size: 80px 2000px;
    background-position: 0 0;
    position: absolute;
            left: 772px;
    top: 443px;
              -webkit-animation: run 1s steps(1,end) infinite;
         }
         .nanjing{
            width:80px;
             height:80px;
             background:url(../../imgs/02.png) no-repeat;
             background-size: 80px 2000px;
    background-position: 0 0;
    position: absolute;
             left: 817px;
    top: 270px;
              -webkit-animation: run 1s steps(1,end) infinite;
         }
         .revive{
             width:80px;
             height:80px;
             background:url(../../imgs/05.png) no-repeat;
           background-size: 80px 2000px;
    background-position: 0 0;
    position: absolute;
             left: 567px;
    top: 585px;
              -webkit-animation: run 1s steps(1,end) infinite;
         }
         .origin{
             width:80px;
             height:80px;
             background:url(../../imgs/02.png) no-repeat;
              background-size: 80px 2000px;
    background-position: 0 0;
    position: absolute;
             left: 807px;
    top: 586px;
              -webkit-animation: run 1s steps(1,end) infinite;
         }
         .xuting{
             width:80px;
             height:80px;
             background:url(../../imgs/01.png) no-repeat;
              background-size: 80px 2000px;
    background-position: 0 0;
    position: absolute;
             left: 921px;
    top: 518px;
               -webkit-animation: run 1s steps(1,end) infinite;
         }
         .hudong{
             width:80px;
             height:80px;
             background:url(../../imgs/08.png) no-repeat;
               background-size: 80px 2000px;
    background-position: 0 0;
    position: absolute;
             left: 302px;
    top: 411px;
             -webkit-animation: run 1s steps(1,end) infinite;
         }

        /*.gzjy {
            width: 20px;
            height: 20px;
            background: url(../../imgs/0505.png) no-repeat;
            background-size: contain;
            position: absolute;
            left: 60px;
            top: 76px;
        }*/
.wjgPoint {
        width: 80px;
    height: 80px;
    background: url(../../imgs/09.png) no-repeat;
    background-size: 80px 2000px;
    background-position: 0 0;
    position: absolute;
    left: -12px;
    top: 50px;
    -webkit-animation: run 1s steps(1,end) infinite;
}
        .gzjy_text{
            width: 210px;
    height: 45px;
    line-height: 22px;
    position: absolute;
    padding-left: 20px;
    left: 10px;
    top: 80px;
    font-weight: bold;
    font-size: 14.5px;
    color: #FF8400;
    display: block;
    z-index: 1000;
    text-align: center;
    border: 1px solid #FF8400;
    border-radius: 5px;
            cursor:pointer;
        }
         .hudongPicture{
             width:320px;
             height:330px;
 
             position:absolute;
             left:150px;
             top:130px;
             border-radius:10px;
         }
         .lunhuaPicture{
             width:318px;
             height:190px;
             position:absolute;
             left:153px;
             top:100px;
             border-radius:10px;
         }
         .qingaoPicture{
             width:300px;
             height:291px;
             position:absolute;
             left:525px;
             top:0px;
             border-radius:10px;
         }
         .familyPicture{
             width:280px;
             height:280px;
             position:absolute;
             left:475px;
             top:245px;
             border-radius:10px;
         }
         .sportPicture{
             width:300px;
             height:280px;
             position:absolute;
             left:655px;
             top:245px;
             z-index:99;
             border-radius:10px;
         }
         .nanjingPicture{
             width:380px;
             height:200px;
             position:absolute;
             left:839px;
             top:210px;
             z-index:99;
             border-radius:10px;
         }
         .revivePicture{
             width:410px;
             height:200px;
             position:absolute;
             left:300px;
             top:580px;
             z-index:99;
             border-radius:10px;
         }
         .originPicture{
             width:280px;
             height:270px;;
             position:absolute;
             left:675px;
             top:625px;
             z-index:99;
             border-radius:10px;
         }
         .xutingPicture{
             width:280px;
             height:270px;       
             position:absolute;
             left:875px;
             top:310px;
             z-index:99;
             border-radius:10px;
         }
         .info{
             width:1200px;
             height:450px;
             position:absolute;
             top:160px; 
             
             border-radius:10px;
         }
         .info .infoContent{
             height:100%;
             width:100%; 
             background-color:white;
             border-radius:10px;
             overflow:hidden;

         }
         .info .pic{
             width:700px;
             height:450px;   
             float:left;
             background-size:contain;
             background:rgba(202,202,202,0.2);
             text-align:center;
         }
         .swiper-container{
             width:680px;
             height:430px;
            margin-top:10px;
             border-radius:10px;
             overflow:hidden;
         }
         .info .text{
             width:500px;
             height:450px;
             float:left;
             overflow:hidden;
             background:rgba(202,202,202,0.2);
         }
         .info .text h2{
             /*font-weight:900;*/
             padding-left:20px;
             margin-top:30px;
         }
         .info .text p{
             padding-left:20px;
             padding-right:20px;
             text-indent:2em;
             line-height:25px;
             /*font-weight:600;*/
         }
         .close{
             width:50px;
             height:50px;
             position:absolute;
             top:-50px;
             right:0px;
             font-weight:600;
             background:url("../../imgs/close.jpg") no-repeat;
             cursor:pointer;
         }
        .picture img{
            border-radius:10px;
        }
         .swiper-button-prev{
             background:url("../../imgs/left.jpg")no-repeat;
             background-size:contain;
             position: absolute;
             left: -40px;
         }
         .swiper-button-next{
             background:url("../../imgs/right.jpg")no-repeat;
             background-size:contain;
             position: absolute;
             right: -40px;
         }
         .pCon{
             height:360px;
             overflow:auto;
         }
