@charset "utf-8";
/* CSS Document */
/* 字体引用 */
@font-face{
    font-family: 'Barlow-Medium';
    src: url(../font/Barlow-Medium.ttf);
    font-display: swap;
}
@font-face{
    font-family: 'Barlow-Regular';
    src: url(../font/Barlow-Regular.ttf);
    font-display: swap;
}
@font-face{
    font-family: 'Barlow-Bold';
    src: url(../font/Barlow-Bold.ttf);
    font-display: swap;
}
@font-face{
    font-family: 'BarlowCondensed-Bold';
    src: url(../font/BarlowCondensed-Bold.ttf);
    font-display: swap;
}
@font-face{
  font-family: 'BarlowCondensed-Medium';
  src: url(../font/BarlowCondensed-Medium.ttf);
  font-display: swap;
}
article, aside, dialog, footer, header, section, footer, nav, figure, menu {
    display: block
}

.icon {
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


html, body {
    font-family: "Barlow-Regular", Arial, Helvetica, sans-serif;
    position: relative;
    background: #fff;
    font-size: 16px;
    color: #333;
    margin: 0 auto;
    width: 100%;
    overflow-x: hidden;
}

.body-wrap {
    display: none;
}

/*默认样式*/
img {
    border: none;
    display: block;
    max-width: 100%;
}

h1,h2,h3,h4,h5{font-weight:normal;}
h2{font-size:56px;color:#047cf1;font-family:"BarlowCondensed-Medium";line-height:1.3;font-weight:normal;margin-bottom:20px; text-align:center;}
table {
    border-collapse: collapse;
}

a {
    text-decoration: none;
    color: #333;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    tap-highlight-color: rgba(0, 0, 0, 0);
}

a:focus {
    outline: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

li {
    list-style: none;
}

input, select, button, textarea {
    vertical-align: middle;
    font-family: "Barlow-Medium", Arial, Helvetica, sans-serif;
    border-radius: 0;
    outline: none;
    background: none;
    border: none;
}

textarea {
    resize: vertical;
}
.swip_home .swiper-pagination-bullet,.hot_pro_nr,.hot_pro_img,.more img,.h_revi_nr,.h_news_img img,.h_news_txt h3,.h_why_nr *,.nav>ul>li>a::after,.pro_con,.faq_title_icon img,.faq_more img,.instant_con::after,.contact_fin_nr p,.contact_fin_img,.show_crumbs,.cor_con,.swiper_button img,.taste_numberb_box_r,.fac_bb_img img,.pro_nav_tab2_img img,.h_r_box img,.h_ins_con>a img,.sub_img_box a img,.method_txt,.about_pag_ul p::after,.about_pag_ul p{
	transition: all .6s;
	-moz-transition: all .6s;	/* Firefox 4 */
	-webkit-transition: all .6s;	/* Safari 和 Chrome */
	-o-transition: all .6s;	/* Opera */
}
/*清除浮动*/
.clear:after {
    content: "";
    width: 0;
    height: 0;
    clear: both;
    display: block;
}
.clearfix:before,.clearfix:after{
content:"";
display:table;
}
.clearfix::after{display:block;clear:both;content:""}
.clearfix:after{
clear:both;}
.clearfix{
*zoom:1;
}

/* 使用swiper 出现闪屏问题 */
.swiper-slide{transform: translate3d(0,0,0);/* overflow: hidden; */}

.inline {
    display: inline-block;
    vertical-align: top;
}
/*input高亮*/
.salient-input {
    border: 1px solid #ccc;
    padding: 7px 0 7px 5px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.salient-input:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}

/*单行超出省略*/
.space-over {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*多行超出省略*/
.space-list-over {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #b3b3b3;
}

input:-moz-placeholder, textarea:-moz-placeholder {
    color: #b3b3b3;
}

input::-moz-placeholder, textarea::-moz-placeholder {
    color: #b3b3b3;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #b3b3b3;
}

.page-lable-wrap {
    text-align: center;
}

.page-lable-wrap span, .page-lable-wrap a {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    margin: 0 10px;
    position: relative;
    padding: 10px 15px;
    text-align: center;
    background: #fff;
    border: 1px solid #dedede;
    -webkit-transition: all .6s cubic-bezier(.645, .045, .355, 1);
    transition: all .6s cubic-bezier(.645, .045, .355, 1);
}

.page-lable-wrap .current, .page-lable-wrap a:hover {
    background: #ef8300;
    color: #fff;
    border: 1px solid #ef8300;
}


.cover {
    position: relative;
    height: 0;
    overflow: hidden;
}

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

.center {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);

}

.flex{display:-webkit-box;display:-ms-flexbox;display:flex;}
.width-auto {
    width: 100%;
    padding:0 200px;
    position: relative;

}

.black-box {
    display: inline-block;
    width: 86%;
}

.header-wrap {
    height: 115px;
    font-size: 0;
    /*background: #000;*/
    padding-top: 40px;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9;
    -webkit-transition: all .6s cubic-bezier(.645, .045, .355, 1);
    transition: all .6s cubic-bezier(.645, .045, .355, 1);
}

.header-wrap2 {
    background: rgba(4, 124, 241, .9);
    padding-top: 0;
    height: 75px;
	z-index:10;
}

.header-wrap2 .header-logo a {
    width:195px;

}



.header-hover-nav a {
    color: #047cf1 !important;
}

.header-hover-nav a:after {
    width: 100% !important;
}

.header-wrap2 .header-hover-nav a {
    color: #ffffff !important;
}

.header-wrap2 .header-hover-nav a:after {
    width: 0% !important;
}

.header-wrap .header-nav ul li a:hover {
    color: #047cf1;
}

.header-wrap2 .header-logo {
    padding-top: 12px;
}

.header-wrap2 .header-nav ul li a:after {
    display: none;
}

.header-wrap2 .header-nav ul li a:hover {
    -webkit-text-shadow: 0 1px 3px rgba(0, 0, 0, .4);
    text-shadow: 0 1px 3px rgba(0, 0, 0, .4);
}

.header-wrap2 .header-nav ul li a:hover {
    color: #fff;
}

.header-wrap2 .header-en a:hover {
    -webkit-text-shadow: 0 1px 3px rgba(0, 0, 0, .4);
    text-shadow: 0 1px 3px rgba(0, 0, 0, .4);
}

.header-en a:hover {
    color: #ef8300;
}

.header-logo {
    display: inline-block;
    width: 14%;
    vertical-align: top;
    padding-top: 5px;
}

.header-logo a {
    width: 173px;
    display: block;
    -webkit-transition: all .6s cubic-bezier(.645, .045, .355, 1);
    transition: all .6s cubic-bezier(.645, .045, .355, 1);
    position: relative;
}

.header-nav {
    font-size: 0;
    display: inline-block;
    vertical-align: top;
    text-align: right;
    width: 100%;
}

.header-nav ul {
    display: inline-block;
    font-size: 0;
}

.header-nav ul li {
    display: inline-block;
    padding: 0 33px;
    line-height: 75px;
    -webkit-transition: all .6s cubic-bezier(.645, .045, .355, 1);
    transition: all .6s cubic-bezier(.645, .045, .355, 1);
}

.header-nav ul li a {
    font-size: 18px;
    color: #fff;
    display: block;
    position: relative;
    -webkit-transition: all .6s cubic-bezier(.645, .045, .355, 1);
    transition: all .6s cubic-bezier(.645, .045, .355, 1);
}

.header-nav ul li a:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    height: 2px;
    width: 0;
    background: #ef8300;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all .6s cubic-bezier(.645, .045, .355, 1);
    transition: all .6s cubic-bezier(.645, .045, .355, 1);
    display: none;
}

.header-nav ul li a:hover:after {
    width: 100%;
}


.logo-pd {
    padding: 0 38px;
}

.border-wrap {
    background: #eeeeee;
    height: 1px;
    width: 100%;
}
.home-swiper .swiper-wrapper {
    position: relative;
    width: 100%;
    height: auto;
}
/*--首页产品分类--*/
.products{width:100%;}
.products_list{font-size:0;}
.prolist_img_li {
    width: calc(33.33% - 2px);
    margin:1px;
	position:relative;
	-webkit-animation-delay: 200ms;
    animation-delay: 200ms;
	box-sizing:border-box;
}




.prolist_img_box {
    padding-bottom: 74.38%;
}

.prolist_img_box img {
    transition: all .6s cubic-bezier(.645, .045, .355, 1);
    -webkit-transition: all .6s cubic-bezier(.645, .045, .355, 1);
}

.prolist_img_li:hover .prolist_img_box img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.prolist_img_li .prolist_img_txt {position:absolute; z-index:10; top:0; left:0; width:100%; height:100%; padding:3rem 0 0; text-align:center;}
.prolist_img_txt .p1{font-size:36px;color:#FFF;}
.prolist_img_txt .p2 {margin:2rem;font-size:18px;color:#ffffff;}
.prolist_img_txt .p3{color:#047cf1;}
.prolist_img_txt .more {display:inline-block;font-size:16px; line-height:32px;}
.prolist_img_txt .more a{color:#047cf1;}


/*--首页关于我们--*/
.about_us{width:100%;background:url("../images/about_bg.jpg") no-repeat bottom;display:flex;background-attachment:fixed;padding:8rem 0;}
.about_us.nitro-lazy{background-image:none !important;}
.about_us .left{ display:inline-block;width:50%;}
.index_about_title{
	font-size:60px;
	font-family:"BarlowCondensed-Bold";
}
.index_about_ad{
	font-size:30px;
	color:#666666;
	line-height:45px;
	margin:1.5rem 0 2rem;
}
.about_us .indexabout_con,.about_ncontent{
	font-size:16px;
	color:#666666;
	line-height:30px;
}
.about_us .indexabout_con ul,.about_ncontent ul{
	padding-left:1.5rem;
}
.about_us .indexabout_con li,.about_ncontent li{
	list-style: inside;
}

.about_us .right{display: inline-block;width:45%;margin-left:5%;}
.about-menu{
    margin: 20% 0 0;
}
.about-menu ul{width: 100%; display:flex; flex-wrap:wrap;}
.about-menu li{width:50%;text-align: center;padding: 0 8px;margin-bottom:3rem;}
.about-menu li img{max-height: 82px;}
.about-menu li h1{font-size: 80px;line-height: 1;font-family:"BarlowCondensed-Bold";color:#047cf1;margin: 22px 0 14px;min-height: 48px;}
.about-menu li h1 b{font-size: 18px;color: #333;}
.about-menu li p{font-size: 18px;color: #333;line-height: 1;}


.index_service{
	padding:5rem 0;
}

.index_news{width:100%; background:#f2f2f2;padding:5rem 0;}
.index_news h1{ text-align:center;font-size:56px; color:#047cf1;font-family:"BarlowCondensed-Bold";margin-bottom:3rem;}
.news_list{padding:0;}
.news_list .row .newslist{
    background: #fff;
    margin-bottom:2rem;
    box-shadow: 0 0 20px rgba(0, 14, 12,0.1);
}
.news_list .row .newslist .newspic{
    position: relative;
    width: 100%;
    padding-bottom:75%;
  }
  .news_list .row .newslist .newspic img{
    width: 100%;
    position: absolute;
    height:100%;
    top: 0;
    left: 0;
    object-fit: cover;
  }
  .news_list .row .newslist .newspic .bg{
    position: absolute;
    width: 100%;
    height:100%;
    top: 0;
    left: 0;
    
  }
  .news_list .row .newslist:hover .newspic .bg{
    background: rgba(0, 133, 116,0.5);
  }
  .news_list .row .newslist .newscon {
    padding: 37px;
    height: 256px;
  }
  
  .news_list .row .newslist .newscon h3{
    font-family: 'BarlowCondensed-Medium';
    font-size: 20px;
    max-width: 440px;
    color: #101010;
    line-height: 1.5;
    font-weight: normal;
    margin-bottom: 40px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  .news_list .row .newslist:hover .newscon h3{
    color: #047cf1;
  }
  .news_list .row .newslist .newscon .newsdetail{
    font-size: 14px;
    color: #666;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
  }

@media (max-width:1600px) {
    .news_list .row .newslist .newscon{
        padding:1rem;
    }
    .news_list .row .newslist .newscon h3{
        margin-bottom:1.125rem;
    }

}

/*--bannernav--*/
.read-banner-wrap {
    position: relative;
}

.read-banner-img {
}

.read-banner-text {
    width: 100%;
}

.read-banner-text span {
    display: block;
    color: #fff;
}

.read-banner-text span:nth-child(1) {
    font-size: 42px;
}

.read-banner-text span:nth-child(2) {
    font-size: 44px;
    padding-top: 10px;
}

.read-mbx-nav {
    height: 71px;
}

.read-mbx-nav .read-mbx-back {
    height: 71px;
    background: rgba(255, 255, 255, .9);
    border-bottom: 1px solid #eeeeee;
}

.read-mbx-nav .read-mbx-center {
    height: 71px;
    background: rgba(255, 255, 255, .9);
    border-bottom: 1px solid #eeeeee;
}

/*--about coreus--*/
.contentnav{}
.position{color:#999999;padding:1rem 0 3rem;}
.position a{color: #999999;}
.nname{font-size: 24px; text-align: center;margin:2rem 0;}
.ncontent{color: #666666;margin-bottom:4rem;}


.factory{width:100%; background:#f2f2f2;padding:80px 0;}
.factory .about-menu{margin-top:0;}
.factory .about-menu li{width:25%;}
.aboutzr-item{width: 100%;margin-top:148px;}
.aboutzr-item li{float: left; width: 12.8%;height: 512px;padding-top: 206px;text-align: left; margin-right: 1.5%; background-position: center;background-repeat: no-repeat;background-size: cover;transition: all .8s ease;}
.aboutzr-item li:last-child{margin-right: 0;transform: translateY(-15px);}
.aboutzr-item li:first-child{transform: translateY(-40px);}
.aboutzr-item li:nth-child(3){transform: translateY(-72px);}
.aboutzr-item li h2{font-size: 24px;color: #fff;margin-bottom: 20px; text-align:left;}
.aboutzr-item li p{font-size: 16px;color: #fff;line-height: 28px;opacity: 0;transition: all .6s ease;transform: translateY(30px);transition: all 0s ease 0s;}
.aboutzr-item li.active{width: 42.8%;padding:132px 258px 0 48px;text-align: left;}
.aboutzr-item li.active p{opacity: 1;transform: translateY(0);transition: all .4s ease .7s;}

.aboutry{width: 100%;padding:76px 0 106px;background:#ffffff;}
.aboutry-item{width: 100%;margin-top: 88px;position: relative;z-index: 1;}
.aboutry-item::before{content: '';width: 100%;height: 130px;background: url('../images/aboutry_wall.png')no-repeat center;position: absolute;left:0%;bottom:8px;z-index: -1;}
.aboutry-loop{width: 100%;position: relative;}
.aboutry-loop .swiper-container-free-mode > .swiper-wrapper {align-items: flex-end; -webkit-transition-timing-function: linear;  -moz-transition-timing-function: linear;-ms-transition-timing-function: linear;-o-transition-timing-function: linear;transition-timing-function: linear;margin: 0 auto;}
.aboutry-loop .swiper-slide{width: 224px!important;height:auto;}
.aboutry-loop .swiper-slide{height:auto;}
.aboutry-loop .swiper-wrapper{height:auto;}

.aboutry-img{width: 100%;height:auto;box-sizing: border-box; position: relative; background: #180119; background-image: -webkit-linear-gradient(top right, #180119, #74696c); background-image: linear-gradient(top right, #5D5D5B, #383838); padding: 7px; box-shadow: -1px 1px var(--blur) 1px rgba(0, 0, 0, 0.1), -2px 2px var(--blur) 1px rgba(0, 0, 0, 0.09), -3px 3px var(--blur) 1px rgba(0, 0, 0, 0.08), -4px 4px var(--blur) 1px rgba(0, 0, 0, 0.07), -5px 5px var(--blur) 1px rgba(0, 0, 0, 0.06), -6px 6px var(--blur) 1px rgba(0, 0, 0, 0.05), -7px 7px var(--blur) 1px rgba(0, 0, 0, 0.04), -8px 8px var(--blur) 1px rgba(0, 0, 0, 0.03), -9px 9px var(--blur) 1px rgba(0, 0, 0, 0.03), -10px 10px var(--blur) 1px rgba(0, 0, 0, 0.03), -11px 11px var(--blur) 1px rgba(0, 0, 0, 0.03), -12px 12px var(--blur) 1px rgba(0, 0, 0, 0.02), -13px 13px var(--blur) 1px rgba(0, 0, 0, 0.02), -14px 14px var(--blur) 1px rgba(0, 0, 0, 0.01), -15px 15px var(--blur) 1px rgba(0, 0, 0, 0.01), -16px 16px var(--blur) 1px rgba(0, 0, 0, 0.01);}
.aboutry-img img{width: 100%;object-fit: cover;}
.aboutry-btn{width: 100%;margin-top: 72px;}
.aboutry-btn a{display:inline-block;font-size: 14px;color: #333;position: relative;padding-left: 26px;}
.aboutry-btn a::before{content: '';width: 18px;height: 28px;background: url('../images/gunl.png')no-repeat center;position: absolute;left: 0;top: 0;bottom: 0;margin: auto 0;}


/*--products——*/
.navigation_wrap {
}

.navigation_list {
    background: #f2f2f2;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .15);
    box-shadow: 0 1px 5px rgba(0, 0, 0, .15);
}

.navigation_fixed {
    position: fixed !important;
    top: 0;
    width: 100%;
    left: 0;
    z-index: 999;
}

.navigation_bottom {
    top: 80px !important;
}

.navigation_ul {
    text-align: center;
    font-size: 0;
    padding: 0.5rem 0;
}

.navigation_li {
    width:33.33%;
    line-height: 40px;
    text-align: left;
    position: relative;
    transition: all .6s cubic-bezier(.645, .045, .355, 1);
    -webkit-transition: all .6s cubic-bezier(.645, .045, .355, 1);
}


.navigation_li a {
    font-size: 18px;
    color: #4c4c4c;
    display: inline-block;
    position: relative;
    transition: all .6s cubic-bezier(.645, .045, .355, 1);
    -webkit-transition: all .6s cubic-bezier(.645, .045, .355, 1);
}
.navigation_li a:hover{
    color:#047cf1;
}


.navigation_hover a {
    color:#047cf1;
    font-weight: bold;
}

.navigation_hover a:after {
    width: 100%;
}

.pro_box_memo{
    text-align: center;
    color:#666666;
}
.pro{
    padding:3rem 0 3.75rem;
}

.pro_box{display: flex;flex-wrap: wrap;}
.pro_con{
    width: calc(100%/3 - 4rem);
    margin:2rem;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    position: relative;top: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.pro_img{}
.pro_img img{
    object-fit: contain;
    width:100%;
    padding:2px;
}
.pro_memo{
    padding: 0 2.125rem 3rem;

}
.pro_con h3{
    font-size:1.8125rem;
    color: #047cf1;
    margin:0.562rem 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow:ellipsis;
    width: 100%;
    padding: 0 10px;
}
.pro_con p{font-size:1.125rem;color: #666;margin-bottom:2.5rem;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;width: 100%;padding: 0 10px;}
.pro_con span{font-size:1.125rem;color:#047cf1;}
.pro_con:hover{top:-1.25rem;}

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

.card{margin:2px 0px;}
.card .card-img-auto{display:none;}
.card .card-img-auto_m{height:auto;display:inline;}
.card .card-img-auto_m img {
    transition: 2s;
	padding:0;
	margin:0;
	display:inline;
}

.card .card-img-auto_m img:hover {
    transform: scale(1.2, 1.2);
    transition: 2s;
}
.card-body {display:none;}
}


.card-body .badge-secondary {
    background-color: #3184ff;
}


/*.card-body .card-title a {

    background: none;
    color: #3184ff;
    border: 1px solid #3184ff;
    float: right;
    padding: 0rem .75rem;
}
*/

@media only screen and (min-width: 576px) {
    .card-img-auto {

        overflow: hidden;
    }

    .card-img-200 {
        height: 200px;
        overflow: hidden;
    }

    .card-img-180 {
        height: 180px;
        overflow: hidden;
    }

    .card-img-150 {
        height: 150px;
        overflow: hidden;
    }

    .card-img-120 {
        height: 120px;
        overflow: hidden;
    }

    .card-img-100 {
        height: 100px;
        overflow: hidden;
    }
}
/*--productview--*/
.swiper_button{background-image: none;width: auto;height: auto;top: 50%;transform: translateY(-50%);margin: 0;}
.swiper_button img{width: 15px;height: auto;}
.swiper_button img:last-child{display: none;}
.swiper_buttonp{left: 0;}
.swiper_buttonn{right: 0;}
.swip_hrevi{padding:1.875rem;}
.swiper_button:hover img:first-child{display: none;}
.swiper_button:hover img:last-child{display: block;}


.dart{padding:7.5rem 0;}
.dart_box{display: flex;justify-content: space-between;}
.dart_l{width: 50%;position: relative;}
.dart_r{width: 45%;margin-left:5%;}
.dart_logo{margin-bottom:2rem;padding-top:2.5rem;}
.dart_logo h2{text-align:left;color:#333333;}
.dart_logo img{width:12.25rem;margin-bottom:1.75rem;}
.dart_logo p{font-size:20px;color:#047cf1;font-family:"BarlowCondensed-Medium";margin-bottom:2rem;}
.dart_logo i{width: 30px;height: 2px;background: #333;display: block;}
.dart_txt{margin-bottom:3.75rem;}
.dart_txt li{position: relative;padding-left: 18px;font-size: 18px;margin-bottom:1rem;color: #666;}
.dart_txt li::after{content: '';position: absolute;width: 4px;height: 4px;background: #666;border-radius: 50%;left: 0;top: 10px;}

.dart_view{
    width: 100%;
    margin: 3rem 0 0;
}
.dart_text_title{
    font-size: 1.5rem;
    color: #047cf1;
    font-weight: 600;
    margin-bottom: 2rem;
}
.a_td{width:6.25rem;height:6.25rem;border: 1px solid #ddd;cursor: pointer;position: relative;}
.a_td::after{content: '';position: absolute;width: 100%;height: 0px;background: #047cf1;bottom: 0;left: 0;}
.a_td img{width:100%;height:100%;border: 0;vertical-align: middle;object-fit: cover;}
.dart_banner{width:calc(25rem + 60px);}
.dart_banner .swiper-slide{width:6.25rem!important;}
.swiper-slide-active .a_td::after{height: 2px;}
.dart_r360{height: 100%; margin-bottom: 2rem;}
.dart_r360_box{width: 100%;height: 100%;position: relative;}
.dart_r360_img{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.dart_r360_img>img{width:37.5rem;height:37.5rem;margin: auto;}
.swip_but .h_revi_prev{left: 3%;}
.swip_but .h_revi_next{right: 3%;}
.dart_r_bj{position: absolute;bottom: 0;left:1.25rem;}
.swip_but .swiper-button-prev,.swip_but .swiper-container-rtl .swiper-button-next{ background-image:none;}
.swip_but .swiper-button-next,.swip_but .swiper-container-rtl .swiper-button-prev{ background-image:none;}
@media (max-width: 1900px) {
  .brand_con_p p ,.link_nr ul li a,.dart_txt p{
    font-size: 16px;
  }
}
@media (max-width: 1580px) {
  .brand_con_p p ,.link_nr ul li a,.dart_txt p{
    font-size: 14px;
  }
	.dart_txt p::after{top: 9px;}
}

	/* 360度 */
#c-UV10 {
  position: relative;
}

#c-UV10 .pro_alt {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 4;
  width: 180px;
  height: 180px;
  background-color: #ffffff;
  box-shadow: 0px 0px 21px 0px rgba(47, 47, 47, 0.2);
  border-radius: 3px;
  padding: 80px 40px;
  display: none;
}
@media (max-width: 1580px) {
  #c-UV10 .pro_alt {
    padding: 40px 30px;
    width: 150px;
    height: 100px;
  }
}
#c-UV10 .pro_alt .xian {
  width: 100%;
  height: 2px;
  background-color: #dddddd;
  position: relative;
  margin-bottom: 16px;
}
@media (max-width: 1580px) {
  #c-UV10 .pro_alt .xian {
    margin-bottom: 12px;
  }
}
#c-UV10 .pro_alt .xian img {
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(-50%);
  width: 16px;
  -webkit-animation: rit 5s linear infinite;
  animation: rit 5s linear infinite;
}
@media (max-width: 1580px) {
  #c-UV10 .pro_alt .xian img {
    width: 12px;
  }
}
#c-UV10 .pro_alt p {
  text-align: center;
  font-size: 16px;
  color: #00ADBB;
  line-height: 1.1;
}
@media (max-width: 1580px) {
  #c-UV10 .pro_alt p {
    font-size: 14px;
  }
}
#c-UV10 .c-mask {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  width: 100%;
  height: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#c-UV10 .c-mask.on {
  cursor: grab;
}
#c-UV10 .c-bj {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#c-UV10 .c-img-box {
  margin: 0 auto;
  position: relative;
  width: 9rem;
  height: 6rem;
  overflow: hidden;
}
@media (max-width: 972px) {
  #c-UV10 .c-img-box {
    width: 6rem;
  }
}
#c-UV10 .c-img-box img {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
	object-fit: contain;
}
#c-UV10 .c-img-box img.on {
  opacity: 1;
}

/*--NEWS--*/
.news_list{padding:0;}
.news_list .row .newslist{
    background: #fff;
    margin-bottom:2rem;
    box-shadow: 0 0 20px rgba(0, 14, 12,0.1);
}
  .news_list .row .newslist .newspic{
    position: relative;
    width: 100%;
    padding-bottom:75%;
  }
  .news_list .row .newslist .newspic img{
    width: 100%;
    position: absolute;
    height:100%;
    top: 0;
    left: 0;
    object-fit: cover;
  }
  .news_list .row .newslist .newspic .bg{
    position: absolute;
    width: 100%;
    height:100%;
    top: 0;
    left: 0;
    
  }
  .news_list .row .newslist:hover .newspic .bg{
    background: rgba(0, 133, 116,0.5);
  }
  .news_list .row .newslist .newscon {
    padding: 37px;
    height: 256px;
  }
  .time {
    font-size: 14px;
    color: #666;
    margin-bottom: 20px;
    opacity: 0.8;
}
  .news_list .row .newslist .newscon h3{
    font-family: 'BarlowCondensed-Medium';
    font-size: 20px;
    max-width: 440px;
    color: #101010;
    line-height: 1.5;
    font-weight: normal;
    margin-bottom: 40px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  .news_list .row .newslist:hover .newscon h3{
    color: #047cf1;
  }
  .news_list .row .newslist .newscon .newsdetail{
    font-size: 14px;
    color: #666;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
  }

@media (max-width:1600px) {
    .news_list .row .newslist .newscon{
        padding:1rem;
    }
    .news_list .row .newslist .newscon h3{
        margin-bottom:1.125rem;
    }

}

.discover_show{padding: 0.75rem 0 1.4rem;}
.discover_show_box{display: flex;justify-content: space-between;align-items: flex-start;}
.discover_show_l{width: 65.4%;}
.discover_show_l h1{font-size:2.75rem;margin-bottom:1rem;}
.discover_show_l>span{color: #999;margin-bottom: 3.45rem;display: block;}
.discover_show_con img{max-width: 100%;width: auto;margin-bottom:1rem;}
.discover_show_r{padding-top:1.25rem;width: 27.7%;min-height: 380px;position: sticky;top: 100px;}
.discover_show_r h2{padding-bottom:1.125rem;border-bottom: 1px solid #dddddd;margin-bottom:1.875rem;font-weight: 400;}
.posts{padding-bottom:1.25rem;border-bottom: 1px solid #dddddd;margin-bottom:1.875rem;}
.posts_box{position: relative;padding:0 2.5rem 0 14px ;margin-bottom:1.875rem;}
.posts_box::after{content: '';position: absolute;left: 0;top: 11px;width: 3px;height: 3px;border-radius: 50%;background: #666;}
.posts_box p{line-height:1.5rem;color: #666;}
.posts_b span{display: block;margin-bottom: 0.3125rem;}
.posts_b p{color: #666;margin-bottom: 2.1875rem;}
.posts_b .more{padding: 0;border: none;}
.more2 {
    border: none;
}
.more{padding: 0 2.1875rem;border-radius: 50px;border: 2px solid #047cf1; background:rgba(255,255,255,0.6);display: inline-flex;justify-content: center;align-items: center;color: #047cf1;}
.more img{width: 5px;height: auto;margin-left: 0.875rem;position: relative;left: 0;}
.more:hover{opacity: 0.8;}
.more:hover img{left: 0.3125rem;}


@media screen and (max-width: 767px) {
	.show_crumbs{padding-top: 15px;}
	.more{padding: 0 1.1875rem;border-radius: 50px;border: 1px solid #047cf1;display: inline-flex;justify-content: center;align-items: center;color: #047cf1;}
	.discover_show_l h1{font-size: 24px;line-height: 1.5;margin-bottom: 10px;}
	.discover_show_box{display: block;}
	.discover_show_l{width: 100%;}
	.discover_show_r{position: initial;width: 100%;padding-top: 30px;}
	.discover_show_l>span{margin-bottom: 20px;}
	.discover_show_share{margin-top: 30px;}
	.posts{margin-bottom: 20px;}
}

/*--contact--*/
.contact_con{
	padding:2rem 0 8.75rem;
	line-height:35px;
	}
.contact_l{width: 50%;}
.contact_tel{margin-bottom: 2.8125rem;}
.contact_tel>p{margin-bottom: 0.625rem;font-family: 'Montserrat_s';}
.contact_tel_box span{margin-right: 2.8125rem;color: #666;}
.contact_fol{margin-bottom: 2.45rem;}
.contact_fol>p{margin-bottom: 1.25rem;font-family: 'Montserrat_s';}
.contact_fol_box img{height: 35px;width: auto;margin-right: 2.125rem;border: 0;
    vertical-align: middle;
    object-fit: cover;}
	
.contact_fol_box a{display:inline-block;}

.contact_r{width: 50%;padding:0 4.25rem;}
.contact_r h3{margin-bottom:3.125rem;font-size: 1.5rem;}
.contact_inp{margin-bottom: 0.625rem;display: flex;justify-content: space-between;}
.contact_inp input{height: 3.375rem;border-bottom: 1px solid #ddd;border-top: none;border-left: none;border-right: none;width: 48%;padding: 0;}
.contact_inp input::-webkit-input-placeholder{color: #999 !important;}
.contact_textarea textarea::-webkit-input-placeholder {color: #999 !important;}

.contact_select{position: relative;}
.contact_select select{width: 100%;height: 3.375rem;border-bottom: 1px solid #ddd;}
.contact_select select option{height: 3.375rem;}
.contact_r_box input::-webkit-input-placeholder {color: #333;}
.contact_r_box input::-moz-input-placeholder {color: #333;}
.contact_r_box input::-ms-input-placeholder {color: #333;}
.contact_r_box textarea::-webkit-input-placeholder {color: #333;}
.contact_r_box textarea::-moz-input-placeholder {color: #333;}
.contact_r_box textarea::-ms-input-placeholder {color: #333;}
.contact_select>img{position: absolute;width: 16px;height: auto;right: 0.3rem;top: 50%;transform: translateY(-50%);opacity: 0.7;}
.contact_textarea textarea{border-bottom: 1px solid #ddd;padding: 2rem 0 0 0;height: 10rem;width: 100%;}
.contact_r_box button{margin-top: 2.5rem;height: 3.375rem;background: #047cf1;width: 100%;color: #fff;}

.contact_brand{background: #f8f8f8;padding:7.5rem 0;}
.contact_fin{padding: 7.5rem 0 5rem;}
.contact_fin h3{text-align:center;line-height:1.875rem;color:#666;margin-bottom:2rem;}
.contact_fin_nr p{text-align: center;line-height:5.625rem;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.contact_fin_img{background: #fff;height: 13rem;position: relative;top: 0;}
.contact_fin_img img{height:auto;width: 100%;border: 0;vertical-align: middle;object-fit: cover;}
.contact_fin_nr:hover p{color: #2CACCE;}
.contact_fin_nr:hover .contact_fin_img{top: -0.625rem;box-shadow: 0 0 20px rgba(0,0,0,0.1);}

.contact_fin .swiper_button{top: calc(50% - 2.8125rem); background-image:none;}
.contact_fin .swiper_buttonp{left: -1.875rem;background-image:none;}
.contact_fin .swiper_buttonn{right: -1.875rem;}
.contact_fin .h_revi_con{position: relative;}
.contact_fin .sub_h2{margin-bottom: 1.875rem;}
.contact_fin .swiper-slide{height:auto;}
.contact_fin .swiper-wrapper{height:auto;}
@media screen and (max-width: 1440px) {
	.faq_title h3{font-size: 14px;}
}
.swi_scro{top: auto !important;height: 2px !important;display: none ;}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #5bbbd6 !important;}
@media screen and (min-width: 768px) {
	.high_img{background: none !important;}
}

@media screen and (max-width: 768px) {
	.sel_text_x{height: 40px !important;}
}
@media screen and (max-width: 767px) {
	.high_img img{display: none;}
	.crumbs,.highpag{display: none;}
	.about_pag_ul p::after{bottom: -2px;}
	.swi_scro{display: block;}
	.explore .swiper-container{padding: 30px 0 20px;}
	.swip_hrevi{padding: 10px 0 30px;}
	.pro_con h3{font-size: 16px;}
	.meth{height: 130vh;}
	
	.high_con.color1 .high_img::after{content: '';position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,0.3);}
	.high_con.color2 .high_img::after{content: '';position: absolute;width: 100%;height: 100%;background: rgba(255,255,255,0.6);}
}
/*--FOOTER--*/
footer{width:100%;background:#047cf1;color:rgba(255, 255, 255,0.5);}
.bmenu{display: flex;padding:3rem 0;}
.bmenu .b_contact{width:40%;padding-right:1rem;}
.bmenu dl{width:30%;}
.bmenu dl dt{color:#ffffff;margin-bottom:1rem;}
.bmenu dl dd{line-height: 1.5rem;}
.bmenu dl dd a{color:rgba(255, 255, 255,0.5);}
.copyright{padding:1rem 0;font-size:14px;border-top:rgba(255, 255, 255,0.5) 1px solid;}