@charset "utf-8";
@import url(../static/font/font.css);
/* CSS Document */
html{font-size:20px;}
body{font-size:.8rem;color:#222;}
html,body{margin:0px;padding:0px;width:100%;height:100%;font-family: "BROWN-LIGHT", "Microsoft Yahei", "Helvetica Neue", "Helvetica", "Arial", "Hiragino Sans GB", "Heiti SC", "sans-serif";}
html *{outline:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color: rgba(0,0,0,0);}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:normal;margin:0;padding:0; }
video,
img{border:none;max-width:100%;vertical-align: middle;}
div,ul,ol,li,dl,dt,dd,p,form,figure{margin:0;padding:0;}
ul,ol,li,dl,dt,dd{list-style:none;}
a{font-size:inherit;text-decoration:none;color:#222;}
a:hover,
a:focus{ text-decoration:none; color:#C80002;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
a:active{color:inherit; text-decoration:none;}
i,em{font-style:normal;}
select,input,textarea,button{font-family:inherit; font-size:inherit;}
table { border-spacing: 0; border-collapse: collapse; background-color: transparent; }
td, th { padding: 0; }
th { text-align: left; }
tr { vertical-align: middle; }

body{ background-color: #ffffff; position:relative; }
.wrap{ width:100%; max-width:1600px; margin: auto; }

.container{ padding:80px 0; }
.container.s1{ padding:100px 0; }
.container.s1.ntp,
.container.ntp{ padding-top:0; }
.container.s1.nbp,
.container.nbp{ padding-bottom:0; }

#loading{ display:none; position:fixed; top:0; left:0; z-index:10000; background-color:rgba(0, 0, 0, .3); width:100%; height:100%; }
#loading div{ position:absolute; top:50%; left:50%; background-color:rgba(255, 255, 255, .7); padding:15px 30px; border-radius:4px; display:flex; align-items: center; transform: translate(-50%, -50%); }
#loading div span{ margin-left:10px; }

.clearfix:before,
.clearfix:after{display:table;content:" ";clear:both;}
.text-center{ text-align:center; }
.text-right{ text-align:right; }
.relative{ position: relative; }
.bold{ font-weight:700; }

.ellipsis{ display: -webkit-box!important; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.ellipsis.lc2 { -webkit-line-clamp: 2; }
.ellipsis.lc3 { -webkit-line-clamp: 3; }
.ellipsis.lc4 { -webkit-line-clamp: 4; }
.ellipsis.lc5 { -webkit-line-clamp: 5; }

.shadow{ box-shadow: 5px 5px 5px rgba(0, 0, 0, .2); }
.shadow-s1{ box-shadow: 0 0 15px rgba(152, 152, 152, .15); }
.shadow-s2{ box-shadow: 0 0 15px rgba(103, 103, 103, .2); }
.shadow-s3{ box-shadow: 0 0 10px rgba(100, 100, 100, .05); }
.hide{ display: none; }
.nones{ position:absolute; visibility:hidden; opacity:0; top:0; left: 0; width: 100%; z-index: -10; }

.tips{ color:#999; }

.circu-s1{ overflow:hidden; border-radius:5px; }
.circu-s2{ overflow:hidden; border-radius:10px; }
.circu-s3{ overflow:hidden; border-radius:15px;}
.circu-s4{ overflow:hidden; border-radius:20px;}

.semi-circle-s1{ overflow:hidden; border-top-left-radius:10px; border-bottom-right-radius:10px; }
.semi-circle-s2{ overflow:hidden; border-top-left-radius:20px; border-bottom-right-radius:20px; }

.mt70{ margin-top:70px; }
.mb70{ margin-bottom:70px; }
.mt50{ margin-top:50px; }
.mb50{ margin-bottom:50px; }
.mt30{ margin-top:30px; }
.mb30{ margin-bottom:30px; }
.mt20{ margin-top:20px; }
.mb20{ margin-bottom:20px; }

.bg-white{ background-color: #ffffff; }
.bg-gray{ background-color: #f7f7f7; }

.bg-img{ background-position:center center; background-repeat:no-repeat; background-size:cover; }
/** shaking背景图动画 */
.bg-img.shaking{ position: absolute; left: 0; right: 0; bottom: 0; top: 0; z-index: 0;
	animation: bg-shaking 2s linear 0.5s infinite alternate;
-webkit-animation: bg-shaking 2s linear 0.5s infinite alternate;
}
@-webkit-keyframes bg-shaking {
	0%, 100% {
		-moz-transform: rotate(0deg) translateY(-12px);
		-ms-transform: rotate(0deg) translateY(-12px);
		-webkit-transform: rotate(0deg) translateY(-12px);
		transform: rotate(0deg) translateY(-12px);
	}
	50% {
		-moz-transform: rotate(0) translateY(0);
		-ms-transform: rotate(0) translateY(0);
		-webkit-transform: rotate(0) translateY(0);
		transform: rotate(0) translateY(0);
	}
}
@keyframes bg-shaking {
	0%, 100% {
		-moz-transform: rotate(0deg) translateY(-12px);
		-ms-transform: rotate(0deg) translateY(-12px);
		-webkit-transform: rotate(0deg) translateY(-12px);
		transform: rotate(0deg) translateY(-12px);
	}
	50% {
		-moz-transform: rotate(0) translateY(0);
		-ms-transform: rotate(0) translateY(0);
		-webkit-transform: rotate(0) translateY(0);
		transform: rotate(0) translateY(0);
	}
}

/* fadeInfilter图片加载动画效果 */
.fadeInfilter {
  -webkit-animation-name: fadeInfilter;
  animation-name: fadeInfilter;
}
@-webkit-keyframes fadeInfilter {
  0% {
    opacity: 0;
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    filter: blur(30px);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    filter: blur(0);
  }
}
@keyframes fadeInfilter {
  0% {
    opacity: 0;
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    filter: blur(30px);
  }
  100% {
    opacity: 1;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    filter: blur(0);
  }
}

/** 鼠标滑过 方框线条动画效果 **/
.hoverLine{ position: relative; }
.hoverLine .line::before{content:'';display: block;width:0;height:2px;background-color:#C80002;opacity: 0;position: absolute;z-index:99;transition: all .5s;-webkit-transition: all .5s;}
.hoverLine .line::after{content:'';display: block;height:0;width:2px;background-color:#C80002;opacity: 0;position: absolute;z-index:99;transition: all .5s;-webkit-transition: all .5s;}
.hoverLine .line.l1::before{left:0;top:0;}
.hoverLine .line.l1::after{right:0;top:0;transition: all .45s .5s;-webkit-transition: all .45s .5s;}
.hoverLine .line.l2::before{left:0;bottom:0;transition: all .45s .5s;-webkit-transition: all .45s .5s;}
.hoverLine .line.l2::after{left:0;top:0;}
.hoverLine.on .line::before,
.hoverLine.on .line::after,
.hoverLine:hover .line::before,
.hoverLine:hover .line::after{opacity: 1;}
.hoverLine.on .line::before,
.hoverLine:hover .line::before{width:100%;}
.hoverLine.on .line::after,
.hoverLine:hover .line::after{height:100%;}
/** 鼠标滑过 图片放大动画效果 **/
.hoverZoom.zoom-box,
.hoverZoom .zoom-box{ overflow:hidden; }
.hoverZoom.zoom-box img,
.hoverZoom .zoom-box img{ transition: all .4s;-webkit-transition: all .4s; }
.hoverZoom.zoom-box:hover img,
.hoverZoom:hover .zoom-box img{ -webkit-transform: scale(1.1); transform: scale(1.1); }
/** 鼠标滑过 背景遮罩动画效果 **/
.hoverMark.mark-box,
.hoverMark .mark-box{ position: relative; z-index:0; }
.hoverMark.mark-box::after,
.hoverMark .mark-box::after{ content:''; display: block; height:100%; width:0; background-color:#C80002; opacity: 0; position: absolute; left:0; top:0; z-index:0; transition: all .5s;-webkit-transition: all .5s; }
.hoverMark.mark-box.ef-center::after,
.hoverMark .mark-box.ef-center::after{ left:50%; transform:translateX(-50%); }
.hoverMark.mark-box:hover::after,
.hoverMark:hover .mark-box::after{ opacity: 1; width:100%; }
/** 鼠标滑过 图标晃动动画效果 **/
.hoverSwing:hover .swing-el{
	animation: swing 2s linear 0.5s infinite alternate;
-webkit-animation: swing 2s linear 0.5s infinite alternate;
}

/** 图片展示方式 */
.img-box.contain,
.img-box.cover{ width:100%; padding-bottom:100%; position:relative; overflow:hidden; }
.img-box.contain.s169,
.img-box.cover.s169{ padding-bottom:56.20%; }
.img-box.contain.s32,
.img-box.cover.s32{ padding-bottom:66.66%; }
.img-box.contain.s43,
.img-box.cover.s43{ padding-bottom:75%; }
.img-box.contain img,
.img-box.cover img{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit: cover; z-index: 9; }
.img-box.contain img{ object-fit: contain; }

/** 标题样式 */
.title-bar{ margin-bottom:50px; }
.title-bar.spb{ display:flex; justify-content:space-between; align-items: center; flex-wrap: wrap; }

	.title-s1 em{ display:block; font-size:2rem; font-weight:600; text-transform:uppercase; font-family:"BROWN-REGULAR"; }
	.title-s1.ttn em{ font-size:2.3rem; text-transform:none; }
	.title-s1.white em{ color:#fff; }
	
	.title-s2 em{ display:block; font-size: 2.3rem; font-weight:700; font-family:"BROWN-REGULAR"; }
	.title-s2 p{ line-height:1.5; margin-top:10px; font-size:1.2rem; }
	
	.title-s3{ display:block; font-size: 2rem; font-weight:600; font-family: "BROWN-REGULAR"; }
	
.title-bar .notes{ max-width:480px; font-size:.9rem; }

/** 更多按钮 */
.more-bar{ display:flex; }
.more-bar.center{ justify-content:center; }
	.more-btn{ display: flex; align-items: center; background-color:#f8f8f8; padding:10px 10px 10px 30px; font-size:.9rem; transition: all 0.4s ease; }
	.more-btn .iconfont{ color:#999; display:flex; align-items:center; justify-content:center; margin-left:30px; width:50px; height:40px; background-color:#fff; font-size:1rem; overflow:hidden; transition: all 0.4s ease; }
	.more-btn:hover{ background-color:#C80002; color:#fff; }
	/**.more-btn:hover .iconfont{ animation: dong 1s infinite linear; }*/
	
	.more-btn.s1{ background-color:#fff; color:#333; }
	.more-btn.s1 .iconfont{ background-color:#C80002; color:#fff; }

	.more-btn.s2{ background-color:rgba(255, 255, 255, .2); color:#fff; }
	.more-btn.s2 .iconfont{ background-color:rgba(255, 255, 255, .2); color:#fff; }
	
	.more-btn.s3{ background-color:#fff; color:#333; padding-left:20px; }
	.more-btn.s3 .iconfont{ height:50px; background-color:#C80002; color:#fff; margin-left:80px; }
	
	@keyframes dong{
		0%{ transform: translateX(-3px); }
		30%{ transform: translateX(5px); }
		100%{ transform: translateX(-3px); }
	}
	

/** 头部 */
.header{ position:relative; }
.top-bar{ position:fixed; top: 20px; width:100%; left:0; z-index: 999; -webkit-transition: .3s all; transition: .3s all; }
.top-bar.fixed{ position:fixed; top:0; background-color:#fff; box-shadow: 0 0 15px rgba(103, 103, 103, .2); }
.top-box{ padding:20px 3.64%; display:flex; justify-content:space-between; align-items:center; }
.top-bar.black{ top:0; background-color:rgba(0, 0, 0, .3); }
	
	.nav-box{ display:flex; align-items:center; }
		.nav ul{ display:flex; align-items:center; }
		.nav ul li{ width: auto; display: block; padding:0 15px; }
		.nav ul li .tit{ text-align: center; font-size: .9rem; font-weight:700; display: block; height:50px; position: relative; color:#fff; }
		.nav ul li.on .tit::after,
		.nav ul li:hover .tit::after{ content:''; display: block; position: absolute; width: 0; height: 0; border-style:dashed dashed solid dashed; border-width: 0 6px 6px 6px; border-color:transparent transparent #C80002 transparent; left: 50%; bottom: -6px;
			-webkit-transform: translateX(-50%);
			transform: translateX(-50%);
		}
		.nav ul li .child{ display: none; background-color: rgba(255, 255, 255, .7); line-height: 1.5; visibility: visible; text-align: center; padding: 5px 10px; position: absolute; top:90px; left:0; box-shadow: 0 0 15px rgba(103, 103, 103, .2); width:100%; }
		.nav ul li .child a{ display: inline-block; position: relative; color: #333; padding:10px 20px;
			transition: 0.4s all;
			-webkit-transition: 0.4s all;
		}
		.nav ul li .child a:hover{ color:#C80002; }
		
	.social-box{ display:flex; align-items:center; gap:10px; padding:0 10px; height:50px; border-radius:50px; }
	
	.language-box{ position: relative; margin-left:20px; }
	.language-box span{ display:block; position: relative; padding:0 35px 0 20px; height:50px; line-height:50px; border-radius:50px; background-color:#fff; color:#626262; font-size:.9rem; }
	.language-box span::after{ position: absolute; top: 50%; margin-top: -6px; right: 15px; content: ' '; display: block; border: solid #888; border-width: 0 2px 2px 0; padding: 4px; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
	.language-box .dropdown-list{ display:none; background-color: rgba(255, 255, 255, .7); line-height: 1.5; padding: 5px 10px; position: absolute; left:0; width:100%; box-shadow: 0 0 15px rgba(103, 103, 103, .7); border-radius:10px; text-align:center; }
	.language-box .dropdown-list a{ display:block; padding: 4px 0; }
	
	.search-btn{ padding:0 20px; height:50px; line-height:50px; border-radius:50px; background-color:#D9080B; color:#fff; font-size:.9rem; margin-left:10px; cursor:pointer; }
	.search-btn .iconfont{ font-size:1rem; margin-right:5px; }

.top-bar.fixed .social-box{ background-color: #333; }
.top-bar.fixed .language-box span{ background-color: #f2f2f2; }
.top-bar.fixed .nav ul li .tit{ color:#2f2f2f; }
.top-bar.fixed .nav ul li.on .tit::after,
.top-bar.fixed .nav ul li:hover .tit::after{ border-color:transparent transparent #C80002 transparent; }

.menu-button{ display: none; position: absolute; top: 10px; right: 15px; z-index: 999; padding: 5px 0; border-radius: 5px; }
.menu-button button{ display: block; background: none; overflow: hidden; cursor: pointer; z-index: 1000; border: 0; width: 32px; height: 30px; padding: 0; outline: 0; position: relative;
    -webkit-appearance: none;
    -webkit-transition: .3s all;
    transition: .3s all;
}
.menu-button button::before,
.menu-button button::after,
.menu-button button span{ background: #414141; border-radius: 2px; }
.menu-button button::before,
.menu-button button::after{ content: ''; position: absolute; height: 2px; width: 100%; left: 0; top: 50%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: -webkit-transform .25s;
    transition: transform .25s;
}
.menu-button button span{ display: block; position: absolute; height: 2px; width: 80%; left: 0; top: 50%; margin-top: 0; overflow: hidden; text-indent: 200%;
    -webkit-transition: opacity .25s;
    transition: opacity .25s;
}
.menu-button button::before{
    -webkit-transform: translate3d(0, -12px, 0);
    transform: translate3d(0, -12px, 0);
}
.menu-button button::after{
    -webkit-transform: translate3d(0, 12px, 0);
    transform: translate3d(0, 12px, 0);
    width: 93%;
}
.menu-button.open button span{ opacity: 0; background: #DC0608; }
.menu-button.open button::before{
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    background: #DC0608;
}
.menu-button.open button::after{
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    background: #DC0608;
    width: 100%;
}

/** 搜索框样式 */
.search-content-box{ display: none; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); position: fixed; top: 0; right: 0; z-index: 100; opacity: 0; transition: all 0.3s; }
.float-window{ width: 350px; background-color: #fff; position: fixed; z-index: 101; bottom: 0; right: calc(50% - 175px); border-radius: 5px; transform: scale(0.1, 0.1); transition: all 0.3s; opacity: 0; }
.search-content-box.show{ display: block; opacity: 1; }
	.search-content-box.show .float-window{ transform: scale(1, 1); opacity: 1; bottom: calc(50% - 100px); transition: all 0.3s; }
	.search-content-box .float-window .no{ width: 100%; display: flex; flex-direction: row-reverse; padding-right: 15px; padding-top: 10px; box-sizing: border-box; cursor: pointer; }
	.search-content-box .float-window .search-title{ font-size: .9rem; font-weight: 700; padding-left: 20px; }
	.search-content-box .float-window input{ margin:30px 20px; width: calc(100% - 40px); box-sizing: border-box; padding: 5px 10px; border-radius: 5px; border: 1px solid #ccc; outline: none; height: 40px; }
	.search-content-box .float-window button{ margin:-5px 20px 20px; width: calc(100% - 40px); background-color: #D9080B; height: 40px; color: #fff; border-radius: 5px; margin-bottom: 40px; border:none; }

/** banner样式 */
.banner-box .sbimg-box{ position:relative; overflow:hidden; width:100%; padding-bottom:49.47%; transition: all 1.5s;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.nbanner-box .sbimg-box{ position:relative; overflow:hidden; width:100%; padding-bottom:26.04%; }
.banner-box .sbimg-box video,
.banner-box .sbimg-box img,
.nbanner-box .sbimg-box video,
.nbanner-box .sbimg-box img{ position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; }

.banner-box .swiper-button-next,
.banner-box .swiper-button-prev { width: 16px; height: 16px; top: auto; bottom: 35px; left: 0; right:auto; }
.banner-box .swiper-button-next{ left: 50px; right:auto; }
.banner-box .swiper-button-next:after,
.banner-box .swiper-button-prev:after{ font-size:16px; font-weight:700; }

.banner-box .attline{ position: absolute; bottom:30px; height:28px; left: 0; right: 0; background-color: rgba(255,255,255, .3) }
.banner-box .attline::after{ display: block; content: " "; position: absolute; border-bottom: 1px solid rgba(255,255,255,.25); height: 1px; left:100px; right: 60px; top:50%; transform: translateY(-50%); z-index: 9; }
.banner-box .attline i{ display: block; position: absolute; width: 24px; height: 48px; bottom: 0; left: 50%; margin-left: -3px; background: url(../images/icon-mouse.png) center no-repeat; z-index: 11;
	animation:mouseMove 1.5s infinite;
	-webkit-animation:mouseMove 1.5s infinite;
}
.banner-box .attline .sp-num{ display: block; position: absolute; width: auto; left:100px; top: -20px; z-index: 12; font-size:.75rem; color: #fff; }
@keyframes mouseMove{
	from {bottom:56px;}
	to {bottom:30px;}
}
@-webkit-keyframes mouseMove{ /*Safari and Chrome*/
	from {bottom:56px;}
	to {bottom:30px;}
}

.banner-box .mark{ position: absolute; top: auto; left: auto; bottom: 30px; right: 0; z-index: 13; font-size:.6rem; color: #fff; padding-top:7px; }
.banner-box .mark::after{ content:''; display:block; width:1em; position:absolute; top:0; left:0; border-top:2px solid #aaa; }
.banner-box .mark span{ display:block; }

.swiper-banner .swiper-slide{ position: relative; overflow: hidden; }
.swiper-banner .swiper-slide a{ display:block; width:100%; height:100%; }
.swiper-banner .swiper-slide .sbinfo-box{ position: absolute; top: 50%; left: 0; width:100%; transform: translateY(-50%); }
.swiper-banner .swiper-slide.swiper-slide-active .sbimg-box{
	-webkit-transform: scale(1);
	transform: scale(1);
}

/** 底部 */
.footer{ background-color:#333333; padding-top:30px; }
.bot-row{ border-top: rgba(255, 255, 255, .2) 1px solid; display: flex; justify-content: space-between; flex-wrap:wrap; padding:40px 0; }
.bot-row.s2{ padding:30px 0; }
.bot-row.nb{ border-top: none; }
.bot-row.np{ padding:0; }
.bot-row.center{ align-items:center; }

	.bot-social{ display:flex; gap:25px; }
	
.bot-nav{ width:51.3%; padding:60px 0; }
	.bot-nav ul{ display: flex; justify-content: space-between; flex-wrap:wrap; margin-left:-40px; margin-top:-40px; }
	.bot-nav ul li{ width: 33.33%; padding-top:40px; padding-left:40px; }
	.bot-nav ul li .tit{ display: block; position:relative; margin-bottom:10px; padding-bottom:20px; font-size:1rem; font-weight:700; color:#fff; }
	.bot-nav ul li .tit::after{ content:''; display:block; position:absolute; left:0; bottom:0; width:1.5em; height:2px; background-color:#818181; }
	.bot-nav ul li .child a{ display: block; padding:5px 0; color:#b6b6b6; }

.bot-contact{ width:36.36%; line-height: 1.75; color:#b6b6b6; padding:60px 0; }
.bot-contact h4{ font-size:1rem; font-weight:700; color:#DC0608; margin-top:20px; }

	.bot-qrcode{ display:flex; gap:30px; }
	.bot-qrcode img{ width:138px; }

.copyright{ line-height:1.75; color:#fff; width: 100%; }
.copyright a{ color:#fff; }
.copyright .icp{ float:right; }

/** 首页 About */
.bg-img-about{ background-image:url(../images/about_bg.jpg); }
.about-box{ display:flex; justify-content:space-between; }

.about-box .about-pic{ width:44%; position:relative; z-index:2; overflow:hidden; }
.about-box .about-pic img{ width:100%; }
.about-box .about-pic .play-btn{ display:flex; justify-content:center; align-items:center; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); width:80px; height:80px; border-radius:50%; border:4px solid #fff; transition: all 0.4s ease; }
.about-box .about-pic .play-btn .iconfont{ color:#fff; font-size:2rem; transition: all 0.4s ease; }

.about-box .about-txt{ width:calc(52% - 260px); }
.about-box .about-txt .title{ font-size:2.2rem; color:#fff; font-weight:600; line-height:1; margin-bottom:20px; font-family:"BROWN-REGULAR"; }
.about-box .about-txt .subhead{ font-size:1.5rem; color:#fff; font-weight:600; line-height:1; margin-bottom:20px; }
.about-box .about-txt p{ font-size:.85rem; line-height:1.5; color:#fff; margin-bottom:20px; }

	.about-number{ display:flex; align-items:center; width:260px; }
	.about-number ul li{ position:relative; padding:30px 0; }
	.about-number ul li em{ display:flex; }
	.about-number ul li em span{ font-size:2.5rem; color:#fff; font-weight:600; line-height: 70%; margin-right:5px; font-family: 'Axis'; }
	.about-number ul li em i{ font-size:2rem; color:#fff; font-weight:600; line-height: 0; }
	.about-number ul li p{ font-size:1.2rem; color:#fff; }

/** 首页 Products */
.bg-img-product{ background-image:url(../images/product_bg.jpg); }

.swiper-product .swiper-slide a{ display:block; height:100%; background-color:#fafafa; position:relative; }
.swiper-product .swiper-slide .img-box{ width:100%; padding-bottom:94.52%; position:relative; overflow:hidden; }
.swiper-product .swiper-slide .img-box img{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit: cover; z-index:2; }
.swiper-product .swiper-slide .img-box:after{ content:''; display:block; width:63%; padding-bottom:63%; position:absolute; top:50%; left:50%; transform:translate(-50%, -40%); border-radius:100%; background-color:#f3f3f3; z-index:1; }
.swiper-product .swiper-slide .txt-box{ width:100%; height:110px; padding:20px; display:flex; justify-content:space-between; align-items:center; background-color:#fafafa; border-top:1px solid #e2e2e2; transition: all 0.4s ease; }
.swiper-product .swiper-slide .txt-box h3{ display:block; width:calc(100% - 100px); font-size:1rem; font-weight:700; transition: all 0.4s ease; }
.swiper-product .swiper-slide .txt-box .view-btn{ display:flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:50%; background-color:#ebebeb; font-size:1rem; color:#888; transition: all 0.4s ease; }

.swiper-product .swiper-slide a:hover .txt-box{ background-color:#C80002; }
.swiper-product .swiper-slide a:hover .txt-box h3{ color:#fff; }
.swiper-product .swiper-slide a:hover .txt-box .view-btn{ background-color:#fff; color:#DC0608; }

/** 首页 Slogan */
.bg-img-slogan{ background-image:url(../images/text_bg.jpg); }

.slogan-box{ display:flex; justify-content:space-between; align-items:center; }
.slogan-box .txt-box{ width:67.53%; }
.slogan-box .title{ font-size:2.2rem; color:#fff; font-weight:600; line-height:1.5; margin-bottom:20px; font-family:"BROWN-REGULAR"; }
.slogan-box .content{ font-size:1.1rem; color:#fff; line-height:1.5; }
.slogan-box .content em{ display:block; font-size:1.5rem; font-weight:600; margin-bottom:10px; }
.slogan-box .more-bar{ padding-top:20px; }

/** 首页 Certificate */
.bg-img-certificate{ background-image:url(../images/qual_bg.jpg); }

.swiper-certificate.swiper-container{ padding:30px 0; }
.swiper-certificate .img-box{ display:flex; justify-content:center; }

/** 首页 News Updates */
.picnews-list{ padding-bottom:20px; }
.picnews-list ul{ margin-top:-30px; margin-left:-30px; display:flex; align-items:stretch; flex-wrap:wrap; }
.picnews-list ul li{ width:33.33%; padding-left:30px; padding-top:30px; }
.picnews-list ul li a{ display:block; height:100%; padding-bottom:60px; position:relative; }
.picnews-list ul li .img-box{ width:100%; padding-bottom:61.85%; position:relative; overflow:hidden; margin-bottom:20px; }
.picnews-list ul li .img-box img{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit: cover; }

.picnews-list ul li h4{ display:block; font-size:1.2rem; font-weight:600; line-height:1.5; margin-bottom:20px; }
.picnews-list ul li time{ display:block; font-size:.9rem; font-weight:600; color:#888; padding:10px 0; margin-bottom:10px; }
.picnews-list ul li .btn-view{ display:block; position:absolute; left:0; bottom:0; }
.picnews-list ul li .btn-view .iconfont{ display:flex; align-items:center; justify-content:center; width:46px; height:46px; border-radius:46px; background-color:#fff; font-size:1.1rem; font-weight:500; color:#D3D3D3; border:2px solid #ededed; transition: all 0.4s ease; }

.picnews-list ul li a:hover h4{ color:#C80002; }
.picnews-list ul li a:hover .btn-view .iconfont{ background-color:#C80002; border:2px solid #C80002; color:#fff; }

/** 首页 Applications */
.application-list ul{ display:flex; justify-content: center; flex-wrap:wrap; background-color:#000; }
.application-list ul li{ width:16.66%; padding-bottom:31.25%; position:relative; overflow:hidden; }
.application-list ul li .img{ position:absolute; width:100%; height:100%; left:0; top:0; background-size: cover; background-position: center center; background-repeat: no-repeat; transition: all 0.4s ease; z-index:1; }
.application-list ul li .txt{ display:block; width:100%; text-align:center; position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:3; }
.application-list ul li .txt i{ display:inline-block; width:80px; height:80px; background-position:top center; background-repeat:no-repeat; background-size:cover; margin-bottom:20px; transition: all 0.5s ease; }
.application-list ul li .txt em{ display:block; width:50%; margin:auto; font-size:1.1rem; font-weight:700; text-align:center; position:relative; color:#fff; }
.application-list ul li .txt .view-btn{ display:flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:50%; margin:auto; margin-top:40px; background-color:#fff; font-size:1rem; color:#DC0608; opacity:0; transition: all 0.5s ease }

.application-list ul li:hover::after{ content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; z-index:2; background-color:rgba(200, 0, 2 , .4); }
.application-list ul li:hover .img{ transform: scale(1.1); }
.application-list ul li:hover .txt i{
	animation: swing 2s linear 0.5s infinite alternate;
-webkit-animation: swing 2s linear 0.5s infinite alternate;
}
.application-list ul li:hover .view-btn{ margin-top:80px; opacity:1; }


/** 内页当前位置 */
.position{ position:absolute; left:0; bottom:0; width:100%; color:#e3e3e3; padding: 20px 0; font-size:.85rem; }
.position a{ color:#e3e3e3; }
.position a:hover{ color:#fff; }

.page-title-bar{ display:flex; justify-content:space-between; align-items:center; background-color:#DC0608; border-top-left-radius:10px; border-top-right-radius:10px; padding:20px 25px; }
.page-title-bar em{ display: block; color: #ffffff; font-size: 1.5rem; font-weight: 700; }
.page-title-bar .iconfont{ color:#fff; font-size:1.5rem; }

/** 内页内容区背景 */
.bg-img-cont{ background-image:url(../images/cont_bg.jpg); }

.main-box{ display:flex; justify-content:space-between; }
	.main-sidebar{ width:24.67%; }
	.main-container{ width:73.11%; }

/** 关于我们 */
.ny-about-box{ display: flex; justify-content: space-between; flex-wrap:wrap; }
.ny-about-box .about-head{ width:35%; padding-bottom: 140px; position:relative; }
	.biaozi{ position:absolute; left:0; bottom:0; }
	.slogan-box{ display: block; font-size: 1rem; font-weight:700; margin-bottom:20px; }
.ny-about-box .about-info{ width:61%; line-height:1.5; }
.ny-about-box .about-info p{ margin-bottom:10px; }
.ny-about-box .about-info p:last-child{ margin-bottom:0; }

.ny-strength-box{ display:flex; justify-content:space-between; align-items: center; }
.ny-strength-box .item{ width:31.33%; padding:50px 148px 50px 40px; background-color:#f9f9f9; border-radius:15px; position:relative; transition: all 0.4s ease; }
.ny-strength-box .item .icon{ display:block; position:absolute; top:50%; right:40px; transform:translateY(-50%); transition: all 0.4s ease; }
.ny-strength-box .item em{ display:block; margin-bottom:10px; font-family: "BROWN-REGULAR"; }
.ny-strength-box .item em span{ display:inline-block; margin-right:3px; font-weight:700; font-size:2.6rem; vertical-align: middle; vertical-align: -webkit-baseline-middle; }
.ny-strength-box .item em i{ font-weight:700; font-size:1rem; }
.ny-strength-box .item p{ font-size:.75rem; color:#666; }
.ny-strength-box .item:hover .icon{ transform: translateY(-30%); }
.ny-strength-box .item:hover{ background-color:#fff; box-shadow: 0 0 15px rgba(103, 103, 103, .2);  }

/**  发展历程 */
.bg-img-history{ background-image:url(../images/development.jpg); }
.ny-history-box{ position:relative; }
	.swiper-history .swiper-slide{ width:16.66%; height:720px; position:relative; }
	.swiper-history .swiper-slide::after{ content:''; display:block; width:100%; height:0; border-bottom:2px solid #ddd; position:absolute; left:0; top:50%; transform: translateY(-50%); z-index:7; }
	.swiper-history .swiper-slide .inner-box{ position:absolute; bottom:50%; top:auto; left:40px; right:-100%; padding:0 100px 100px 40px; border-left:1px solid #ddd; }
	.swiper-history .swiper-slide .inner-box::after{ content:''; display:block; width:10px; height:10px; border:1px solid #ddd; background-color:#fff; border-radius:100%; position:absolute; left:-6px; bottom:-6px; z-index:8; }
	.swiper-history .swiper-slide .inner-box::before{ content:''; display:block; width:13px; height:13px; background-color:#DC0608; border:8px solid #58474D; border-radius:100%; position:absolute; left:-15px; top:0; z-index:8; }
	.swiper-history .swiper-slide .inner-box h4{ font-weight:700; font-size:1.6rem; color: #fff; transform: translateY(-10px); font-family: "BROWN-REGULAR"; }
	.swiper-history .swiper-slide .inner-box p{ line-height:1.5; color:#eaeaea; }
	.swiper-history .swiper-slide:nth-child(even) .inner-box{ bottom:auto; top:50%; padding:100px 100px 0 40px; }
	.swiper-history .swiper-slide:nth-child(even) .inner-box::after{ bottom:auto; top:-6px; }
	.swiper-history .swiper-slide:nth-child(even) .inner-box::before{ bottom:0; top:auto; }
	.swiper-history .swiper-slide:nth-child(even) .inner-box h4{ transform: translateY(3px); }
	
.ny-history-box .swiper-button-box .swiper-button-next,
.ny-history-box .swiper-button-box .swiper-button-prev{ background:none; background-color:#fff; position: absolute; width: 45px; height: 45px; line-height: 45px; text-align: center; border-radius: 100%; margin-top: 0; top:50%; transform: translateY(-50%); bottom: auto; left: auto; right: auto; cursor:pointer; transition: all 0.4s ease; }
.ny-history-box .swiper-button-box .swiper-button-prev{ left: -60px; transform: translateY(-50%) rotate(180deg); }
.ny-history-box .swiper-button-box .swiper-button-next{ right: -60px; }
.ny-history-box .swiper-button-box .swiper-button-next:after,
.ny-history-box .swiper-button-box .swiper-button-prev:after{ display:none; }
.ny-history-box .swiper-button-box .swiper-button-next i,
.ny-history-box .swiper-button-box .swiper-button-prev i{ font-size: .9rem; font-weight:700; color:#DC0608; transition: all 0.4s ease; }
.ny-history-box .swiper-button-box .swiper-button-next:hover,
.ny-history-box .swiper-button-box .swiper-button-prev:hover{ background:#DC0608; }
.ny-history-box .swiper-button-box .swiper-button-next:hover i,
.ny-history-box .swiper-button-box .swiper-button-prev:hover i{ color:#fff; }

/** 您的权益 */
.benefits-list{ display:flex; flex-wrap:wrap; margin-left:-25px; margin-top:-25px; }
.benefits-list .item{ width:20%; padding-left:25px; padding-top:25px; }
.benefits-list .item .inner-box{ display:block; height:100%; background-color:#f9f9f9; padding:40px 50px 80px 50px; border-radius:10px; text-align:center; position:relative; transition: all 0.4s ease; }
.benefits-list .item .inner-box i{ display:block; font-size:2.4rem; font-weight:700; text-align:center; position:relative; padding-bottom:65px; margin-bottom:60px; font-family: "Axis"; color:#d5d5d5; }
.benefits-list .item .inner-box i:after{ content:''; position:absolute; bottom:0; width:.8em; left:50%; transform:translateX(-50%); height:2px; background-color:#DC0608; }
.benefits-list .item .inner-box p{ text-align:center; font-size:.9rem; font-weight:700; color:#666; }
.benefits-list .item .inner-box:hover{ transform:translateY(-5px); background-color:#fff; box-shadow: 0 0 15px rgba(103, 103, 103, .2); }

/** 资料下载 */
.bg-img-download{ background-image:url(../images/download_bg.jpg); }

.download-list ul{ display:flex; flex-wrap:wrap; margin-left:-40px; margin-top:-40px; }
.download-list ul li{ width:50%; padding-left:40px; padding-top:40px; }
.download-list ul li .inner-box{ padding:5% 5% 7% 5%; background-color: #fff; transition: all 0.4s ease; }
.download-list ul li .inner-box .info-box{ position:relative; height:200px; padding-left:80px; }
.download-list ul li .inner-box .info-box i{ position:absolute; left:0; top:0; }
.download-list ul li .inner-box .info-box h4{ font-size:1.3rem; font-weight:700; font-family: "BROWN-REGULAR"; }
.download-list ul li .inner-box .info-box .attr-bar{ display:flex; color:#777; margin-top:8px; }
.download-list ul li .inner-box .info-box .attr-bar span{ display:block; }

.download-list ul li .inner-box .btn-down{ display:block; width:100%; height:60px; border-radius:60px; display:flex; justify-content:center; align-items:center; background-color:#f4f4f4; color:#777; transition: all 0.4s ease; }
.download-list ul li .inner-box .btn-down .iconfont{ font-size:1rem; margin-right:10px; color:#DC0608; transition: all 0.4s ease; }
.download-list ul li .inner-box:hover{ background-color: #fff; box-shadow: 0 0 15px rgba(152, 152, 152, .15); transform:translateY(-10px); }
.download-list ul li .inner-box:hover .btn-down{ background-color:#DC0608; color:#fff; }
.download-list ul li .inner-box:hover .btn-down .iconfont{ color:#fff; }
	
/** 新闻列表 */
.news-list ul li{ border-bottom:1px solid #ebebeb; }
.news-list ul li a{ display: flex; justify-content: space-between; padding:45px 0; }
.news-list ul li:first-child a{ padding-top:0; }
.news-list ul li .img-box{ width:31.49%; padding-bottom:19.48%; }

.news-list ul li .txt-box{ width:65.58%; position:relative; padding-bottom:100px; }
.news-list ul li .txt-box.fluid{ width:100%; }
.news-list ul li h4{ display:block; font-size:1.2rem; font-weight:700; margin:15px 0; transition: all 0.4s ease; }
.news-list ul li p{ display:block; color:#888; line-height:1.5; font-size:.9rem; }
.news-list ul li .btn-view{ position:absolute; bottom:0; left:0; }
.news-list ul li .btn-view time{ display:block; margin-bottom:15px; color:#444; font-size:.9rem; }
.news-list ul li .btn-view .iconfont{ display:inline-block; width:45px; height:45px; border-radius:50%; background-color:#fff; border:1px solid #d6d6d6; color:#d6d6d6; text-align:center; line-height:45px; font-size:1rem; transition: all 0.4s ease; }

.news-list ul li a:hover h4{ color:#DC0608; }
.news-list ul li a:hover .btn-view .iconfont{ background-color:#C80002; border:1px solid #C80002; color:#fff; }

/** 产品分类 */
.procate-list{ background-color: #fff; }
.procate-list li{ border-bottom: 1px solid #e3e3e3; }
.procate-list li>a{ display:block; padding: 20px 25px; padding-right: 50px; position:relative; font-size:.9rem; font-weight:700; }
.procate-list li>a.on{ border-bottom: 1px solid #e3e3e3;  }
.procate-list li>a::after{ position:absolute; content:''; top:50%; right: 20px; border: solid #666; border-width: 0 1px 1px 0; padding: 4px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); margin-top: -4px; }
.procate-list li>a.on::after{ transform: rotate(45deg); -webkit-transform: rotate(45deg); }

.procate-list li dl{ background-color:#fff; display:none; padding:0 25px; }
.procate-list li dl dd{ border-bottom: 1px solid #e3e3e3; }
.procate-list li dl dd:last-child{ border-bottom:none; }
.procate-list li dl dd a{ display:block; padding: 15px 0 15px 30px; position:relative; }
.procate-list li dl dd a::after{ content:''; display:block; background:url(../images/subcate_arr.png) center center no-repeat; width:16px; height:16px; position:absolute; left:0; top:50%; transform:translateY(-50%); }
.procate-list li dl dd a.on,
.procate-list li dl dd a:hover{ color: #DC0608; }

/** 产品列表 */
.product-list ul{ display:flex; flex-wrap:wrap; margin-left:-30px; margin-top:-30px; }
.product-list ul li{ width:33.33%; padding-left:30px; padding-top:30px; }
.product-list ul li a{ display:block; position:relative; width:100%; height:100%; background-color: #ffffff; transition: all 0.4s ease; }
.product-list ul li .img-box{ padding-bottom:93.2%; position: relative; }
.product-list ul li .img-box:after{ content:''; display:block; width:65%; padding-bottom:65%; position:absolute; top:50%; left:50%; transform:translate(-50%, -40%); border-radius:100%; background-color:#f4fbfe; z-index:0; }
.product-list ul li .txt-box{ display:flex; align-items:center; width:100%; height:95px; padding:20px 100px 20px 20px; position: relative; border-top:1px solid #e5e5e5; transition: all 0.4s ease; }
.product-list ul li .txt-box h4{ font-size:1rem; font-weight:700; position:relative; z-index:1; transition: all 0.4s ease; }
.product-list ul li .txt-box .iconfont{ position:absolute; right:20px; top:50%; transform: translateY(-50%); border-radius:100%; width:40px; height:40px; line-height:40px; background-color:#ebebeb; text-align:center; color:#959595; z-index:2; transition: all 0.4s ease; }
.product-list ul li a:hover .txt-box{ background-color:#C80002; }
.product-list ul li a:hover .txt-box h4{ color:#fff; }
.product-list ul li a:hover .txt-box .iconfont{ background-color:#fff; color:#DC0608; }

/** 图片展示 */
.picture-list ul{ display:flex; flex-wrap:wrap; margin-left:-35px; margin-top:-35px; }
.picture-list ul li{ width:33.33%; padding-left:35px; padding-top:35px; }
.picture-list ul li a{ display:block; position:relative; width:100%; height:100%; background-color: #ffffff; transition: all 0.4s ease; }
.picture-list ul li .img-box{ padding-bottom:79.59%; position: relative; z-index:1; }
.picture-list ul li .txt-box{ position:absolute; bottom:0; left:0; width:100%; color:#fff; padding:70px 20px 25px 20px; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)); z-index:2; }
.picture-list ul li h4{ position:relative; }
.picture-list ul li em{ font-size:.95rem; font-weight:700; }
.picture-list ul li .iconfont{ position:absolute; right:0; top:50%; transform:translateY(-50%); width:40px; height:40px; line-height:40px; border-radius:100%; background-color:#fff; text-align:center; color:#DC0608; font-weight:700; z-index:2; transition: all 0.4s ease; }
.picture-list ul li a:hover .iconfont{ background-color:#C80002; color:#fff; }

/** 联系方式 */
.contact-box ul{ display: flex; justify-content: space-between; align-items: stretch; flex-wrap:wrap; margin-top:-2.66%; }
.contact-box ul li{ width:48.66%; padding-top:2.66%; }
.contact-box ul li .inner-box{ width:100%; height:100%; padding:0; background-color:#fff; transition: all 0.4s ease; }
.contact-box ul li .img-box{ padding-bottom:53.42%; }
.contact-box ul li .txt-box{ padding:35px 40px; max-width:580px; }
.contact-box ul li .iconfont{ display:block; font-size:3rem; color:#DC0608; margin-bottom:15px; }
.contact-box ul li em{ display:block; font-size:1.3rem; font-weight:700; margin-bottom:10px; }
.contact-box ul li p{ font-size:1rem; color:#888; font-weight:700; line-height:1.5; }
.contact-box ul li:hover .inner-box{ transform: translateY(-10px); box-shadow: 0 0 15px rgba(103, 103, 103, .2); }

/** 咨询留言 */
.form-list ul{ margin-left: -30px; margin-top:-30px; }
.form-list ul li{ float:left; width:100%; padding-left: 30px; padding-top: 30px; }
.form-list ul li.col2{ width:50%; }
.form-list ul li.col3{ width:33.33%; }
.form-list label{ display: none; }
.form-list .select,
.form-list input{ width: 100%; background-color:#fff; padding: 20px; border:1px solid #efefef; border-radius:4px; font-weight:700; }
.form-list .select{ padding: 18px 20px; }
.form-list .select select{ width:100%; background-color:transparent; border:none; }
.form-list textarea{ width: 100%; height: 200px; background-color:#fff; padding: 20px; border:1px solid #efefef; border-radius:4px; font-weight:700; }
.form-list button{ background-color: #C80002; color: #fff; padding:20px 50px; border: none; border-radius:4px; font-weight:700; }

/** 分页样式 */
.pagination{ margin:40px 0; text-align:center; }
.pagination span,
.pagination strong,
.pagination a{ display:inline-block; margin:0 5px; padding:5px 13px; border:1px solid #ededed; border-radius:4px; background-color:#fff; }
.pagination a[rel]{ background-color:#f9f9f9; border-color:#f9f9f9; }
.pagination strong{ background-color:#C80002; border:1px solid #C80002; color:#fff; }
.pagination a{ color:#666; }
.pagination span{ background-color:#f9f9f9; border:1px solid #f9f9f9; color:#999; }

/** 信息详情 */
.view-title{ font-size: 1.8rem; padding-bottom:40px; margin-bottom: 20px; font-weight:700; border-bottom:1px solid #ededed; }
.view-element{ color:#999; line-height:1.5; margin-bottom:10px; }
.view-element .view-attr span{ display: inline-block; margin-left: 20px; }
.view-element .view-attr span:first-child{ margin-left: 0; }

.view-content{ line-height:1.75; padding: 15px 0; }
.view-content p{ margin-bottom: 15px; }
.view-content p:last-child{ margin-bottom:0; }

.view-assoc{ background-color: #f6f6f6; margin-top:40px; padding:35px 20px; }
.view-assoc .prev{ float: left; width: 50%; }
.view-assoc .next{ float: right; width: 50%; text-align: right; }

/** 产品详情 */
.product-detail{ width:100%; display:flex; justify-content:space-between; }
.product-detail .product-intro{ width:46.66%; padding:0; background-color:transparent; }
.product-detail .product-picture{ width:48.48%; background-color:#fff; border:1px solid #ddd; }
.product-detail .product-picture .img-box{ text-align:center; padding-bottom:73.25%; }
.product-detail .product-picture .swiper-button-next,
.product-detail .product-picture .swiper-button-prev{ background:none; background-color:#f5f5f5; z-index: 99; width: 45px; height: 45px; border-radius: 100%; line-height: 45px; text-align: center; --swiper-navigation-color: #777; --swiper-navigation-size: 1rem; }
.product-detail .product-picture .swiper-button-next:hover,
.product-detail .product-picture .swiper-button-prev:hover { background-color: #DC0608; --swiper-navigation-color: #fff; }

.product-detail .product-intro .title-bar{ border-bottom:1px solid #ddd; padding:30px 0; margin-bottom:30px; }
.product-detail .product-intro .title-bar h2{ font-size:2rem; font-weight:700; }
.product-detail .product-intro .param-bar h3{ font-size:1.2rem; font-weight:700; margin-bottom:15px; margin-top:30px; }
.product-detail .product-intro .param-bar h3:first-child{ margin-top:0; }
.product-detail .product-intro .summary{ color:#777; line-height:1.75; font-size:.9rem; }

.product-content{ background-color:#fff; padding:0 30px 200px 30px; }
.product-content .title-bar{ border-bottom:1px solid #ededed; padding:20px 0; margin-bottom:20px; margin-top:40px; }
.product-content .title-bar:first-child{ margin-top:0; }
.product-content .title-bar h3{ position:relative; font-size: 1.2rem; padding-left:20px; }
.product-content .title-bar h3::after{ content:''; display:block; width:4px; height:23px; background-color:#DC0608; position:absolute; left:0; top:50%; transform:translateY(-45%); }

.product-content .content{ line-height:1.75; font-size:.9rem; color:#555; }
.product-content .content p{ margin-bottom: 10px; }
.product-content .content p:last-child{ margin-bottom:0; }

.product-content .content td { background:rgb(205 215 219 / 69%); border: 1px solid #fff; padding: 10px 35px; }

/** 应用领域详情 */
.application-detail{ width:100%; display:flex; justify-content:space-between; padding:40px; background-color:#fff; }
.application-detail .application-picture{ width:54%; }
.application-detail .application-intro{ width:43%; line-height:1.5; padding-left:25px; }
.application-detail .application-intro h3{ position:relative; font-size:1rem; font-weight:700; }
.application-detail .application-intro h3::after{ content:''; display:block; position:absolute; left:-25px; top:10px; width:12px; height:14px; background:url(../images/twolines.png) center center no-repeat; }
.application-detail .application-intro p{ margin-bottom:10px; }

.application-detail .swiper-button-next,
.application-detail .swiper-button-prev{ background:none; background-color:rgba(255, 255, 255, .85); position: absolute; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 100%; margin-top: 0; top:50%; transform: translateY(-50%); bottom: auto; left: auto; right: auto; cursor:pointer; transition: all 0.4s ease; }
.application-detail .swiper-button-prev{ left: 20px; transform: translateY(-50%) rotate(180deg); }
.application-detail .swiper-button-next{ right: 20px; }
.application-detail .swiper-button-next:after,
.application-detail .swiper-button-prev:after{ display:none; }
.application-detail .swiper-button-next i,
.application-detail .swiper-button-prev i{ font-size: .9rem; font-weight:700; color:#DC0608; transition: all 0.4s ease; }
.application-detail .swiper-button-next:hover,
.application-detail .swiper-button-prev:hover{ background:#DC0608; }
.application-detail .swiper-button-next:hover i,
.application-detail .swiper-button-prev:hover i{ color:#fff; }


/*中等屏幕   w<1600*/
@media screen and (max-width: 1600px) {
	.wrap{ padding:0 15px; }
	
	.top-box{ padding:0 15px; }
	.nav ul li{ padding: 0 15px; }
}

@media screen and (max-width: 1440px) {
	html{font-size:18px;}
	
	.nav ul li{ padding: 0 10px; }
}

/*中等屏幕   w<1200*/
@media screen and (max-width: 1200px) {
	html{font-size:16px;}
	
	.nav ul li{ padding: 0 5px; }
}

/*pad: w< 992*/
@media screen and (max-width: 992px) {
	html{font-size:14px;}
	
	.container{ padding:40px 0; }
	.container.s1{ padding:30px 0; }
	.container.s1.ntp,
	.container.ntp{ padding-top:0; }
	.container.s1.nbp,
	.container.nbp{ padding-bottom:0; }
	
	.mt70{ margin-top:40px; }
	.mb70{ margin-bottom:40px; }
	.mt50{ margin-top:30px; }
	.mb50{ margin-bottom:30px; }
	.mt30{ margin-top:20px; }
	.mb30{ margin-bottom:20px; }
	.mt20{ margin-top:10px; }
	.mb20{ margin-bottom:10px; }
	
	/** 头部样式 */
	.header{ padding-top:73px; }
	.top-bar{ top: 0; }
	.top-box{ display:flex; }
	.logo-box{ padding: 20px 0; }
	
    .menu-button { display: block; }
	.nav { display: none; }
	.social-box,
	.search-btn{ display: none; }
	.nav-box{ padding-right: 0; }
	.language-box { margin-right:40px; margin-left:0; }
	.language-box span{ padding: 0 25px 0 15px; }
	.language-box span::after{ right: 10px; border-width: 0 1px 1px 0; padding: 3px; }
	
	.smart-nav { display: block; }
    .smart-nav { position: fixed; width: 100%; z-index: 998; left: auto; right: -100%; top: 0; bottom: 0; background: rgba(255, 255, 255, .85); padding-top: 60px; overflow: hidden; -webkit-transition: .4s all; transition: .4s all; }
    .smart-nav.open { right: 0; }
    .smart-nav ul { display: block; width: 100%; height: 100%; border-top: 1px solid rgba(130, 130, 130, .3); overflow-y: auto; }
    .smart-nav ul li { position: relative; border-bottom: 1px solid rgba(130, 130, 130, .3); cursor: pointer; }
    .smart-nav ul li .tit { font-size: .9rem; text-indent: 1em; display: block; padding: 12px 0; color:#444; }
    .smart-nav ul li .tit.ignore { background: none; }
    .smart-nav ul li .child { border-top: 1px solid rgba(130, 130, 130, .3); display: none; }
    .smart-nav ul li .child a{ display: block; padding: 5px 0; line-height: 1.5; color: #777; text-indent: 1em; }
	.smart-nav ul li .child a .iconfont-nav{ font-size: 1rem; display:none; }
    .smart-nav ul li .child a:first-child { padding-top: 10px; }
    .smart-nav ul li .child a:last-child { padding-bottom: 10px; }
    .smart-nav ul li .tit:hover,
    .smart-nav ul li .child a:hover { background-color: rgba(220, 6, 8, .8); color: #fff; }
	
	.smart-nav ul li .child .pro-menu{ width:100%; display:block; margin-left:0; margin-top:0; padding:0; }
	.smart-nav ul li .child .pro-menu .li{ display:block; width:100%; padding-left:0; padding-top:0; }
	.smart-nav ul li .child .pro-menu a{ display:block; background-color:transparent; border-radius:0; padding: 5px 0; }
	.smart-nav ul li .child .pro-menu a .img-box{ padding-bottom:60%; border-radius:5px; display:none; }
	.smart-nav ul li .child .pro-menu a em{ display:block; padding-top:0; }
	
	.banner-box .swiper-button-next,
	.banner-box .swiper-button-prev{ display:none; }
	.banner-box .attline{ bottom: 0; }
	.banner-box .attline i{ display:none; }

	.banner-box .swiper-container-horizontal .swiper-pagination-bullets{ bottom: 15px; left:50%; transform: translate3d(0, 0, 0) translateX(-50%); }
	
	.swiper-banner .swiper-slide .sbinfo-box img{ width:65%; }
	.swiper-banner .swiper-slide .sbinfo-box .more-btn{ display:none; }
	
	.banner-box .mark{ bottom:5px; }
	.banner-box .attline .sp-num{ left:0; top:-10px; }
	.banner-box .attline::after{ left:0; }
	
	/** 标题栏样式 */
	.title-bar{ margin-bottom:25px; }
	.title-bar.spb .more-btn{ margin-top:20px; }

	.main-box{ display:block; }
	.main-sidebar{ width:100%; margin-bottom:40px; }
	.main-container{ width:100%; }
	
	.about-box{ display:block; }
	.about-box .about-pic,
	.about-box .about-txt{ width:100%; }
	.about-box .about-number,
	.about-box .about-pic{ margin-top:20px; }
	.about-number ul li{ padding: 15px 0; }
	
	.slogan-box .txt-box{ width:100%; }
	
	.picnews-list ul li{ width:100%; }
	
	.application-list ul li{ width:100%; padding-bottom:45%; }
	.application-list ul li .txt{ display:flex; justify-content:center; align-items:center; }
	.application-list ul li .txt i{ margin-bottom: 0; }
	.application-list ul li .txt .view-btn{ margin-top:auto; }
	
	/** 关于我们 */
	.ny-about-box{ display:block; }
	.ny-about-box .about-head,
	.ny-about-box .about-info{ width:100%; }
	.ny-about-box .about-head{ margin-bottom:30px; }
	
	.ny-strength-box{ display:block; }
	.ny-strength-box .item{ width:100%; padding: 30px 98px 30px 15px; margin-top:30px; }
	.ny-strength-box .item .icon{ right:15px; }
	
	.swiper-history .swiper-slide{ width:100%; height:auto; display:flex; align-items:center; padding:40px 0; }
	.swiper-history .swiper-slide::after{ display:none; }
	.swiper-history .swiper-slide .inner-box{ position:static; padding:0; border-left:none; }
	.swiper-history .swiper-slide .inner-box::before,
	.swiper-history .swiper-slide .inner-box::after{ display:none;}
	.swiper-history .swiper-slide:nth-child(even) .inner-box{ padding:0; }
	
	.ny-history-box .swiper-button-box{ display:none; }
	
	.benefits-list .item{ width:100%; }
	.benefits-list .item .inner-box{ padding:40px 20px; }
	
	.picture-list ul li,
	.product-list ul li{ width:100%; }
	
	.news-list ul li a{ display:block; }
	.news-list ul li .img-box,
	.news-list ul li .txt-box{ width:100%; }
	.news-list ul li .img-box{ padding-bottom:65%; }
	
	.contact-box ul li,
	.download-list ul li{ width:100%; }
	.download-list ul li .inner-box .info-box{ padding-top:80px; padding-left:0; height:auto; padding-bottom:40px; }

	.form-list ul{ margin-top:-15px; }
	.form-list ul li{ padding-top:15px; }
	.form-list ul li.col2{ width:100%; }
	.form-list ul li.col3{ width:100%; }
	.form-list .select, .form-list input,
	.form-list textarea{ padding:15px; }
	.form-list button{ width:100%; padding: 20px 40px; }
	
	.bot-row{ padding: 20px 0; }
	.bot-nav{ display:none; }
	.bot-social{ width:100%; margin-top:20px; }
	.bot-contact{ width:100%; padding:20px 0; }
	.bot-qrcode{ margin-top:20px; }
	.copyright .icp{ float:none; }
	
	.detail-box{ padding: 20px; }
	.view-title{ font-size:1.3rem; }
	.view-element{ display:block; }

	.view-assoc{ height:auto; line-height:1.75; margin-top:20px; padding:10px 15px; }
	.view-assoc .next,
	.view-assoc .prev{ float:none; width:100%; }
	.view-assoc .next{ text-align:left; }
	
	/** 产品详情 */
	.product-detail{ display:block; padding-bottom:30px; }
	.product-detail .product-intro,
	.product-detail .product-picture{ width:100%; }
	.product-content{ padding: 0 15px 80px 15px; }
	
	/** 应用详情 */
	.application-detail{ display:block; padding:15px; }
	.application-detail .application-intro,
	.application-detail .application-picture{ width:100%; }
	.application-detail .application-intro{ margin-top:30px; }
}

/*mobile: w < 768*/
@media screen and (max-width: 768px) {
	.pagination{ margin: 15px 0; }
	.pagination span,
	.pagination strong,
	.pagination a{ margin:5px 0; }
}

/*mobile: w < 640*/
@media screen and (max-width: 640px) {

}
/*mobile: w < 480*/
@media screen and (max-width: 480px) {	

}