@charset "utf-8";
/* 
*Filename:		app.css
*Author:		星迅科技 | 壹凡网络
*Website:		www.jxxingxun.com / www.jxyifan.com
*Blog:			http://www.wauu.net/
*Mail:			1789992612@qq.com / zsf@zjyifan.com
*Version:		2.0(2020-12-01)
*/
html,body{-webkit-text-size-adjust:100%;_overflow-x:hidden;}
*html {zoom:1;}/*Hack For IE6*/
* { margin:0; padding:0;-webkit-tap-highlight-color:rgba(255,255,255,0);}
body { font-family: Helvetica, Tahoma, Arial, "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "Heiti SC", SimHei, "WenQuanYi Micro Hei", sans-serif;}
.margincenter { margin:0 auto;}
a { text-decoration:none;-webkit-tap-highlight-color:rgba(255,255,255,0);}
ul { list-style:none;}
.clear { clear:both; height:1px; overflow:hidden;}
.fl_l { float:left;}
.fl_r { float:right;}
.fl_c:after, .fl_c:before {content:'';display:table;}
.fl_c:after {clear:both;}
.css3donghua,.css3donghua:before,.css3donghua:after  {transition: all 0.5s;
-moz-transition: all 0.5s;	/* Firefox 4 */
-webkit-transition: all 0.5s;	/* Safari 和 Chrome */
-o-transition: all 0.5s;}
.css3_animation {transition: all 0.5s;
-moz-transition: all 0.5s;	/* Firefox 4 */
-webkit-transition: all 0.5s;	/* Safari 和 Chrome */
-o-transition: all 0.5s;}
img{transition: all 0.5s;
-moz-transition: all 0.5s;	/* Firefox 4 */
-webkit-transition: all 0.5s;	/* Safari 和 Chrome */
-o-transition: all 0.5s;}
img { border:0;}
input[type=button],input[type=password],input[type=text], input[type=submit], input[type=file], button,textarea { cursor: pointer; -webkit-appearance: none !important;/*去掉苹果的默认UI来渲染按钮*/ outline:0;font-family:'微软雅黑';}
/*文字超出隐藏*/
.w_break{
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
table { border-spacing: 0;border-collapse: collapse;}

::-webkit-input-placeholder {color:#999; text-overflow:ellipsis;}
:-moz-placeholder {color:#999; text-overflow:ellipsis;}
::-moz-placeholder {color:#999; text-overflow:ellipsis;} /* for the future */
:-ms-input-placeholder {color:#999; text-overflow:ellipsis;}
.marb30 { margin-bottom:30px;}

html {
	font-size:62.5%!important
}

.header { position: fixed; top: 0; left: 0; width: 100%; height: 100px; z-index: 99; background-color: #fff; padding: 0 60px; box-shadow: 0 10px 15px rgba(0,0,0,0.1);}
.index-header { background-color: transparent;
background: -webkit-linear-gradient(top, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0) 100%);
box-shadow:none;
}
.header .logo { height: 80px; margin-top: 10px;}
.header .logo img { height: 100%;}

.lang { padding:20px 0; line-height:30px; margin-left:20px;}
.lang a {display:block; color:#242424; padding:0 10px; border-radius:5px;}
.index-header.header .lang a {color:#fff;}
.lang a.on {background:#e73828; color:#fff;}
.header .nav-menu {}
.header .nav-menu .menu-item { padding: 20px 0; margin-left: 20px; width:110px;}
.header .nav-menu .menu-item a { display: block; color: #242424; font-size: 16ox; height: 60px; line-height: 60px;overflow: hidden;}
.header .nav-menu .menu-item.current a { color: #e73828;}
.index-header.header .nav-menu .menu-item a {color: #fff;}
.header .nav-menu .menu-item a span { display: block; text-align: center;}
.header .nav-menu .menu-item a span.icon {font-size: 32px; line-height: 60px;}
.header .nav-menu .menu-item a span.icon02 {font-size: 36px;}
.header .nav-menu .menu-item a span.icon03 {font-size: 28px;}
.header .nav-menu .menu-item a span.icon04 {font-size: 34px;}
.header .nav-menu .menu-item a span.icon05 {font-size: 30px;}
.header .nav-menu .menu-item a span.title { font-weight: 700;}
.header .nav-menu .menu-item a:hover span.icon { font-size: 20px;line-height: 40px;}
.header .nav-menu .menu-item a:hover span.title {line-height: 20px;}
/* .header .nav-menu .menu-item.current a span.icon { font-size: 20px;line-height: 40px;}
.header .nav-menu .menu-item.current a span.title {line-height: 20px;} */


/*banner*/
.index-swiper .swiper-slide a { display: block; width: 100%; height: 100%;}
.page-swiper .swiper-pagination-bullet { width: 10px; height: 10px; background-color: #fff; opacity: 1; border-radius: 5px;
transition: all 0.5s;
-moz-transition: all 0.5s;	/* Firefox 4 */
-webkit-transition: all 0.5s;	/* Safari 和 Chrome */
-o-transition: all 0.5s;
}
.page-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 30px; background-color: #e73828; opacity: 1;}

/*footer*/
.footer { padding: 15px 60px; background-color: #474747;}
.footer .foot-left { color: #999; line-height: 30px; font-size: 14px;}
.footer .foot-left p { margin: 0;}
.footer .foot-right { color: #999; line-height: 30px; font-size: 14px;}
.footer .foot-right a { color: #999;}

/*内页*/
.nybanner { width: 100%; height: 400px; margin-top: 100px;}
.ny-main { width: 1200px; margin: 0 auto; padding: 60px 0;}

.ny-title { text-align: center; padding-top: 30px;}
.ny-title .title {font-size: 30px;font-weight: 700; color: #242424;}
.ny-title .title span { position: relative;z-index: 2;    text-transform: uppercase;}
.ny-title .title span::after { content: ''; position: absolute; top: -10px; right: -15px; width: 40px; height: 40px; background-color: rgba(231, 56, 40, 0.1); border-radius: 50%;z-index: 1;}
.ny-title .title span::before { content: ''; position: absolute; top: -30px; right: -26px; width: 21px; height: 21px; background-color: #e73828; border-radius: 50%; z-index: 1;}
.ny-title .entitle {font-size: 16px; color: #999; text-transform: uppercase; line-height: 30px;}
.ny-title .entitle span { position: relative;z-index: 2;}
.ny-title .entitle span::before,.ny-title .entitle span::after {content: ''; position: absolute; top: 8px; width: 146px; height: 2px;background-color:#e73828; background-color: rgba(231, 56, 40, 0.1);}
.ny-title .entitle span::before { left: -166px;}
.ny-title .entitle span::after { right: -166px;}

.ny-about { padding-top: 60px; font-size: 16px; color: #474747;}
.ny-about p {font-size: 16px; color: #474747; margin: 0; margin-bottom: 10px; line-height: 30px; text-indent:32px;}
.about-video-main { background-color: #f3f3f3;}
.about-video { padding-top: 60px;}
.about-video video { width: 100%; height: 600px;}

.pro-list-box { padding: 60px 0; width: 1200px; margin: 0 auto;}
.pro-list-box .pro-list {padding-top: 60px;}
.pro-list-box .pro-list .am-text-truncate { text-align: center; line-height: 30px; padding-top: 10px;}
.pro-list-box .pro-list .am-text-truncate a { color: #474747; font-size: 16px;}

/*page*/
.am-pagination>li>a, .am-pagination>li>span { color: #666;}
.am-pagination>.am-active>a, .am-pagination>.am-active>a:focus, .am-pagination>.am-active>a:hover, .am-pagination>.am-active>span, .am-pagination>.am-active>span:focus, .am-pagination>.am-active>span:hover { color: #fff; background-color: #e73828; border-color: #e73828;}

.lxwm-cont { text-align:left;}
.lxwm-cont p { text-indent:0;}
.lxwm-wechat {}
.lxwm-wechat .item { margin-right: 10px;}
.lxwm-wechat img { width: 140px;}
.lxwm-wechat .t { text-align: center; font-size: 14px; color: #999;}

.product-read { background-color: #fff5f5; padding: 60px 0; margin-top: 100px;}
.pro-read-box { width: 1200px; margin: 0 auto;padding-left: 240px; position:relative;}
.pro-read-list {position:absolute; top:0;left:0; width:220px; background:#fff;}
.pro-read-list .title { text-align:center; color:#fff; background:#d8271c; line-height:60px; font-size:18px; font-weight:700}
.pro-read-list .pro-item { padding:10px 0;}
.pro-read-list .pro-item a { display:block; line-height:40px; padding-left:15px; color:#242424;}
.pro-read-list .pro-item a:hover { background:#f3f3f3;}
.pro-read-list .pro-item a.on {background:#f3f3f3; color:#d8271c; font-weight:700;}
.pro-pic-bg { width: 100%; position: relative; min-height: 340px;}
.pro-pic-bg img { width: 100%; height: auto; opacity: 0.7;}
.pro-pic-bg .bg-title { position: absolute; top:30px; left: 30px; color: #d8281d; font-size: 18px; font-weight: 700;}
.pro-pic-bg .bg-title span { font-size: 12px; font-weight: 300; text-transform: uppercase; margin-left: 10px;}
.pro-pic { position: relative; width: 520px; margin: 0 auto; margin-top: -340px;}
.pro-pic .pic { border: 10px solid #fff;}
.pro-pic .pic img { display: block; width: 500px; height: auto;}
.pro-pic .title-box { background-color: #d8271c; padding: 0 30px; height:60px; line-height: 60px;}
.pro-pic .title-box .tt { font-size:24px; font-weight: 700; color: #fff;}
.pro-pic .title-box .note { font-size:18px; font-weight: 700; color: #242424; padding: 15px 0;line-height: 15px; text-align: right;}
.pro-pic .title-box .note span { display: block; font-size:12px; font-weight: 300; text-transform: uppercase;}
.pro-cont { padding: 30px 0 60px; color: #242424; line-height: 30px; font-size: 16px;}
.pro-cont * {color: #242424 !important; line-height: 30px !important; font-size: 16px !important; margin: 0 !important;}