.container149 {
    width: 1180px;
    margin-right: auto;
    margin-left: auto;
    *zoom: 1
}

.products149 {
    background:#333  ;
    background-size: 1920px 250px;
    height: 250px;
    padding: 44px 0;
    text-align: center;
}

.products149 h3 {
    font-size: 30px;
    line-height: 52px;
    color: #FFF;
    font-weight: 400;
}

.products149 p {
    font-size: 14px;
    line-height: 30px;
    color: #999;
}

.products149 .search149 {
    margin-top: 30px
}

.products149 .search149 input {
    width: 700px;
    height: 48px;
    font-size: 14px;
    line-height: 48px;
    color: #333;
    padding: 15px 20px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border: none;
    outline: none
}

.products149 .search149 .search149-btn {
    display: inline-block;
    margin-left: -6px;
    cursor: pointer;
    color: #FFF;
    background-color: #108CEE;
    width:115px;
    height:48px;
    font-size:14px;
    line-height:48px;
    border: none;
    padding: 0;
}

.products149 .search149 .search149-btn:hover {
    text-decoration: none
}
 

.ss228 .w228 {
    width: 300px;
    margin: 0 auto;
}
.ss228 .icon228 {
    vertical-align: middle;
    background: url(../zujianku/images/icon228.png) no-repeat;
    display: inline-block;
}
.ss228 {
    border-bottom: 1px solid #eee;
}
.ss228 .hot {
    padding: 19px 0;
    height: 55px;
    line-height: 40px;
    position: absolute;
    left: 50%;
    margin-left: 700px;
	top: 170px;
	z-index: 10;
}
.ss228 .hot .right {
    position: relative;
}
.ss228 .hot .right .in228 {
    width: 278px;
    height: 38px;
    border: 1px solid #eee;
    border-radius: 20px;
    line-height: 20px;
    padding: 9px 0px;
    border: none;
    border-right: none;
    font-size: 12px;
    color: #999;
    position: absolute;
    right: 0px;
    top: 0px;
    background: #f5f5f5;
    padding-left: 20px;
    outline: none;
}
.ss228 .hot .right .btn {
    width: 23px;
    height: 38px;
    border: none;
    background-position: 5px 12px;
    z-index: 10;
    cursor: pointer;
    position: absolute;
    right: 15px;
    top: 0px;
    outline: none;
}

/* 首页最新展示 */


