

.banner{ height:480px; overflow:hidden;}
.banner_news{ position:relative; height:0px; z-index:2;}
.float_right{ position:absolute; right:0px; top:0px; height:480px; width:230px; background:#fff;}
.float_right h2{height:38px; line-height:38px; background:url(../images/biao_07.gif) repeat-x; padding-left:15px; font-size:14px;}
.float_right h2 a{ color:#69d5c8;}
.float_right ul{ padding-top:10px; height:192px;}
.float_right ul li{ padding-left:15px; line-height:24px; height:24px;}
#tabfirst{ height:38px; line-height:38px; background:url(../images/biao_07.gif) repeat-x; padding-left:15px;}
#tabfirst li{ float:left; padding:0 25px;}
.tabin{ background:url(../images/biao_07_hover.gif) repeat-x;}
.tabin a{ color:#69d5c8;}
.contentfirst{ display:none;}
.contentfirst ul{ padding-top:10px;}
.contentfirst ul li{ padding-left:15px; line-height:24px; height:24px;}
.contentin{ display:block;}
.zhuda{ text-align:center; padding-top:10px;}
.zhuda img{ width:215px;}
/*轮换大区域*/
.lunhuan { width: 100%; height: 480px; position: relative; z-index:1; }
.lunhuan #lunhuanback { width: 100%; height: 480px; position: absolute; left: 0px; top: 0px; overflow: hidden; }
.lunhuan #lunhuanback p { width: 100%; height: 480px; position: absolute; left: 0px; top: 0px; opacity: 0; filter: alpha(opacity=0); background-repeat: no-repeat; background-position: 50% 0px; }
.lunhuan .lunhuan_main { width: 1200px; height: 480px; margin: 0 auto; position: relative; }
/*轮换中间区域*/
.lunhuancenter { width: 750px; height: 480px; position: absolute; left: 220px; top: 0px; }
.lunhuancenter .centergif { display: block; width: 750px; height: 480px; position: absolute; left: 0px; top: 0px; z-index: 4; }
.lunhuancenter b { position: absolute; left: 0px; top: -40px; opacity: 0; filter: alpha(opacity=0); z-index: 3; width: 750px; height: 210px; display: block; }
#lunbonum { height: 14px; line-height: 23px; position: absolute; left: 19px; top: 440px; z-index: 5; }
#lunbonum li { width: 14px; height: 14px; float: left; margin-right: 9px; background: #B4B4B4; border-radius: 14px; cursor: pointer; }
#lunbonum .lunboone { background: #69d5c8; cursor: pointer; }

.content_01{ height:400px; overflow:hidden; background: url(../images/biao_08.gif) #fff no-repeat; margin-top:20px;}
.content_01_float01{ width:240px; height:400px; overflow:hidden; float:left;}
.content_01_float01 a img{width:240px; height:400px;}
.content_01_float02{ width:480px; height:400px; overflow:hidden; float:left;}
.content_01_float02_float{ width:240px; height:200px; overflow:hidden; float:left; text-align:center;}
.content_01_float02_float a:hover{ text-decoration:none;}
.content_01_float02_float h2{ font-size:16px; color:#333; height:30px; line-height:30px; padding-top:10px;}
.content_01_float02_float h3{ font-size:12px; font-weight:normal; height:20px; line-height:20px;}
    .content_01_float02_float img {
        width: 125px;
        height: 125px;
        object-fit: contain;
    }

.content_02{ margin-top:15px;}
.content_title{ height:36px; line-height:36px; border-bottom:#69d5c8 solid 2px;}
.content_title strong{ font-size:16px;}
.content_title strong a{color:#69d5c8; }
.content_title span{ float:right; color:#ccc;}
.content_title span a{ padding:0 3px;}

.content_02_con{ background:#fff; border-bottom:#f2f2f2 solid 1px;border-left:#f2f2f2 solid 1px;border-right:#f2f2f2 solid 1px;}
.content_02_con ul{width: 1219px;}
.content_02_con ul li{float:left;margin-right: 16px;width: 224px;border:1px solid #ccc;margin-top:15px;padding-bottom:15px;}
.content_02_con ul li .img{width: 218px;height: 218px;padding: 4px;}
.content_02_con ul li.miaosha .img{ height:194px;}
.content_02_con ul li .img table tr td{  height: 230px;
    text-align: center;
    display: block;
    margin: 0 auto;
    
    position:relative;
    }
    .content_02_con ul li.miaosha .img table tr td{  height: 190px;
 
    }
    
    .content_02_con ul li.miaosha{padding-bottom:5px;}
   .content_02_con ul li:nth-child(5n-4){ clear:left;}
    
.content_02_con ul li .img table tr td .propath{max-width: 218px;max-height: 218px;display:block;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;}
.content_02_con ul li.miaosha .img table tr td .propath{  max-height:190px;}
.content_02_con ul li .img span{ display:block; height:23px; line-height:23px;}
.content_02_con ul li .title{ padding:5px 10px;}
.content_02_con ul li .title span{display:block;height:23px;line-height:23px;font-size: 11px;padding-left:15px;}
.content_02_con ul li.miaosha .title .jiage{  height:63px; }
.content_02_con ul li.miaosha .title .miaoshaEnd{    text-align: center;width: 163px;margin: 10px auto;line-height: 20px; height: 20px; display: block; border-radius: 4px;background: url(/images/sitestar_miaosha_img3.jpg) no-repeat;    }

.content_02_con ul li.miaosha  .iconImg{height:20px; }

    .content_02_con ul li .title span strong {
        color: #f18012;
        font-size: 20px;
    }


.content_02_con ul li .title span{
    text-align: center;
    padding: 0 15px !important;
}

.content_02_con ul li .title b{ display:block; line-height:30px; margin-top:5px;}
.content_02_con ul li .title b a{ display:block; float:left; width:100px; text-align:center; background:#69d5c8; color:#fff; margin:0px 15px;}
/*
.content_02_con .left{ width:207px; float:left; border-right:#f2f2f2 solid 1px; height:500px;}
.content_02_con .left .nav{ height:290px; overflow:hidden; border-bottom:#f2f2f2 solid 1px; padding:0 10px; padding-top:10px;}
.content_02_con .left .nav a{ float:left; margin:8px 10px;}
.content_02_con .left .nav_b{ height:199px; background:url(../images/biao_09.gif) no-repeat;}
.content_02_con .left .nav_b ul li{ height:60px; width:103px; text-align:center; line-height:60px; float:left; padding:3px 0;}
.content_02_con .left .nav_b ul li img{ width:95px; height:60px;}
.content_02_con .right{ height:500px; float:right; width:990px; overflow:hidden;}
.content_02_con .right .right_top{ height:300px; overflow:hidden; border-bottom:#f2f2f2 solid 1px; background:url(../images/biao_11.gif) no-repeat;}
.content_02_con .right .right_bottom{ height:199px; overflow:hidden; background:url(../images/biao_10.gif) no-repeat;}
.content_02_con .right .right_bottom ul li{ text-align:center; padding-top:10px; width:198px; float:left;}
.content_02_con .right .right_bottom ul li img{ width:125px; height:125px;}
.content_02_con .right .right_bottom ul li strong{ height:30px; line-height:30px; display:block; font-weight:normal;}
.content_02_con .right .right_bottom ul li strong a{ color:#333;}
.content_02_con .right .right_bottom ul li strong a:hover{ color:#69d5c8;}
.content_02_con .right .right_bottom ul li span{ height:20px; line-height:20px; display:block; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#e4393c;}
*/
.center_banner{float:left; height:300px; width:395px; position:relative; overflow:hidden;}
.center_banner .hd{ position:absolute; bottom:10px; left:10px; z-index:99;}
.center_banner .hd ul li{width:10px; height:10px; border-radius:10px; overflow:hidden; background:#666; float:left; margin-left:8px; text-indent:99em;}
.center_banner .hd ul li.on{ background:#e4393c;}
.center_banner .bd{height:300px; width:395px; overflow:hidden;}
.center_banner .bd ul li{height:300px; width:395px;}
.center_banner .bd ul li img{height:300px; width:395px;}

.right_top_left{ width:195px; height:300px; overflow:hidden; background:#000; float:left; margin-left:3px; _display:none;}
.right_top_left img{ width:195px; height:300px;transition: 0.5s;
-moz-transition: 0.5s; /* Firefox 4 */
-webkit-transition:0.5s; /* Safari and Chrome */
-o-transition:0.5s; /* Opera */
}
.right_top_left img:hover{ width:102%; height:102%;}

.img table td{position:relative;}
.content_02_con ul li .img table tr td .xinpin{position:absolute;right:0px;top:0px;}



@media only screen and (min-width: 996px) {
    .ml_mbbot {
        display: none;
    }
    .ml_sidebar {
        position: fixed;
        bottom: 10%;
        right: 0px;
        z-index: 99999;
        /* box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; */
    }
    .ml_sidebar ul li {
        width: 65px;
        height: 65px;
        background-color:  #ce0000;
        text-align: center;
        color: #fff;
        border-bottom: 1px solid #fff;
        cursor: pointer;
        position: relative;
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }
    .ml_sidebar ul li i {
        font-size: 30px !important;
    }
    .ml_sidebar ul li span {
        font-size: 12px !important;
    }
    .ml_sidebar_pos {
        transition: all ease 0.4s;
        height: 65px;
        width: 200px;
        position: absolute;
        background-color:  #ce0000;
        color: #fff; font-size:16px;
        right: 100%;
        top: 0;
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        transform: rotateX(90deg);
        border-bottom: 1px solid  #ce0000;
    }
    .ml_sidebar_pos_code {
        width: 150px !important;
        height: 150px !important;
        padding: 10px;
    }
    .ml_sidebar_pos_code img {
        width: 100%;
    }
    .ml_sidebar ul li:hover .ml_sidebar_pos {
        transform: rotateX(0deg);
    }
    .backtotop {
        border-bottom: none !important;
        transition: var(--main-transition);
        opacity: 0;
        visibility: hidden;
    }
    .ml_sidebar_show1 {
        opacity: 1 !important;
        visibility: visible !important;
    }
}

@media only screen and (max-width: 996px) {
    .ml_sidebar {
        display: none;
    }
    .ml_mbbot {
        z-index: 99999;
        position: fixed;
        bottom: 0;
        display: flex;
        justify-content: space-between;
        left: 0;
        background-color:  #ce0000;
        width: 100%;
        height: 60px;
    }
    .ml_mbbot li {
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
        border-right: 1px solid #fff;
        align-items: center;
    }
    .ml_mbbot li i {
        font-size: 20px !important;
        color: #fff;
    }
    .ml_mbbot li p {
        font-size: 16px;
        color: #fff;
    }
}