.only-pc{display:none}
.only-mobile{display:block;}
.page-header > .navbar-toggle{position:relative;float:left;width:10%;left:0;top:0}
.page-header > .navbar-toggle .icon-bar{background:#023692;display:block}
.page-header > .navbar-toggle .icon-bar + .icon-bar{}
.page-content{
    padding-top: 91px;
}
.page-header{
    position: fixed;
    width: 100%;
    z-index: 100;
    top: 50px;
    background: white;
    box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.2);
}
.page-header .navbar-toggle{}
.page-header .only-mobile{}
.page-header .navbar-toggle .icon-bar{}
.page-header .head{}
.page-header .head .wrap{}
.page-header .head .wrap a{}
.page-header .head .wrap a:hover{}
.page-header .head .wrap a img{}
.page-header .head .wrap .share{}
.page-header .head .wrap .share a{}
.page-header .head .wrap .share a:hover{}
.page-header .head .wrap .share a img{}
.page-header .head .wrap .lang{}
.page-header .head .wrap .lang a{}
.page-header .head .wrap .lang a:hover{}
.page-header .nav{}
.page-header .only-pc{}
.page-header .stuckElement{}
.page-header .nav .wrap{}
.page-header .nav .wrap .list{}
.page-header .nav .wrap .list li{}
.page-header .nav .wrap .list li .on{}
.page-header .nav .wrap .list li .on:hover{}
.page-header .nav .wrap .list li .on .icon{}
.page-header .nav .wrap .list li a{}
.page-header .nav .wrap .list li a:hover{}
.page-header .nav .wrap .list li a .icon{}
.page-header .nav .wrap .list li a .caret{}
.page-header .nav .wrap .list li .nav-collapse{}
.page-header .nav .wrap .list li .nav-collapse .wrap{}
.page-header .nav .wrap .list li .nav-collapse .wrap .list{}
.page-header .nav .wrap .list li .nav-collapse .wrap .list li{}
.page-header .nav .wrap .list li .nav-collapse .wrap .list li a{}
.page-header .nav .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{display:none}
.part-banner .swiper-container .swiper-pagination .swiper-pagination-bullet{}
.part-banner .swiper-container .swiper-pagination .swiper-pagination-bullet-active{}
.part-banner .swiper-container .swiper-notification{}
.part-intro{margin-top: 6px;}
.part-intro .wrap{}

.part-intro{} 
.part-intro .wrap{} 
.part-intro .wrap .items{} 
.part-intro .wrap .items .item{} 
.part-intro .wrap .items .item-1{} 
.part-intro .wrap .items .item img{} 
.part-intro .wrap .items .item-2{
    display: flex;
} 
.part-intro .wrap .items .item-2 > div,
.part-intro .wrap .items .item-3 > div
{
    margin-right: 5px;
} 
.part-intro .wrap .items .item-2 > div:last-child,
.part-intro .wrap .items .item-3 > div:last-child{
    margin-right: 0;
}
.part-intro .wrap .items .item div{} 
.part-intro .wrap .items .item div img{} 
.part-intro .wrap .items .item-3{
    display: flex;
} 


