@charset "utf-8";
/*
 * CSS Document
 * 开发： kj
 * 日期： 2023.5.01
 * 功能： 基础 css 文件（包含top，search, footer样式）
 * 更新： 2026.08.13 增加响应式设计、CSS变量、新板块样式
 */

/* ========== CSS 变量系统 ========== */
:root {
    --brand-primary: #0052d8;
    --brand-primary-dark: #003da8;
    --brand-accent: #2563eb;
    --text-primary: #0f0f0f;
    --text-secondary: #666666;
    --text-light: #999999;
    --bg-white: #ffffff;
    --bg-light: #f8f9fa;
    --bg-gray: #efefef;
    --border-color: #eeeeee;
    --shadow-sm: 0 2px 8px rgba(0,0,0,0.06);
    --shadow-md: 0 4px 20px rgba(0,0,0,0.1);
    --shadow-lg: 0 8px 30px rgba(0,0,0,0.12);
    --transition-fast: all 0.2s ease;
    --transition-normal: all 0.3s ease;
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 16px;
    --container-width: 1200px;
}

html { scroll-behavior: smooth; }

html,body,p,ul,li,ol,dt,dd,dl,h1,h2,h3,h4,h5,h6,input,table,td,tr{ padding:0; margin: 0;}
html,body{ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", "微软雅黑", "Helvetica Neue", sans-serif;}
html{ font-size: 14px;}

ul,ol,li{ list-style: none; }
a{ text-decoration:none; color:#111111; background-color: transparent; -webkit-touch-callout: none;}
img{ border: 0; -webkit-touch-callout: none; vertical-align: top; }

.w1200{ display: block; width:1200px; margin: 0 auto;}
.center{ display:block; margin: 0 auto;}
.fleft{ float:left !important;}
.fright{ float:right !important;}
.clearboth{ display: block; clear:both; height: 0px;}
.none{ display:none !important;}
.textnone{ text-overflow:ellipsis; overflow: hidden;}
.whitespace{white-space:nowrap;}
.heightauto{ height:auto !important;}

.head{ position: fixed; top: 0 ; width: 100%; z-index: 10; background-color:rgba(255,255,255,0); transition: all 0.3s; border-bottom: 1px solid rgba(255,255,255,.3);}
.head:hover,.head_s{ background-color:rgba(255,255,255,1); transition: all 0.3s; box-shadow: 0px 5px 6px rgba(0,0,0,0.09); }

.logo{ padding:13px 0 0 0; position: relative;}
.logo i{ display:block; position: absolute; top: 13px; left: 0; width:100%; height:54px; background-image: url(../../images/cn/logo_black.png); z-index: 10; opacity: 0; transition: all 0.3s;}
.logo img{ opacity: 1; transition: all 0.3s;}

.nav{ font-size:13px;}
.nav li{ float: left; height: 79px; position:relative;}
.nav li dt a{ display:block; height: 42px; padding: 17px 23px; text-align: center; line-height: 36px; font-weight: bold; color:#fff; transition: all 0.3s;}

.head:hover .nav dt a,.head_s .nav dt a{ color:#333; transition: all 0.3s;}
.head:hover .nav dt a:hover{ color:#0052d8;}
.head:hover .logo i,.head_s .logo i{ opacity: 1; transition: all 0.3s;}
.head:hover .logo img,.head_s .logo img{ opacity:0; transition: all 0.3s;}
.head .tel{ background-image: url(../../images/cn/tel_ico.png); background-repeat: no-repeat; background-position: 0 29px;}
.head_s .tel{ color:#0052d8 !important; }

/* 下拉框 */
.nav li dd{ visibility:hidden; opacity: 0; position:absolute; top: 80px; width: 100%; background-color:rgba(0,0,0,0.7); border-top:2px solid #0052d8;  transition:all 0.3s;}
.nav li dd a{ display:block; line-height: 48px; text-align: center; color:#fff; font-size: 15px; border-bottom: 1px solid rgba(255,255,255,.1); transition:all 0.3s; padding: 0 5px;}
.nav li dd a:hover{ background-color:#0052d8; transition:all 0.3s;}
.nav dl:hover dd{ visibility:visible; opacity:1; transition:all 0.3s;}

.navtab{ display: none; position:absolute; width: 100%; top: 79px; left: 0; background-color: #fff; border-top: 1px solid #eeeeee; padding: 40px 0 18px 0 ; overflow: hidden; box-shadow: 0px 3px 3px rgba(0,0,0,0.2); }
.navtab ul{ clear:both; display: none;}
.navtab ul li{ float: left; width: 11.1111%; text-align: center;}
.navtab ul li dt{ border-left:1px solid #eeeeee;}
.navtab ul li:first-child dt,.navtab ul li:nth-child(10) dt{ border-left:none;}
.navtab ul li dd{ padding:12px 0 22px 0;}
.navtab ul li a:hover dd{ color:#0052d8; }
.navtab .cur{ display:block;}

/*banner*/
.banner{padding:0 0 0 0; height:630px; position: relative; min-width:1200px;}
.banner .banner-swip { height: 630px; width: 100%; position: absolute;  top: 0; left: 0; overflow: hidden; }
.banner .banner-swip .swiper-slide { overflow: hidden;}
.banner .banner-swip .swiper-slide img { position: absolute;  left: 50%; top: 0; transform: translateX(-50%);}
.banner .banner-swip .swiper-slide .video-js {
  width: 368px;
  height: 207.75px;
  position: absolute;
  top: 210px;
  left: 50%;
  margin-left: 185px;
  border: 2px solid rgba(255, 255, 255, 0.5);
}
.banner .banner-swip .swiper-pagination {  position: absolute; top: 592px; left: 50%; z-index: 3; transform: translateX(-50%); }
.banner .banner-swip .swiper-pagination .swiper-pagination-bullet {
  width: 22px;
  height: 5px;
  background: rgba(255, 255, 255, 0.2);
  margin-right: 6px;
  transition: 0.3s;
  border-radius: 0;
  opacity: 1;
  cursor: pointer;
  text-indent: -9999px;
}
.banner .banner-swip .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 40px;
  position: relative;
}
.banner .banner-swip .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
  content: "";
  display: block;
  width: 0;
  height: 5px;
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  animation: move 5s linear forwards;
}
.banner .banner-swip .swiper-pagination .swiper-pagination-bullet:nth-child(1).swiper-pagination-bullet-active::after {
  animation: move 12.5s linear forwards;
}

.bannervideoa{ display:block; width: 100%; height: 100%; background-image:url(../../images/cn/videobg.jpg); background-repeat: no-repeat; background-position: center center; position: relative; z-index: 1;}
#bannervideo{ position: relative; border: none; padding: 0; margin: 0; height: 100%;}
.videotitle{ display: block; text-align: center;  width: 100%;  background-color:inherit; position: absolute; top: 39%; padding:18px 0; z-index: 2; font-size: 56px; color:#fff; }
.videotitle strong{ display:inline-block; animation:textUp .9s ease-out .2s both; }
.videotitle p{ font-size: 24px; animation:textUp .9s ease-out .5s both; }

@keyframes textUp{ from{opacity:0;transform:translateY(32px);} to{opacity:1;transform:translateY(0);} }

@keyframes move{
  100%{ width: 40px; }
}

/*产品中心*/
.index_product{ height: 666px; background-image:url(../../images/cn/product_bgimg.jpg); background-repeat: no-repeat; background-size:auto  100%; background-position: center; }

.product_title{ height: 80px; position: relative; padding:45px 0 0 0;}
.product_title span,.product_title h2,.product_title p{ display: block; position:absolute; text-align: center; font-weight: bold; width:100%; }
.product_title span{ font-size: 70px; color: #e8e8e8; text-transform: uppercase;  z-index: 1; font-family: Arial;}
.product_title p{ font-weight: normal; top: 120px; font-size: 16px; color: #e8e8e8; text-transform: uppercase;  z-index: 1; font-family: Arial;}
.product_title h2{ z-index: 2; font-size: 28px; line-height: 50px; padding:24px 0 0 0; color:#0f0f0f; }
.product_title h2 i{ display:block; height: 3px; width:34px; background-color:#0052d8; margin: 0 auto;}

.product_tab{ text-align: center; padding: 18px 0;}
.product_tab li{ display:inline-block; padding: 0 3px;}
.product_tab li a{ display:inline-block; padding: 10px; border:1px solid #717171; border-radius: 3px; color: #111111; transition: all 0.3s;}
.product_tab li a:hover{ border:1px solid #0052d8; color:#0052d8; transition: all 0.3s;}
.product_tab li .cur{ border:1px solid #0052d8; color:#fff !important; background-color:#0052d8; font-weight: bold;}

.product_slide{ height: 492px;  }
.product_slide_tab{ height: 324px; margin: 0 auto; padding:10px 0 49px 0; position:relative; overflow: hidden;}
.product_slide_tab .swiper-slide{
	background: #fff;
	/* Center slide text vertically */
	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;*/
}

.product_slide_tab img{ width:248px; height: 248px;}
.product_slide_tab a{ display: block; margin: 23px 23px 0 23px; position: relative;}
.product_slide_tab .slide_bg{opacity:0; background-color:rgba(0,0,0,0.5); position:absolute; left: 0; top: 0; width: 100%; height: 248px; z-index: 1; transition:all 0.4s; text-align: center;}
.product_slide_tab .slide_bg span{display:inline-block; padding: 12px;  background-color: #fffefb; border-radius: 22px; margin-top: 55%; transition:all 0.4s;}
.product_slide_tab .slide_bg i{ display:block; width:20px; height: 20px; background-image: url(../../images/cn/searchIco.png); transition:all 0.4s;}
.product_slide_tab a:hover .slide_bg{ opacity:1; transition:all 0.4s;}
.product_slide_tab a:hover span{ margin-top: 42%; transition:all 0.4s;}
.product_slide_tab .slide_bg span:hover{ background-color:rgba(255,255,255,0); border:2px solid #fffefb; padding: 11px; transition:all 0.4s;}
.product_slide_tab .slide_bg span:hover i{ background-image: url(../../images/searchIcoWhite.png); transition:all 0.4s;}
.product_slide_tab p{ width: 248px; font-size: 14px; text-align: center; line-height: 24px; padding: 14px 0 0 0; color:#181818; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

.product_slide .swiper-button-next,.product_slide .swiper-button-prev{ width:36px; height: 36px; background-size: 100% auto ; z-index: 5;}
.product_slide .swiper-button-next{ right: -59px; background-image:url(../../images/product_right_2.png); transition:all 0.3s;}
.product_slide .swiper-button-next:hover{ background-image:url(../../images/cn/product_right_1.png); transition:all 0.3s;}

.product_slide .swiper-button-prev{ left: -59px; background-image:url(../../images/cn/product_left_2.png); transition:all 0.3s;}
.product_slide .swiper-button-prev:hover{ background-image:url(../../images/cn/product_left_1.png); transition:all 0.3s;}

.product_slide .swiper-button-disabled{ background-position: left center; } /*结束*/

.product_more{ display:flex; align-items:center; justify-content:center; width:148px; height:38px; margin:0 auto; font-size:16px; color:#fff; line-height:38px; text-align:center; border-radius:4px; background:linear-gradient(225deg,#3be7fe -11.69%,rgba(59,184,254,0) 22.91%),linear-gradient(42deg,#3be7fe -19.17%,rgba(59,184,254,0) 27.1%),linear-gradient(312deg,#217aff 35%,#4434ff 104.66%),#3a89fe; box-shadow:0 8px 16px 0 rgba(58,137,254,.24); transition:all .2s; }
.product_more i{ display:inline-block; width:7px; height:12px; background-image:url(../../images/cn/product_more_2.png); background-size:100%; position:relative; top:1px; left:5px; transition:all .3s; }
.product_more:hover{ background:linear-gradient(0deg,hsla(0,0%,100%,.08),hsla(0,0%,100%,.08)),linear-gradient(225deg,#3be7fe -11.69%,rgba(59,184,254,0) 22.91%),linear-gradient(42deg,#3be7fe -19.17%,rgba(59,184,254,0) 27.1%),linear-gradient(312deg,#217aff 35%,#4434ff 104.66%),#3a89fe; box-shadow:0 8px 16px 0 rgba(58,137,254,.24); }
.product_more:hover i{ background-image:url(../../images/cn/product_more_2.png); transition:all .3s; }

/*服务千行百业*/
.index_service{}
.service_cont{ padding:50px 0 0 0; }
.service_cont li{ float: left;  width:232px; height: 270px; position: relative; margin:0 10px 10px 0; overflow: hidden;}
.service_cont li dt,.service_cont li dd{ position: absolute;}
.service_cont li dt{ z-index:1;}
.service_cont li dd{ z-index:2; width:192px; padding:0 20px; height: auto; top: 82%; transition:  all 0.5s; }
.service_cont li dd h3{ font-size:16px; color:#FEFEFE; padding: 10px 0; }
.service_cont li dd p{ color:#FEFEFE; font-size:13px; line-height: 16px; padding: 10px 0; text-align: justify;}
.service_cont li dd a{ display:inline-block; color:#FEFEFE; padding: 10px 0;}
.service_cont li dd a span{ font-family:"宋体"; font-weight: bold; display: inline-block; position: relative; left: 2px; transition:  all 0.2s;} 
.service_cont li dd p,.service_cont li dd a{ opacity:0; transition: all 0.2s;}
.service_cont li:hover dd p,.service_cont li:hover dd a{ opacity:1; transition: all 0.8s;}
.service_cont li img{ filter: blur(0) brightness(100%); transition: all 0.5s;}
.service_cont li:hover img{ filter: blur(3px) brightness(50%); transition: all 0.5s;}
.service_cont li:hover dd{ top: 50%; transform: translateY(-50%); transition:  all 0.5s; }
.service_cont li dd a:hover{ color:#0052d8; transition:  all 0.5s;}
.service_cont li dd a:hover span{ left:8px; transition:  all 0.2s;}


/* 定制流程*/
.custommade_cont{ padding:50px 0;}
.custommade_cont p{ font-size:14px; color:#545454; padding:30px 0 0 0; line-height: 60px;}
.custommade_more{ display:flex; align-items:center; justify-content:center; margin:0 auto; width:140px; padding:0; height:42px; color:#fff; font-size:14px; line-height:42px; text-align:center; border-radius:4px; background:linear-gradient(225deg,#3be7fe -11.69%,rgba(59,184,254,0) 22.91%),linear-gradient(42deg,#3be7fe -19.17%,rgba(59,184,254,0) 27.1%),linear-gradient(312deg,#217aff 35%,#4434ff 104.66%),#3a89fe; box-shadow:0 12px 24px 0 rgba(58,137,254,.24); transition:all .2s; }
.custommade_more i{ display:none; }
.custommade_more:hover{ background:linear-gradient(0deg,hsla(0,0%,100%,.08),hsla(0,0%,100%,.08)),linear-gradient(225deg,#3be7fe -11.69%,rgba(59,184,254,0) 22.91%),linear-gradient(42deg,#3be7fe -19.17%,rgba(59,184,254,0) 27.1%),linear-gradient(312deg,#217aff 35%,#4434ff 104.66%),#3a89fe; box-shadow:0 12px 24px 0 rgba(58,137,254,.24); }



/*应用领域*/
.index_apply{ min-width:1200px;}
.apply_bg{ height:563px; background-image:url(../../images/cn/apply_bg.jpg); background-repeat: no-repeat; background-position: top center;}
.apply_cont{}


/* 首页 关于我们模块*/
.about_cont{ padding:44px 0; position:relative;}
.about_cont dt,.about_cont dd{ float:left;}
.about_cont dt{ width:594px;}
.about_cont dd{ width: 555px; padding:39px 0 0 50px; font-size: 16px; line-height: 24px; color:#101010;}
.about_cont dd p{ padding:30px 0 0 0;}
.about_cont .about_more{ display:inline-block; width:119px; height: 38px; border:1px solid #D1000B; font-size: 16px; color:#D1000B; position: absolute; right: 0; bottom: 50px; line-height: 38px; text-align: center; transition: all 0.3s;}
.about_cont .about_more i{ display:inline-block; width:7px; height: 12px; background-image: url(../../images/cn/product_more_3.png); background-size: 100%; position:relative; top: 1px; left: 3px; background-position:bottom; transition: all 0.3s;}
.about_cont .about_more:hover{ background-color:#D1000B; color:#fff; transition: all 0.3s;}
.about_cont .about_more:hover i{ background-image: url(../../images/cn/product_more_2.png); transition: all 0.3s;}

.about_cont ul{ padding: 22px 0 0 0; position: absolute; bottom: 42px; width:555px; right: 0; }
.about_cont ul li{ display:inline-block; width: 32%; text-align: center; line-height: 34px; border-left: 1px solid #ebebeb;}
.about_cont ul li:first-child{ border-left:none;}
.about_cont ul li h2{ color:#0052d8; font-size: 36px;}
.about_cont ul li p{ padding: 0; font-size:16px; color: #8A8A8A;}

/* 公司动态 */
.index_news{ background-color:#efefef; }
.news_cont{ width:1220px; position:relative; left: 10px; padding: 30px 0 40px 0;}
.news_cont li{ float: left; width:590px; height: 161px; background-color:#ffffff; margin: 0 20px 20px 0; }
.news_cont li a{ display:block; width: 100%; height: 100%;}
.news_cont li a:hover{ background-color:#f9f8fd; }
.news_cont li a:hover strong{ color:#0052d8;}
.news_cont li dt{ float: left; width:410px; padding: 44px 0 0 30px; color:#666666;  font-size: 14px; position:relative; left: 0; transition: all 0.36s;}
.news_cont li dt strong{ display:inline-block; color:#181818; background-image: url(../../images/cn/dian.png); background-repeat: no-repeat; background-position: center left; text-indent: 12px;}
.news_cont li dt p{ line-height:25px; padding: 16px 0 0 12px;}
.news_cont li dd{ float: right; width:96px; color:#9B9B9B; padding: 44px 0 0 0; }
.news_cont li dd span{ display:block; font-size: 22px; color:#9B9B9B;  height: 66px;}
.news_cont li dd i{ display:block; height: 16px; border-left: 1px solid #e5e5e5; width: 60px; position: relative; overflow: hidden;}

.news_cont li:hover dt{ left: 25px; transition: all 0.36s;}
.news_cont li dd i::after,.news_cont li dd i::before{ content:''; background-image: url(../../images/cn/arrow.png); background-repeat: no-repeat; position:absolute; width: 60px; height: 16px; top: 1px;}
.news_cont li dd i::after{ left:-60px; transition: all 0.36s;}
.news_cont li dd i::before{ left:35px; transition: all 0.36s;}

.news_cont li:hover dd i::after{ left:35px; transition: all 0.36s; }
.news_cont li:hover dd i::before{ left:60px; transition: all 0.36s; }


/* 帮助 */
.index_help{ height: 210px; min-width: 1200px;}
.help_count{ padding: 78px 0 0 0; }
.help_count li{ float:left; width: 27%;}
.help_count .last{ width:19% !important;}
.help_count dt{ float:left; width:60px;}
.help_count dd{ float:left; width:146px; padding:0 0 0 12px;}
.help_count strong{ font-size:16px; color:#101010; font-weight: bold;}
.help_count p{ font-size: 12px; color: #666666; line-height: 17px; padding: 5px 0 0 0;}
.help_count .help_more{ display:inline-block; padding: 12px 50px 12px 36px; background-color:#d9d8d6; margin: 20px 30px 0 0;}
.help_count .help_more i{ display:inline-block; width:8px; height: 13px; background-image:url(../../images/cn/arrow2.png); background-repeat: no-repeat;  background-position:top; position:relative; top: 2px; left: 20px;}
.help_count .help_more:hover{ background-color:#0052d8; color:#FFFFFF;}
.help_count .help_more:hover i{ background-position:bottom; }


/* 底部 */ 
.footer{ padding:46px 0 0 0; background-color:#151c2c;}
.footer_cont{}
.footer_nav{ float: left; width: 800px;}

.footer_logo{ float:left; padding:0 20px 0 0;}

.footer_nav_list{ width:634px; font-size: 12px; float: left;}
.footer_nav_list ul{ display:flex; justify-content:flex-end; flex-wrap:wrap; }
.footer_nav_list li{ float: none; line-height: 33px; color:#656565; padding:0 0 0 27px; }
.footer_nav_list li a{ color:#D5D5D5; font-weight:normal; transition: all 0.3s;}
.footer_nav_list li a:hover{ color:#fff; transition: all 0.3s;}

.footer_contact{ padding:20px 0;}
.footer_contact span{ display:block; padding:10px 0; border-bottom: 1px solid #282e3e; color:#fff;}
.footer_contact li{ float: left;  line-height: 30px; font-size: 12px; color:#C5C5C5; padding:16px 76px 15px 0;}
.footer_contact li i{ display:inline-block; width:20px; height: 20px; position: relative; top: 5px; margin: 0 15px 0 0;}
.footer_contact .tel i{ background-image:url(../../images/cn/tel.png);}
.footer_contact .mail i{ background-image:url(../../images/cn/mail.png);}
.footer_contact .address{ padding-right:0; }
.footer_contact .address i{ background-image:url(../../images/cn/address.png);}

.footer_qrcode{ float:right; font-size: 12px; color:#C5C5C5; text-align: center; padding:0 0 0 20px;}
.footer_qrcode p{ padding:10px 0;}


.copyright{  padding:13px 0; color:#474c5a; background-color: #151c2c; font-size: 12px;}
.copyright a{ color:#474c5a;}


/* 列表页*/
.product_banner,.case_banner,.about_banner,.news_banner,.contact_banner{ background-repeat: no-repeat; background-position:center; height: 370px; min-width:1200px; }
.product_banner{ background-image:url(../../images/cn/product_banner.jpg);}
.case_banner{ background-image: url(../../images/cn/case_banner.jpg);}
.contact_banner{ background-image: url(../../images/cn/contact_banner.jpg);}
.about_banner{ background-image: url(../../images/cn/about_banner.jpg);}
.news_banner{ background-image: url(../../images/cn/news_banner.jpg);}

.product_banner p,.case_banner p,.about_banner p,.news_banner p,.contact_banner p{ font-size: 18px ; font-weight: bold; text-align: center; color:#fff; padding-top: 203px; }
.product_banner i,.case_banner i,.about_banner i,.news_banner i,.contact_banner i{ display: block; background-color:#fff; width:34px; height: 2px; margin: 0 auto; margin-top: 13px; }

.cont{ margin-top: 40px;}
.left_bg{ background-image:url(../../images/cn/left_bg.png); background-repeat: repeat-y;}

.left{ width:258px;}
.right{ width:902px;}

/*左侧标题*/
.left_title{ width:211px; height: 110px; background-image:url(../../images/cn/list_title_bg.png); color:#fff; padding: 0 0 0 47px; font-size:18px; font-weight: normal; line-height: 28px; }
.left_title span{ display:block; font-size:24px; font-family: Arial; font-weight: bold; padding:27px 0 0 0; text-transform:Uppercase;}
.left_title i{ display: block; width:29px; height: 2px; background-color:#fff;}

.product_nav a{ display:block; line-height: 46px;transition:all 0.3s;}
.product_nav span{ display:block; margin: 0 15px; border-bottom: 1px solid #f5f5f5; color:#181818; position: relative; text-indent: 25px; font-size: 14px;transition:all 0.3s;}
.product_nav span i{ display:block; position:absolute; right:15px; top: 35%;  width:8px; height: 13px; transition:all 0.3s; background-image:url(../../images/cn/arrow2_2.png); opacity: 0;}
.product_nav a:hover,.product_nav .cur{  background-color:#0052d8; box-shadow: 0 22px 22px #e5eefd;transition:all 0.3s; }
.product_nav a:hover span,.product_nav .cur span{  border-bottom: 1px solid #0052d8; color:#fff;  transition:all 0.3s;}
.product_nav a:hover i,.product_nav .cur i{  background-repeat: no-repeat; transition:all 0.3s; opacity: 1;}

.left_ad{ text-align: center; padding: 20px 12px;}

.address{ font-size:12px; color:#9f9f9f; height: 33px; line-height: 12px;}
.address a{ font-size:12px; color:#666666;}
.address a:hover{ color:#0052d8;}

.cont_list{}
.cont_list ul{ display:block; width:963px;}
.cont_list li{ float:left; width:260px; height: auto; padding:0 61px 15px 0;}
.cont_list li a{ display:block; height:auto;}
.cont_list li dt,.cont_list li dt img{ width:260px;height: 258px; position:relative;}
.cont_list li dd{ padding:10px;  line-height: 22px; text-align: center;}
.cont_list li strong{ font-size:14px; font-weight: normal; color: #666666; display:block;}


.cont_list .slide_bg{opacity:0; background-color:rgba(0,0,0,0.5); position:absolute; left: 0; top: 0; width: 100%; height: 258px; z-index: 1; transition:all 0.4s; text-align: center;}
.cont_list .slide_bg span{display:inline-block; padding: 12px;  background-color: #fffefb; border-radius: 22px; margin-top: 55%; transition:all 0.3s;}
.cont_list .slide_bg i{ display:block; width:20px; height: 20px; background-image: url(../../images/cn/searchIco.png); transition:all 0.3s;}
.cont_list a:hover .slide_bg{ opacity:1; transition:all 0.3s;}
.cont_list a:hover span{ margin-top: 42%; transition:all 0.3s;}
.cont_list .slide_bg span:hover{ background-color:rgba(255,255,255,0); border:2px solid #fffefb; padding: 11px; transition:all 0.3s;}
.cont_list .slide_bg span:hover i{ background-image: url(../../images/cn/searchIcoWhite.png); transition:all 0.3s;}

/*列表页分页*/ 
.page{ padding:30px 0; text-align: center;}
.page a,.page span{ display:inline-block; padding:5px 10px; background-color:#f6f6f6; color:#575757; margin: 0 1px; transition:all 0.3s;}
.page a:hover,.page .cur,.page .cur{ background-color:#0052d8; color:#fff; transition:all 0.3s;}

/* 内容页 */
.cont_info{ padding:0 0 60px 0; line-height: 36px; color:#666666;}
.cont_info p{  color:#666666;}

/* 产品*/
.cont_top dt,.cont_top dd{ float:left; }
.cont_top dt{ width:390px; height: 410px; position: relative;}
.cont_top dt .megbox{ display:block; height: auto; overflow: hidden; position: absolute; width:100%; left: 0; bottom: 0; background-color:#fff; font-size: 12px; }
.cont_top dt .megbox-title{ display:block; height: auto; padding: 15px 0; line-height: 20px; background-image: url(../../images/cn/megbox.png);  background-repeat: no-repeat; background-position:0 21px; text-indent: 16px; font-weight: bold; color:#333;}
.cont_top dt .megbox-cont{ display:block; height: 20px; overflow: hidden; line-height: 20px; width:100%; position: relative; }
.cont_top dt .megbox-txt{ display:block;}
.cont_top dt p{ padding:0; color:#888; margin: 0; background-image: url(../../images/cn/megbox_ico.png); background-repeat: no-repeat;background-size: auto 80%; background-position: 0 1px; text-indent: 22px;}

.cont_top dd{ float: right; width:450px; padding:20px 0 0 0; /*overflow: hidden;*/}
.cont_top dd h1{ font-size: 26px; color:#101010; line-height: 40px; padding:20px 0;}
.cont_top dd { font-size: 14px; color:#666666; line-height: 34px;}
.cont_top dd table,.cont_top dd tr,.cont_top dd td{ border: none; border-collapse:collapse; color:#B2B2B2;  }
.cont_top dd table p{ width:180px; text-overflow:ellipsis; overflow: hidden; white-space:nowrap; color:#666666 ;}
.cont_top dd table p:hover{white-space:inherit; line-height: 16px; }

.cont_top dd .tel{ display: block; float: left; width:205px; height: 62px; margin: 40px 15px 0 0; background-image: url(../../images/cn/tel-ico.png); background-repeat: no-repeat; background-size: auto  80%; background-color: #FC5A34; border-radius: 3px; background-position: 9px 6px; transition: all 0.2s;}
.cont_top dd .tel p{ padding:11px 0 0 69px; line-height: 20px; }
.cont_top dd .tel strong{ font-size:15px; color:#fff;}
.cont_top dd .tel span{ font-size:12px; color:#fff; opacity: 0.8;}
.cont_top dd .tel:hover{ background-color:#f44b23; transition: all 0.2s;}

.cont_top dd .tel-weixin{ display: block; float: left; background-color:#00A96B; width: 138px; height: 62px; margin: 40px 0 0 0; border-radius: 3px; position: relative; transition: all 0.2s;}
.cont_top dd .tel-weixin p{ padding:11px 0 0 0; line-height: 20px;  text-align: center;}
.cont_top dd .tel-weixin strong{ font-size:15px; color:#fff;}
.cont_top dd .tel-weixin span{ font-size:12px; color:#fff; opacity: 0.8;}

.tel-weixin-ico{ position: absolute; top: 100%; width: 184px; height: 208px; left: -22px; display: none;}
.cont_top dd .tel-weixin:hover{ background-color:#00a166; transition: all 0.2s;}
.cont_top dd .tel-weixin:hover .tel-weixin-ico{ display:block; transition: all 0.2s;}

.cont_basic{ padding:90px 0 0 0;}
.cont_basic_tab{ border-bottom: 2px solid #f4f4f4;}
.cont_basic_tab li{ display:inline-block; width:126px; height: 38px; }
.cont_basic_tab li a{ display:block; line-height: 38px; background-color:#0052d8; text-align: center; color:#fff; font-size:15px; font-weight: bold;}

.cont_basic_cont{ padding:20px 10px; line-height: 28px;}

/* 成功案例*/
.case li{ padding:0 61px 30px 0;}
.case li a{ border:1px solid #fff;}
.case li dd{ text-align: center; padding: 5px 0 10px 0; border-top: none;}


/*联系方式*/
.contact_form{ font-size:12px;}
.contact_form input,.contact_form textarea{ border:1px solid #f5f5f5; background-color:#fff; height: 46px; width:380px;}
.contact_form textarea{ height: 125px;}
.contact_form td{ padding:10px 0;}
.contact_form .submit{ background-color:#0e5aad; border:none; color:#fff; cursor: pointer;}

.table strong{ font-size: 20px;}
.table p{ color:#101010; font-size: 20px;}
.table dl{ clear:both;}
.table dt,.table dd{ float: left; line-height: 48px;}
.table dt{ color:#101010; width: 80px; text-align: right;}
.table dd{ width:390px;  margin: 0 0 15px 0;}
.table dd input,.table dd textarea{ height: 48px; width:100%; border:none; background-color:#F4F4F4; padding: 0 10px;}
.table dd textarea{ height: 128px; width:100%; padding:10px;}
.table dd .submit{ display: block; color:#fff; background-color:#0052d8; cursor: pointer; height: 50px; line-height: 50px; text-align: center;}


/*新闻资讯*/
.news_list,.news_info{ padding:0;}
.news_list li{ height: 161px; margin-bottom: 50px;}
.news_list li a{ display:block; width: 100%; height: 100%; background-color:#f9f9f9;}
.news_list li a:hover{ background-color:#f6f6fd; }
.news_list li a:hover strong{ color:#0052d8;}

.news_list li dt{ float: left; width:630px; padding: 30px 0 0 30px; color:#666666;  font-size: 14px; position:relative; left: 0; transition: all 0.36s;}
.news_list li dt strong{ display:inline-block; color:#181818; background-image: url(../../images/cn/dian.png); background-repeat: no-repeat; background-position: center left; text-indent: 12px; font-size: 16px;}
.news_list li dt p{ line-height:25px; padding: 16px 0 0 12px;}
.news_list li dd{ float: right; width:100px; color:#9B9B9B; padding: 44px 0 0 0; }
.news_list li dd span{ display:block; font-size: 22px; color:#9B9B9B; font-weight: bold; height: 66px;}
.news_list li dd i{ display:block; height: 16px; border-left: 1px solid #e5e5e5; width: 60px; position: relative; overflow: hidden;}

.news_list li:hover dt{ left: 25px; transition: all 0.36s;}
.news_list li dd i::after,.news_list li dd i::before{ content:''; background-image: url(../../images/cn/arrow.png); background-repeat: no-repeat; position:absolute; width: 60px; height: 16px; top: 1px;}
.news_list li dd i::after{ left:-60px; transition: all 0.36s;}
.news_list li dd i::before{ left:35px; transition: all 0.36s;}

.news_list li:hover dd i::after{ left:35px; transition: all 0.36s; }
.news_list li:hover dd i::before{ left:60px; transition: all 0.36s; }

.news_list .news_list_none img{ display: block; float: left;}
.news_list .news_list_none a{ float: right; width: 70.72%; }
.news_list .news_list_none a p{ padding-right:50px;}
.news_list .news_list_none:hover dt{left: 0;}
.news_list .news_list_none dt strong{ background-image: url(); }

.news_info{ line-height:24px; margin:20px 0 50px 0; background:#fff; box-shadow: 8px 8px 20px 0 rgba(55,99,170,0.1), -8px -8px 20px 0 rgba(255,255,255,0.8); border-radius:2px; padding:30px 40px; }
.news_info h1{ font-size: 26px; text-align: left; padding-bottom:10px;}
.news_info .brief{ font-size:14px; color:#a0a0a0; text-align: left; padding: 5px 0 10px 0; border-bottom:1px solid #eeeeee; position:relative; display:flex; align-items:center; justify-content:space-between;}
.news_info .brief a{ font-size:12px; color:#a0a0a0;}
.news_info .info{ padding:40px 0 20px; color:#202020; font-size:16px;}
.news_info .info p,.news_info .info span,.news_info .info div,.news_info .info font{ font-size:16px !important; color:#202020 !important;}

/*常见问题*/
.query_list{ padding:0;}
.query_list li{ height: auto; }
.query_list li dt{ width:100%; height: 100px; line-height: 100px; color:#000; font-size: 16px; position:relative; border-bottom: 1px solid #ebebeb; cursor: pointer;}
.query_list li dt p{ line-height:25px; padding: 16px 0 0 12px;}
.query_list li dt i{ position: absolute; right: 0; top: 40%; width: 16px; height: 16px; }
.query_list li dt i img{ position: absolute; left: 0; top: 0; width: 16px; height: auto; }
.query_list li dt i .pr_on{ transition: all 0.3s ease 0s; opacity: 1;}
.query_list li dt i .pr_off{ top: 7px; opacity: 0; transform: rotate(-90deg); transition: all 0.2s ease 0.1s; }

.query_list li .on{ border-bottom: 1px solid #fff; color:#0052d8; }
.query_list li .on i .pr_on{ transform: rotate(90deg); opacity: 0; }
.query_list li .on i .pr_off{ top: 7px;transform: rotate(0deg); opacity: 1; }

.query_list li dd{ color:#787878; padding: 0 20px 30px 20px; display: none; border-bottom: 2px solid #0052d8; line-height: 28px;}



.updown{ width: calc(100% + 80px); margin: 0 -40px 0 -40px; padding:0; background-color:transparent; overflow:hidden; }
.updown a{ display:block; width:50%; height: 44px; line-height: 44px; color:#aaaaaa; box-sizing:border-box; }
.updown .up{ text-align:left; padding-left:30px; }
.updown .down{ text-align:right; padding-right:30px; }



/*内容页底部*/
canvas{
	margin: 0;
	padding: 0;
	font-size: 100%;

	display: inline-block;
*display:inline;
*zoom:1
}

.main {
	position: relative;
	display: block;
	margin: 0 auto;
	width: 1200px
}

.subject-item {
	width: 100%;
	background-position: center top;
	background-repeat: no-repeat
}

.subject-link {
	overflow: hidden;
	display: inline-block;
	width: 140px;
	height: 42px;
	margin-right: 20px;
	font-size: 16px;
	line-height: 42px;
	font-weight: 100;
	text-align: center;
	color: #fff;
	background: rgba(255,255,255,.1);
	border: 1px solid #fff;
	border: 1px solid rgba(255,255,255,.75);
	border-radius: 1px
}
.subject-link.active {
	background: #5D8DDB;
	border: 1px solid #5D8DDB
}
.subject-link em {
	font-style: normal;
	display: block;
	height: 100%;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out
}
.subject-link:hover em:first-child {
	margin-top: -52px
}
.subject-link:hover em {
	color: #fff;
}
.jihe-subject-item6 {
	height: 140px;
	background: url(../../images/cn/new-footer-bg.png) no-repeat center top
}
.jihe-subject-item6 .main {
	padding: 48px 0 0 66px;
	box-sizing: border-box
}
.jihe-subject-item6-sub {
	float: left;
	position: relative;
	padding-left: 36px;
	font-size: 26px;
	line-height: 44px;
	color: #fff
}
.jihe-subject-item6-sub:before {
	content: "";
	position: absolute;
	left: 0;
	top: 12px;
	width: 18px;
	height: 20px;
	background: url(../../images/cn/icon-arrow.png) no-repeat 0 -203px;
	-webkit-animation: rotateForEver4 2.2s linear infinite;
	-moz-animation: rotateForEver4 2.2s linear infinite;
	-ms-animation: rotateForEver4 2.2s linear infinite;
	-o-animation: rotateForEver4 2.2s linear infinite;
	animatio: rotateForEver4 2.2s linear infinite
}
.jihe-subject-item6 .action {
	float: right;
	margin-top: -5px
}
.jihe-subject-item6 .subject-link {
	display: inline-block;
	margin-right: 60px;
	font-size: 14px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	width: 143px;
	height: 53px;
	background: url(new-footer-btn-bg.png);
	border: none;
	line-height: 53px
}

.subject-item6 {
    height: 700px;
    background-color: #2a303f;
    background-image: url("../../images/cn/onlyou-item6-Large.jpg");
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.item-sub.dks {
    padding-top: 60px;
}

.subject-item6 .item-sub {
    padding-top: 50px;
    color: #fff;
}

.jihe-subject-item6 {
    height: 140px;
    background: url("../../images/cn/new-footer-bg.png") no-repeat center top;

}

.jihe-subject-item6 .main {
    padding: 48px 0 0 66px;
    box-sizing: border-box;
}

.jihe-subject-item6-sub {
    float: left;
    position: relative;
    padding-left: 36px;
    font-size: 26px;
    line-height: 44px;
    color: #fff;
}

.jihe-subject-item6-sub:before {
    content: "";
    position: absolute;
    left: 0;
    top: 12px;
    width: 18px;
    height: 20px;
    background: url("../../images/cn/icon-arrow.png") no-repeat 0 -203px;

    -webkit-animation: rotateForEver4 2.2s linear infinite;
    -moz-animation: rotateForEver4 2.2s linear infinite;
    -ms-animation: rotateForEver4 2.2s linear infinite;
    -o-animation: rotateForEver4 2.2s linear infinite;
    animatio: rotateForEver4 2.2s linear infinite;
}

.jihe-subject-item6 .action {
    float: right;
    margin-top: -5px;
}

.jihe-subject-item6 .subject-link {
    display: inline-block;
    margin-right: 60px;
    font-size: 14px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 143px;
    height: 53px;
    background: url("../../images/cn/new-footer-btn-bg.png");
    border: none;
    line-height: 53px;
}


@-webkit-keyframes rotateForEver4 {
0% {
left:-54px;
transform:rotate(0);
-ms-transform:rotate(0);
-webkit-transform:rotate(0);
-moz-transform:rotate(0);
-o-transform:rotate(0)
}
20% {
left:-36px;
transform:rotate(120deg);
-ms-transform:rotate(120deg);
-webkit-transform:rotate(120deg);
-moz-transform:rotate(120deg);
-o-transform:rotate(120deg)
}
40% {
left:-18px;
transform:rotate(240deg);
-ms-transform:rotate(240deg);
-webkit-transform:rotate(240deg);
-moz-transform:rotate(240deg);
-o-transform:rotate(240deg)
}
60% {
left:0;
transform:rotate(360deg);
-ms-transform:rotate(360deg);
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-o-transform:rotate(360deg)
}
to {
left:-54px;
transform:rotate(0);
-ms-transform:rotate(0);
-webkit-transform:rotate(0);
-moz-transform:rotate(0);
-o-transform:rotate(0)
}
}
@keyframes rotateForEver4 {
0% {
left:-54px;
transform:rotate(0);
-ms-transform:rotate(0);
-webkit-transform:rotate(0);
-moz-transform:rotate(0);
-o-transform:rotate(0)
}
20% {
left:-36px;
transform:rotate(120deg);
-ms-transform:rotate(120deg);
-webkit-transform:rotate(120deg);
-moz-transform:rotate(120deg);
-o-transform:rotate(120deg)
}
40% {
left:-18px;
transform:rotate(240deg);
-ms-transform:rotate(240deg);
-webkit-transform:rotate(240deg);
-moz-transform:rotate(240deg);
-o-transform:rotate(240deg)
}
60% {
left:0;
transform:rotate(360deg);
-ms-transform:rotate(360deg);
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-o-transform:rotate(360deg)
}
to {
left:-54px;
transform:rotate(0);
-ms-transform:rotate(0);
-webkit-transform:rotate(0);
-moz-transform:rotate(0);
-o-transform:rotate(0)
}
}

.regisnow-wrap {
	position: relative;
	overflow: hidden;
	width: 100%;
	border-top: 1px solid #e4e4e4;
	padding-top: 40px;
}
.regisnow-dome {
	height: 230px
}
.registnow {
	width: 100%;
	height: 100%;
	background: url(../../images/cn/regisnow-wrap.png) repeat center top;
	animation: backanim 30s linear 0s infinite
}
.animated {
	animation-duration: 1s;
	animation-delay: .2s;
	animation-fill-mode: both
}

@keyframes backanim {
	from { background-position:left 0; }
	50% { background-position:687px 8px }
	to { background-position:1394px 0}
}


/* ================================================
 * 2026.08.13 新增样式
 * ================================================ */

/* ========== 产品定制流程步骤（替代纯图片） ========== */
.custommade_steps{ display: flex; justify-content: space-between; padding: 10px 0 20px 0; margin-top: -40px; position: relative; }
.custommade_steps::before{
    content: ''; position: absolute; top: 37px; left: 10%; right: 10%;
    height: 0; border-top: 2px dashed #0052d8;
    opacity: 0.3;
}
.custommade_step{ flex: 1; text-align: center; position: relative; z-index: 1; }
.custommade_step .step-num{
    width: 56px; height: 56px; border-radius: 50%; margin: 0 auto 15px;
    background: linear-gradient(135deg, var(--brand-primary), var(--brand-accent));
    color: #fff; font-size: 24px; font-weight: bold; line-height: 56px;
    box-shadow: 0 4px 15px rgba(0,82,216,0.3); transition: var(--transition-normal);
}
.custommade_step:hover .step-num{ transform: scale(1.1); box-shadow: 0 6px 20px rgba(0,82,216,0.4); }
.custommade_step h3{ font-size: 16px; color: var(--text-primary); margin-bottom: 8px; font-weight: bold; }
.custommade_step p{ font-size: 13px; color: var(--text-secondary); line-height: 22px; padding: 0 15px; }

/* ========== 通用动画 ========== */
@keyframes fadeInUp{ from{ opacity:0; transform: translateY(30px); } to{ opacity:1; transform: translateY(0); } }
.fade-in-up{ animation: fadeInUp 0.6s ease forwards; }

/* ========== 图片懒加载占位 ========== */
img[loading="lazy"]{ background: var(--bg-light); }

/* ========== 响应式设计 ========== */

/* 平板（1024px 及以下） */
@media screen and (max-width: 1200px){
    .w1200{ width: 100%; padding: 0 20px; box-sizing: border-box; }
    .banner{ min-width: 100%; height: 420px; }
    .banner .banner-swip{ height: 420px; }
    .banner .banner-swip .swiper-slide img{ width: 100%; height: 420px; object-fit: cover; position: static; transform: none; }
    .banner .banner-swip .swiper-pagination{ top: 382px; }
    .videotitle{ font-size: 32px; top: 30%; }
    .videotitle p{ font-size: 16px; }
    .index_product{ min-width: 100%; height: auto; padding-bottom: 30px; background-size: cover; }
    .product_slide{ height: auto; }
    .product_slide_tab{ height: auto; padding: 10px 0 20px 0; }
    .product_slide_tab img{ width: 200px; height: 200px; }
    .product_slide_tab .slide_bg{ height: 200px; }
    .product_slide .swiper-button-next{ right: 0; }
    .product_slide .swiper-button-prev{ left: 0; }
    .index_apply{ min-width: 100%; }
    .apply_bg{ height: 400px; background-size: cover; }
    .index_help{ min-width: 100%; height: auto; padding: 30px 0; background-size: cover; }
    .help_count{ padding: 0; }
    .help_count li{ width: 48%; margin-bottom: 20px; }
    .help_count .last{ width: 48% !important; }
    .about_cont dt{ width: 48%; }
    .about_cont dd{ width: 48%; padding: 20px 0 0 20px; }
    .about_cont ul{ width: 48%; }
    .news_cont{ width: 100%; left: 0; }
    .news_cont li{ width: 48%; }
    .service_cont li{ width: 31%; }
    .service_cont li:first-child{ width: 31% !important; }
    .footer_nav{ width: 100%; }
    .footer_qrcode{ float: none; display: inline-block; }
    .cont_list ul{ width: 100%; }
    .cont_list li{ width: 50%; padding: 0 10px 15px 0; box-sizing: border-box; }
    .cont_list li dt, .cont_list li dt img{ width: 100%; height: auto; }
    .left{ width: 220px; }
    .right{ width: 700px; }
    .custommade_steps{ flex-wrap: wrap; gap: 20px; }
    .custommade_step{ flex: 1 1 30%; }
}

/* 手机（768px 及以下） */
@media screen and (max-width: 768px){
    html{ font-size: 13px; }

    /* 导航栏 - 移动端汉堡菜单 */
    .head{ height: 60px; background: rgba(255,255,255,0.95); }
    .head:hover, .head_s{ background: rgba(255,255,255,1); }
    .logo{ padding: 8px 0 0 0; }
    .logo img{ height: 36px; }
    .logo i{ height: 36px; top: 8px; }
    .nav{ display: none; }
    .navtab{ display: none !important; }

    .mobile-toggle{ display: block; }

    .banner{ height: 260px; }
    .banner .banner-swip{ height: 260px; }
    .banner .banner-swip .swiper-slide img{ height: 260px; }
    .banner .banner-swip .swiper-pagination{ top: 222px; }
    .videotitle{ font-size: 22px; top: 25%; padding: 10px 0; }
    .videotitle p{ font-size: 13px; }
    .bannervideoa{ height: 260px; }
    #bannervideo{ height: 260px; }

    .index_product{ height: auto; background-size: cover; padding: 20px 0; }
    .product_title{ padding: 20px 0 0 0; }
    .product_title span{ font-size: 40px; }
    .product_title h2{ font-size: 22px; }
    .product_tab{ padding: 10px 0; overflow-x: auto; white-space: nowrap; }
    .product_tab li{ display: inline-block; }
    .product_tab li a{ padding: 6px 10px; font-size: 12px; }
    .product_slide{ height: auto; }
    .product_slide_tab{ height: auto; padding: 5px 0 15px 0; }
    .product_slide_tab img{ width: 140px; height: 140px; }
    .product_slide_tab .slide_bg{ height: 140px; }
    .product_slide_tab a{ margin: 10px; }
    .product_slide_tab p{ width: 140px; font-size: 12px; }
    .product_slide .swiper-button-next, .product_slide .swiper-button-prev{ width: 28px; height: 28px; }

    .service_cont{ padding: 20px 0 0 0; }
    .service_cont li{ width: 100% !important; margin: 0 0 15px 0; height: auto; min-height: 200px; }
    .service_cont li dd{ position: relative; top: auto; transform: none; opacity: 1; }
    .service_cont li dd p, .service_cont li dd a{ opacity: 1; }
    .service_cont li img{ width: 100%; height: 200px; object-fit: cover; }

    .about_cont{ padding: 20px 0; }
    .about_cont dt, .about_cont dd{ float: none; width: 100%; padding: 15px 0; }
    .about_cont dt img{ width: 100%; height: auto; }
    .about_cont ul{ position: relative; width: 100%; bottom: auto; padding: 15px 0; }
    .about_cont ul li{ width: 33%; }
    .about_cont ul li h2{ font-size: 28px; }

    .index_apply{ min-width: 100%; }
    .apply_bg{ height: 260px; background-size: cover; }

    .custommade_cont{ padding: 20px 0; }
    .custommade_cont img{ display: none; }
    .custommade_steps{ flex-direction: column; gap: 25px; padding: 20px 0; }
    .custommade_steps::before{ display: none; }
    .custommade_step{ flex: 1 1 100%; }
    .custommade_step .step-num{ width: 44px; height: 44px; font-size: 18px; line-height: 44px; }

    .index_help{ height: auto; padding: 25px 0; background-size: cover; }
    .help_count{ padding: 0; }
    .help_count li{ float: none; width: 100%; margin-bottom: 18px; text-align: center; }
    .help_count .last{ width: 100% !important; }
    .help_count dt{ float: none; display: inline-block; }
    .help_count dd{ float: none; display: inline-block; text-align: left; }

    .news_cont{ width: 100%; left: 0; padding: 15px 0 25px 0; }
    .news_cont li{ float: none; width: 100%; margin: 0 0 15px 0; height: auto; }
    .news_cont li dt{ width: 100%; padding: 15px 0 0 15px; }
    .news_cont li dd{ padding: 10px 15px 0 0; }

    .footer{ padding: 25px 0 0 0; }
    .footer_nav{ float: none; width: 100%; }
    .footer_logo{ float: none; text-align: center; padding: 0 0 15px 0; }
    .footer_nav_list{ float: none; width: 100%; text-align: center; }
    .footer_nav_list ul{ display: block; }
    .footer_nav_list li{ float: none; display: inline-block; padding: 0 10px; }
    .footer_contact{ padding: 15px 0; }
    .footer_contact li{ float: none; padding: 8px 0; text-align: center; }
    .footer_qrcode{ float: none; display: inline-block; padding: 10px; }

    .copyright .fright{ float: none; display: block; text-align: center; }

    .cont_list li{ width: 50%; }
    .cont_list li dt, .cont_list li dt img{ width: 100%; height: auto; }
    .left, .right{ float: none; width: 100%; }
    .cont_list ul{ width: 100%; }
}

/* 小屏手机（480px 及以下） */
@media screen and (max-width: 480px){
    .videotitle{ font-size: 18px; }
    .videotitle p{ font-size: 12px; }
    .product_title span{ font-size: 30px; }
    .product_title h2{ font-size: 18px; }
    .cont_list li{ width: 100%; }
}




/* ===== 关于我们 banner 视频(2026.08.13) ===== */
.about_banner{ position: relative; overflow: hidden; height: 370px; }
.about_banner video{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1; }
.about_banner p, .about_banner i{ position: relative; z-index: 2; }

.index_custommade .product_title h2{ font-size:24px; }



@font-face{font-family:"socialshare";src:url("/templates/specialty/fonts/iconfont.eot");src:url("/templates/specialty/fonts/iconfont.eot?#iefix") format("embedded-opentype"),url("/templates/specialty/fonts/iconfont.woff") format("woff"),url("/templates/specialty/fonts/iconfont.ttf") format("truetype"),url("/templates/specialty/fonts/iconfont.svg#iconfont") format("svg")}
.social-share{font-family:"socialshare" !important;font-size:14px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.news_share.social-share{display:inline-block;margin-left:0;vertical-align:middle}
.social-share a{position:relative;text-decoration:none;margin:0 4px;display:inline-block;outline:none;vertical-align:middle}
.social-share .social-share-icon{position:relative;display:inline-block;width:25px;height:25px;font-size:18px !important;border-radius:50%;line-height:25px;border:1px solid #666;color:#666;text-align:center;vertical-align:middle;transition:background 0.6s ease-out}
.social-share .social-share-icon:hover{background:#666;color:#fff}
.social-share .icon-weibo:before{content:"\f12a"}
.social-share .icon-wechat:before{content:"\f09a"}
.social-share .icon-qzone:before{content:"\f08a"}
.social-share .icon-weibo{color:#ff763b !important;border-color:#ff763b}
.social-share .icon-weibo:hover{background:#ff763b;color:#fff !important}
.social-share .icon-wechat{color:#7bc549 !important;border-color:#7bc549}
.social-share .icon-wechat:hover{background:#7bc549;color:#fff !important}
.social-share .icon-qzone{color:#FDBE3D !important;border-color:#FDBE3D}
.social-share .icon-qzone:hover{background:#FDBE3D;color:#fff !important}
.social-share .icon-wechat .wechat-qrcode{display:none;border:1px solid #eee;position:absolute;z-index:99;top:30px;left:50%;margin-left:-100px;width:200px;color:#666;font-size:12px;text-align:center;background-color:#fff;box-shadow:0 2px 10px #aaa}
.social-share .icon-wechat .wechat-qrcode h4{font-weight:normal;height:26px;line-height:26px;font-size:12px;background-color:#f3f3f3;margin:0;padding:0;color:#777}
.social-share .icon-wechat .wechat-qrcode .qrcode{width:105px;margin:10px auto}
.social-share .icon-wechat:hover .wechat-qrcode{display:block}


.news_info .info img[width="770"]{ display:block; margin-left:auto !important; margin-right:auto !important; max-width:100%; }

.news_info .info a{ color:#202020 !important; }


.updown .updown-label{ color:#aaaaaa; }
.updown a:hover .updown-title{ color:#0052d8; }