﻿@charset "utf-8";

a,img{border:0;}

/*yx_rotaion*/
.yx-rotaion{margin:0 auto;}
.yx-rotaion-btn,.yx-rotaion-title,.yx-rotation-focus,.yx-rotation-t,.yx-rotaion-btn{position:absolute}
.yx-rotation-title{position:absolute;width:100%;height:40px;line-height:40px;background:#000;filter:alpha(opacity=80);color:#fff;-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;left:0;bottom:0;_bottom:-1px;z-index:1;text-align:center;}
.yx-rotation-focus span,.yx-rotaion-btn span{background:url(ico.png) no-repeat;display:block;}
.yx-rotation-focus{height:40px;line-height:40px;right:20px;bottom:0;z-index:2}
.yx-rotation-focus span{width:12px;height:12px;line-height:12px;float:left;margin-left:5px;position:relative;top:14px;cursor:pointer;background-position:-24px -126px;text-indent:-9999px}
.yx-rotaion-btn{width:100%;height:41px;top:50%;margin-top:-20px;}
.yx-rotaion-btn span{width:41px;height:41px;cursor:pointer;filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity:0.3;opacity:0.3;position:relative}
.yx-rotaion-btn .left_btn{background-position:-2px -2px;float:left;left:10px}
.yx-rotaion-btn .right_btn{background-position:-2px -49px;float:right;right:10px}
.yx-rotaion-btn span.hover{filter:alpha(opacity=90);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8}
.yx-rotation-focus span.hover{background-position:-10px -126px}
.rotaion_list{width:0;height:0;overflow:hidden;}
.rotaion_list img{width:1200px;height:420px;}
.yx-rotation-t{color:#fff;font-size:14px;z-index:2;bottom:0;left:10px;line-height:30px; font-weight:bold;}	/*链接样式*/

.yx-rotation-t a:link{color:#fff;}	/*链接样式*/
.yx-rotation-t a:hover{color:#fff;}	/*链接样式*/
.yx-rotation-t a:visited{color:#fff;}	/*链接样式*/




/* 超小设备 (手机, 600px 以下屏幕设备) */
@media screen and (max-width: 600px) {
    .yx-rotaion {
        height: 100% !important;
        width: 100% !important;
    }
    .rotaion_list{
        width:100%;
    }
        .rotaion_list li {
            width: 100%;
            height: 100%;
        }
    .rotaion_list img {
        width:100% !important;
        height: auto !important;
    }
}
/* 小设备 (平板电脑和大型手机，600 像素及以上) */
@media only screen and (min-width: 600px) and (max-width: 768px) {
    .yx-rotaion {
        height: 100% !important;
        width: 100% !important;
    }

    .rotaion_list {
        width: 100%;
    }

        .rotaion_list li {
            width: 100%;
            height: 100%;
        }

        .rotaion_list img {
            width: 100% !important;
            height: auto !important;
        }
}

/* 中型设备（平板电脑，768 像素及以上） */
@media screen and (min-width: 768px) and (max-width: 992px) {
    .yx-rotaion {
        height: 100% !important;
        width: 100% !important;
    }

    .rotaion_list {
        width: 100%;
    }

        .rotaion_list li {
            width: 100%;
            height: 100%;
        }

        .rotaion_list img {
            width: 100% !important;
            height: auto !important;
        }

/*轮播图新闻标题*/
    .yx-rotation-title {
        height: 80px;
        line-height:80px;
    }
    .yx-rotation-t {
        width:calc(100% - 120px);
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
        font-size: 0.36rem;
        bottom: 20px;
    }
    .yx-rotation-focus {
        bottom: 10px;
    }
}

/* 大型设备（笔记本电脑/台式机，992 像素及以上） */
@media screen and (min-width: 992px) and (max-width: 1200px) {
    .yx-rotaion {
        height: 100% !important;
        width: 100% !important;
    }

    .rotaion_list {
        width: 100%;
    }

        .rotaion_list li {
            width: 100%;
            height: 100%;
        }

        .rotaion_list img {
            width: 100% !important;
            height: auto !important;
        }
}

/* 超大型设备（大型笔记本电脑和台式机，1200 像素及以上） */
@media screen and (min-width: 1200px) {
    .yx-rotaion {
        height: 100% !important;
        width: 100% !important;
    }

    .rotaion_list {
        width: 100%;
    }

        .rotaion_list li {
            width: 100%;
            height: 100%;
        }

        .rotaion_list img {
            width: 100% !important;
            height: auto !important;
        }
}


 