.part-intro .wrap .part2{width: 65.5%;background-size:cover;box-sizing:border-box;float:right;padding: 0;}
.part-intro .wrap .part2 .date{left:68%;font-size: 26px;top:13%;width:20%;}
.part-intro .wrap .part3{width:100%;margin-top:4px}
.part-intro .wrap .part3 .part3-1{float:left;width:49%}
.part-intro .wrap .part3 .part3-1 a{}
.part-intro .wrap .part3 .part3-1 a:hover{}
.part-intro .wrap .part3 .part3-1 a img{}
.part-intro .wrap .part3 .part3-2{float:right;width:49%}
.part-intro .wrap .part3 .part3-2 a{}
.part-intro .wrap .part3 .part3-2 a:hover{}
.part-intro .wrap .part3 .part3-2 a img{}
.part-intro .wrap div{}
.part-intro .wrap .part4{margin-top:0px;padding: 0;}
.part-intro .wrap .part4 .left{float:none;width:100%}
.part-intro .wrap .part4 .left .intro{padding: 20px 20px 0 20px;}
.part-intro .wrap .part4 .left .intro p{}
.part-intro .wrap .part4 .left .intro .more{width: 220px;right:0;/* padding-top:8px; *//* padding-right:57px; *//* height:50px; */display: block;}
.part-intro .wrap .part4 .left .intro .more:hover{}
.part-intro .wrap .part4 .left .link{height:162px}
.part-intro .wrap .part4 .left .link .icon{padding:47px 0 0 85px;font-size:26px}
.part-intro .wrap .part4 .left .link .icon-view{}
.part-intro .wrap .part4 .left .link .icon:hover{}
.part-intro .wrap .part4 .left .link .icon-expo{}
.part-intro .wrap .part4 .left .link .icon span{left:18px;top:44px;width:50px}
.part-intro .wrap .part4 .right{display:none}
.part-intro .wrap .part4 .right .video{}
.part-intro .wrap .part4 .right .video a{}
.part-intro .wrap .part4 .right .video a:hover{}
.part-intro .wrap .part4 .right .video a img{}
.part-event{}
.part-event .wrap{}
.part-event .wrap .class{}
.part-event .wrap .class .on{}
.part-event .wrap .class span{font-size:22px;width:100px;height:50px;line-height:50px;padding:0 12px}
.part-event .wrap .content{}
.part-event .wrap .content .list{}
.part-event .wrap .content .list li{width:50%}
.part-event .wrap .content .list li .row{}
.part-event .wrap .content .list li .row .img{}
.part-event .wrap .content .list li .row .img img{height:100px}
.part-event .wrap .content .list li .row .title{}
.part-event .wrap .content .list li .row .intro{}
.part-event .wrap .content .list li .row .foot{}
.part-event .wrap .content .list li .row .foot .date{}
.part-event .wrap .content .list li .row .foot .y{}
.part-event .wrap .content .more{}
.part-event .wrap .content .more:hover{}
.part-news{}
.part-news .wrap{}
.part-news .wrap .title{}
.part-news .wrap .content{}
.part-news .wrap .content .list{}
.part-news .wrap .content .list li{width:100%}
.part-news .wrap .content .list li .row{}
.part-news .wrap .content .list li .row .head{}
.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{}
.part-news .wrap .content .list li .row .img img{}
.part-news .wrap .content .list li .row .title{}
.part-news .wrap .content .list li .row .intro{}
.part-news .wrap .content .list li .row .left{width:40%}
.part-news .wrap .content .list li .row .right{}
.part-brand{padding:0;padding-bottom: 50px;}
.part-brand .wrap{}
.part-brand .wrap .title{}
.part-brand .wrap .desc{}
.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{}
.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: 30%;
    margin: 0;
}
.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-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-container .swiper-button-prev{}
.part-brand .wrap .content .swiper-container .swiper-button-next{}
.part-brand .wrap .content .swiper-container .swiper-notification{}
.part-fullimg{height:100px}
.part-inside{}
.part-inside .wrap{}
.part-inside .wrap .main{width:100%;padding:20px 0}
.part-inside .wrap .main .crumb{}
.part-inside .wrap .main .crumb a{}
.part-inside .wrap .main .crumb a:hover{}
.part-inside .wrap .main .crumb .on{}
.part-inside .wrap .main .crumb .on:hover{}
.part-inside .wrap .main h1{}
.part-inside .wrap .main .content{}
.part-inside .wrap .side{width:100%;display:none}
.part-inside .wrap .side .list{}
.part-inside .wrap .side .list li{}
.part-inside .wrap .side .list li a{}
.part-inside .wrap .side .list li a:hover{}
.part-inside .wrap .side .list li a .icon{}
.part-inside .wrap .side .list li a p{}
.part-inside .wrap .side .list .full{}
.part-inside .wrap .side .list .full a{}
.part-inside .wrap .side .list .full a:hover{}
.part-inside .wrap .side .list .full a .icon{}
.part-inside .wrap .side .list .full a p{}
.part-inside .wrap .side div{}
.part-inside .wrap .side div img{}
.part-inside .wrap .side div p{}
.page-footer{}
.page-footer .info{}
.page-footer .info .wrap{}
.page-footer .info .wrap .left{width:100%;padding:0 20px;float:none;box-sizing:border-box;text-align:center}
.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{width:100%;padding:0 20px;float:none;box-sizing:border-box;margin-top:20px}
.page-footer .info .wrap .right .title{left:0}
.page-footer .info .wrap .right .content{padding-left:80px}
.page-footer .copyright{}
.page-footer .copyright .wrap{}
.page-footer .copyright .wrap p{}
.page-footer .copyright .wrap p a{}
.page-footer .copyright .wrap p a:hover{}
.part-brand .wrap .content .swiper-button-prev{left:-4px}
.part-brand .wrap .content .swiper-button-next{right:-4px}
.part-download-select{} 
.part-download-select a{} 
.part-download-select a:hover{} 
.part-download-select .on{} 
.part-download-select .on:hover{} 

