/* lbanner */
.sys_sub_head {
    position: relative;
    margin-bottom: 100px;
}

.sys_sub_head .path_bar {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-10%);
}

.sys_sub_head .path_bar .lbanner-h1 {
    text-align: center;
    font-family: Century751BT-BoldB;
    font-size: 62px;
    color: #FBFBFB;
    line-height: 120%;
    text-transform: uppercase;
    /* font-family:  OpenSans; */
}

.path_bar ul {
    margin-top: 6px;
}

.rightcopy a {
    margin: 0 5px;
}

.path_bar ul li {
    display: inline-block;
}

.path_bar ul li a {
    font-family: 'Roboto-Regular';
    font-size: 24px;
    color: #FBFBFB;
    text-transform: capitalize;
}

.path_bar ul li a:hover {
    text-decoration: solid;
}

.path_bar ul li::after {
    content: '>';
    display: inline-block;
    font-family: 'Roboto-Regular';
    font-size: 24px;
    color: #FBFBFB;
    margin: 0 2px 0 4px;
}

.path_bar ul li:last-child:after {
    display: none;
}

.path_bar ul li:last-child a {
    text-decoration: underline;
}

.lbanner_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 28px;
}

.contact_btn {
    background-color: #FFFFFF;
    line-height: 37px;
    padding: 0 28px;
    margin-left: 15px;
}

.contact_btn a {
    font-family: 'Roboto-Regular' -Bold;
    font-size: 18px;
    color: #000;
}

.contact_btn a:hover,
.pdf_btn a:hover {
    text-decoration: underline;
}

.pdf_btn {
    background-color: #000;
    line-height: 37px;
    padding: 0 28px;
}

.pdf_btn a {
    color: #fff;
}

.pdf_btn a::before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 14px;
    background-image: url(img/demo/download.webp);
    margin-right: 10px;
}

/* page-products */
.small_title {
    font-family: Roboto-Bold;
    font-size: 18px;
    color: #013B53;
    text-transform: capitalize;
    margin-bottom: 30px;
    text-transform: uppercase;
}

.ms_top {
    /* font-family: 'Roboto-Regular';font-size: 18px;line-height: 35px; */
    margin-bottom: 60px;
}

.ms_top h1 {
    font-family: Century751BT-BoldB;
    font-size: 40px;
    color: #013B53;
    position: relative;
    line-height: 100%;
}

/* .ms_top div{
    font-family: Century751BT-BoldB;
    font-size: 40px;
    color: #013B53;
    position: relative;
    line-height: 100%;
} */
.ms_top a {
    color: #65AAC9;
}

.ms_top a:hover {
    text-decoration: underline;
}

.list_products {
    margin-top: 25px;
}

.list_products>li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 65px 0;
}

.list_products>li .ll {
    width: 45.6%;
    position: relative;
}

