html,body{ height: 100%;}
p{ text-align: justify; }
a:hover{ color: #AF1F24; }
.by_pc{ display: block; }
.by_mobile{ display: none; }
a.button_mid{ font-size: 14px; display: inline-block; padding: 6px 22px; background: #AF1F24; border:1px solid #AF1F24; color: #fff; border-radius: 3px;}
a.button_mid:not([href]):not{ color: #AF1F24;}
a.button_mid.button_light{ background: #fff; border:1px solid #AF1F24; color: #AF1F24; border-radius: 3px;}
a.button_mid.button_light:hover{ background:#AF1F24; color: #fff;}
.box_layer{ position: fixed; z-index: 100; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.5);}

.button{ cursor: pointer; display: inline-block; border: 1px solid #000; padding: 15px 30px; font-weight: 300; border-radius: 4px; color: #666; }
.button img{ float: right; width: 13px; margin: 5px 0 0 10px; }
.button.bg_f{ background: #fff; color: #000; }
.button.bg_f:hover{ background: #AF1F24; color: #fff; }

.button_sm{ display: inline-block; border: 1px solid #000; padding: 6px 20px; font-weight: 300; border-radius: 4px; color: #666; }
.button_sm img{ float: right; width: 13px; margin: 8px 0 0 10px; }
.button_sm:hover{ background: #000000; color: #fff; }
.universe{min-height: calc(100% - 550px);}
.button_black, a.button_black{ background: #000; color: #fff; border:1px solid #000; }
.button_black, a.button_black:hover{ background: #AF1F24; border:1px solid #AF1F24; }

/*首页*/
.container{max-width: 1300px;}

.nav_slide{ display: none; padding-top: 40px; padding-bottom: 10px; }
.nav_slide h4{ font-size: 28px; color: #000; font-weight: 500; margin-bottom: 20px; }
.nav_slide dl{ width: 33.33%; float: left; display: flex;}
.nav_slide dl dt{ width: 64px; }
.nav_slide dl dt img{ width: 64px; }
.nav_slide dl dd{ max-width: 280px; }
.nav_slide dl dd .title_sec{ color: #000; font-size: 16px; font-weight: 400; margin-bottom: 2px; }
.nav_slide dl dd .txt{ font-size: 12px; color: #000; font-weight: 300; }
.nav_slide a:hover dl dd .title_sec,.nav_slide a:hover dl dd .txt{ color: #AF1F24;}

.title{ text-align: center; }
.title h3{ font-size: 28px; color: #000000; font-weight: bold; margin-bottom: 0;letter-spacing: 3px;}
.title .tip{ font-size: 28px; font-weight: 400; color: #000000;letter-spacing: 3px;font-family: PingFangSC-Regular, PingFang SC;text-transform: uppercase;}
.index_product{ background: #F0F5FB; padding-bottom: 50px;}
.index_product .title{ padding: 50px 0;}
.index_product .inner{ background: #111; }
.index_product .inner .item{ position: relative; width: 12%; float: left; height: 500px; overflow: hidden;
 -webkit-transition: width .2s ease,height .2s ease,left .2s ease,right .2s ease,margin .2s ease,padding .2s ease; -o-transition: width .2s ease,height .2s ease,left .2s ease,right .2s ease,margin .2s ease,padding .2s ease; transition: width .2s ease,height .2s ease,left .2s ease,right .2s ease,margin .2s ease,padding .2s ease;
 }
.index_product .inner .item .cont{ position: relative; z-index: 9; padding: 20px; height: 100%;  display: flex; align-items: center;}
.index_product .inner .item .cont h4{ text-align: center; font-size: 22px; font-weight: 300; color: #fff; padding-bottom: 0; margin-bottom: 0; }
.index_product .inner .item .cont .txt{ display: none; }
.index_product .inner .item .cont .more{ position: absolute; bottom: 30px; right: 30px; }
.index_product .inner .item.active{ width:52%; }
.index_product .inner .item.active .cont{ width: 33%;  display: flex; align-items: left; }
.index_product .inner .item.active h4{ font-size: 28px; font-weight: 400; text-align: left; position: relative; padding-bottom: 13px; margin-bottom: 30px; }
.index_product .inner .item.active h4:after{ content: ''; display: block; position: absolute; left: 0; bottom: 0;width: 56px;border-bottom: 2px solid #FFFFFF;}
.index_product .inner .item.active .cont{padding: 30px; background: rgba(0,0,0,0.5000);opacity: 0.9;backdrop-filter: blur(10px);}
.index_product .inner .item.active .cont .txt{ display: block; font-size: 14px; color: #fff; font-weight: 400; }
.index_product .inner .item .pic{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; margin: 0 auto; }
/*.index_product .inner .item .pic img{ width: auto; height: 100%; margin: 0 auto; 
-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%); -o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.index_product .inner .item.active .pic img{ width: 100%; object-fit: cover; flex: 1;
-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%); -o-filter: grayscale(0%);filter: grayscale(0%);filter: gray;}*/
.index_product .inner .item .pic.pic1{ background: url(../images/product_pic1.jpg) no-repeat center center; background-size: cover; }
.index_product .inner .item .pic.pic2{ background: url(../images/product_pic2.jpg) no-repeat center center; background-size: cover; }
.index_product .inner .item .pic.pic3{ background: url(../images/product_pic3.jpg) no-repeat center center; background-size: cover; }
.index_product .inner .item .pic.pic4{ background: url(../images/product_pic4.jpg) no-repeat center center; background-size: cover; }
.index_product .inner .item .pic.pic5{ background: url(../images/product_pic5.jpg) no-repeat center center; background-size: cover; }

.advantage{ background: #fff; padding-bottom: 50px; font-size: 14px;}
.advantage .title{ padding: 50px 0;}
.advantage .inner{ position: relative; }
.advantage .inner .item{ position: relative; display: flex; align-items: center;}
.advantage .inner .item .icon{ margin-bottom: 10px; }
.advantage .inner .item .icon img{ width: 86px; }
.advantage .inner .item h4{ font-size: 22px; font-weight: 500; color: #000; }
.advantage .inner .item .col1,.advantage .inner .item .col2{ width: 50%; padding: 20px;}
.advantage .inner .item .box_flex{ align-items: center; }
.advantage .inner .item .board{ width: 45%; height: 1px; border-top: 1px dotted #ccc;}
.advantage .inner .item .line{ position: relative; }
.advantage .inner .item .line:before,
.advantage .inner .item .line:after{ content: ''; display: block; width: 9px; height: 9px; border: 1px solid #ccc;background: #fff; position: absolute; left: 0; top: -5px; }
.advantage .inner .item .line:after{ left: auto; right: 0; top: -5px; }
.advantage .inner .item .txt{ width: 55%; padding-left: 10px; padding-right: 10px; }
.advantage .inner .sp{ position: absolute; width: 1px; border-left: 1px solid #ccc; height: 110%; left: 50%; }
.advantage .inner .sp:before{ content: ''; display: block; width: 9px; height: 9px; border: 1px solid #ccc;background: #fff; position: absolute; left: -5px; top: -9px; }

.latest{ background-image: url(/template/pc/index/images/index_new.jpg); padding-bottom: 0px; font-size: 14px;}
.latest .title{ padding: 50px 0;}
.latest h4{ padding: 0; font-size: 22px; font-weight: 500; color: #000;}
.latest .item{ background: #fff; margin-bottom: 30px; }
.latest a .item:hover{ box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); }
.latest .item .txt{ height: 50px; overflow: hidden; }
.latest .item img{ width: 100%; margin-bottom: 12px;}
.latest .item .inner{ padding: 30px; }
.latest .item .date{ font-size: 12px; color:#666; margin-bottom: 5px;}
.latest .item:hover .inner{ color: #AF1F24;}
.latest .row_bg .item img{ height: 360px;object-fit: cover; flex: 1; }
.latest .row_sm .item img{ height: 240px;object-fit: cover; flex: 1; }

.partners{ background:#fff; padding-bottom: 50px; font-size: 16px;}
.partners .title{ padding: 50px 0;}
.partners .inner{ position: relative; width: 100%; overflow: hidden; }
.partners .inner .item{ float: left; }
.partners .inner .item img{ display:block;width: 226px; height: 98px; background: #FFFFFF; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.08); border-radius: 6px; text-align: center; margin:14px 14px; }

.footer{ background:url(../images/footer_bg.jpg) no-repeat center center #000;background-size: cover; font-weight: 400;}
.footer .container{ padding-top: 70px; padding-bottom: 70px; font-size: 14px;}
.footer .copyright .container{ padding-top: 0; padding-bottom: 0; }
.footer .container ul{ float: left;}
.footer .qrcode{ margin-bottom: 30px; }
.footer .qrcode img{ width: 97px; height: 97px;}
.footer .line{ text-align: center; }
.footer .line:after{ content:''; height: 100%; display: inline-block; width: 1px; border-left: 1px solid rgba(255, 255, 255, 0.2);margin: 0 auto;}
.footer .contact ul{ padding-top: 5px;}
.footer .contact ul li{ margin-bottom: 10px; font-size: 14px; }
.footer .contact ul li a{ font-weight: 400; }
.footer .contact ul li:nth-last-child(1){ margin-bottom: 0;}
.footer .copyright{ border-top: 1px solid #2B3035; padding: 40px 0;text-align: center;}
.footer .copyright,.copyright a{ color: #888888; font-size: 14px; font-weight: 400;}
.footer_nav ul li{ font-size: 14px; color: #999; margin-bottom: 10px;}
.footer_nav ul li:first-child{ margin-bottom: 18px; font-size: 16px; }
.footer_nav ul li:nth-last-child(1){ margin-bottom: 0;}
.footer_nav ul li a{ font-size: 14px; font-weight: 400; color: #fff;}
.footer_nav ul li a:hover,.footer .contact ul li a:hover,.copyright a:hover{ color: #AF1F24; }
.footer .contact .title_sec{ font-size: 16px; margin-bottom: 20px; color: #999;}


/*产品服务*/
.banner_sec{ height: 440px; margin-top: 59px; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.banner_sec .container{ display: flex; align-items: center; color: #fff; height: 100%; }

.product_banner_guangjian{ background-image: url(../images/product_guangjianlian.jpg); }
.product_banner_guangjian .title{ font-size: 40px; color: #fff; margin-bottom: 20px; font-weight: bold; letter-spacing: 6px; text-align: left;}
.product_introduce{ background-image: url(/template/pc/index/images/product01.jpg); padding: 50px 0; }
.product_introduce h4{ font-size: 28px; font-weight: bold; color: #000; margin-bottom: 30px; margin-top: 80px; }
.product_introduce p{ font-size: 14px; color: #000; }
.product_introduce .pic{text-align: center;}
.product_introduce .pic img{ max-width: 100%; }
.product_superiority{ padding: 50px 0 20px;}
.product_superiority h4{ font-size: 28px; font-weight: bold; color: #000; margin-bottom: 30px; text-align: center;}
.product_superiority dl{ width: 50%; float: left; display: flex; padding: 0 0 0; margin: 0; min-height: 150px;}
.product_superiority dl dt{ width: 100px; }
.product_superiority dl dt img{ width: 80px; }
.product_superiority dl dd{ padding-left: 25px; padding-right: 25px;}
.product_superiority dl dd .title_sec{ color: #000; font-size: 22px; font-weight: bold; margin-bottom: 10px; }
.product_superiority dl dd .txt{ font-size: 14px; color: #000; font-weight: 400; }

.product_framework{ padding: 50px 0;}
.product_framework h4{ font-size: 28px; font-weight: bold; color: #fff; margin-bottom: 30px; text-align: center; }
.product_framework .pic{ background: #fff; text-align: center; padding: 50px 15px; }
.product_framework .pic img{ width: 100%; max-width: 1200px; }

.product_serve{padding: 50px 0; background: #182029;}
.product_serve h4{ font-size: 28px; font-weight: bold; color: #fff; margin-bottom: 30px; }
.product_serve .pic{ background: #fff; text-align: center; padding: 50px 0; }
.product_serve .pic img{ max-width: 900px; }

/*元宇宙虚拟空间*/
.product_metaverse_banner{ background-image: url(../images/product_metaverse_banner.jpg); }
.product_metaverse_banner .title{ font-size: 40px; color: #000; margin-bottom: 20px; font-weight: bold; letter-spacing: 6px; text-align: left;}

/*数字藏品标准化*/
.product_collection_banner{ background-image: url(../images/product_collection_banner.jpg); }
.product_collection_banner .title{ font-size: 40px; color: #000; margin-bottom: 20px; font-weight: bold; letter-spacing: 6px; text-align: left;}

/*数字身份*/
.product_digital_banner{ background-image: url(../images/product_digital_banner.jpg); }
.product_digital_banner .title{ font-size: 40px; color: #fff; margin-bottom: 20px; font-weight: bold; letter-spacing: 6px; text-align: left;}

/*碳资产*/
.product_carbon_banner{ background-image: url(../images/product_carbon_banner.jpg); }
.product_carbon_banner .title{ font-size: 40px; color: #fff; margin-bottom: 20px; font-weight: bold; letter-spacing: 6px; text-align: left;}


/*核心技术*/
.technology_banner{ background-image: url(../images/technology_banner.jpg); }
.technology_banner .container{ color: #fff; text-align: center; }
.technology_banner .container .box{ width: 100%; }
.technology_banner .title{ font-size: 40px; color: #fff; margin-bottom: 20px; font-weight: bold; letter-spacing: 6px;}
.technology_jg,.technology_ys,.technology_application{padding: 50px 0;}
.technology_jg h4,.technology_ys h4,.technology_application h4{ font-size: 28px; font-weight: bold; color: #000; margin-bottom: 30px; }
.technology_jg .pic img,.technology_ys .pic img{ width: 100%; max-width: 1000px; margin: 0 auto; display: block; }

.technology_application{ background: #FBFBFB; padding: 30px 0;}
.technology_application .item{ text-align: center; padding-top: 50px; height: 210px; position: relative;}
.technology_application .item:after{ display: none;content: '';position: absolute; width: 100%; left: 0; top: 0; height: 100%; z-index: 3;}
.technology_application .item:hover:after{ display: block; background:rgba(175,31,36,0.7);text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.19);-webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: all 0.5s;-o-transition: all 0.5s; transition: all 0.5s;}
.technology_application .item.jr{ background: url(../images/index_application1.jpg) no-repeat center center;background-size: cover;}
.technology_application .item.ny{ background: url(../images/index_application2.jpg) no-repeat center center;background-size: cover;;}
.technology_application .item.yl{ background: url(../images/index_application3.jpg) no-repeat center center;background-size: cover;;}
.technology_application .item.zw{ background: url(../images/index_application4.jpg) no-repeat center center;background-size: cover;;}
.technology_application .item h4{ border-bottom: 2px solid rgba(255,255,255,0); padding-bottom: 5px; display: inline-block; position: relative; z-index: 4; font-size: 22px; color: #fff; text-align: center; margin-bottom: 15px;}
.technology_application .item .inner{ text-align: left; position: relative; z-index: 4;font-size: 14px; color: #fff;padding: 0 20px; line-height: 1.6; margin: 0 auto; }
.technology_application .item:hover h4{ border-bottom: 2px solid rgba(255,255,255,1);}
.technology_application .col-lg-6:first-child{ margin-bottom: 30px; }

/*场景案例*/
.case_banner{ background-image: url(../images/case_banner.jpg); }
.case_banner .container{ color: #fff; text-align: center; }
.case_banner .container .box{ width: 100%; }
.case_banner .title{ font-size: 40px; color: #fff; margin-bottom: 0; font-weight: bold; letter-spacing: 6px;}
.case{ padding: 50px 0; }
.case h4{ font-size: 28px; font-weight: bold; color: #000; margin-bottom: 40px; text-align: center;}
.case .item{ display: block; margin-bottom: 30px; }
.case .item img{ width: 100%; object-fit: cover; flex: 1; }
.case .item .inner{ height: 200px; overflow: hidden; padding: 40px 30px; background: #F0F5FB; }
.case .item .inner h4{ font-size: 22px; font-weight: bold; color: #000; margin-bottom: 15px; }
.case .item .inner p{ font-size: 14px; font-weight: 400; color: #000; margin-bottom: 0; }
.case .item:hover .inner{ background: #AF1F24; }
.case .item:hover .inner h4{ color: #fff;}
.case .item:hover .inner p{ color: #fff;}


/*关于我们*/
.about_banner{ background-image: url(../images/about_banner.jpg); }
.about_banner .container{ color: #fff; text-align: center;height: 100%; display: flex; align-items: center; justify-content: center;}
.about_banner .title{ font-size: 40px; color: #fff; margin-bottom: 0; font-weight: bold; letter-spacing: 6px;}

.about_tab .content{ padding-top: 0; }
.about_tab .content .item{ padding: 0; margin: 0; }
.about_tab .content .pic img{ box-shadow: 0px 3px 8px 1px rgba(0, 0, 0, 0.18); }
.about_tab .content p{ font-size: 14px; line-height: 1.8; color: #69767D; }
.about_tab .product_case .content .item .pic{ margin: 40px 0px -33px 40px; }
.about_tab .product_case .inner{ padding: 30px 40px 30px 0px; position: relative; }
.about_tab .product_case h4{position: relative; z-index: 3; display: inline-block; padding-right: 10px; background: #fff; font-size: 22px; font-weight: 500; color: #3E454F; margin-top: 10px; margin-bottom: 20px;}
.about_tab .product_case .title{ position: relative; }
.about_tab .product_case .title:after{ content: ''; display: block; border-bottom: 1px solid #3E454F; width: 100%; position: absolute; top: 0; margin-top: 23px; left: 0;}
.about_tab .product_case .item .inner .title{ text-align: left; }

.about_from{ padding: 30px 0; text-align: center; }
.about_from h3{ font-size: 26px; color: #3E454F; display: inline-block; padding-bottom: 8px; margin-bottom: 25px; border-bottom:1px solid #3E454F; font-weight: 500; }
.about_from .pic img{ width: 100%; }
.about_from .container .inner{ margin-bottom: 40px; }
.about_from .container p{ font-size: 14px; line-height: 1.8; color: #69767D; text-align: center; }

.about_honor{ padding: 30px 0; }
.about_honor h3{ font-size: 26px; color: #3E454F; display: inline-block; margin-top: 0; margin-bottom: 30px; font-weight: 500; }
.about_honor .container{ text-align: center; padding-bottom: 180px; overflow: hidden;}
.about_honor .pic img{ width: 100%; }
.about_honor .container .inner{ position: absolute;left: 0;right: 0;}
.about_honor .container p{ font-size: 14px; line-height: 1.8; color: #69767D; }
.about_honor .content{ position: relative; padding-top: 30px; padding-left: 30px; padding-right: 30px; }
.about_honor .swiper-slide{ background: none; }
.about_honor .swiper-button-next:after,.about_honor .swiper-button-prev:after{ display: none; }
.about_honor .swiper-button-next,
.about_honor .swiper-button-prev{ position: absolute; z-index: 5; height: 55px; width: 55px; margin-top: calc(10px - (var(--swiper-navigation-size)/ 2));}
.about_honor .swiper-button-next{ right: 0; background: url(../images/about_swiper_next.png) no-repeat 0 0;}
.about_honor .swiper-button-prev{ left: 0; background: url(../images/about_swiper_prev.png) no-repeat 0 0;}
.about_honor .swiper-button-next:hover{background: url(../images/about_swiper_next_hover.png) no-repeat 0 0;}
.about_honor .swiper-button-prev:hover{background: url(../images/about_swiper_prev_hover.png) no-repeat 0 0;}
.about_honor .swiper-wrapper{
  -webkit-transition-timing-function: linear; /*之前是ease-out*/
  -moz-transition-timing-function: linear;
  -ms-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
  transition-timing-function: linear !important;
}

.about_honor .swiper-slide .inner{ bottom: -275px; }
.about_honor .swiper-slide.swiper-slide-prev .inner,
.about_honor .swiper-slide.swiper-slide-next .inner{ bottom: -178px; }
.about_honor .swiper-slide.swiper-slide-active .inner{ bottom: -118px; }
.about_honor .swiper-slide .inner:after{ content: ''; display: block; width: 16px; height: 16px; border-radius: 50%; background:#AF1F24; position: absolute; z-index: 5; left: 50%;top: 0;-webkit-transform: translate(-50%, -255%);
    transform: translate(-50%, -255%); }
.about_honor .swiper-slide.swiper-slide-prev .inner:after,
.about_honor .swiper-slide.swiper-slide-next .inner:after{ content: ''; display: block; width: 16px; height: 16px; border-radius: 50%; background:#AF1F24; position: absolute; z-index: 5; left: 50%;top: 0;-webkit-transform: translate(-50%, -185%);
    transform: translate(-50%, -185%); }
.about_honor .swiper-slide.swiper-slide-active .inner:after{ content: ''; display: block; width: 16px; height: 16px; border-radius: 50%; background:#AF1F24; position: absolute; z-index: 5; left: 50%;top: 0;-webkit-transform: translate(-50%, -140%);
    transform: translate(-50%, -140%); }
.about_honor .swiper-slide{ opacity: 0.3; }
.about_honor .swiper-slide.swiper-slide-prev,
.about_honor .swiper-slide.swiper-slide-next{ opacity: 0.7; }
.about_honor .swiper-slide.swiper-slide-active{ opacity: 1; }
.about_honor .line{ width:100%;height:1px; font-size: 1px; line-height: 1px;position: absolute; bottom: -85px; left: 0;
background:-webkit-linear-gradient(left,#fbfbfb, rgb(175,31,36,1) , #fbfbfb); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(left,#fbfbfb, rgb(175,31,36,1) , #fbfbfb); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(left,#fbfbfb, rgb(175,31,36,1) , #fbfbfb); /* Firefox 3.6 - 15 */
background: linear-gradient(to left,#fbfbfb, rgb(175,31,36,1) , #fbfbfb); /* 标准的语法 */}
.about_honor .swiper-slide .itme img{ width: 194px; max-width: 100%; border:1px solid #ddd; }

.product_case{ padding: 30px 0; }
.product_case .content{margin-bottom: 40px;background: url(../images/product_bg.png) repeat center center;padding-bottom: 50px;}
.product_case .content .item{ background: #fff; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); }
.product_case .content .item .pic{ margin: 40px 40px -33px 40px; }
.product_case .content .item img{ width: 100%; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);}
.product_case .inner{ padding:30px 50px 30px 50px; }
.product_case .inner p{ font-size: 14px; color: #6a6a6a; line-height: 1.8; }
.product_case h4{ font-size: 22px; color: #3E454F;position: relative; margin-top: 38px; margin-bottom: 45px; }
.product_case h4 span{ font-size: 135px; color: rgba(175, 31, 36,0.08); position: absolute; left: 0;top:0; margin-top: -68px; margin-left: -8px; z-index: 2; font-weight: bold; font-style: italic;}
.product_case .content:nth-child(3) h4{ color: #fff; }
.product_case .content:nth-child(3) h4 span{ color: rgba(255, 255, 255, 0.08); }
.product_case .content:nth-child(3) .item{ background: #AF1F24; }
.product_case .content:nth-child(3) .inner p{ color: #E1DFDF; }


/*资讯*/
.news_banner{ background-image: url(../images/news_banner.jpg); }
.news_banner .container{ color: #fff; text-align: center;height: 100%; display: flex; align-items: center; justify-content: center;}
.news_banner .title{ font-size: 40px; color: #fff; margin-bottom: 0; font-weight: bold; letter-spacing: 6px;}
.news_list{ background: #fff;}
.news_list .container{ padding-top: 60px; padding-bottom: 60px;}
.news_list .menu .title{ font-size: 20px; color: #000; background: #fff; padding: 8px 20px; font-weight: 500; text-align: left;}
.news_list .menu .title i{ float: right; display: none; width: 20px; height: 18px; background: url(../images/icon.png) no-repeat -12px -10px;}
.news_list .menu .title i.up{ background-position:-56px -10px;}
.news_list .menu ul{ margin-bottom: 10px; }
.news_list .menu ul li a{ font-size: 16px; color: #707070; display: block; padding: 10px 20px; border-bottom: 1px solid #fff;}
.news_list .menu ul li a.active,.news_list .menu ul li a:hover{ background: #AF1F24; color: #fff;}
.news_list .list dl{ height: 170px; position: relative; max-height: 168px; overflow: hidden; margin-bottom: 50px; }
.news_list .list dl dt{ position: absolute; left: 0; top: 0; }
.news_list .list dl dt img{ width: 264px; height: 164px; box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.2); }
.news_list .list dl dd{ margin-left: 284px; }
.news_list .list dl dd h3{ font-size: 22px; color: #3E454F; }
.news_list .list a:hover dl dd h3{ color:#AF1F24 ; }
.news_list .list dl dd p{ font-size: 14px; color: #6a6a6a; line-height: 1.8; }
.news_list .list .tag{ font-size: 14px; color: #fff; display: inline-block; line-height: 23px; background: #AF1F24; border: 1px solid #AF1F24; border-radius: 12px; padding: 0px 12px;}
.news_list .list .tag.tag_light{ background: #fff; border: 1px solid #AF1F24; color: #AF1F24;}

.pagelist{ font-size: 14px;}
.pagelist a{ font-size: 14px; color: #303030; background: #fff; text-align: center; display: inline-block;min-width: 25px; height: 25px; line-height: 23px; border-radius: 3px; border: 1px solid #C8C8C8; margin: 2px 1px; padding: 0 7px;}
.pagelist a:hover,.pagelist a:not([href]):not([tabindex]):hover,.pagelist a.active{ border: 1px solid #AF1F24; background: #AF1F24; color: #ffffff; }
.pagelist a.go,.pagelist a.go:hover,.pagelist a.go:not([href]):not([tabindex]):hover{ border: 0; background: none; color:#AF1F24 ; margin-left: 15px; }
.pagelist a.disabled,.pagelist a.disabled:hover,
.pagelist a.disabled:not([href]):not([tabindex]):hover{ color: #ccc;border: 1px solid #e2e2e2;background: #fff;}
.pagelist input{ text-align: center; display: inline-block; height: 25px; background: #fff; border: 1px solid #C8C8C8; width:40px; border-radius: 3px; margin: 2px 1px; }
.pagelist input:focus{ border: 1px solid #AF1F24;}
.pagelist select{ text-align: center; display: inline-block; height: 25px; background: #fff; border: 1px solid #C8C8C8; width:80px; border-radius: 3px; margin: 2px 1px;}
.pagelist .limit{ padding: 0 5px; }
.pagelist .limit span{ display: inline-block; width: 12px; height: 8px; background: url(../images/icon.png) no-repeat -15px -18px; margin-left: 10px; }
.news_list .news_detail{ font-size: 14px; line-height: 2; color: #6a6a6a;}
.news_list .news_detail p{ font-size: 14px;color: #6a6a6a;}
.news_list .news_detail section{ font-size: 14px; line-height: 2; color: #6a6a6a;}
.news_list .news_detail p img{ max-width: 100%;}
.news_list .news_detail{ background: #fff;}
.news_list .news_detail dl{ margin-bottom: auto; max-height: unset; border-bottom: 1px dashed rgba(151, 151, 151, 0.15); padding-bottom: unset;}
.news_list .news_detail dl dd{ position: relative; margin-left: 0; padding: 40px; padding-bottom: 20px; margin-bottom: auto;}
.news_list .news_detail dl dd h3{ font-size: 22px; color: #3E454F; margin-bottom: 20px; padding-right: 80px;}
.news_list .news_detail .back{ position: absolute; z-index:9; right: 0; top: 0; margin-right: 40px; margin-top: 40px; }
.news_list .news_detail .info{ padding: 40px;}
.news_list .news_detail .tag{ font-size: 14px; color: #fff; display: inline-block; line-height: 23px; background: #AF1F24; border: 1px solid #AF1F24; border-radius: 12px; padding: 0px 12px;}
.news_list .news_detail .tag.tag_light{ background: #fff; border: 1px solid #AF1F24; color: #AF1F24;}

/*加入我们*/
.joinus_banner{ background-image: url(../images/joinus_banner.jpg);}
.joinus_banner .container{ color: #fff; text-align: center;height: 100%; display: flex; align-items: center; justify-content: center;}
.joinus_banner .title{ font-size: 40px; color: #fff; margin-bottom: 0; font-weight: bold; letter-spacing: 6px;}
.joinus_list .item{ padding: 55px 0; font-size: 14px; color: #6a6a6a;}
.joinus_list .item:nth-child(2n){ background: #F0F5FB;}
.joinus_list .item h3{ font-size: 22px; color: #3E454F; margin-bottom: 20px;}
.joinus_list .item h3 span{ font-size: 14px; color: #6a6a6a;  margin-left: 20px;}
.joinus_list .item .inner{ text-align: right; margin-top: 15px;}

.joinus_box{ padding-top: 60px; padding-bottom: 60px; background: #fff;}
.joinus_detail p{ font-size: 14px; color: #6a6a6a;}
.joinus_detail p img{ max-width: 100%;}
.joinus_detail{ background: #fff;}
.joinus_detail dl{ margin-bottom: auto; max-height: unset; border-bottom: 1px dashed rgba(151, 151, 151, 0.15); padding-bottom: unset;}
.joinus_detail dl dd{ position: relative; margin-left: 0; padding: 40px; padding-bottom: 20px; margin-bottom: auto;}
.joinus_detail dl dd h3{ font-size: 22px; color: #3E454F; margin-bottom: 20px; padding-right: 80px;}
.joinus_detail dl dd h3 span{ font-size: 14px; color: #6a6a6a;  margin-left: 20px;}
.joinus_detail .back{ position: absolute; right: 0; top: 0; margin-right: 40px; margin-top: 40px; }
.joinus_detail .info{ padding: 40px;}
.joinus_detail .info a{ color: #6a6a6a;}
.joinus_detail .info a:hover{ color: #AF1F24;}


/*quill*/
.quill_box{ line-height: 2; }







@media (min-width: 992px){
  .technical .ys{padding-right: 25px;}
  .technical .qkl{padding-left: 25px;}
}

@media (max-width: 1200px){
	.product_introduce h4{ margin-top: auto; }
  .header ul li{padding: 0 15px;}
  .footer .qrcode{ margin-bottom: 20px; }
  .product_case .inner{ padding: 30px 0px 30px 50px; }
  .product_case .content .item .pic{ margin: 40px 40px -33px 0px; }
  .product_case .content:nth-child(3) .inner{ padding: 30px 50px 30px 0px; }
  .product_case .content:nth-child(3) .item .pic{ margin: 40px 0px -33px 40px; }
  .case .item .inner{ height: auto; }
}
@media (max-width: 992px){
	.footer .line:after{ display: none; }
  .product_superiority dl{ width: 50%; float: left; display: flex; padding: 0 0 0; margin: 0; min-height: 200px;}
  .technical .ys{margin-bottom: 25px;}
  .footer .footer_nav{ margin-bottom: 45px; }
  .product_case .content .item .pic{ margin: 40px 40px 40px 0px; }
  .product_case .content:nth-child(3) .item .pic{ margin: 40px 0px 40px 40px; }
  .technical .go_box{ width: 80px;}
}
@media (max-width: 960px){
	.product_superiority dl{ width: 100%; min-height: auto; padding: 10px 0;}
    .header ul li{padding: 0 5px;}
  .footer .qrcode{ margin-bottom: 20px; }
  .advantages .item{padding: 50px 30px;}
  .receive .container .content{ text-align: center; }
  .receive .container .content span{ display: block; font-size: 34px; }
  .receive .button{float: none; margin-left: auto;}
  .about_honor .swiper-slide .inner{ bottom: -271px; }
  .about_honor .swiper-slide.swiper-slide-prev .inner,
  .about_honor .swiper-slide.swiper-slide-next .inner{ bottom: -177px; }
  .about_honor .swiper-slide.swiper-slide-active .inner{ bottom: -121px; }
}
@media(max-width: 768px){
  .by_pc{ display: none; }
  .by_mobile{ display: block; }
  .container{ padding-left: 20px; padding-right: 20px;}
  .banner{ height: auto; padding-top: 55px;}
  .banner .swiper-button-prev,.banner .swiper-button-next{ display: none;}
  .banner .swiper_button .swiper-pagination{ display: block; width: 100px;bottom: 15px;left: 50%;margin-left: -50px;}
  .banner .swiper_button .swiper-pagination span{ margin: 0 3px; }
  .banner .swiper_button .swiper-pagination span.swiper-pagination-bullet-active{ background: #AF1F24; }

  .header.nav_active,
  .header.nav_active .container,
  .header.nav_active .container .row,
  .header.nav_active .container .row .col-8{ min-height:calc(100% - 60px); overflow: auto; }
  .header .row{ display: block; }
  .header .col-4{ max-width: 100%;padding-bottom: 5px; text-align: center;}
  .header .col-8{ display: none; max-width: 100%;padding: 15px;}
  .header ul{ float: none; text-align: left; }
  .header ul li{ display: block; float: none; }
  .header ul li a{ display: block; border-bottom: 1px solid #181818; padding: 15px 0; }
  .header ul li a .slide1, .header ul li a .slide2{ position: absolute; right: 0px; top: 15px; width: 22px; margin-top: 0; }
  .header ul li.is_slide .slide1{ display: none; }
  .header ul li.is_slide .slide2{ display: block; }
  .header ul li.is_slide.active .slide1{ display: block; }
  .header ul li.is_slide.active .slide2{ display: none; }
  .header ul li.is_slide.active .m_nav{ display: block; }
  .header.scrolled ul li a{ display: block; border-bottom: 1px solid #e3e3e3; position: relative; }
  .header.nav_active{background: rgba(0, 0, 0, 0.9); height: 100%;}
  .header.scrolled{ background: rgba(255, 255, 255, 0.99); }
  .header.nav_active .col-4{border-bottom: 1px solid rgba(255, 255, 255, 0.15);}
  .header.nav_active .col-8{ display: block; height: ; }
  .header.nav_active.scrolled .col-4{ border-bottom: 1px solid rgba(0, 0, 0, 0.15);}
  .header .nav_icon{ display: block; padding: 16px 15px;position: absolute; right: 0; top: 0;}
  .header .nav_icon img{ width: 24px; }
  .header .nav_icon img.white{ display: block;}
  .header .nav_icon img.black{ display: none;}
  .header.scrolled .nav_icon img.white{ display: none;}
  .header.scrolled .nav_icon img.black{ display: block;}

  .header .by_mobile .m_nav{ border-bottom: 1px solid #e3e3e3; padding: 10px 0; display: none; }
  .header .by_mobile .m_nav .t1{ font-size: 14px; color: #999; padding: 10px 0; }
  .header .by_mobile .m_nav .t2{ display: block; height: 50px; text-align: left; padding: 0; border-bottom: 0; color: #000; }
  .header .by_mobile .m_nav .t2 span{ float: left; margin-top: 12px; margin-left: 10px; font-size: 16px; }
  .header .by_mobile .m_nav .t2 .icon{ float: left; width: 34px; height: 34px; margin-top:7px; }


  .product_banner_guangjian .title,
  .product_collection_banner .title,
  .product_metaverse_banner .title,
  .product_carbon_banner .title,
  .product_digital_banner .title,
  .about_banner .title,
  .joinus_banner .title,
  .news_banner .title,
  .case_banner .title,
  .technology_banner .title{ font-size: 32px; margin-bottom: 10px; }

  .index_product .title,
  .advantage .title,
  .latest .title,
  .partners .title{ padding: 30px 0; }

  .technical .col-md-6{margin-bottom: 15px;}
  .technology_application .col-md-6{ margin-bottom: 15px; }
  .technology_application .col-lg-6:first-child{ margin-bottom: 0; }


  .news_list,
  .case.bg_f,
  .technology_application,
  .joinus_box{ background: #f0f5fb; }
  .case .item .inner{background: #fff;}

  
  /*.latest .col-md-4{ margin-bottom: 30px; }*/
  .footer .col-md-6{ width: 50%;}
  .banner_sec{ max-height: 200px; margin-top: 55px; }

  .product_banner_guangjian .container{ padding-top: 20px; }
  .product_tab .content .item{ margin-bottom: 15px; }
  .product_tab .content .col-md-4:nth-last-child(1) .item{ margin-bottom: 30px; }
  .product_tab .tab ul li{ margin-right:0;width: 33.3%;text-align: center;}
  .product_case .inner,.product_case .content:nth-child(3) .inner{ padding: 20px; }
  .product_case .content .item .pic,.product_case .content:nth-child(3) .item .pic{ margin: 0 20px 20px; }
  .about_tab .tab ul li{ width: 50%; }
  .about_tab .product_case .inner{ padding: 20px; }
  .about_tab .product_case .content .item .pic{ margin:20px; margin-bottom: 0;}
  .about_honor .swiper-slide{ font-size: 16px; }
  .about_honor .swiper-slide .inner{ bottom: -252px; }
  .about_honor .swiper-slide.swiper-slide-prev .inner,
  .about_honor .swiper-slide.swiper-slide-next .inner{ bottom: -169px; }
  .about_honor .swiper-slide.swiper-slide-active .inner{ bottom: -118px; }

  .partner dl{ background: #fff; margin-bottom: 20px; }
  .partner dl dt{ position: relative; padding:20px; }
  .partner dl dt img{ max-width: 50%; margin:0;}
  .partner dl dt:after{ display: none;}
  .partner dl dd{ float: none; margin: 0; padding: 20px;}
  .partner dl:nth-child(2n) dt{ right: 0; padding: 20px;}
  .partner dl:nth-child(2n) dt:after{ display: none; }
  .partner dl:nth-child(2n) dt img{ margin: 0;}
  .partner dl:nth-child(2n) dd{ float: none; margin: 0; padding:20px;}

  .joinus_list .item{ padding: 40px 0;}
  .joinus_list .item .inner{ text-align: left; margin-top: 20px;}
  .joinus_detail dl dd h3{overflow: auto; text-overflow:unset; white-space:unset;}
  .joinus_detail .back{ display: none;}
  .joinus_detail dl dd h3 span{ margin-left: auto;}
  .joinus_box{ padding-top: 30px; padding-bottom: 30px;}
  .joinus_detail dl dd,
  .joinus_detail .info{ padding: 20px;}
  .joinus_detail dl dd{ padding-bottom: 0;}

  .receive .container .model{ display: block; background-color: #fff;}
  .receive .container .model .item,.receive .container .model .item:first-child{ width: auto; text-align: center;}
  .receive .container .model .item:first-child{ margin-bottom: 20px;}
  .receive .container .model .item img{ width: 30px;}
  .receive .container .model .item:first-child img{ width: 128px;}
  .technical .sq{ padding: 0;}

  .partners .container{ padding-left: 12px; padding-right: 12px; }
  .partners .inner .item{ width: 33.33%; margin: 0; padding: 8px; height: auto; }
  .partners .inner .item img{ width: 100%; margin: 0; height: auto; }
  .case .item .inner{ height: auto; padding: 20px; }








.mobile_banner{ height: 550px; background: url(../images/mobile_banner.jpg) no-repeat center center; background-size: cover; display: flex; align-items: center; }
.mobile_banner .cont{ padding: 20px; }
.mobile_banner .cont .t1{ font-size: 24px; color: #fff; font-weight: 600; }
.mobile_banner .cont .t2{ font-size: 14px; color: #fff; font-weight: 300; }

.swiper-pagination-bullet{ background-color: #fff;}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after,
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{ display: none;}
.swiper-container {
  width: 100%;
  height: 100%;
}
.swiper-slide {
  width: 100%; height: 100%;
  text-align: center;
  font-size: 18px;
  background: #fff;
  /*display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;*/
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.swiper-wrapper,.swiper-slide{ width: 100%; text-align: left;}
/*产品服务*/
.swiper-product{ overflow: hidden; position: relative; padding-bottom: 20px; }
.swiper-product .swiper-pagination{ display: block; width: 100px;bottom: 0;left: 50%;margin-left: -50px;}
.swiper-product .swiper-pagination span{ margin: 0 3px; }
.swiper-product .swiper-pagination span.swiper-pagination-bullet{ background: #ddd; opacity: 1; height: 4px; width: 8px; border-radius: 0; }
.swiper-product .swiper-pagination span.swiper-pagination-bullet-active{ background: #000; opacity: 1; }
.swiper-product .swiper-slide .pic img{ width: 100%; height: 180px;object-fit: cover; flex: 1; }
.swiper-product .swiper-slide .txt{ padding: 20px; height: 140px; }
.swiper-product h4{ font-size: 22px; color: #000; font-weight: bold; }

/*行业优势*/
.swiper-advantage{ overflow: hidden; position: relative; padding-bottom: 20px; }
.swiper-advantage .swiper-pagination{ display: block; width: 100px;bottom: 0;left: 50%;margin-left: -50px;}
.swiper-advantage .swiper-pagination span{ margin: 0 3px; }
.swiper-advantage .swiper-pagination span.swiper-pagination-bullet{ background: #ddd; opacity: 1; height: 4px; width: 8px; border-radius: 0; }
.swiper-advantage .swiper-pagination span.swiper-pagination-bullet-active{ background: #000; opacity: 1; }
.swiper-advantage .swiper-slide .pic{ padding: 0 20px; }
.swiper-advantage .swiper-slide .pic img{ width: 45px; height: auto; }
.swiper-advantage .swiper-slide .txt{ padding: 20px; padding-top: 6px; height: 180px; }
.swiper-advantage h4{ font-size: 22px; color: #000; font-weight: bold; position: relative; padding-bottom: 20px; }
.swiper-advantage h4:after{ content: ''; display: block; position: absolute; left: 0; bottom: 12px; width: 20px; height: 4px; background: #000; }

/*新闻资讯*/
.latest .item{ display: flex; background: none; margin-bottom: 15px; }
.latest .item .inner{ padding: 0 15px; }
.latest .item .inner h4{ font-size: 16px; text-overflow: inherit; white-space: normal; height: 55px; }
.latest .item img,.latest .row_bg .item img,.latest .row_sm .item img{ width: 118px; height: 80px; margin-bottom: 0; }
.latest .item .inner .txt{ display: none; }

.news_list .container{ padding-top: 20px; padding-bottom: 20px; }
.news_list .container .menu{ margin-bottom: 20px; background: #fbfbfb;}
.news_list .list dl{ display: flex; height: auto; max-height: inherit; border-bottom: 1px dashed #e2e2e2; margin-bottom: 20px;}
.news_list .list dl dt{ position: relative; margin-bottom: 15px; padding-right: 20px;}
.news_list .list dl dt img{ width: 118px; height: 80px; margin-bottom: 0;}
.news_list .list dl dd{ margin-left: auto; width: 100%; }
.news_list .list dl dd h3{ font-size: 16px; text-overflow: inherit; white-space: normal; height: 40px;}
.news_list .list dl dd p{display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news_list .list dl dd .inner_box{ display: none; }
.news_list .news_detail dl dd{ padding: 20px; padding-bottom: 10px;}
.news_list .news_detail dl dd h3{ padding-right: unset;}
.news_list .news_detail dl dd h3.font_ellipsis{overflow: auto; text-overflow:unset; white-space:unset;}
.news_list .news_detail .back{ display: none;}
.news_list .news_detail .info{ padding: 20px;}
.news_list .menu .title i.down{ display: none}
.news_list .menu ul{ height: auto; overflow: hidden;-moz-transition: height 1s ease; -webkit-transition: height 1s ease; -o-transition: height 1s ease; transition: height 1s ease; }
.news_list .menu ul.active{ height: auto;-moz-transition: height 1s ease; -webkit-transition: height 1s ease;-o-transition: height 1s ease; transition: height 1s ease; }

/*.partners*/
.partners{ background: #F0F5FB; }

/*footer*/
.footer .container{ padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px;}
.footer .line{ display: none; }
.footer .footer_nav{ margin-bottom: 0; }
.footer .footer_nav .row div ul{ margin-bottom: 30px; }
.footer .footer_nav .row div:nth-last-child(2) ul{ margin-bottom: 0; }
.footer .footer_nav .row div:last-child ul li:first-child{ display: none;}
.footer.by_mobile{ background: #F0F5FB; }
.footer .copyright{ border-top: 1px solid #E3E3E3; }

.footer .link{ display: block; width: 100%; }
.footer .link a{display: block; padding: 13px 15px; color: #000; font-size: 14px;}
.footer .link:first-child a.tt{ border-top: 1px solid #e3e3e3; }
.footer .link a.tt{ border-bottom: 1px solid #e3e3e3; margin: 0 20px;}
.footer .link.active a.tt{ border-bottom: 0; }
.footer .link a.tt i{ float: right; width: 22px; height: 22px; }
.footer .link a.tt i.up{ background: url(../images/footer_up.png) no-repeat center center; background-size: cover; }
.footer .link a.tt i.down{ background: url(../images/footer_down.png) no-repeat center center; background-size: cover; display: none; }
.footer .link ul{ background: #fff; float: none; padding: 10px 20px; display: none; }
.footer .link.active a.tt i.up{ display: none; }
.footer .link.active a.tt i.down{ display: block; }
.footer .link.active ul{ display: block; }
.footer .link ul li a{ color: #666; }
.footer .container ul{ float: none; }
.footer_nav ul li a{ color: #000; }
.footer_nav ul li{ font-size: 12px; margin-bottom: 0; }
.footer_nav ul li:first-child{ margin-bottom: 0; }
.footer .contact{ padding: 20px; padding-top: 30px; }





@media(max-width: 540px){
  .about_honor .swiper-slide{ font-size: 12px; }
  .about_honor .swiper-slide .inner{ bottom: -225px; }
  .about_honor .swiper-slide.swiper-slide-prev .inner,
  .about_honor .swiper-slide.swiper-slide-next .inner{ bottom: -166px; }
  .about_honor .swiper-slide.swiper-slide-active .inner{ bottom: -130px; }
}