body, a {
    color: #333;
}
.site_banner{position: relative;}
.site_banner-txt{width: 100%;}
.site_banner-txt .wrap{width: 90%;max-width: 1600px;}
.site_banner-txt h2{font-size: 48px;}
@media only screen and (max-width: 768px){
    .site_banner-txt{display: none;}
}

.pro-item{position: relative;}
.pro-item img{width: 100%;}
.pro-item-con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: 0 5%;box-sizing: border-box;display: flex;align-items: center;max-width: 1640px;}
.pro-item-txt h2{
    font-size: 48px;color: #333;
    line-height: 60px;
    font-weight: normal !important;
    word-wrap: break-word !important;
    word-break: normal !important;
}
.pro-item-txt p{font-size: 24px;font-weight: 300;margin: 20px 0;}
.pro-link a{
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    line-height: 44px;
    position: relative;
    width: 160px;min-width: 0px;
    height: 46px;
    color: #00a1e9;
    border-style: solid;
    border: 1px solid;
    border-color: #00a1e9;
    background-color: none;
    border-radius: 30px;
    text-align: center;
    min-height: inherit;
    transition: all 0.6s ease;
    webkit-background:linear-gradient(to left, transparent 50%, #00a1e9 50%) no-repeat right 0;
    background:linear-gradient(to left, transparent 50%, #00a1e9 50%) no-repeat right 0;
    -webkit-background-size:200% 46px;
    background-size:200% 46px;
}
.pro-link a span{position: relative;z-index: 2;}
.pro-link a::before {
    content: '';
    width: 0;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}

.list-con{margin: 4rem 0;overflow: hidden;}
.list-tit{font-size: 36px;text-align: center;color: #000;}
.stylebox_top_line{background-color: rgba(222, 222, 222, 1);margin-top: 30px;margin-bottom: 30px;height: 1px;}
.list-item ul{margin-left: -20px;margin-right: -20px;}
.list-item li{padding: 0 20px;box-sizing: border-box;float: left;width: 33.3%;margin-bottom: 40px;}
.list-item dd{margin-bottom: 20px;}
.list-item dt{padding: 20px;box-sizing: border-box;}
.list-item dt a{display: block;}
.list-item dt h3 a{
    display: block;
    font-size: 24px;
    text-align: center;
    margin-bottom: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: all .5s ease;
    line-height: 1.5;
    overflow: hidden;
}
.a_link a{
    display: block;
    width: 50px;
    height: 50px;
    overflow: hidden;
    background: #fff;
    color: #00a1e9;
    line-height: 50px;
    border: #00a1e9 1px solid;
    margin: 0px auto;
    text-align: center;
    border-radius: 48px;
    font-size: 18px;
}
.pro_content{overflow: hidden;}
.pro-ll{float: left;width: 43%;}
.pro-img{display: none;}
.pro-img.on{display: block;}
.pro-img img{width: 100%;}
.pro-ll-bot{padding: 0 33px;box-sizing: border-box;position: relative;margin-top: 20px;}
.pro-ll-bot li{border: 1px solid #dedede;box-sizing: border-box;position: relative;cursor: pointer;}
.pro-ll-bot li div{width: 100%;}
.pro-ll-bot li.active{border-color: #00a1e9;}
.pro-ll-bot .lhl_but div{background: none;font-size: 20px;line-height: 44px;}
.pro-ll-bot .lhl_but div.swiper-button-prev{left: 0;}
.pro-ll-bot .lhl_but div.swiper-button-next{right: 0;}
.pro-rr{float: right;width: 50%;}
.pro-rr h2{font-size: 30px;}
.p_BaseInfoBox{margin-top: 50px;font-size: 16px;color: #555;;}
.p_BaseInfoBox li{padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid #Dedede;}
.p_interaction a{
    line-height: 42px;font-size: 14px;display: inline-block;
    margin-bottom: 0px;
    border: none;
    color: #fff;
    align-items: center;
    border-radius: 30px;
    background-repeat: no-repeat;
    background-size: 15%;
    background-position: 20% center;
    background-color: #ce0000;
    padding: 0px 40px 0px 60px;
}
.tmall{
    background-image: url(../images/tmall.png);
}
.jdong{
    background-image: url(../images/jd.png);
}

.d_nextBox{display: flex;justify-content: space-between;align-items: center;margin-top: 60px;}
.d_nextBox-item{width: 48%;}
.d_nextBox-item a{font-size: 14px;margin-left: 10px;}
.d_nextBox-item:last-child{text-align: right;}
.d_nextBox-item.disabled,.d_nextBox-item.disabled a{cursor: default;color: #333 !important}
/*搜索页面*/
.search_con{margin: 4rem 0;box-sizing: border-box;overflow: hidden;}
.stylebox_content{padding: 20px;box-sizing: border-box;border: 1px solid #f0f0f0;}
.search_top{display: flex;justify-content: space-between;align-items: center;font-size: 20px;font-weight: bold;background: #f2f2f2;color: rgba(51,51,51,1);}
.search_top h3{padding: 20px;box-sizing: border-box;font-weight: bold;width: calc(100% - 551px);}
.search_top .search_name{width: 200px;}
.search_top .search_date{width: 350px;}
.search_bot li{display: flex;justify-content: space-between;align-items: center;font-size: 16px;}
.search_le{padding: 20px;box-sizing: border-box;width: calc(100% - 551px);}
.search_le i{display: none;}
.search_ce{width: 200px;color: #999999;}
.search_re{width: 350px;color: #999999;}
.search_bot ul{margin-bottom: 30px;}
.search_bot li:nth-child(2n){background: #f7f7f7;}
@media only screen and (min-width:1025px) {
    .pro-link a:hover{
        color: #fff!important;
        border:solid 1px #00a1e9;
        background-position:left 0;
    }
    .list-item dt:hover h3 a{color: #00a0e9;}
    .list-item dt:hover .a_link a{background:  #00a0e9;color: #fff!important;}
    .p_interaction a:hover{color: #fff!important;opacity: .8;}
    .pro-ll-bot li:hover{border-color: #00a1e9;}
}
@media only screen and (max-width: 1024px){
    .search_top h3,.search_le{width: calc(100% - 361px);}
    .search_top .search_name,.search_ce{width: 180px;}
    .search_top .search_date,.search_re{width: 180px;}
}
@media only screen and (max-width: 768px){
    .pro-item-txt h2{
        font-size:26px;
        color:#333;
        line-height:42px;
        font-weight:normal !important;
        word-wrap: break-word !important;
        word-break: normal !important;
    }
    .pro-item-txt p{font-size: 18px;}
    .pro-item-txt .pro-link a{
        font-size:22px;
        color:#00a1e9;
        font-weight:normal !important;
        word-wrap: break-word !important;
        word-break: normal !important;
    }
    .list-con{margin: 40px 0;}
    .list-tit{font-size: 26px;}
    .list-item ul{margin-left: 0;margin-right: 0;}
    .list-item li{padding: 0;width: 100%;margin-bottom: 30px;}

    .search_con{margin: 40px 0;}
    .search_top{display: none;}
    .search_ce,.search_re{display: none;}
    .search_le{width: 100%;}
    .search_le a{display: flex;justify-content: space-between;}
    .search_le a span{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 80%;}
    .search_le i{display: block;}

    .pro-ll,.pro-rr{width: 100%;}
    .pro-rr{margin-top: 30px;}
    .pro-rr h2{font-size: 26px;}

    .d_nextBox{background: rgba(0, 0, 0, 0.02);margin-top: 40px;}
    .d_nextBox-item{width: 50%;text-align: center!important;border-right: 1px solid rgba(0, 0, 0, 0.04);padding: 10px;box-sizing: border-box;}
    .d_nextBox-item:last-child{border-right: 0;}
    .d_nextBox-item a{display: block;margin-left: 0;}
}


/*page*/
.pageout{text-align: center;clear: both;overflow: hidden;font-size:14px;}
.page{display:inline-block;vertical-align:middle;text-align:center;margin: 0 auto; color:#000; height:40px; line-height:40px;}
.page a{float: left; width:40px; height: 40px; color: #000; margin:0 2px;background: #eaeaea;}
.page a.on{background: #00a1e9;color:#fff;}
.page a.prev {margin-right: 15px; color:#fff; background:#3c3c3c;}
.page a.next {margin-left: 15px; color:#fff; background:#3c3c3c;}
.page a.prev.disabled,.page a.next.disabled{cursor: default; opacity: 0.5;}
.page .dian{float: left;}
@media only screen and (max-width:767px) {
    .page{ height: 30px; line-height: 30px;}
    .page a{display:none;}
    .page a.prev,.page a.next,.page a.on{display:inline-block;}
    .page a.prev{margin-right: 5px;}
    .page a.next{margin-left: 5px;}
    .page .dian{display: none;}
    .page a,.page .txtnum input,.page .txtnum,.page input.go{width: 30px;height: 30px;line-height: 30px;}
}
@media only screen and (min-width:1025px) {
    .page a.on:hover{color: #fff !important;}
    .page a:hover{color: #fff !important;background: #00a1e9!important;}
}
/*page end*/