.list_more {
    display: inline-block;
    box-shadow: 0px 9px 16px 0px #C7E4FB;
    background-color: rgba(0, 113, 186, .68);
    position: absolute;
    right: -22px;
    bottom: -33px;
    transition: all ease-in-out .3s;
    width: 170px;
    height: 114px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.list_products>li .ll .img {
    padding-top: 79%;
    overflow: hidden;
    border-radius: 0 50px 50px 0;
    display: block;
    border-radius: 0;
}

.list_products>li .rr {
    width: 54%;
    padding: 0 5.5%;
}

.list_products>li .rr .ttl {
    font-family: Century751BT-BoldB;
    font-size: 40px;
    color: #013B53;
    position: relative;
    line-height: 100%;
}

.list_products>li .rr .ttl::after {
    position: absolute;
    left: -9px;
    bottom: -4px;
    width: 250px;
    height: 14px;
    background-color: #F1F9FF;
    content: '';
    display: inline-block;
    z-index: -1;
}

.list_products>li .rr .ttl:hover:after {
    background-color: #013B53;
}

.list_products>li .rr .ms {
    font-family: 'Roboto-Regular';
    color: #666;
    font-size: 18px;
    line-height: 30px;
    margin-top: 50px;
    margin-bottom: 80px;
}

.product_list {
    display: flex;
    /* justify-content: space-between; */
    margin-top: 5%;
}

.product_list li {
    width: 32%;
    margin-right: 2%;
}

.product_list li:last-child {
    margin-right: 0;
}

.product_list li .img {
    padding-top: 76.9%;
}

.product_list li .img img {
    object-fit: contain;
}

.products_more {
    display: inline-block;
    position: absolute;
    width: 67px;
    height: 67px;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    background-image: url(img/demo/jia.png);
    background-position: center;
    background-repeat: no-repeat;
    background-color: rgba(0, 113, 186, .7);
    opacity: 0;
    transition: all ease-in-out .3s;
}

.product_list li .tit {
    text-align: center;
    margin-top: 18px;
    font-family: 'Roboto-Regular';
    color: #000;
    font-size: 18px;
    transition: all ease-in-out .3s;
}

.list_products>li:nth-child(2n) {
    flex-direction: row-reverse;
}

/* .list_products>li:nth-child(2n) .ll .img{border-radius: 50px 0 0 50px;} */
.list_products>li:nth-child(2n) .list_more {
    right: auto;
    left: -22px;
}

.product_list li .img:hover img {
    transform: scale(105%);
}

.list_more:hover {
    background-color: rgba(0, 0, 0, 1);
    box-shadow: 0px 9px 16px 0px rgb(90 90 90);
}

.product_list li:hover .products_more {
    opacity: 1;
}

.product_list li .tit:hover {
    color: #000;
}

.product-center {
    margin-top: 140px;
    padding: 100px 0;
    font-size: 20px;
    background-repeat: no-repeat;
    background-size: cover;
}

.product-center .layout {
    color: #fff;
}

.product-center .index_title,
.product-center .index_detail {
    color: #fff;
}

.product-center .index_title a,
.product-center .index_detail a {
    color: #fff;
}

.sort_ms h2,
.sort_ms h3 {
    text-transform: capitalize;
    /* margin-bottom: 30px; */
    text-transform: uppercase;
    font-family: Century751BT-BoldB;
    font-size: 32px;
    color: #000;
}

.sort_ms h2,
.sort_ms .h2 {
    margin: 20px 0;
    text-transform: none;
    font-size: 50px;
}

.sort_ms .center_title {
    text-align: center;
    line-height: 1.25;
}

@media screen and (max-width:950px) {
    font-size:26px;
}

/* list products */
.aside {
    width: 390px;
    position: sticky;
    top: 140px;
    height: min-content;
}

.main {
    width: calc(100% - 390px);
    padding-left: 6.4%;
}

.fixed_aside {
    display: flex;
}

.web_main>.layout {}

.web_main.video_main>.layout {
    overflow: visible;
}

.aside .side-tit {
    width: 100%;
    font-family: Century751BT-BoldB;
    font-size: 24px;
    color: #fff;
    line-height: 100%;
    padding: 26px 0;
    text-align: center;
    background-color: #65AAC9;
    margin-bottom: 20px;
    text-transform: uppercase;
    background-color: var(--conmmonSideColor-color);
}

.side-cate {
    padding: 0 30px;
}

.side-cate>li>a {
    font-family: Roboto-Regular;
    font-size: 18px;
    letter-spacing: .5px;
    color: #333;
    text-transform: capitalize;
    text-transform: uppercase;
}

.side-cate>li {
    position: relative;
    margin: 16px 0;
    padding-right: 30px;
}

.side-cate>li.haschild::after {
    content: '+';
    font-size: 18px;
    color: #65AAC9;
    color: #0172bd;
    position: absolute;
    right: 0;
    top: 0px;
    font-weight: bold;
    cursor: pointer;
}

.side-cate>li li a {
    font-family: Roboto-Regular;
    color: #999;
    transition: all ease-in-out .3s;
}

.side-cate>li li {
    margin: 10px;
}

.side-cate>li li a:hover {
    color: #65AAC9;
    color: #0172bd;
    color: var(--conmmonSideColor-color);
}

.side-cate>li li.nav-current a {
    color: var(--conmmonSideColor-color);
}

.side-cate>li ul {
    padding-bottom: 20px;
    display: none;
}

.side-cate>li>a:hover {
    color: #65AAC9;
}

.side-cate>li.nav-current>a {
    color: #65AAC9;
    color: #0172bd;
    color: var(--conmmonSideColor-color);
}

.side-cate>li.nav-current ul {
    display: block;
}

.side-cate>li b {
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 30px;
    font-family: Arial;
    /* transform: rotate(-90deg);
    background: url(./img/demo/arrow-bottom.png) no-repeat center / 18px; */
    transition: all .3s;
    cursor: pointer;
    font-size: 30px;
    font-weight: normal;
    line-height: 30px;
}

.side-cate>li.nav-current b {
    color: var(--conmmonSideColor-color);
}

.side-cate>li>b::before {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    content: '+';
    text-align: center;
}

.side-cate>li b.icon-cate-up {
    transform: rotate(180deg);
}

.side-cate>li>b.icon-cate-up::before {
    content: '-';
    transform: scale(1.5, 1.25);
}

.product-list ul {
    overflow: hidden;
}

.product-list ul li {
    float: left;
    width: 30%;
    margin-right: 5%;
    margin-bottom: 5%;
}

.product-list ul li:nth-child(3n) {
    margin-right: 0;
}

.product_list_item .img {
    padding-top: 100%;
}

.product_list_item .img img {
    object-fit: contain;
}

.product_list_item .item_title {
    text-align: center;
    margin-top: 20px;
    height: 90px;
    line-height: 30px;
    overflow: hidden;
}

.product_list_item .item_title a {
    font-family: Roboto-Regular;
    font-size: 22px;
    color: #333333;
    transition: all ease-in-out .3s;
}

.product_list_item .item_title a:hover {
    color: #000;
}

.product-list ul li:hover .products_more {
    opacity: 1;
}

/* article produsts */
.detail_banner {
    margin: 140px 0 70px 0;
}

.detail_banner ul {
    text-align: center;
}

.detail_banner ul li {
    display: inline-block;
}

.detail_banner ul li a {
    font-family: Roboto-Regular;
    font-size: 18px;
    color: #333;
    text-transform: capitalize;
}

.detail_banner ul li::after {
    content: '>';
    margin: 0 6px;
}

.detail_banner ul li:last-child:after {
    display: none;
}

.detail_banner ul li:last-child a {
    color: var(--conmmonSideColor-color);
}

.product-intro {
    overflow: hidden;
}

.product-view {
    float: left;
    width: 44.5%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.product-summary {
    width: 55.5%;
    padding-left: 4.7%;
    float: left;
}

.product-view .product-image {
    width: 72.7%;
    float: left;
    border: 1px solid #f4f4f4;
}

.product-view .image-additional-wrap {
    width: 22.8%;
    float: right;
    padding: 50px 0;
    position: relative;
}

.image-additional-wrap .image-additional {
    height: 400px;
    overflow: hidden;
}

.image-additional .swiper-pagination {
    display: none;
}

.image-additional-wrap .swiper-button-next,
.image-additional-wrap .swiper-button-prev {
    opacity: 1;
    width: 27px;
    height: 15px;
}

.image-additional-wrap .swiper-button-prev {
    top: 0;
    margin-top: 0;
    left: 50%;
    transform: translateX(-50%);
    right: auto;
}

.image-additional-wrap .swiper-button-next {
    top: auto;
    margin-top: 0;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    right: auto;
}

.image-additional-wrap .swiper-button-prev::after {
    content: '';
    display: inline-block;
    width: 27px;
    height: 15px;
    background-image: url(img/demo/arrow-top.png);
}

.image-additional-wrap .swiper-button-next::after {
    content: '';
    display: inline-block;
    width: 27px;
    height: 16px;
    background-image: url(img/demo/arrow-bottom.png);
}

.image-additional-wrap .swiper-slide {
    border: 1px solid #f4f4f4;
}

.image-additional-wrap .swiper-slide.current {
    border: solid 1px #000;
}

.image-additional-wrap .swiper-slide img {
    width: 100%;
    height: auto;
}

.product-summary .page_title {
    font-family: Roboto-Regular;
    font-size: 32px;
    color: #013B53;
    margin-bottom: 35px;
}

.product-summary .product-meta {
    font-family: Roboto-Regular;
    font-size: 18px;
    color: #666666;
}

.product-btn-wrap .email,
.product-btn-wrap .pdf {
    border: solid 2px var(--conmmonSideColor-color);
    ;
    display: inline-block;
    width: 200px;
    line-height: 60px;
    text-align: center;
    font-family: Roboto-Regular;
    font-size: 18px;
    cursor: pointer;
}

.product-btn-wrap .pdf::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 17px;
    background-image: url(img/demo/down2.png);
    margin-right: 9px;
    background-repeat: no-repeat;
    background-size: cover;
}

.product-btn-wrap .email,
.product-btn-wrap .pdf {
    margin-right: 15px;
    background-color: #65AAC9;
    background-color: var(--conmmonSideColor-color);
    color: #fff;
}

/* .product-btn-wrap .pdf{color: #013B53;} */
.product-btn-wrap {
    margin-top: 60px;
}

.share_btn {
    display: flex;
    align-items: center;
    margin-top: 40px;
}

.share_btn>span {
    font-family: Roboto-Regular;
    font-size: 18px;
    color: #000;
    margin-right: 10px;
}

.product-btn-wrap .email:hover {
    background-color: #fff;
    color: var(--conmmonSideColor-color);
}

.product-btn-wrap .pdf:hover {
    background-color: #fff;
    color: var(--conmmonSideColor-color);
}

.tab-title-bar {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 50px;
}

.tab-title-bar .tab-title {
    font-family: Roboto-Regular;
    font-size: 20px;
    color: #000;
    margin: 0 45px;
    cursor: pointer;
    padding-bottom: 10px;
}

.tab-title-bar .tab-title.current {
    border-bottom: 1px solid var(--conmmonSideColor-color);
}

.tab-panel.entry {
    display: none;
}

.tab-content-wrap {
    margin-top: 100px;
    margin-bottom: 60px;
}

/* send email */
.send_email {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 60px;
}

.send_email .ll {
    width: 47.2%;
}

.send_email .rr {
    width: 47.1%;
}

.send_email .ll .img {
    padding-top: 118%;
}

.send_email .rr .title {
    font-family: Century751BT-BoldB;
    font-family: Roboto-Bold;
    font-size: 50px;
    color: #013B53;
}

.send_email .rr .detail {
    font-family: Roboto-Regular;
    font-size: 18px;
    line-height: 29px;
    color: #666666;
    margin-top: 20px;
    margin-bottom: 60px;
}

.send_email .content-wrap.form .ch_form_wrap ul {
    padding: 0;
}

.send_email .content-wrap.form .ch_form_wrap ul li {
    margin: 0 0 30px;
    line-height: 60px;
    float: left;
    position: relative;
}

.send_email .content-wrap.form .ch_form_wrap ul {
    /*overflow: hidden;*/
}

.send_email .content-wrap.form .ch_form_wrap ul input,
.send_email .content-wrap.form .ch_form_wrap ul textarea,
.send_email .content-wrap.form .ch_form_wrap ul select {
    border: none !important;
    height: 60px;
    padding: 0 30px;
    background-color: rgba(241, 249, 255, .87);
    font-size: 16px;
    color: #808080;
}

.send_email .content-wrap.form .ch_form_wrap ul li.item_name,
.send_email .content-wrap.form .ch_form_wrap ul li.item_email {
    width: 46.5%;
}

.send_email .content-wrap.form .ch_form_wrap ul li.item_name {
    margin-right: 7%;
}

.send_email .content-wrap.form .ch_form_wrap ul li::before {
    content: '*';
    position: absolute;
    color: #ad222c;
    font-size: 16px;
    left: 17px;
    top: 2px;
    z-index: 9;
}

.item_submit::before {
    display: none !important;
}

.send_email .content-wrap.form .ch_form_wrap ul textarea {
    height: 147px;
    padding-top: 20px;
}

.send_email .content-wrap.form .ch_form_wrap .item_submit {
    padding: 0;
}

.send_email .content-wrap.form .ch_form_wrap .item_submit input {
    padding: 0;
    box-shadow: 0px 9px 16px 0px #C7E4FB;
    background-color: #65AAC9;
    line-height: 60px;
    width: 200px;
    text-align: center;
    font-family: Roboto-Regular;
    font-size: 22px;
    color: #fff;
    border-radius: 30px;
}

.send_email .content-wrap.form .ch_form_wrap .item_submit input:hover {
    opacity: .6;
}

/*page*/
.page_bar {
    position: relative;
    line-height: 30px;
    /* height: 33px; */
    /* margin: 50px 0 30px; */
    text-align: right;
    font-size: 12px;
}

.page_bar ul {
    margin: 40px 0 30px;
}

.page_bar a,
.page_bar span {
    position: relative;
    display: inline-block;
    color: #fff;
    vertical-align: top;
    min-width: 33px;
    padding: 0 8px;
    background-color: #666773;
    /* border: 1px solid #666773; */
    margin: 0 0 0 8px;
    text-align: center;
    border-radius: 10px;
}

.page_bar li.active span,
.page_bar a:hover {
    color: #FFF;
    background: var(--conmmonSideColor-color);
    border-color: var(--conmmonSideColor-color);
}

.page_bar span.current2 {
    padding-left: 8px;
    padding-right: 8px;
}

.page_bar .current {
    background-color: #0071ba;
}

/* relate */
.ppp_title {
    text-align: center;
    font-family: Century751BT-BoldB;
    font-size: 50px;
    color: #013B53;
    line-height: 100%;
    margin-bottom: 50px;
}

.ppp_title a:hover {
    color: var(--conmmonSideColor-color);
}

.relate-products {
    margin-top: 160px;
}

.relate-products .img {
    padding-top: 100%;
}

.relate-products a:hover {
    color: #013B53;
}

.relate-products .swiper-slide:hover .products_more {
    opacity: 1;
}

.relate-products .title {
    text-align: center;
    font-family: Roboto-Regular;
    font-size: 22px;
    line-height: 1.25;
    color: #000000;
    margin-top: 10px;
    transition: all ease-in-out .3s;
}

.relate-products .title:hover {
    color: #013B53;
}

.relate-product-swiper {
    position: relative;
}

.re-next,
.re-prev {
    background-image: none;
    margin-top: 0;
    width: 48px;
    height: 36px;
    opacity: 1;
    transform: translateY(-50%);
    opacity: .5;
}

.re-next {
    background-image: url(img/demo/arrow-r.png);
    right: -80px
}

.re-prev {
    background-image: url(img/demo/arrow-l.png);
    left: -80px;
}

.over-visi {
    overflow: visible !important;
}

.re-next:hover,
.re-prev:hover {
    opacity: 1;
}

.relate-video {
    margin-top: 100px;
    position: relative;
}

.relate-video .img {
    padding-top: 65%;
    margin-bottom: 20px
}

.relate-video .play_bbtn {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background-color: #333;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 10;
    background-image: url(img/demo/playbg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-color: var(--conmmonSideColor-color);
}

.relate-video .img::after {
    width: 100%;
    height: 100%;
    content: '';
    display: inline-block;
    background-color: rgba(0, 0, 0, .3);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.relate-video .small-title {
    font-family: Roboto-Regular;
    color: #666;
    font-size: 20px;
    margin-top: 20px;
}

.relate-video a .desc {
    font-family: Roboto-Regular;
    font-size: 26px;
    color: #013B53;
}

.relate-video .title a:hover {
    text-decoration: underline;
}

.relate-video a .title {
    color: #333;
    font-size: 20px;
}

/* page about */
.title01 {
    font-family: Century751BT-BoldB;
    font-size: 50px;
    line-height: 120%;
    color: #013B53;
    margin-bottom: 23px;
}

.about-detail {
    font-family: Roboto-Regular;
    font-size: 18px;
    color: #666;
}

.about2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 63px;
}

.about2 .ll {
    width: 52%;
    padding-left: calc(50% - 700px);
}

.about2 .rr {
    width: 46.1%;
}

.about_main .small_title {
    margin-bottom: 16px;
}

.about2-text {
    padding-left: 18px;
    font-family: 'Roboto-Regular';
}

.about2-text .tit {
    font-family: Century751BT-BoldB;
    font-size: 30px;
    color: #013B53;
    line-height: 53px;
    margin-bottom: 44px;
}

.w_img .img {
    padding-top: 66%;
    border-radius: 0px 60px 0px 150px;
    overflow: hidden;
}

.w_img {
    border-radius: 0px 60px 0px 150px;
    background-color: #f4f4f4;
    padding: 0 0 23px 16px;
}

.about_number {
    margin-top: 120px;
}

.about_number .title01,
.about_number .page-detail {
    text-align: center;
}

.about_number ul {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}

.about_number ul li {
    width: 20.6%;
    text-align: center;
    padding: 50px 20px;
    transition: all ease-in-out .3s;
}

.about_number ul li .num {
    font-family: Century751BT-BoldB;
    font-size: 70px;
    color: #0070bc;
    margin-bottom: 6px;
}

.about_number ul li .tt {
    font-family: Roboto-Bold;
    font-size: 18px;
    color: #000;
    margin-bottom: 12px;
}

.about_number ul li .about-detail {
    font-size: 16px;
}

.about_number .title01 {
    margin-bottom: 40px;
}

.about_number ul li:hover {
    box-shadow: 0px 9px 16px 0px #C7E4FB;
    ;
    border-radius: 20px;
}

.about-circle .bl_bg_top {
    margin-top: -30px;
}

.about-circle .bl_bg_top .layout {
    padding: 10px 0;
    padding-top: 30px;
}

.about-circle .content {
    width: 41.8%;
    margin: 0 auto;
    margin-right: 10%;
}

.about-circle .content .page-detail {
    font-family: Roboto-Regular;
    font-size: 15px;
    color: #666;
}

.about-circle .content ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 34px;
}

.about-circle .content ul li .num {
    width: 88px;
    height: 88px;
    border-radius: 50%;
    line-height: 88px;
    text-align: center;
    background-color: #CEE6F3;
    font-family: Roboto-Bold;
    font-size: 30px;
    color: #013B53;
}

.about-circle .content ul li .cc {
    width: calc(100% - 118px);
}

.about-circle .content ul li .cc .tt {
    font-family: Roboto-Bold;
    font-size: 18px;
    color: #013B53;
    margin-bottom: 6px;
}

.about-circle .content ul li .cc .about-detail {
    font-size: 16px;
}

.about-circle .content ul {
    margin-top: 40px;
}

.about-circle .bl_bg_bottom {
    background-size: 103% auto;
    position: relative;
}

.about-circle .bl_bg_bottom .position-img {
    position: absolute;
    left: 0;
    top: 38%;
    width: 50%;
    max-width: 855px;
    transform: translateY(-50%);
}

.about-circle .bl_bg_bottom .position-img img {
    width: 100%
}

.about-honor {
    margin-top: 6%;
}

.about-honor .title01,
.about-honor .page-detail {
    text-align: center;
}

.about-honor ul {
    margin-top: 60px;
    /*display: flex;justify-content: space-between;*/
    padding-bottom: 30px;
}

.about-honor ul .img {
    padding-top: 44.6%;
    /*-webkit-box-reflect: below 0px -webkit-linear-gradient(transparent,transparent 40%,rgba(255,255,255,0.6));*/
}

/* .about-honor ul  li{width: 23.7%;} */
.page_honor_pp {
    position: relative;
}

.about-honor .page_honor_pp .swiper-slide {
    transform: scale(1);
    transform-origin: center center;
    padding-bottom: 30px;
    box-sizing: content-box;
}

.about-honor .page_honor_pp .swiper-slide-prev {
    transform: scale(1.05);
    z-index: 1;
}

.about-honor .page_honor_pp .swiper-slide-next {
    transform: scale(1.05);
    z-index: 1;
}

.about-honor .page_honor_pp .swiper-slide-active {
    transform: scale(1.1);
    z-index: 2;
}

.about-factory {
    margin-top: 4%;
}

.about-factory .title01,
.about-factory .page-detail {
    text-align: center;
}

.page-factory-swiper {
    margin-top: 60px;
}

.page-factory-swiper .img {
    padding-top: 80%;
}

.factory_name {
    text-align: center;
    font-size: 18px;
    margin: 10px 0 0;
    font-family: 'Roboto-Regular';
    color: #666;
}

@media screen and (max-width: 950px) {
    .about-factory {
        margin-top: 30px;
    }

    .page-factory-swiper {
        margin-top: 20px;
    }
}

/* download */
.clearfloat {
    clear: both;
    height: 0;
}

.download-list li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;
    border-bottom: 1px solid #f3f3f3;
    margin-bottom: 20px;
}

