﻿/*Common For Max 1366*/
@media only screen and (max-width: 1440px){
    /*
    -----------------[番茄]--------------*/
    .wp{width: 1200px;}
    .m-history1{margin-left: -600px;}
    .slider-for1 .year{font-size: 18px;}
    .slider-nav1 .pic img{height: 360px;}
    
    .m-pop .inner{top: 5%;bottom: 5%;}
    .slider-for2{font-size: 14px;}
    .slider-for2 .tit{font-size: 24px;line-height: 30px;padding-top: 10px;padding-bottom: 10px;}
    .slider-for2 .tit em{font-size: 20px;}
    .slider-for2 .tags span{font-size: 12px;}
    .m-pic1 .pic{height: 300px;line-height: 300px;}
    .slider-nav1 .txt{font-size: 14px;line-height: 1.5;}
    .slider-nav1 .date{
        font-size: 50px;
    }

}

/*Common For Max 960*/
@media only screen and (max-width: 1199px) {
	.wp{width: auto;padding: 0 10px;}
    .box-history{min-height: 0;}
    .m-history1{
        position: static;margin: 0;
    }
    .slider-for1 .year{font-size: 16px;}
    .m-pop .inner{
        width: 90%;
    }
    .slider-nav1 .txt{width: 80%;padding-left: 15px;}
    .slider-nav1 .date{font-size: 40px;}

 
}



/*Common For Max 768*/
@media only screen and (max-width: 959px) {
    .slider-nav1 .pic img{height: 300px;}

}



/*Common For Max 480*/
@media only screen and (max-width: 767px) {
    .slider-for1 .year{line-height: 60px;}
    .slider-for1{margin-bottom: 30px;}
    .slider-nav1 .pic img{height: auto;width: 100%;}
    
    .m-pop .close{right: 5px;top: 5px;}
    .slider-for2 .con1{padding-left: 10px;}
    .slider-for2 .tit{font-size: 16px;line-height: 1.5;}
    .slider-for2 .tit em{display: block;font-size: 14px;margin-left: 0;}
    .slider-for2 .tags span{margin-right: 10px;padding: 0 10px;}
    .slider-for2 .con2{
        padding: 20px 10px;
    }
    .slider-for2 .con2 .col-l,
    .slider-for2 .con2 .col-r{
        float: none;width: auto;
        padding: 0;
    }
    .m-pic1{text-align: center;}
    .m-pic1 .pic{height: 200px;line-height: 200px;}
    .m-pic1 .slick-next, .m-pic1 .slick-prev{top: 50%;margin-top: -12px;}
    .m-pic1 .slick-prev{
        right: auto;left: 0;
    }
    .slider-nav2{padding-left: 40px;padding-right: 40px;}
    .slider-nav2 .year{font-size: 16px;}
    .slider-nav2 .slick-next, .slider-nav2 .slick-prev{
        width: 24px;height: 24px;
        margin-top: -12px;
    }
    .slider-nav2 .slick-prev{left: 10px;}
    .slider-nav2 .slick-next{right: 10px;}

}


/*Common For Max 320*/
@media only screen and (max-width: 479px) {
    
}