/* 颜色 */
.c189 .main189 .nr189 .case189 .bd189 .list189 li p {
    height: 70px;
    line-height: 70px;
    text-align: center;
    color: #666666;
    font-size: 16px;
    font-weight: bold;
    position: relative;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.c189 .main189 .nr189 .case189 .bd189 .list189 li:hover p {
    color: #67b306;
}
.c189 .main189 .nr189 .case189 .bd189 ul li a .txt189 .stit {
    padding-top: 220px;
    font-size: 18px;
    line-height: 18px;
    text-align: center;
    transition: all ease-in-out .2s;
    opacity: 0;
    filter: alpha(opacity=0);
    color: #fff;
}
.c189 .main189 .nr189 .case189 .bd189 ul li:hover a .txt189 .stit {
    padding-top: 160px;
    transition: all ease-in-out .2s;
    opacity: 1;
    filter: alpha(opacity=100);
    color: #fff;
}
/* 颜色 end*/
.c189 {
    position: relative;
    margin-top:30px;
}
.c189 .w189 {
    width: 1200px;
    margin: 0 auto;
}
.c189 .main189 .nr189 .case189 .bd189 {
    position: relative;
    height: 380px;
}
.c189 .main189 .nr189 .case189 .bd189 .list189 {
    width: 104%;
}
.c189 .main189 .nr189 .case189 .bd189 .list189 li {
    position: relative;
    float: left;
    display: block;
    width: 380px;
    height: 360px;
    margin-right: 30px;
    cursor: pointer;
}
.c189 .main189 .nr189 .case189 .list189 li a {
    display: block;
    width: 380px;
    height: 360px;
}
.c189 .main189 .nr189 .case189 .bd189 .list189 li img {
    margin: 0 auto;
    display: block;
    height: 285px;
    width: 380px;
}
.c189 .main189 .nr189 .case189 .hd189 {
    width: 100%;
    top: 0px;
    position: relative;
    padding-bottom: 80px;
}
.c189 .main189 .nr189 .case189 .hd189 .prev {
    position: absolute;
    left: 490px;
    top: -0px;
    display: block;
    width: 72px;
    height: 32px;
    background-position: -0px -0px;
    cursor: pointer;
}
.c189 .main189 .nr189 .case189 .hd189 .next {
    position: absolute;
    right: 490px;
    top: -0px;
    display: block;
    width: 72px;
    height: 32px;
    background-position: -80px -0px;
    cursor: pointer;
}
.c189 .main189 .nr189 .case189 .hd189 .prev:hover {
    opacity: 0.8;
    background-position: -160px -0px;
}
.c189 .main189 .nr189 .case189 .hd189 .next:hover {
    opacity: 0.8;
    background-position: -240px -0px;
}
.c189 .main189 .nr189 .case189 .hd189 .more189 {
    position: absolute;
    left: 570px;
    top: -0px;
    display: block;
    width: 61px;
    height: 32px;
    background-position: -0px -76px;
    cursor: pointer;
}
.c189 .main189 .nr189 .case189 .hd189 .more189:hover {
    opacity: 0.8;
    background-position: -80px -76px;
}
.c189 .main189 .nr189 .case189 .bd189 .list189 li a .More {
    margin-top: 32px;
    margin-left: 60px;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transition: all .6s ease 0s;
    transform: translate3d(0, 10px, 0);
    -moz-transform: translate3d(0, 10px, 0);
    -webkit-transform: translate3d(0, 10px, 0);
}
.c189 .main189 .nr189 .case189 .bd189 .list189 li:hover a .More {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
}
.c189 .main189 .nr189 .case189 .bd189 .list189 li a .More i {
    background-position: -30px -300px;
    width: 12px;
    height: 7px;
    margin-top: -17px;
    margin-left: 100px;
    float: left;
}
.c189 .main189 .nr189 .case189 .bd189 ul li:hover a .bg189 {
    display: block;
    z-index: 999;
    position: relative;
    opacity: 1;
}
.c189 .main189 .nr189 .case189 .bd189 ul li a .txt189 {
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    width: 380px;
    height: 360px;
    z-index: 1000;
}
.c189 .main189 .nr189 .case189 .bd189 ul li a .txt189 s {
    width: 54px;
    height: 54px;
    background-position: 0px -270px;
    position: absolute;
    left: 184px;
    top: 106px;
    margin-left: -20px;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.c189 .main189 .nr189 .case189 .bd189 ul li:hover a .txt189 s {
    opacity: 1;
}
.c189 .main189 .nr189 .case189 .bd189 .list189 li p i {
    display: block;
    width: 19px;
    height: 19px;
    float: right;
    background-position: 0px -140px;
    position: absolute;
    top: 26px;
    right: 26px;
}
.c189 .main189 .nr189 .case189 .bd189 .list189 li:hover p i {
    background-position: -40px -140px;
}
.icon189 {
    background: url(../zujianku/images/icon189.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
}
.c189 .main189 .nr189 .case189 .bd189 ul li a .bg189 {
    margin-top: -355px;
    width: 380px;
    height: 285px;
    background: url(../zujianku/images/bj189.png) no-repeat center center;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}


/* 首页文章 */

 
.het_210{ font-weight:normal; margin-bottom:15px;}
.het_210 a{ font-size:32px; color:#a41018;}
.het_210 em{ font-size:12px; color:#999; text-transform:uppercase; margin-left:5px;}

.news_210 { overflow:hidden; width:1200px; margin:85px auto;}
.news_210 .menu_210{ overflow:hidden; width:520px; height:37px; margin-left:235px; margin-top:-53px; margin-bottom:45px;}
.news_210 .menu_210 li{ float:left; width:118px; height:37px; text-align:center; line-height:37px; font-size:14px; margin:0 5px;}
.news_210 .menu_210 li a{ display:block; width:100%; height:100%; color:#666; text-decoration:none}
.news_210 .menu_210 li.cur a{ background:url(../zujianku/images/show_cur_210.png) no-repeat center; color:#a41018;}
.news_210 .newsbox_210{ overflow:hidden; width:100%; height:450px; position:relative}
.news_210 .newslist_210{ overflow:hidden; width:100%; height:100%;}
.news_210 .left_210{ overflow:hidden; float:left; width:450px; height:450px; position:relative}
.news_210 .left_210 ul{ overflow:hidden; position:absolute}
.news_210 .left_210 li{ float:left; width:450px; height:450px;}
.news_210 .left_210 img{ display:block; margin:0 auto; margin-bottom:20px;}
.news_210 .left_210 h3{ font-weight:normal; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:16px; color:#333; margin-bottom:15px;}
.news_210 .left_210 h3 a{ color:#333}
.news_210 .left_210 h3 a:hover{ color:#a41018;}
.news_210 .left_210 p{ font-size:13px; line-height:22px; color:#666; height:44px; overflow:hidden; width:100%; margin-bottom:40px;}
.news_210 .left_210 .more{ display:block; width:114px; height:37px; text-align:center; line-height:37px; font-size:13px; color:#666; background:url(../zujianku/images/show_more_210.png) no-repeat center}
.news_210 .left_210 .more:hover{ color:#a41018;}
.news_210 .right_210 { overflow:hidden; width:690px; float:right; height:450px; position: relative}
.news_210 .right_210 ul{ overflow:hidden; position:absolute; width:100%;}
.news_210 .right_210 li{ overflow:hidden; width:100%; height:120px; margin-bottom:45px;}
.news_210 .right_210 li img{ display:block; float:left}
.news_210 .right_210 li .wen_210{ overflow:hidden; width:490px; float:right; height:120px;}
.news_210 .right_210 li .wen_210:hover a{color:#a41018;text-decoration:none;}
.news_210 .right_210 li .wen_210:hover p{background:url(../zujianku/images/news_moreh_210.png) no-repeat right center; }
.news_210 .right_210 li h3{ font-weight:normal; font-size:16px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-bottom:15px;}
.news_210 .right_210 li h3 a{ color:#666}
.news_210 .right_210 li p{ width:415px; padding-right:75px; font-size:13px; color:#666; line-height:22px; height:44px; background:url(../zujianku/images/news_more_210.png) no-repeat right center; margin-bottom:15px;}
.news_210 .right_210 li em{ display:block; font-size:13px; color:#999; font-family:Arial}

 

/* 本周更新 */

 

    .pord_box_280 {
        width: 100%;
        max-width: 1410px;
        margin: 0 auto;
        overflow: hidden;
        padding: 0px 0 40px 0;
    }
    .pord_box_280 .tit {
        width: 100%;
        height: 120px;
        position: relative;    margin-bottom: 20px;
    }
    .pord_box_280 .tit h1 {
        width: 100%;
        color: #2db7f5;
        font-size:36px;
        text-align:center;
        position:absolute;
        left:0;
        top:25px;
        font-weight:bold;
        z-index:1;
    }
    .pord_box_280 .tit h2 {
        width: 100%;
        color: #f2f2f217;
        font-size: 60px;
        text-align: center;
        position: absolute;
        left: 0;
        top: 0px;
    }
    .pord_box_280 .tit h3 {
        width: 50px;
        height: 5px;
        position: absolute;
        left: 575px;
        top: 85px;
        background: #2db7f5;
    }
    .pord_box_280 .tit h4 {
        width: 100%;
        color: #707070;
        font-size: 16px;
        text-align: center;
        font-weight: normal;
        position: absolute;
        left: 0;
        bottom: 0;
    }
    .pord_box_280 .pord_con {
        width: 100%;
        margin: 0 auto;
    }
    /* 首页推荐模板展示 */

.sy_photo img { display: block; width: 100%; height: 100%; }
.sy_products { float: left; width: 264px; height: 560px; margin-right: 17px; margin-bottom: 20px; background: rgb(255, 255, 255); border-radius: 0px 0px 4px 4px; border: 1px solid transparent; }
 
.sy_products:hover .sy_photo.photoscroll img { transform: translateY(-100%); bottom: -484px; transition: all 4.2s linear 0s; }
.sy_products .sy_photo { width: 264px; height: 484px; overflow: hidden; margin-bottom: 5px; position: relative; background: url("../images/pic330x445.png") center top no-repeat rgb(40, 40, 40); display: block; }
.sy_products .sy_photo img { height: auto; transition: all 1s linear 0s; position: relative; transform: translateY(0px); bottom: 0px; }
.sy_products .sy_photo ._tip { position: absolute; bottom: -30px; left: 0px; right: 0px; color: rgb(255, 255, 255); text-align: center; height: 29px; line-height: 29px; font-size: 14px; background: rgba(155, 68, 179, 0.8); z-index: 1500; }
.sy_products .sy_photo ._tipbg1 { background: rgba(155, 68, 179, 0.8); }
.sy_products .sy_photo ._tipbg2 { background: rgba(187, 139, 79, 0.8); }
.sy_products:nth-child(5n) { margin-right: 0px; }
.sy_products ._price { float: left; height: 36px; line-height: 36px; font-size: 17px; color: rgb(155, 67, 179); margin-left: 8px; }
.sy_products ._seeCount { float: right; margin-top: 10px; margin-right: 8px; text-decoration: none; color: rgb(153, 153, 153); }
.sy_products h5 { height: 21px; line-height: 1.75; clear: both; overflow: hidden; font-size: 13px; margin-right: 8px; margin-bottom: 3px; margin-left: 8px; text-overflow: ellipsis; white-space: nowrap; }
.sy_products time { float: right; margin-right: 8px; color: rgb(199, 199, 199); font-size: 12px; line-height: 20px; }
.sy_products p { line-height: 20px; font-size: 12px; color: rgb(199, 199, 199); margin-bottom: 15px; margin-left: 8px; }
.sy_products .keys { padding: 14px 9px; border-top: 1px solid rgb(238, 238, 238); }
.sy_products .keys .icon_key01, .products .keys .icon_key02 { float: right; }
.sy_products .keys span { width: 16px; text-align: center; color: rgb(255, 255, 255); margin-right: 1px; background-color: rgb(40, 40, 40); border-radius: 3px; display: inline-block; }
.sy_products .photocenter { background: rgb(255, 255, 255); }
.sy_products .photocenter::after { height: 100%; width: 0px; overflow: hidden; font-size: 0px; line-height: 0; display: inline-block; vertical-align: middle; content: ""; }
.sy_products .photocenter img { display: inline; left: auto; top: auto; width: auto; height: auto; max-width: 100%; max-height: 100%; position: static !important; }
 
 
.sy_products .price-info ul li.v2-1{width:40%;margin: 10px 5px 0 15px;overflow: hidden;}
.sy_products .price-info ul li.v2-2{width:40%;margin: 10px 5px 0 15px;overflow: hidden;}
/* 首页最新展示 */