.pdf_view {
    margin-right: 70px;
}

.pdf_view .img2,
.pdf_download .img2 {
    display: none;
}

.pdf_view:hover .img2,
.pdf_download:hover .img2 {
    display: inline;
}

.pdf_view:hover .img1,
.pdf_download:hover .img1 {
    display: none;
}

.download-list li .title {
    font-family: Roboto-Regular;
    font-size: 24px;
    color: #000;
    width: calc(100% - 90px);
}

.download-list li .pdf_btn_page {
    display: flex;
    align-items: center;
}

/* list news */
.news_list_top {
    background-repeat: no-repeat;
    background-size: cover;
    padding: 78px 0 100px 0;
    margin-bottom: 110px;
}

.news_list_top .news_top_contain {
    width: 39.2%;
    margin-left: 126px;
    background-color: #f4f4f4;
    padding: 73px 100px 68px 42px;
}

.news_list_top .title {
    font-family: Century751BT-BoldB;
    font-size: 30px;
    color: #013B53;
    text-transform: capitalize;
    line-height: 120%;
}

.news_list_top .title:hover {}

.news_list_top .detail {
    font-family: Roboto-Regular;
    font-size: 18px;
    color: #666666;
    margin-top: 15px;
    margin-bottom: 30px;
}

.news_list_top .news_btn {
    display: inline-block;
    line-height: 40px;
    background-color: #73B1CE;
    background-color: var(--conmmonSideColor-color);
    border-radius: 20px;
    font-family: Roboto-Regular;
    color: #ffffff;
    padding: 0 28px;
    border: 2px solid var(--conmmonSideColor-color);
    transition: all 0.5s ease;
}

