/* reset */
html,body{margin:0;padding:0;height:100%}
body{font-size:12px;font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif;line-height:1.7}
p{margin:0}
a{color:inherit;cursor:pointer;text-decoration:none}
img,video{max-width:100%}
ul:before, ul:after, .wrap:before, .wrap:after, .clearfix{clear:both;height:0px;padding:0px;margin:0px;display:block;content:" "}
ul.list{list-style:none;padding:0;margin:0}
/* css-sticky-foot-at-bottom-of-the-page*/
.page-container{min-height:100%;height:auto !important;height:100%;position:relative}
.page-container .page-footer{position:absolute;bottom:0;width:100%;clear:both;text-shadow:0 0 black;border-top:12px solid #248f3b}
.page-container .wrap{margin:0 auto;position:relative;clear:both;height:inherit;;box-sizing:border-box}
.page-container .page-content{overflow:hidden}
.page-container .page-content.content a{color:initial;text-decoration:initial}

.page-header .nav,
.page-header .nav *,
.part-event .wrap .content .list li .row,
.part-news .wrap .content .list li .row .img img
{transition:background 0.15s, border 0.15s, transform 0.15s, height 0.15s, width 0.15s, padding 0.15s, margin 0.15s, box-shadow 0.15s}
.only-pc{display:block}
.only-mobile{display:none}
.page-container .wrap{max-width:1200px;padding:0 20px;}
body{font-size:14px}
.page-content{}
.page-header{}
.page-header .navbar-toggle{}
.page-header .only-mobile{}
.page-header .navbar-toggle .icon-bar{}
.page-header .head{height:100px;background-repeat:no-repeat;background-position:72% 3px}
.page-header .head .wrap{}
.page-header .head .wrap .logo{display:inline-block;padding:9px 0}
.page-header .head .wrap a{}
.page-header .head .wrap a:hover{}
.page-header .head .wrap a img{width:500px}
.page-header .head .wrap .share{float:right;height:inherit;background:#f3f6ff;border-right:1px solid #dee6ff;padding:5px 10px;box-sizing:border-box;width:80px;text-align:center}
.page-header .head .wrap .share p{height:45px;display:flex;justify-content:center;align-items:center}
.page-header .head .wrap .share a{display:block}
.page-header .head .wrap .share a:hover{}
.page-header .head .wrap .share a img{width:initial;width:33px}
.page-header .head .wrap .lang{float:right;height:inherit;background:#f3f6ff;border-right:1px solid #dee6ff;padding:5px 10px;box-sizing:border-box;width:70px;text-align:center}
.page-header .head .wrap .lang p{height: 25%;display: flex;justify-content: center;align-items: center;}
.page-header .head .wrap .lang a{color:#003889;display:block;height:inherit;display:flex;justify-content:center;align-items:center}
.page-header .head .wrap .lang a:hover{}
.page-header .nav{background:#003889;color:white;text-align:center;font-size:16px}
.page-header .only-pc{}
.page-header .stuckElement{}
.page-header .nav .wrap{}
.page-header .nav .wrap .list{width:106%;margin-left:-3%}
.page-header .nav .wrap .list li{width:14.28%;float:left;position:relative}
.page-header .nav .wrap .list li + li{}
.page-header .nav .wrap .list li .on, .page-header .nav .wrap .list li a:hover{background-image:url(../images/icon-nav-on.png)}
.page-header .nav .wrap .list li .on:hover{}
.page-header .nav .wrap .list li .on .icon{}
.page-header .nav .wrap .list li a{display:block;padding:10px 0;margin-top:-4px;background-repeat:no-repeat;background-position:top center;padding-top:14px}
.page-header .nav .wrap .list li a:hover{}
.page-header .nav .wrap .list li a .icon{height:30px;display:block;background-repeat:no-repeat;background-position:center;margin-bottom:4px;background-size:auto}
.page-header .nav .wrap .list li a .caret{}
.page-header .nav .wrap .list li:hover .nav-collapse{display:block}
.page-header .nav .wrap .list li .nav-collapse{display:none;position:absolute;left:0;top:80px;z-index:100;background:#003889}
.page-header .nav .wrap .list li .nav-collapse .wrap{padding:0}
.page-header .nav .wrap .list li .nav-collapse .wrap .list{}
.page-header .nav .wrap .list li .nav-collapse .wrap .list li{width:100%}
.page-header .nav .wrap .list li .nav-collapse .wrap .list li a{}
.page-header .nav .wrap .list li .nav-collapse .wrap .list li a.on, 
.page-header .nav .wrap .list li .nav-collapse .wrap .list li a:hover{background:#248f3b}
.page-header .nav.isStuck{}
.page-header .nav.isStuck .wrap{}
.page-header .nav.isStuck .wrap .list{}
.page-header .nav.isStuck .wrap .list li{}
.page-header .nav.isStuck .wrap .list li .on{}
.page-header .nav.isStuck .wrap .list li .on:hover{}
.page-header .nav.isStuck .wrap .list li .on .icon{}
.page-header .nav.isStuck .wrap .list li a{padding:12px 0 8px 0;font-size:14px}
.page-header .nav.isStuck .wrap .list li a:hover{}
.page-header .nav.isStuck .wrap .list li a .icon{margin-bottom:0;height:20px;background-size:contain}
.page-header .nav.isStuck .wrap .list li a .caret{}
.page-header .nav.isStuck .wrap .list li .nav-collapse{top:59px}
.page-header .nav.isStuck .wrap .list li .nav-collapse .wrap{}
.page-header .nav.isStuck .wrap .list li .nav-collapse .wrap .list{}
.page-header .nav.isStuck .wrap .list li .nav-collapse .wrap .list li{}
.page-header .nav.isStuck .wrap .list li .nav-collapse .wrap .list li a{}
.page-header .nav.isStuck .wrap .list li .nav-collapse .wrap .list li a:hover{}
.part-banner{}
.part-banner .swiper-container{}
.part-banner .swiper-container-horizontal{}
.part-banner .swiper-container .swiper-wrapper{}
.part-banner .swiper-container .swiper-wrapper .swiper-slide{}
.part-banner .swiper-container .swiper-wrapper .swiper-slide-duplicate{}
.part-banner .swiper-container .swiper-wrapper .swiper-slide-duplicate-active{}
.part-banner .swiper-container .swiper-wrapper .swiper-slide a{}
.part-banner .swiper-container .swiper-wrapper .swiper-slide a:hover{}
.part-banner .swiper-container .swiper-wrapper .swiper-slide a img{}
.part-banner .swiper-container .swiper-wrapper .swiper-slide-duplicate-next{}
.part-banner .swiper-container .swiper-wrapper .swiper-slide-prev{}
.part-banner .swiper-container .swiper-wrapper .swiper-slide-active{}
.part-banner .swiper-container .swiper-wrapper .swiper-slide-next{}
.part-banner .swiper-container .swiper-pagination{}
.part-banner .swiper-container .swiper-pagination-clickable{}
.part-banner .swiper-container .swiper-pagination-bullets{text-align:right;width:85%;bottom:25px}
.part-banner .swiper-container .swiper-pagination .swiper-pagination-bullet{opacity:1;background-image:url(../images/icon-banner-off.png);width:56px;height:39px;background-color:initial;background-size:contain;background-position:top center;background-repeat:no-repeat;color:white;text-align:center;padding-top:11px;box-sizing:border-box}
.part-banner .swiper-container .swiper-pagination .swiper-pagination-bullet-active{background-image:url(../images/icon-banner-on.png)}
.part-banner .swiper-container .swiper-notification{}
.part-intro{margin-top:14px}
.part-intro .wrap{
    padding-bottom: 40px;
}
.part-intro .wrap .part1{float:left;width:29%;}
.part-intro .wrap .part1 .date{
    position: absolute;
    color: white;
    width: 35%;
    text-align: center;
    top: 70%;
    left: 60%;
    font-size: 300%;
    line-height: 1;
    font-weight: bold;
    cursor: default;
}
.part-intro .wrap .part2{float:right;width: 71%;}
.part-intro .wrap .part2-1{}
.part-intro .wrap .part2-1 > div{
    float: left;
    margin-left: 10px;
    width: 263px;
}
.part-intro .wrap .part2-2{}

.part-intro .wrap .part2-2 > div{
    margin-left: 10px;
    width: 400px;
}
.part-intro .wrap div{
    float: left;
    position: relative;
}

.part-intro-part4{background: url(../images/part4-bg.jpg) top center no-repeat;}
.part-intro .wrap .part4{
    padding-top: 40px;
}
.part-intro .wrap .part4 .left{
    width: 49%;
    float: left;
}
.part-intro .wrap .part4 .left .intro{}
.part-intro .wrap .part4 .left .more{}
.part-intro .wrap .part4 .left .link{}
.part-intro .wrap .part4 .left .link > a{
    display: block;
    float: left;
    width: 33%;
}
.part-intro .wrap .part4 .left .link > div{
    float: left;
    width: 33%;
}
.part-intro .wrap .part4 .left .link .link-2{}
.part-intro .wrap .part4 .left .link .link-3{}

.part-intro .wrap .part4 .right{
    float: right;
    width: 49%;
}
.part-intro .wrap .part4 .right .video-box{
    background: rgba(0, 0, 0, 0.1);
    padding: 20px;
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.3);
}
.part-intro .wrap .part4 .right .video-box .video{}
.part-intro .wrap .part4 .right .video-box .more{
    margin-top: 25px;
}

.part-event{background:#f3f6ff;padding:30px 0}
.part-event .wrap{}
.part-event .wrap .class{text-align:center;margin-bottom:25px}
.part-event .wrap .class .on{background-image:linear-gradient(to top, #4286F5, #003889)}
.part-event .wrap .class span{cursor:pointer;color:white;font-size:24px;width:210px;height:70px;display:inline-block;text-align:center;line-height:70px;background-image:linear-gradient(to top, #003889, #4286F5);margin:0 10px}
.part-event .wrap .content{}
.part-event .wrap .content + .content{display:none}
.part-event .wrap .content .list{}
.part-event .wrap .content .list li{float:left;width:33.33%;padding:10px;box-sizing:border-box}
.part-event .wrap .content .list li .row{background:white;box-shadow:0 5px 5px 0px #e2e8f9;padding:10px}
.part-event .wrap .content .list li .row{}
.part-event .wrap .content .list li .row:hover{-webkit-transform:translate3d(0px, -10px, 0) scale(1) rotate(0deg) rotateY(0deg)}
.part-event .wrap .content .list li .row a{display:block}
.part-event .wrap .content .list li .row a:hover{}
.part-event .wrap .content .list li .row .img{
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}
.part-event .wrap .content .list li .row .img img{
    opacity: 0;
}
.part-event .wrap .content .list li .row .title{color:#1c1c1c;font-weight:bold;margin:10px 0 5px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.part-event .wrap .content .list li .row .intro{color:#808080;margin-bottom:10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height: 44px;}
.part-event .wrap .content .list li .row .foot{font-style:italic;border-top:1px dashed #b7b7b7;padding:10px 0 10px 0}
.part-event .wrap .content .list li .row .foot .date{}
.part-event .wrap .content .list li .row .foot .y{color:#b7b7b7}
.part-event .wrap .content .more{text-align:center;color:#003889;font-size:18px;font-weight:bold;display:block;margin:10px 0}
.part-event .wrap .content .more:hover{}
.part-news{}
.part-news .wrap{}
.part-news .wrap > .title{font-size:30px;text-align:center;background-image: url(../images/icon-title-bg.png);background-repeat:no-repeat;background-position: center 72px;color: #023692;height:105px;box-sizing:border-box;margin-bottom:30px;padding-top: 20px;}
.part-news .wrap .content{padding-bottom: 0px;}
.part-news .wrap > .more{
    text-align: center;
    color: #003889;
    font-size: 18px;
    font-weight: bold;
    display: block;
    margin: 10px 0 30px 0;
}
.part-news .wrap .content .list{}
.part-news .wrap .content .list li{width:50%;float:left;margin-bottom:10px}
.part-news .wrap .content .list li .row{}
.part-news .wrap .content .list li .row:hover img{-webkit-transform:translate3d(0px, 0px, 0) scale(1.1) rotate(0deg) rotateY(0deg)}
.part-news .wrap .content .list li .row a{display:block}
.part-news .wrap .content .list li .row .head{font-style:italic}
.part-news .wrap .content .list li .row .head .date{}
.part-news .wrap .content .list li .row .head .y{}
.part-news .wrap .content .list li .row .img{overflow:hidden;background-position: center center;background-repeat: no-repeat;background-size: contain;-webkit-transform-origin: 50% 50%;-webkit-transition: transform 0.3s;}

.part-news .wrap .content .list li:hover .row .img {-webkit-transform: translate3d(0px, 0px, 0) scale(1.1) rotate(0deg) rotateY(0deg);}
.part-news .wrap .content .list li .row .img img{
    opacity: 0;
}
.part-news .wrap .content .list li .row .title{color:#1c1c1c;font-weight:bold;margin:5px 0 5px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.part-news .wrap .content .list li .row .intro{color:#808080;margin-bottom:10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height: 46px;}
.part-news .wrap .content .list li .row .left{float:left;width:30%;box-sizing:border-box;padding-right:3%}
.part-news .wrap .content .list li .row .right{float:left;width:60%}
.part-brand{background:#f3f6ff;padding-bottom:50px;overflow: hidden;}
.part-brand .wrap{}
.part-brand .wrap .title{font-size:30px;text-align:center;background-image: url(../images/icon-title-bg.png);background-repeat:no-repeat;background-position: center 64px;color: #023692;height: 86px;box-sizing:border-box;padding-top:14px;background-size: auto;}
.part-brand .wrap .desc{color: #7a9ff4;text-align:center;font-size: 14px;margin-bottom:20px;}
.part-brand .wrap .content{}
.part-brand .wrap .content .swiper-container{}
.part-brand .wrap .content .swiper-container-horizontal{}
.part-brand .wrap .content .swiper-container .swiper-wrapper{}
.part-brand .wrap .content .swiper-container .swiper-wrapper .swiper-slide{/* display:flex; */justify-content:center;align-items:center;/* text-align: center; */    padding-left: 5px;}
.pc .part-brand .wrap .content .swiper-container .swiper-wrapper .swiper-slide{padding-left: 8px;}
.part-brand .wrap .content .swiper-container .swiper-wrapper .swiper-slide-duplicate{}
.part-brand .wrap .content .swiper-container .swiper-wrapper .swiper-slide-duplicate-active{}
.part-brand .wrap .content .swiper-container .swiper-wrapper .swiper-slide a{width:170px;height:85px;display:inline-block;background:white;margin-bottom:20px;overflow: hidden;margin: 5px 5px;}
.part-brand .wrap .content .swiper-container .swiper-wrapper .swiper-slide a:hover{}
.part-brand .wrap .content .swiper-container .swiper-wrapper .swiper-slide a img{}
.part-brand .wrap .content .swiper-container .swiper-wrapper .swiper-slide a span{
    display: flex;
    justify-content: center;
    align-items: center;
    height: inherit;
    }
.part-brand .wrap .content .swiper-container .swiper-wrapper .swiper-slide-active{}
.part-brand .wrap .content .swiper-container .swiper-wrapper .swiper-slide-next{}
.part-brand .wrap .content .swiper-container .swiper-wrapper .swiper-slide-duplicate-prev{}
.part-brand .wrap .content .swiper-button-prev{background-image:url(../images/icon-prev.png);background-size:auto;background-repeat:no-repeat;background-position:center;left:-10px;top:64%}
.part-brand .wrap .content .swiper-button-next{background-image:url(../images/icon-next.png);background-size:auto;background-repeat:no-repeat;background-position:center;right:-10px;top:64%}
.part-brand .wrap .content .swiper-container .swiper-notification{}
.part-fullimg{height:330px;background-size:cover;background-repeat:no-repeat;background-position:top center}
.part-inside{}
.part-inside .wrap{}
.part-inside .wrap .main{float:right;width:70%;padding:30px 0 100px 0}
.part-inside .wrap .main .crumb{float:right;background:#f3f6ff;color:#afafaf;padding:5px 10px}
.part-inside .wrap .main .crumb a{}
.part-inside .wrap .main .crumb a:hover{}
.part-inside .wrap .main .crumb .on{color:#003889}
.part-inside .wrap .main .crumb .on:hover{}
.part-inside .wrap .main h1{float:left;margin:0;font-size:24px;color:#003889}
.part-inside .wrap .main .content{padding-top:20px}
.part-inside .wrap .main .content ul.list{margin:10px 0}
.part-inside .wrap .main .content ul.list li{letter-spacing:0.03em;border-bottom:#8C8C8C 1px dashed;padding:10px 0}
.part-inside .wrap .main .content ul.list li a{display:block;padding:0 10px}
.part-inside .wrap .main .content ul.list li .date{float:right}
.part-inside .wrap .side{float:left;width:30%;padding-right:5%;box-sizing:border-box;padding-bottom:30px}
.part-inside .wrap .side .list{margin-bottom:50px}
.part-inside .wrap .side .list li{float:left;width:50%;background:#104e8e;color:white;text-align:center;height:123px;box-sizing:border-box;font-weight:bold}
.part-inside .wrap .side .list li:nth-child(1){background:#104e8e}
.part-inside .wrap .side .list li:nth-child(2){background:#4286f5}
.part-inside .wrap .side .list li:nth-child(3){background:#0d5ad6}
.part-inside .wrap .side .list li:nth-child(4){background:#06306d}
.part-inside .wrap .side .list li:nth-child(5){background:#104e8e}
.part-inside .wrap .side .list li:nth-child(6){background:#4286f5}
.part-inside .wrap .side .list li:nth-child(7){background:#0d5ad6}
.part-inside .wrap .side .list li:nth-child(8){background:#06306d}
.part-inside .wrap .side .list li:nth-child(9){background:#104e8e}
.part-inside .wrap .side .list li:nth-child(10){background:#4286f5}
.part-inside .wrap .side .list li:nth-child(11){background:#0d5ad6}
.part-inside .wrap .side .list li:nth-child(12){background:#06306d}
.part-inside .wrap .side .list li a{display:block;padding-top:34px;height:inherit}
.part-inside .wrap .side .list li a:hover{}
.part-inside .wrap .side .list li a .icon{height:30px;display:block;background-repeat:no-repeat;background-position:center center;background-size:contain;margin-bottom:10px}
.part-inside .wrap .side .list li a p{}
.part-inside .wrap .side .list .full{width:100%;height:97px}
.part-inside .wrap .side .list .full a{}
.part-inside .wrap .side .list .full a:hover{}
.part-inside .wrap .side .list .full a .icon{display:inline-block;width:30px;margin:0;margin-right:10px}
.part-inside .wrap .side .list .full a p{display:inline-block;position:relative;top:-10px}
.part-inside .wrap .side div{}
.part-inside .wrap .side div img{}
.part-inside .wrap .side div p{}
.page-footer{}
.page-footer .info{background:#003075;color:white}
.page-footer .info .wrap{padding:30px 0}
.page-footer .info .wrap .left{float:left;width:40%}
.page-footer .info .wrap .left .logo{}
.page-footer .info .wrap .left .logo img{}
.page-footer .info .wrap .left .content{}
.page-footer .info .wrap .left .content p{}
.page-footer .info .wrap .left .content img{}
.page-footer .info .wrap .right{float:right;width:50%;position:relative}
.page-footer .info .wrap .right .title{font-size:24px;width:75px;height:75px;position:absolute;background:#00398b;padding:11px;box-sizing:border-box;line-height:1.1;text-align:center;left:-90px;top:0}
.page-footer .info .wrap .right .content{line-height:2;text-align: justify;}
.page-footer .copyright{background:#00255b;color:#1250a8;padding:10px 0}
.page-footer .copyright .wrap{}
.page-footer .copyright .wrap p{}
.page-footer .copyright .wrap p a{}
.page-footer .copyright .wrap p a:hover{}
.page-header-mobile{position:relative;height: 40px;}
.page-header-mobile .navbar-toggle{}
.page-header-mobile .navbar-toggle .icon-bar{}
.page-header-mobile .logo{float:left;width:80%;box-sizing:border-box;border-left:1px solid #999999;border-right:1px solid #999999;padding:0 10px;height:inherit;display:flex;justify-content:center;align-items:center}
.page-header-mobile .logo a{display:flex;justify-content:center;align-items:center;height:inherit}
.page-header-mobile .logo a:hover{}
.page-header-mobile .logo a img{}
.page-header-mobile .lang{float:right;width:10%;text-align:center;color:#003889;display:flex;justify-content:center;align-items:center;height:inherit}
.page-header-mobile .lang-sub{position:absolute;right:0;top:40px;z-index:100;background:white;color:#003889;text-align:center;overflow:hidden;display:none;transition:none}
.page-header-mobile .lang-sub .list{}
.page-header-mobile .lang-sub .list li{border-bottom:1px solid #b2b2b2;padding:5px 10px}
.page-header-mobile .lang-sub .list li a{}
.page-header-mobile .lang-sub .list li a:hover{}
.part-download-select{
    margin-bottom: 20px;
} 
.part-download-select a{
    background: #0a3779;
    color: white;
    width: 30%;
    display: inline-block;
    text-align: center;
    margin-right: 1%;
} 
.part-download-select a:hover{
    background: #2a8e29;
} 
.part-download-select .on,.part-download-select .on:hover{
    background: url(../images/download_center_select_bg.jpg) center top no-repeat;
    height: 40px;
} 
.part-download-select .on:hover{} 
.pager{text-align: center;margin: 20px 0;}
.pager a{padding: 0 5px;}
.pager a.on{color: #003889}

.petfair-network{
    background: #363636;
    color: white;
}
.petfair-network .wrap{
}
.petfair-network .wrap .logo{
    float: left;
    padding-left: 10px;
    line-height: 0;
}
.petfair-network .wrap .logo a{
    cursor: default;
}
.petfair-network .wrap .logo a img{
    height: 31px;
    position: relative;
    top: 0px;
}
.petfair-network .wrap .logo .desc{
    display: inline;
    font-weight: bold;
    position: relative;
    top: -10px;
}
.petfair-network .wrap .items{
    float: right;
}
.petfair-network .wrap .items .item{
    display: inline-block;
    float: left;
    border-left: #363636 3px solid;
    border-right: #363636 3px solid;
}
.petfair-network .wrap .items .item a,
.petfair-network .wrap .items .item span{
    padding: 4px 25px;
    display: inline-block;
}
.petfair-network .wrap .items .item.active,
.petfair-network .wrap .items .item:hover{
    background: white;
    color: #363636;
    font-weight: bold;
}
.petfair-network .wrap .items .item:first-child a,
.petfair-network .wrap .items .item:hover a{}

.part-trend{background: #f3f6ff;padding-bottom: 50px;} 
.part-trend .wrap{} 
.part-trend .wrap > .title{
    font-size: 30px;
    text-align: center;
    background-image: url(../images/icon-title-bg.png);
    background-repeat: no-repeat;
    background-position: center 72px;
    color: #023692;
    height: 105px;
    box-sizing: border-box;
    margin-bottom: 20px;
    padding-top: 20px;
} 
.part-trend .wrap .title a{} 
.part-trend .wrap .title a:hover{} 
.part-trend .wrap .content{} 
.part-trend .wrap .content .left{
    float: left;
    width: 61%;
} 
.part-trend .wrap .content .left .items{} 
.part-trend .wrap .content .left .items .item{
    float: left;
    width: 48%;
    margin-left: 2%;
    margin-bottom: 2%;

} 
.part-trend .wrap .content .left .items .item:hover a{
    top: -5px;
}
.part-trend .wrap .content .left .items .item a{
    background: white;
    display: block;
    padding: 10px;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.3);
    position: relative;
    top: 0;
    transition: all 0.15s;
    overflow: hidden;
} 
.part-trend .wrap .content .left .items .item a:hover{/* margin-top: -5px; */} 
.part-trend .wrap .content .left .items .item a .img{
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
} 
.part-trend .wrap .content .left .items .item a .img img{
    opacity: 0;
} 
.part-trend .wrap .content .left .items .item a .title{
    font-weight: bold;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    height: 23px;
    overflow: hidden;
} 
.part-trend .wrap .content .left .items .item a .desc{
    font-size: 12px;
    margin-bottom: 5px;
    color: #666666;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 44px;
} 
.part-trend .wrap .content .left .items .item .footer{
    font-style: italic;
} 
.part-trend .wrap .content .left .items .item .footer .date{
    float: left;
    background: url(../images/part-trend-date.png) left center no-repeat;
    width: 170px;
    height: 20px;
    color: white;
    line-height: 20px;
    font-size: 12px;
    text-indent: 0.5em;
}
.part-trend .wrap .content .left .items .item .footer .more{
    float: right;
    color: #666666;
    font-size: 12px;
    font-style: italic;
} 
.part-trend .wrap .content .right{
    float: right;
    width: 37%;
} 
.part-trend .wrap .content .right .list-box{
    background: white;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.3);
} 
.part-trend .wrap .content .right .list-box .list{} 
.part-trend .wrap .content .right .list-box .list .item{} 
.part-trend .wrap .content .right .list-box .list .item:hover .footer .more{
    right: 5px;
}
.part-trend .wrap .content .right .list-box .list .item a{
    display: block;
    padding: 8px 10px 0 10px;
} 
.part-trend .wrap .content .right .list-box .list .item a:hover{} 
.part-trend .wrap .content .right .list-box .list .item a .title{
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    height: 24px;
    overflow: hidden;
} 
.part-trend .wrap .content .right .list-box .list .item a .footer{
    color: #666666;
    font-size: 12px;
    border-bottom: 1px #e0e9fe solid;
    padding-bottom: 6px;
    font-style: italic;
} 
.part-trend .wrap .content .right .list-box .list .item a .footer .date{
    float: left;
} 
.part-trend .wrap .content .right .list-box .list .item a .footer .more{
    float: right;
    font-style: italic;
    transition: all 0.15s;
    right: 10px;
    position: relative;
} 
.part-trend .wrap .content .right .list-box > .more{
    font-size: 16px;
    background: #7a9ff4;
    color: white;
    float: right;
    padding: 10px 10px;
    margin: 10px;
    font-weight: bold;
} 
.part-trend .wrap .content .right .list-box .more:hover{} 
.part-trend .wrap .content .right .lookback{
    margin-top: 12px;
} 
.part-trend .wrap .content .right .lookback a{} 
.part-trend .wrap .content .right .lookback a:hover{} 
.part-trend .wrap .content .right .lookback a img{
    width: 100%;
} 


.video-list{}
.video-list .video-item{float: left;width: 33%;padding: 10px;}


.dialog-image,
.dialog-video
{width: 1000px;}