
body{ margin: 0; padding: 0;}
        *{padding: 0; margin: 0; box-sizing: border-box;}
        li{list-style: none;}
        #n_licheng{ width:100%; overflow:hidden; padding: 0 10px; margin-bottom:3%; }
        #n_licheng ul{ position: relative; max-width: 1680px; margin: 0 auto;}

        #n_licheng ul:first-child{ margin-top: 2rem;}

        #n_licheng ul:first-child:before {
 content: ""; width: 1.1875rem;height: 23px;
 background: url(../images/licheng_ico.png) center top no-repeat; background-size: contain;
display: block;
z-index: 9;
position: absolute;top: -30px; margin-left:5.375rem;        }

        #n_licheng ul li{ position: relative; clear: both; margin-bottom: 1.5rem; }

        #n_licheng ul li .year{ position:absolute; z-index:9; width:5.9375rem; top:50%;  height:40px; line-height:40px; text-align:center; margin-top:-20px;}

        #n_licheng ul li .year span{ color:#515355; white-space: nowrap; font-weight:bold; transition:.2s; position: absolute;left: 0rem;  font-size:1rem; }

        #n_licheng ul li .year:before{ content:""; width:10px; height:10px; background:#fff; border:2px solid #798ba3; display:block; border-radius:50%; position:absolute; top:50%; margin-top:-5px; right:-5px; transition:.5s; overflow: hidden;}

        #n_licheng ul li.slick-current .year:before{ background:#d90917;}

        #n_licheng ul li.slick-current .year span{ color:#d9000f; font-size:1.625rem;}

        #n_licheng ul li:after{ content:""; width:2px; height:calc(100% + 66px); background:#d0d1d3; display:block; position:absolute; top:-20px;left: 5.9375rem;}

        #n_licheng ul li .txt{ margin-left:7rem; background: #fff; border: 1px solid #eaeaea; border-radius:3px; padding:1rem 2rem; font-size:1rem; color:#4e4e4e; line-height:1.7; position:relative; transition: .2s;}
		#n_licheng ul li .txt h5 { font-size:1.6rem; color:#798ba3;}

        #n_licheng ul li:hover .txt{ background: #798ba3; color: #fff;}
		#n_licheng ul li:hover .txt h5{ color: #fff;}
        #n_licheng .bnt_more{overflow: hidden;padding:10px;text-align: center; width: 100%; }

        #bnt_dsj_more{  display:block;font-size: 1rem; width:7rem; height:2.25rem; line-height:2.25rem;position: relative;

            z-index: 9; border-radius:5px; color:#fff; background:#798ba3; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out; margin-top: 2rem; text-align: center; margin-left: 2.25rem; text-decoration: none;
        margin-left: -100px; margin: 0 auto;}

        #n_licheng .bnt_more a:hover{ background:#f6ac00;}

        @media (min-width: 1100px)

        {
            #n_licheng ul li .year span{ right: 1rem;left: auto; font-size:1.5rem;}
            #n_licheng ul li .txt{ margin-left:9.375rem;}
            #n_licheng ul:first-child:before { left: 50%; margin-left:-.59375rem;}

            #n_licheng ul li{ width: 50%; margin-bottom: 15px;}

            #n_licheng ul li:after{ left:-1px;}

            #n_licheng ul li:nth-child(odd){ float: right;}

            #n_licheng ul li:nth-child(odd) .year:after{ left:-1rem; right: auto;}

            #n_licheng ul li:nth-child(odd) .year:before{ right: auto; left: -5px;}

            #n_licheng ul li:nth-child(odd) .year span{ right:auto; left: 1rem;}

            #n_licheng ul li:nth-child(even) .txt{ margin-left: 0;margin-right:9.375rem;text-align: right;}

            #n_licheng ul li:nth-child(even) .year{ left: auto; right: 0;}

            #n_licheng ul li:nth-child(even):after{ left: auto; right: -1px;}

            #bnt_dsj_more{margin: 0 auto; margin-top: 2rem;}

        }