.news_list_top .news_btn:hover {
    background-color: #fff;
    color: var(--conmmonSideColor-color);
}

.blog_title {
    font-family: Century751BT-BoldB;
    font-size: 50px;
    color: #013B53;
    line-height: 100%;
    margin-bottom: 50px;
}

.blog_list ul {
    overflow: hidden;
}

.blog_list ul li {
    width: 31.57%;
    margin-right: 2.6%;
    float: left;
    /*margin-bottom: 68px;*/
}

.blog_list ul li:nth-child(3n) {
    margin-right: 0;
}

.blog_list ul li .img {
    padding-top: 75.1%;
    overflow: hidden;
}

.blog_list ul li .item-info {
    width: 86%;
    position: relative;
    z-index: 10;
    margin-top: -40px;
    background-color: #fff;
    transition: all ease-in-out .3s;
}

.blog_list ul li .item-info .item-wrap {
    padding: 32px 40px 54px 23px;
}

.blog_list ul li .item-title {
    overflow: hidden;
}

.blog_list ul li .item-title a {
    font-family: Roboto-Bold;
    font-size: 26px;
    color: #333;
    line-height: 120%;
}

.blog_list ul li .item-title:hover a {
    color: #013B53;
}

/* .blog_list ul li .item-title {height: 63px;} */
.blog_list ul li .time {
    font-family: Roboto-Regular;
    color: #65AAC9;
    color: var(--conmmonSideColor-color);
    line-height: 100%;
    margin-top: 13px;
    margin-bottom: 13px;
}

