@charset "utf-8";


.product-pot {margin-bottom: 20px;border-bottom: 1px solid #e5e5e5;}
.product-pot .container-width {}
.product-pot .container-width ul {display: flex;justify-content: space-between;}
.product-pot .container-width ul li {flex: 1;font-size: 16px;color: #333333;padding: 22px 0;text-align: center;cursor: pointer;border-bottom: 2px solid transparent;}
.product-pot .container-width ul li.on,.product-pot .container-width ul li:hover {color: #126acb;border-bottom: 2px solid #126acb;}

.product-box {padding-bottom: 55px;background-color: #ffffff;}
.product-box:nth-child(odd) {background-color: #f7f9fd;}
.product-box .product-t {display: flex;padding: 60px 0 40px;}
.product-box .product-t h3 {font-size: 22px;color: #333333;font-weight: bold;margin-left: 13px;}

.product-box ul {display: flex;flex-wrap: wrap;}
.product-box ul li {width: 20%;text-align: center;border-radius: 10px;display: none;}
.product-box ul li:hover {transform: translateY(-5px);box-shadow: 0 0 11px rgb(18 106 203 / 30%);}
.product-box ul li:nth-of-type(-n+20) {display: block;}
.product-box ul li a {display: block;padding: 22px 0;}
.product-box ul li a img {}
.product-box ul li a p {font-size: 16px;color: #333333;line-height: 26px;min-height: 52px;margin-top: 20px;padding: 0 58px;}
.product-box .container-width>a {display: block;margin: 25px auto 0;border-radius: 30px;font-size: 16px;color: #ffffff;background-color: #ff9c01;text-align: center;width: 275px;padding: 12px 0;}


.single-box {display: flex;justify-content: space-between;}
.single-box .single-l {
    width: 19%;
}
.single-lbox {display: flex;flex-direction: column;margin-bottom: 20px;padding: 0 10px;border: 1px solid #e5e5e5;}
.single-lbox .single-t {
    display: flex;
    width: 100%;
    align-items: center;
    padding: 22px 0;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 25px;
    justify-content: space-between;
}
.single-lbox .single-t h3 {font-size: 20px;color: #333333;display: flex;align-items: center;}
.single-lbox .single-t h3 img {margin-right: 10px;margin-top: 5px;}
.single-lbox .single-t a {font-size: 14px;color: #999999;}
.single-lbox.zz-box>ul>li {margin-bottom: 25px;background-image: url("../images/jt1.png");background-repeat: no-repeat;background-position: 100% 2px;background-size: 20px 20px;}
.single-lbox.zz-box>ul>li>a {font-size: 18px;color: #555555;margin-bottom: 10px;display: block;}
.single-lbox.zz-box>ul>li>a:hover {color: #126acb;}
.single-lbox.zz-box>ul>li:hover {background-image: url(../images/jt2.png);}
.single-lbox>ul>li ul {display: none;}
.single-lbox>ul>li:hover ul {display: block;}
.single-lbox>ul>li ul li {margin: 18px 0 0;}
.single-lbox>ul>li ul li:last-of-type {margin-bottom: 0;}
.single-lbox>ul>li ul li a {font-size: 14px;color: #999999;}
.single-lbox>ul>li ul li a:hover {color: #333333;}

.single-lbox.hot-box {}
.single-lbox.hot-box ul {padding-bottom: 16px;}
.single-lbox.hot-box ul li {}
.single-lbox.hot-box ul li a {display: block;margin-top: 15px;background-image: url("../images/jt1.png");background-repeat: no-repeat;background-position: 100% 2px;background-size: 15px 15px;font-size: 14px;color: #666666;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.single-lbox.hot-box ul li:first-of-type a {margin-top: 0;}


.single-lbox.con-box {padding-bottom: 20px;}
.single-lbox.con-box ul {}
.single-lbox.con-box ul li {margin-bottom: 12px;font-size: 14px;color: #666666;}
.single-lbox.con-box ul li b {color: #126acb;font-weight: bold;font-size: 26px;}
.single-lbox.con-box>a {font-size: 14px;color: #ffffff;border-radius: 30px;background-color: #126acb;width: 100px;margin: 20px auto;text-align: center;padding: 6px 0;}
.single-lbox.con-box .s-wx {text-align: center;margin: 0 auto;}
.single-lbox.con-box .s-wx p {font-size: 14px;color: #333333;margin-top: 7px;}


.single-box .single-r {
    width: 78%;
}
.single-box .single-r .conten {border: 1px solid #e5e5e5;padding: 8px;}
.single-box .single-r .conten-t {border-bottom: 1px solid #e5e5e5;padding: 26px;}
.single-box .single-r .conten-t .pro-tit {display: flex;align-items: center;margin-bottom: 8px;}
.single-box .single-r .conten-t .pro-tit h1 {font-size: 24px;color: #333333;}
.single-box .single-r .conten-t .pro-tit sup {display: inline-block;line-height: normal;padding: 2px 4px;font-size: 11px;color: #ffffff;border: 1px solid #ffffff;border-radius: 19px 12px 17px 0;background-color: #ff0000;margin-left: 10px;}
.single-box .single-r .conten-t p.desc {font-size: 16px;}

.single-box .single-r .content-b {padding: 26px;}
.single-box .single-r .content-b .pro-meta {display: flex;justify-content: space-between;align-items: center;}
.single-box .single-r .content-b .pro-meta .meta-t {font-size: 14px;color: #999999;margin-bottom: 25px;display: flex;}
.single-box .single-r .content-b .pro-meta .meta-t p {margin-right: 60px;}
.single-box .single-r .content-b .pro-meta .meta-t p span {color: #333333;}
.single-box .single-r .content-b .pro-meta ul {display: flex;align-items: center;}
.single-box .single-r .content-b .pro-meta ul li {font-size: 14px;color: #999999;margin-right: 28px;display: flex;align-items: center;}
.single-box .single-r .content-b .pro-meta ul li img {margin-right: 8px;}
.single-box .single-r .meta-r {}
.single-box .single-r .meta-r a {font-size: 14px;color: #ffffff;background-color: #126acb;border-radius: 5px;width: 134px;display: block;text-align: center;padding: 10px 0;}

.single-box .single-r .prot-cont {margin-top: 40px;}
.single-box .single-r .prot-cont h3 {position: relative;font-size: 18px;color: #333333;padding: 16px 0 13px;padding-left: 26px;display: block;border-bottom: 1px solid #e5e5e5;}
.single-box .single-r .prot-cont h3::after {content: '';position: absolute;bottom: 0;left: 10px;width: 106px;height: 2px;background-color: #126acb;}
.single-box .single-r .pro-content {padding: 0 25px 45px;}

.header-fixed {position: fixed;top: 0;width: 100%;left: 0;background: #ffffff;z-index: 9;}



@media (max-width: 1200px) {
    .product-box {padding-bottom: 25px;}
    .product-box ul li a p {padding: 0 35px;}
    .product-box .product-t {padding: 32px 0 26px;}
}

@media (max-width: 960px) {
    .product-box .product-t {align-items: center;}
    .product-box .product-t h3 {font-size: 18px;}
    .product-box .product-t img {width: 10px;height: 15px;}
    .product-box ul li a p {padding: 0 20px;font-size: 14px;line-height: 20px;margin-top: 8px;min-height: 40px;}
}

@media (max-width: 768px) {
    .product-pot .container-width ul {display: none;}
    .product-box ul li {width: 25%;}
    .product-box .product-t {padding: 5px 0 18px;}
    .product-box ul li a p {padding: 0 10px;font-size: 13px;}
    .product-box ul li a img {width: 50px;}
    .product-box .container-width>a {margin: 15px auto 0;font-size: 14px;width: 190px;padding: 10px 0;}
}

@media (max-width: 1200px) {
    .single-box .single-l {width: 20%;}
}

@media (max-width: 920px) {
    .single-box .single-l {display: none;}
    .single-box .single-r {width: 100%;}
}

@media (max-width: 768px) {
    .single-box .single-r .content-b .pro-meta ul {flex-wrap: wrap;}
    .single-box .single-r .content-b .pro-meta {flex-wrap: wrap;}
    .single-box .single-r .conten-t,.single-box .single-r .content-b {padding: 15px;}
    .single-box .single-r .content-b .pro-meta .meta-t {margin-bottom: 15px;}
    .single-box .single-r .meta-r {margin-top: 15px;}
    .single-box .single-r .content-b .pro-meta .meta-t p {margin-right: 20px;}
    .single-box .single-r .content-b .pro-meta ul li {margin-right: 15px;}
}

.single-box .single-r .pro-content {}
.single-box .single-r .pro-content {font-size: 16px;color: #666666;white-space: pre-wrap;}
.single-box .single-r .pro-content strong {font-size: 18px;color: #126acb;margin-bottom: -24px;margin-top: 10px;}
.single-box .single-r .pro-content P {margin-top: 10px;}
.single-box .single-r .pro-content P strong {margin-bottom: 5px;}