.part-intro{} 
.part-intro .wrap{} 
.part-intro .wrap .part1{
    width: 100%;
} 
.part-intro .wrap .part1 .part1-1{
    text-align: center;
} 
.part-intro .wrap .part1 .part1-1 .date{} 
.part-intro .wrap .part1 .part1-1 img{
    /* width: 100%; */
} 
.part-intro .wrap .part2{
    width: 100%;
} 
.part-intro .wrap .part2 .part2-1{} 
.part-intro .wrap .part2 .part2-1>div{
    margin: 0;
    width: 33%;
}
.part-intro .wrap .part2 .part2-1 .part2-1-1{/* margin: 0; *//* width: 33%; */} 
.part-intro .wrap .part2 .part2-1 .part2-1-1 img{} 
.part-intro .wrap .part2 .part2-1 .part2-1-2{} 
.part-intro .wrap .part2 .part2-1 .part2-1-2 img{} 
.part-intro .wrap .part2 .part2-1 .part2-1-3{} 
.part-intro .wrap .part2 .part2-1 .part2-1-3 img{} 
.part-intro .wrap .part2 .part2-2{
    float: none;
} 
.part-intro .wrap .part2 .part2-2 .part2-2-1{
    width: 100%;
    margin: 0;
    float: none;
} 
.part-intro .wrap .part2 .part2-2 .part2-2-1 img{
} 
.part-intro .wrap .part2 .part2-2 .part2-2-2{
    float: none;
    width: 100%;
    margin: 0;
} 
.part-intro .wrap .part2 .part2-2 .part2-2-2 img{} 
.part-trend{} 
.part-trend .wrap{} 
.part-trend .wrap .title{} 
.part-trend .wrap .title a{} 
.part-trend .wrap .title a:hover{} 
.part-trend .wrap .content{} 
.part-trend .wrap .content .left{
    float: none;
    width: 100%;
} 
.part-trend .wrap .content .left .items{} 
.part-trend .wrap .content .left .items .item{margin-right: 2%;width: 46%;} 
.part-trend .wrap .content .left .items .item a{} 
.part-trend .wrap .content .left .items .item a:hover{} 
.part-trend .wrap .content .left .items .item a .img{} 
.part-trend .wrap .content .left .items .item a .img img{} 
.part-trend .wrap .content .left .items .item a .title{} 
.part-trend .wrap .content .left .items .item a .desc{} 
.part-trend .wrap .content .left .items .item a .footer{} 
.part-trend .wrap .content .left .items .item a .footer .date{} 
.part-trend .wrap .content .left .items .item a .footer .more{} 
.part-trend .wrap .content .left .items .item a .footer div{} 
.part-trend .wrap .content .right{
    float: none;
    width: 100%;
} 
.part-trend .wrap .content .right .list-box{} 
.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 a{} 
.part-trend .wrap .content .right .list-box .list .item a:hover{} 
.part-trend .wrap .content .right .list-box .list .item a .title{} 
.part-trend .wrap .content .right .list-box .list .item a .footer{} 
.part-trend .wrap .content .right .list-box .list .item a .footer .date{} 
.part-trend .wrap .content .right .list-box .list .item a .footer .more{} 
.part-trend .wrap .content .right .list-box .list .item a .footer div{} 
.part-trend .wrap .content .right .list-box .more{} 
.part-trend .wrap .content .right .list-box .more:hover{} 
.part-trend .wrap .content .right .list-box div{} 
.part-trend .wrap .content .right .lookback{} 
.part-trend .wrap .content .right .lookback a{} 
.part-trend .wrap .content .right .lookback a:hover{} 
.part-trend .wrap .content .right .lookback a img{} 

.video-list .video-item{float: none;width: 100%;padding: 10px 0;}


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

.petfair-network{
    height: 50px;
    position: fixed;
    z-index: 100;
    width: 100%;
    top: 0;
} 
.petfair-network .wrap{
    padding: 0 10px;
} 
.petfair-network .wrap .logo{
    text-align: center;
    float: none;
    padding: 5px 0;
    display: none;
} 
.petfair-network .wrap .logo a{
    display: block;
} 
.petfair-network .wrap .logo a:hover{} 
.petfair-network .wrap .logo a img{
    height: 22px;
} 
.petfair-network .wrap .logo a .desc{
    font-size: 12px;
    top: -7px;
} 
.petfair-network .wrap .items{
    font-size: 12px;
    float: none;
    padding-top: 18px;
    text-align: right;
} 
.petfair-network .wrap .items .item{
    border: 0;
    float: none;
} 
.petfair-network .wrap .items .item.active, .petfair-network .wrap .items .item:hover{
    float: none;
    background-image: linear-gradient( 0deg, rgb(255,255,255) 75%, rgb(128,155,195) 91%, rgba(0, 55, 134, 0.5) 100%);
    border-radius: 5px 5px 0 0;
} 
.petfair-network .wrap .items .item a, .petfair-network .wrap .items .item span{
    padding: 6px 9px;
} 
.petfair-network .wrap .items .{} 
.petfair-network .wrap .items .item a:hover{}