.blog_list ul li .detail {
    font-family: Roboto-Regular;
    color: #666;
    line-height: 26px;
    margin-bottom: 30px;
    overflow: hidden;
}

.blog_list ul li .detail:hover {
    color: #013B53;
}

.blog_list ul li .item-more::after {
    content: '';
    display: inline-block;
    width: 16px;
    height: 8px;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(img/demo/arrow-you.png);
    opacity: .4;
    transition: all ease-in-out .3s;
    margin-left: 28px;
}

.blog_list ul li .item-more {
    font-family: Roboto-Regular;
    font-size: 18px;
    color: #013B53;
}

.blog_list ul li:hover .item-info {
    background-color: #F1F9FF;
}

.blog_list ul li:hover .img img {
    transform: scale(105%);
}

.blog_list ul li:hover .item-title a {
    color: #000;
}

.blog_list ul li .item-more:hover::after {
    opacity: 1;
}

@media screen and (max-width:1450px) {
    .blog_list ul li .item-title a {
        font-size: 24px;
    }

    .blog_list ul li .item-info .item-wrap {
        padding: 30px 22px 20px;
    }
}

/* news detail */
.actile-time {
    font-family: Roboto-Regular;
    color: var(--conmmonSideColor-color);
    margin-bottom: 30px;
}

.actile-title {
    font-family: Century751BT-BoldB;
    font-size: 32px;
    color: #000;
}

.news_artic {
    margin-top: 30px;
    font-size: 18px;
    color: #333333;
    line-height: 30px;
    padding-top: 0;
}

.news-main .share_btn {
    margin-top: 90px;
    margin-bottom: 30px;
}

.news_link_bottom {
    display: flex;
    margin-bottom: 20px;
}

.news_link_bottom .tit {
    font-family: Roboto-Regular;
    font-size: 18px;
    color: #000;
}

.news_link_bottom .con,
.news_link_bottom .con a {
    font-family: Roboto-Regular;
    font-size: 18px;
    color: #333;
}

.news_link_bottom .con a:hover {
    color: var(--conmmonSideColor-color);
}

.page-detail {
    font-family: Roboto-Regular;
    font-size: 18px;
    color: #666;
}

/* page-contact */
.contact .title01 {
    font-family: Century751BT-BoldB;
}

.contact_list {
    display: flex;
    justify-content: space-between;
    margin-top: 80px;
}

.contact_list li {
    width: 24%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.contact_list li .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 63px;
    height: 63px;
    background-color: #65AAC9;
    background-color: #0172bd;
    border-radius: 50%;
    margin-right: 30px;
}

.contact_list li:hover .icon img {
    animation: swing 0.5s;
}

.contact_list li .con {
    width: calc(100% - 93px);
}

.contact_list li .con .tit {
    font-family: Roboto-Bold;
    font-size: 24px;
    color: #000;
}

.contact_list li .con .dd,
.contact_list li .con .dd a {
    font-family: Roboto-Regular;
    font-size: 18px;
    color: #666;
}

.send_email .content-wrap.form .ch_form_wrap form {
    background-color: transparent;
    overflow: visible;
}

.send_email_contact .rr {
    padding-right: calc(50% - 800px);
}

.send_email_contact {
    padding-bottom: 40px;
}

.send_email_contact .ll .img {
    padding-top: 77.7%;
}

.page_main.contact .bl_bg_top {
    margin-top: -90px;
}

.contact_list li .con .dd a:hover {
    text-decoration: underline;
}

.send_email_contact .content-wrap.form .ch_form_wrap ul input,
.send_email_contact .content-wrap.form .ch_form_wrap ul textarea,
.send_email_contact .content-wrap.form .ch_form_wrap ul select {
    background-color: #fff;
}

/* faq */
.faq-item {
    padding: 40px 16px 30px 85px;
    position: relative;
}

.faq-item.active {
    background-color: #F1F9FF;
    border-radius: 30px;
}

.faq-item .faq-cont {
    display: none;
}

/* .faq-item.active .faq-cont{display: block;} */
.faq-item .faq-title {
    font-family: Roboto-Regular;
    font-size: 24px;
    color: #333;
}

.faq-item .faq-cont {
    font-family: Roboto-Regular;
    font-size: 18px;
    color: #666;
    line-height: 30px;
}

.faq-item.active .faq-title {
    font-family: Roboto-Bold;
    color: #013B53;
}

.faq-item .jia {
    position: absolute;
    left: 37px;
    top: 47px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 1px solid var(--conmmonSideColor-color);
    line-height: 24px;
    text-align: center;
}

.faq-item .jia::before {
    content: '+';
    font-size: 26px;
    line-height: 22px;
    color: #65AAC9;
    display: block;
    color: var(--conmmonSideColor-color);
}

.faq-item.active .jia::before {
    content: '-';
    transform: scale(1.5, 1.25);
    line-height: 20px;
}

/* video list */
.list-videos ul {
    overflow: hidden;
}

.list-videos ul li {
    width: 32.7%;
    margin-right: .95%;
    margin-bottom: 56px;
    float: left;
}

.list-videos ul li:nth-child(3n) {
    margin-right: 0;
}

.list-videos ul li .img {
    padding-top: 81.4%;
    margin-bottom: 20px;
}

