/*slick*/
.sh-year
{
    position: relative;
    z-index: 1;

}
.sh-year::before{
        position: absolute;
        top: 50%;
        right: 0;
        left: 0;

        height: 1px;

        content: '';

        opacity: .1;
        background-color:#1F368F;
}
.shy-box
{
    position: relative;

   -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.slick-hyear
{
    margin-right: 240px;
    margin-left: 240px;
   
}
.slick-hyear .slick-current span{-moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1);}

.shyear-item
{
    text-align: center;
    
}
.shyear-item span
    {
        font-family:"Montserrat Bold";
        font-size: 120px;
        line-height: 1;

        position: relative;

        display: inline-block;

        vertical-align: top;

        color:#1F368F;

       -moz-transition: -moz-transform 2s;
    -o-transition: -o-transform 2s;
    -webkit-transition: -webkit-transform 2s;
    transition: transform 2s;
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);

}
.shyear-item span::before
{
            position: absolute;
            top: 50%;
            left: -50px;

            width: 10px;
            height: 10px;
            margin-top: -5px;

            content: '';

            border-radius: 50%;
            background-color:#1F368F;
}

.shy-arrow
{
    font-size: 30px;
    line-height: 50px;

    position: absolute;
    top: 50%;

    width: 50px;
    height: 50px;
    margin-top: -25px;

    cursor: pointer;
    text-align: center;

    color: #fff;
    border-radius: 50%;
    background-color:#1F368F;

   -moz-transition: -moz-transform .4s;
    -o-transition: -o-transform .4s;
    -webkit-transition: -webkit-transform .4s;
    transition: transform .4s;
}
.shy-prev
{
    left: 0;
}
.shy-next
{
    right: 0;
}
.shy-left,
.shy-right
{
    position: absolute;
    top: 50%;

    overflow: hidden;

    width: 150px;
    height: 90px;
    margin-top: -45px;
    padding: 20px 0;
}
.shy-left
{
    left: 70px;
}
.shy-right
{
    right: 70px;
}
.icon-arrow-left:before{ content:""; background:url(../images/left.png) no-repeat;width:9px; height:15px; position:absolute; left:50%; top:50%; margin-left:-4px; margin-top:-7px;}
.icon-arrow-right:before{ content:""; background:url(../images/right.png) no-repeat;width:9px; height:15px; position:absolute; left:50%; top:50%; margin-left:-4px; margin-top:-7px;}
.shs-item
{
    position: relative;

    display: inline-block;

    width: 50px;
    height: 50px;

    cursor: pointer;
    vertical-align: top;

}
.shs-item::before
    {
        position: absolute;
        top: 50%;
        left: 50%;

        width: 10px;
        height: 10px;
        margin-top: -5px;
        margin-left: -5px;

        content: '';

        opacity: .6;
        border-radius: 50%;
        background-color:#1F368F;
       -moz-transition: all .3s ease;
		-o-transition: all .3s ease;
		-webkit-transition: all .3s ease;
		transition: all .3s ease;
    }
.shs-item span
    {
        font-family:"Montserrat Light";
        font-size: 14px;
        line-height: 20px;

        position: absolute;
        top: 100%;
        right: 0;
        left: 0;

        text-align: center;

       /* opacity: .5;*/
        color: #999;
    }
.shs-item:hover::before{opacity: 1;}
.shy-sbox
{
    font-size: 0;

    position: relative;

    width: 1000px;

    text-align-last: auto;
}
.history-full__slick
{
    font-size: 0;
   
}
.history-full__slick .pic{ width: 48%;}
.history-full__slick .pic, .history-full__slick .inner{ display: inline-block;vertical-align: middle;}
.history-full__slick .pic img{width: 100%;}
.history-full__slick .inner{ padding-left:6%; width:52%; /*padding: 0 140px;*/}
.history-full__slick .title{ font-size: 30px; font-weight:normal; line-height: 1.5; color:#222222;}
.history-full__slick .txt{ margin-top: 10px;}
.history-full__slick .txt p{font-size: 16px; line-height: 2; letter-spacing: .6px; color: #999999;word-break: break-word;}

@media (min-width: 1025px)
{
    .shy-arrow:hover{ -moz-transform: scale(0.8); -ms-transform: scale(0.8); -webkit-transform: scale(0.8); transform: scale(0.8);}
	.list-culture .box:hover .item-right{-moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0);}
	
}

@media (max-width: 1920px)
{
    .company-strategy__wrap
    {
        padding-bottom: 40px;
    }

	/*.history-full__slick .inner{ padding: 0 7.29167vw; }*/
	.history-full__slick .txt{  margin-top:2%; }
   
    
  
    .shyear-item
    {
        text-align: center;
       
    }
	.shyear-item span  { font-size: 6.1vw; }
	.mt-100{margin-top: 5.20833vw;}
}

@media (max-width: 1440px)
{
    

    .history-full__slick .title{ font-size: 30px;}
    .shy-arrow
    {
        font-size: 26px;
        line-height: 44px;

        width: 44px;
        height: 44px;
        margin-top: -22px;
    }
}

@media (max-width: 1366px)
{
   
  
   
    .history-full__slick  .title{font-size: 26px;}
    
    .shy-arrow
    {
        font-size: 22px;
        line-height: 40px;

        width: 40px;
        height: 40px;
        margin-top: -20px;
    }
}

@media (max-width: 1024px)
{
   

	.shyear-item span{ font-size: 60px;}
	.shyear-item span::before{ left: -20px; }
	 .history-full__slick .title
        {
            font-size: 22px;
            line-height: 1.6;
        }
	 .history-full__slick .txt
        {
            margin-top: 15px;
        }
	 .history-full__slick .inner
        {
            padding: 0 30px;
        }
    .shy-arrow
    {
        line-height: 40px;

        width: 40px;
        height: 40px;
        margin-top: -20px;
    }
    .mt-100{margin-top: 50px;}
   .history-full__slick .txt p{font-size: 14px; line-height: 1.6;}
}


@media (max-width: 768px)
{

	.shyear-item span{ font-size: 40px;}
	.shyear-item span::before
    {
       left: -10px;
       display: none;
    }
    .slick-hyear
    {
        margin-right: 90px;
        margin-left: 90px;
    }

    .shy-left,
    .shy-right
    {
        width: 50px;
    }
   
	.shy-left{left: 40px;}
    .shy-left .shy-sbox
     {
            -webkit-transform: translateX(-100px);
                    transform: translateX(-100px);
      }
    .shy-right
    {
        right: 40px;
    }
	 .history-full__slick .pic
        {
            width: 100%;
        }
	 .history-full__slick .inner
        {
            width: 100%;
            margin-top: 30px;
            padding: 0;
        }
		
    
}

@media (max-width: 640px)
{
    
   

    
    .history-full__slick  .title{font-size: 18px; }
    
    .shy-arrow
    {
        font-size: 20px;
        line-height: 34px;

        width: 34px;
        height: 34px;
        margin-top: -17px;
    }
   	.history-full__slick .txt p{font-size: 13px; line-height: 1.5;}
}