.list-videos ul li .img .play_bbtn {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background-color: #333;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 10;
    background-image: url(img/demo/playbg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-color: var(--conmmonSideColor-color);
}

.list-videos ul li .img::after {
    width: 100%;
    height: 100%;
    content: '';
    display: inline-block;
    background-color: rgba(0, 0, 0, .3);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.list-videos ul li .small-title {
    font-family: Roboto-Regular;
    color: #333;
    font-size: 20px;
}

.list-videos ul li .desc a {
    font-family: Roboto-Regular;
    font-size: 26px;
    color: #013B53;
}

.list-videos ul li .title a:hover {
    text-decoration: underline;
}

.list-videos ul li .title {
    color: #333;
    font-size: 20px;
}

/* actile video */
.page_title {
    font-family: Century751BT-BoldB;
    color: #333;
    font-size: 32px;
}

.video-main .share_btn {
    margin-bottom: 40px;
}

.video_detaill a {
    color: #1769A1;
}

.video_detaill a:hover {
    text-decoration: underline;
}

/* application */
.application_part1:nth-child(n+2) {
    margin-top: 6%;
}

.case_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.case_top .ll {
    width: 52.8%;
    order: 1;
}

.case_top .ll .img {
    padding-top: 100%;
}

.case_top .rr {
    width: 40.5%;
    order: 2;
}

.application_part1:nth-child(even) .case_top .ll {
    order: 3;
}

.case_top .rr .title-m {
    display: flex;
    align-items: flex-end;
}

.case_top .rr .title-m .tt {
    font-family: 'Century751BT-BoldB';
    color: #013B53;
    font-size: 30px;
    line-height: 1.25;
    margin-right: 14px;
}

.case_top .rr .title-m img {
    width: 18.7%;
}

.case_top .rr .jianjie {
    font-family: Roboto;
    margin-top: 40px;
    line-height: 30px;
    font-size: 16px;
    /* max-height: 180px; overflow-y: auto; */
    color: #666;
}

.case_bottom {
    display: flex;
    margin-top: 50px;
}

.case_bottom li {
    width: 32.5%;
    margin-right: 1.25%;
    /* width:24%; */
}

.case_bottom li:nth-child(3) {
    margin-right: 0;
}

.case_bottom li:nth-child(n+4) {
    display: none;
}

.case_bottom li .img {
    padding-top: 100%;
}

.bl_bg_top.application_part2 {
    margin-top: 0;
}

.application_part2 .case_top {
    flex-direction: row-reverse;
}

.bl_bg_top.application_part2 .layout {
    padding: 0;
    transform: translateY(-150px);
}

@media screen and (max-width: 1700px) {
    .about2 .ll {
        padding-left: calc(50% - 750px);
    }

    .send_email_contact .rr {
        padding-right: calc(50% - 750px);
    }

    .about-circle .content {
        margin-right: 0;
    }
}

@media screen and (max-width: 1600px) {
    .about2 .ll {
        padding-left: calc(50% - 650px);
    }

    .send_email_contact .rr {
        padding-right: calc(50% - 650px);
    }

    .product_list_item .item_title a {
        font-size: 18px;
        height: 120px;
    }
}

@media screen and (max-width:1500px) {
    .about-circle .bl_bg_bottom .position-img img {
        max-width: 680px;
    }
}

@media screen and (max-width:1400px) {
    .list_products>li .rr .ms {
        margin-top: 30px;
        margin-bottom: 40px;
    }

    .product_list li .tit {
        font-size: 18px;
    }

    .sys_sub_head .path_bar .lbanner-h1 {
        font-size: 50px;
    }

    .aside {
        width: 200px;
    }

    .main {
        width: calc(100% - 200px);
        padding-left: 4%;
    }

    .aside .side-tit {
        font-size: 16px;
        padding: 14px 0;
    }

    .side-cate {
        padding: 0 8px;
    }

    .side-cate>li>a {
        font-size: 16px;
    }

    .product_list_item .item_title a {
        font-size: 18px;
    }

    .title01 {
        font-size: 40px;
    }

    .about2 .ll {
        padding-left: calc(50% - 600px);
    }

    .send_email_contact .rr {
        padding-right: calc(50% - 600px);
    }

    .about_number ul li .num {
        font-size: 50px;
    }

    .case_top .rr {
        width: 42%;
    }

    .send_email .rr .title,
    .ppp_title,
    .case_top .rr .title-m .tt {
        font-size: 42px;
    }
}

@media screen and (max-width:1300px) {
    .about2 .ll {
        padding-left: calc(50% - 550px);
    }

    .send_email_contact .rr {
        padding-right: calc(50% - 550px);
    }
}

@media screen and (max-width:1200px) {
    .list_products>li .rr .ttl::after {
        height: 6px;
    }

    .about2 .ll {
        padding-left: 2.5%;
    }

    .send_email_contact .rr {
        padding-right: 2.5%;
    }

    .product_list_item .item_title a {
        height: 135px;
    }

    .about_number ul li .num {
        font-size: 40px;
    }

    .about_number ul li .tt {
        height: 54px;
    }

    .case_top .rr .title-m .tt {
        font-size: 36px;
        line-height: 47px;
    }

    .bl_bg_top.application_part2 .layout {
        transform: translateY(0);
    }

    .contact_list {
        flex-wrap: wrap;
    }

    .contact_list li {
        width: 49%;
        margin-bottom: 30px;
    }

    .sys_sub_head {
        margin-bottom: 50px;
    }

    .list_more {
        width: 120px;
        height: 80px;
    }

    .product-center {
        margin-top: 90px;
        padding: 70px 0;
    }

    .ms_top {
        margin-bottom: 40px;
    }

    .tab-content-wrap {
        margin: 60px 0 50px;
    }

    .about_number ul li {
        width: 24%;
        padding: 30px 20px;
    }

    .send_email .rr .title,
    .ppp_title,
    .title01 {
        font-size: 36px;
    }

    .relate-products,
    .relate-news,
    .about_number,
    .about-honor {
        margin-top: 50px;
    }

    .about-honor {
        padding-bottom: 30px;
    }

    .sys_sub_head .path_bar .lbanner-h1 {
        font-size: 40px;
    }

    .ppp_title,
    .relate-news .ppp_title {
        margin-bottom: 30px;
    }

    .relate-products .title {
        font-size: 20px;
    }

    .list-videos ul li .desc a {
        font-size: 24px;
    }

    .list-videos ul li .img .play_bbtn {
        width: 75px;
        height: 75px;
        background-size: 20px auto;
    }

    .news_list_top .news_top_contain {
        padding: 40px 30px;
    }

    .blog_title {
        font-size: 36px;
        margin-bottom: 30px;
    }

    .news_list_top {
        margin-bottom: 50px;
    }

    .blog_list ul li .item-info .item-wrap {
        padding: 30px 20px 20px;
    }

    .news_artic {
        padding: 40px 0;
    }
}

@media screen and (max-width:1100px) {
    .blog_list ul li .item-title a {
        font-size: 23px;
    }
}

@media screen and (max-width:1100px) {
    .case_top {
        flex-direction: column;
        flex-direction: column-reverse;
    }

    .case_top .ll {
        width: 100%;
        margin-top: 20px;
    }

    .case_top .rr {
        width: 100%;
    }

    .case_top .rr .title-m .tt {
        font-size: 26px;
        line-height: 150%;
    }

    .case_top .rr .jianjie {
        margin-top: 16px;
        max-height: unset;
    }

    .application_part1:nth-child(even) .case_top .ll {
        order: 2;
    }

    .about2 {
        display: block;
        margin-top: 30px;
    }

    .about2 .ll {
        width: 100%;
        padding-left: 0;
        margin-bottom: 20px;
    }

    .about2 .rr {
        width: 100%;
    }
}

@media screen and (max-width:950px) {

    .product_list_item .item_title {
        height: auto;
        display: block;
    }

    .product_list_item .item_title a {
        height: auto;
    }

    .sys_sub_head .path_bar .lbanner-h1 {
        font-size: 30px;
    }

    .path_bar ul li a {
        font-size: 17px;
    }

    .sys_sub_head {
        margin-bottom: 40px;
    }

    .head_bn_item img {
        min-height: 260px;
    }

    .lbanner_btn {
        margin-top: 16px;
    }

    .pdf_btn,
    .contact_btn {
        line-height: 30px;
    }

    .pdf_btn {
        display: none;
    }

    .sort_ms h2 {
        font-size: 26px;
    }

    .ms_top .index_title {
        font-size: 32px;
        line-height: 1.25;
        margin-bottom: 15px;
    }

    .small_title {
        margin-bottom: 16px;
    }

    .ms_top {
        font-size: 16px;
        line-height: 150%;
    }

    .list_products>li {
        margin: 30px 0;
        display: block;
    }

    .list_products>li .ll {
        width: 100%;
    }

    .list_products>li .rr {
        width: 100%;
        padding: 0 2%;
        margin: 30px 0;
    }

    .list_more {
        right: 0;
        width: 70px;
        height: 50px;
        bottom: 0;
    }

    .list_more img {
        max-width: 30px;
        height: auto;
    }

    .list_products>li .rr .ttl {
        font-size: 24px;
    }

    .product_list li {
        width: 49%;
    }

    .product_list li .tit {
        font-size: 16px;
    }

    .list_products>li .rr .ms {
        margin-top: 16px;
        margin-bottom: 0;
    }

    .list_products>li:nth-child(2n) .list_more {
        left: 0;
    }

    .product-center {
        margin-top: 0;
        padding-top: 50px;
        padding-bottom: 40px;
    }

    .page_bar {
        margin: 0;
        padding: 0;
        height: auto;
    }

    .page_bar ul {
        padding: 30px 0;
        font-size: 16px;
    }

    .aside {
        display: none;
    }

    .main {
        width: 100%;
        float: none;
        padding-left: 0;
    }

    .product-view {
        width: 100%;
        float: none;
    }

    .product-summary {
        width: 100%;
        padding-left: 0;
        float: none;
        margin-top: 30px;
    }

    .product-view .product-image {
        display: none;
    }

    .product-view .image-additional-wrap {
        width: 100%;
        float: none;
        padding: 0;
    }

    .image-additional-wrap .image-additional {
        height: auto;
    }

    .image-additional-wrap .swiper-button-next,
    .image-additional-wrap .swiper-button-prev {
        background-image: none;
    }

    .image-additional-wrap .swiper-button-next {
        top: 50%;
        left: auto;
        right: 10px;
        transform: translateX(0) translateY(0px) rotate(-90deg);
        bottom: auto;
    }

    .image-additional-wrap .swiper-button-prev {
        top: 50%;
        left: 10px;
        right: auto;
        transform: translateX(0) translateY(0px) rotate(269deg);
        bottom: auto;
    }

    .product-summary .page_title {
        font-size: 24px;
        margin-bottom: 16px;
    }

    .product-btn-wrap {
        margin: 30px 0;
    }

    .product-btn-wrap .email,
    .product-btn-wrap .pdf {
        line-height: 40px;
        font-size: 16px;
        width: auto;
        padding: 0 26px;
    }

    .product-btn-wrap .btn_print {
        display: none;
    }

    .share_btn {
        margin-top: 26px;
    }

    .tab-content-wrap {
        margin: 40px 0 30px;
    }

    .tab-title-bar {
        justify-content: center;
        margin-bottom: 20px;
    }

    .tab-title-bar .tab-title {
        margin: 0 16px 0 0;
        font-size: 16px;
    }

    .tab-title-bar .tab-title:last-child {
        margin-right: 0;
    }

    .send_email {
        margin-top: 30px;
        display: block;
    }

    .send_email .ll,
    .send_email .rr {
        width: 100%;
    }

    .send_email .rr {
        margin-top: 30px;
    }

    .send_email .rr .title {
        font-size: 26px;
    }

    .send_email .rr .detail {
        font-size: 16px;
        line-height: 150%;
        margin-top: 10px;
        margin-bottom: 26px;
    }

    .send_email .content-wrap.form .ch_form_wrap ul li.item_name {
        margin-right: 0;
    }

    .send_email .content-wrap.form .ch_form_wrap ul li.item_name,
    .send_email .content-wrap.form .ch_form_wrap ul li.item_email {
        width: 100%;
    }

    .send_email .content-wrap.form .ch_form_wrap ul li {
        margin: 0 0 20px;
        line-height: 40px;
    }

    .send_email .content-wrap.form .ch_form_wrap ul input,
    .send_email .content-wrap.form .ch_form_wrap ul textarea,
    .send_email .content-wrap.form .ch_form_wrap ul select {
        padding: 0 20px;
        line-height: 40px;
        height: 40px;
    }

    .send_email .content-wrap.form .ch_form_wrap .item_submit input {
        font-size: 16px;
        line-height: 40px;
        width: auto;
        padding: 0 30px;
    }

    .send_email .content-wrap.form .ch_form_wrap ul li::before {
        left: 11px;
        top: 0;
    }

    .send_email .content-wrap.form .ch_form_wrap ul textarea {
        height: 80px;
    }

    .w_img,
    .w_img .img {
        border-radius: 0 60px 0 60px;
    }

    .relate-products {
        margin-top: 40px;
    }

    .ppp_title {
        font-size: 26px;
    }

    .ppp_title {
        margin-bottom: 20px;
    }

    .relate-news .ppp_title {
        margin-bottom: 20px;
    }

    .faq-item {
        padding: 20px 20px 20px 54px;
    }

    .faq-item .jia {
        left: 18px;
        top: 22px;
    }

    .title01 {
        font-size: 28px;
    }

    .title01 br {
        display: none;
    }

    .about-detail {
        font-size: 16px;
    }

    .about2-text .tit {
        font-size: 24px;
        line-height: 150%;
        margin-bottom: 20px;
    }

    .about2-text .tit span {
        display: none;
    }

    .about_number {
        margin-top: 40px;
    }

    .about_number .title01 {
        margin-bottom: 20px;
    }

    .about_number .title01 br {
        display: none;
    }

    .about_number ul {
        display: block;
        margin-top: 10px;
    }

    .about_number ul li {
        width: 100%;
        padding: 10px 10px;
    }

    .page-detail br {
        display: none;
    }

    .about_number ul li .tt {
        height: auto;
    }

    .about-circle .content ul li .num {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 26px;
    }

    .about-circle .content ul li .cc {
        width: calc(100% - 68px);
    }

    .about-circle .bl_bg_top {
        margin-top: 30px;
    }

    .about-circle .content {
        width: 100%;
    }

    .about-circle .bl_bg_bottom .position-img {
        display: none;
    }

    .about-honor ul {
        margin-top: 30px;
    }

    .page-honor-swiper {
        margin-top: 20px !important;
    }

    /* .about-honor ul li{width: 49%;margin-bottom: 16px;} */
    .about-honor {
        margin-top: 40px;
        padding-bottom: 0;
    }

    .case_top .rr .title-m img {
        width: 60px;
    }

    .case_bottom {
        margin-top: 20px;
    }

    .application_part1:nth-child(n+2) {
        margin-top: 10px;
    }

    .application_part1:nth-child(even) .case_top .ll {
        order: 1;
    }

    .pdf_view {
        margin-right: 20px;
    }

    .download-list li .title {
        font-size: 17px;
    }

    .download-list li {
        padding: 10px 0;
        margin-bottom: 10px;
    }

    .news_list_top {
        padding: 0;
        margin-bottom: 40px;
    }

    .news_list_top .news_top_contain {
        width: 100%;
        padding: 20px;
        margin-left: 0;
    }

    .news_list_top .title {
        font-size: 24px;
    }

    .news_list_top .detail {
        font-size: 16px;
        margin-bottom: 16px;
    }

    .blog_title {
        font-size: 32px;
        margin-bottom: 26px;
    }

    .blog_list ul li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
        float: none;
    }

    .blog_list ul li:last-child {
        margin-bottom: 0;
    }

    .blog_list ul li .item-info {
        width: 95%;
        margin-top: -20px;
    }

    .blog_list ul li .item-info .item-wrap {
        padding: 16px;
    }

    .blog_list ul li .item-title a {
        font-size: 20px;
    }

    .blog_list ul li .detail {
        display: none;
    }

    .blog_list ul li .item-title {
        height: auto;
    }

    .contact_list li .icon {
        width: 56px;
        height: 56px;
        margin-right: 15px;
    }

    .contact_list li .con {
        width: calc(100% - 70px);
    }

    .contact_list li .con .tit {
        font-size: 22px;
    }

    .actile-time {
        margin-bottom: 10px;
    }

    .news-main .share_btn {
        margin-top: 40px;
        margin-bottom: 20px;
    }

    .news_link_bottom {
        margin-bottom: 12px;
    }

    .detail_banner {
        margin: 100px 0 30px;
    }

    .actile-title {
        font-size: 22px;
    }

    .contact_list {
        margin-top: 40px;
        display: block;
    }

    .contact_list li {
        width: 100%;
        margin-bottom: 16px;
    }

    .page_main.contact .bl_bg_top {
        margin-top: 20px;
    }

    .send_email_contact .rr {
        padding: 0 15px;
    }

    .page_title {
        font-size: 26px;
    }

    .list-videos ul li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px;
    }

    .list-videos ul li:last-child {
        margin-bottom: 0;
    }

    .list-videos ul li .title a {
        font-size: 20px;
    }

    .list-videos ul li .img .play_bbtn,
    .relate-video .play_bbtn {
        width: 60px;
        height: 60px;
        background-size: 18px auto;
    }

    .list-videos ul li .desc,
    .relate-video .desc {
        margin-top: 10px;
    }

    .list-videos ul li .desc a,
    .relate-video a .desc {
        font-size: 22px;
        line-height: 1.25;
    }

    .relate-video {
        margin-top: 40px;
    }

    .list-videos ul li .small-title {
        font-size: 16px;
    }

    .faq-item .faq-title {
        font-size: 20px;
    }

    .faq-item .faq-cont {
        font-size: 16px;
    }

    .bl_bg_top.application_part2 .layout {
        transform: translateY(0);
    }

    .bl_bg_top.application_part2 {
        padding: 30px 0;
    }

    .application_part2 .case_top {
        flex-direction: column-reverse !important;
    }
}

@media screen and (max-width:750px) {
    .product-list ul li {
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 26px;
    }

    .relate-products .title {
        font-size: 17px;
    }
}

.detail_title_i {
    font-family: Roboto-Bold;
    color: #013B53;
    font-size: 24px;
}

.aa_tt {
    text-align: center;
    font-family: Century751BT-BoldB;
    color: #013B53;
    font-size: 50px;
    margin-bottom: 20px;
}

.aa_con {
    font-family: Roboto-Regular;
    font-size: 18px;
    color: #333;
    line-height: 35px;
}

.content-wrap.form .ch_form_wrap ul input,
.content-wrap.form .ch_form_wrap ul textarea,
.content-wrap.form .ch_form_wrap ul select {
    border-left: 3px solid var(--conmmonSideColor-color) !important;
}

.content-wrap.form .ch_form_wrap .item_submit input {
    background: var(--conmmonSideColor-color) !important;
}

.content-wrap.form .ch_form_wrap .item_submit input:hover {
    opacity: 0.8;
}

.layui-layer-dialog .layui-layer-content {
    word-break: normal;
    word-wrap: normal;
    text-wrap: nowrap
}

.tab-panel-content .customer-container {
    margin-bottom: 30px
}

.search-product-detail .fl-rich-textqq .sep-datalistqq>li .summaryqq {
    word-break: keep-all !important;
}




.customer-container {
    max-width: 950px;
    margin: 0 auto;
    margin-bottom: 30px
}

.customer-container .customer_detail {
    display: flex;
    align-items: center
}

.customer-container .customer_detail .ll {
    width: 19.7%;
    border-radius: 50%;
    overflow: auto;
    width: 187px;
    height: 187px;
    position: relative;
}

.customer-container .customer_detail .ll img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
}

.customer-container .customer_detail .ll .img {
    padding-top: 100%;
    overflow: hidden;
    border-radius: 50%
}

.customer-container .customer_detail .rr {
    width: 80.3%;
    padding-left: 45px
}

.customer-container .rr .title {
    font-family: OpenSans-Bold;
    font-size: 20px;
    color: #000;
    margin-bottom: 8px
}

.customer-container .rr .star img {
    width: 15px;
    height: auto
}

.customer-container .rr .dd {
    font-family: OpenSans;
    color: #666;
    margin-top: 12px
}

@media screen and (max-width: 950px) {
    .customer-container .customer_detail .ll {
        /* width: 100% */
    }

    .customer-container .customer_detail .ll img {
        /* max-width: 54px;
        height: auto */
    }

    .customer-container .customer_detail {
        display: block
    }

    .customer-container .customer_detail .rr {
        width: 100%;
        padding-left: 0;
        margin-top: 10px
    }

    .customer-container .rr .title {
        font-size: 16px;
        margin-bottom: 0
    }

    .customer-container .rr .star img {
        width: 9px;
        height: auto
    }
}