html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; line-height: 1.15; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
body { margin: 0; font-family: "Microsoft Yahei", PingFangSC-Regular, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif; font-size: 14px; background: #fff; color: #333; }
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
*, ::after, ::before { box-sizing: border-box; }
figure { margin: 1em 40px; }
hr { box-sizing: content-box; height: 0; overflow: visible; }
a { -webkit-text-decoration-skip: objects; background-color: transparent; text-decoration: none; outline: 0; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
abbr[title] { border-bottom: none; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; }
b, strong { font-weight: bolder; }
dfn { font-style: italic; }
mark { background-color: #ff0; color: #000; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: -.25em; }
sup { top: -.5em; }
audio:not([controls]) { display: none; height: 0; }
img { border-style: none; }
svg:not(:root) { overflow: hidden; }
button, input, optgroup, select, textarea { line-height: 1.5; margin: 0; outline: none; }
body, button, input, select, textarea { text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-font-feature-settings: "liga", "kern"; }
button, input { overflow: visible; }
button, select { text-transform: none; }
button, html [type=button],
audio, video, canvas { display: inline-block; }
video { width: 100%; height: auto; background-color: #000; }
/*共用参数*/
.clear { clear: both; height: 0px; }
.clear { zoom: 1; }
.floatleft { float: left; }
.floatright { float: right; }
.displaynone { display: none; }
.displayblock { display: block; }
.pc { display: block; }
.wap { display: none; }
.white_txt { color: #FFF; }
.black_txt { color: #000; }
.red_txt { color: red; }
.blue_txt { color: blue; }
.blank1 { clear: both; height: 1px; overflow: hidden; }
.blank5 { clear: both; height: 5px; overflow: hidden; }
.blank10 { clear: both; height: 10px; overflow: hidden; }
.blank15 { clear: both; height: 15px; overflow: hidden; }
.blank20 { clear: both; height: 20px; overflow: hidden; }
.blank30 { clear: both; height: 30px; overflow: hidden; }
.blank50 { clear: both; height: 50px; overflow: hidden; }
.blank100 { clear: both; height: 100px; overflow: hidden; }
.nodata { text-align: center; margin: 20px auto; display: block; }
/**列表分页*/
.m-page { text-align: center; font-size: 0; height: 30px; line-height: 30px; margin-top: 20px; margin-bottom: 20px; }
.m-page li { display: inline }
.m-page a, .m-page i, .m-page span { display: inline-block; font-size: 14px; background-color: #fff; padding: 0px 10px; height: 30px; overflow: hidden; text-align: center; border: 1px #ddd solid; color: #bbb; font-family: Arial; margin-left: 5px; vertical-align: top; }
.m-page a.next, .m-page a.prev { font-size: 14px; font-weight: 700; }
.m-page a:hover, .m-page li.thisclass a, .m-page span.pagelink, .m-page .absolutepage { background-color: #A81F24; color: #fff; }
.m-page span { font-size: 14px; padding-right: 10px; }
/** 点赞**/
.dianzan { display: flex; justify-content: center; margin: 30px 0 10px 0; }
.dianzan a { display: block; cursor: pointer; margin: 0 15px; width: 70px; height: 70px; margin-bottom: 10px; line-height: 60px; text-align: center; border-radius: 50%; box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); position: relative; padding-top: 5px; }
.dianzan a i { display: block; width: 33px; height: 33px; margin: 0 auto; overflow: hidden; }
.dianzan a svg { fill: #999; width: 30px; height: 30px; }
.dianzan a:hover svg { fill: #EFB533; }
.dianzan .dz_unlike, .dianzan .dz_like { text-align: center; }
.dianzan .dz_unlikeico { transform: rotateX(180deg); -moz-transform: rotateX(180deg); -o-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -webkit-transform: rotateX(180deg); margin-top: 10px; }
.dianzan a em { display: block; font-family: verdana; color: #999; position: absolute; bottom: -12px; left: 0; right: 0; }
.dianzan a:hover { box-shadow: 0px 0px 30px rgba(0, 132, 255, 0.3) }
.clearfix { zoom: 1; }
.clearfix:before, .clearfix:after { display: table; line-height: 0; content: ""; }
.clearfix:after { clear: both; }
a { color: #333; text-decoration: none; }
a:hover { color: #dd0000; }
ul { margin: 0; list-style: none; padding: 0; }
/**内链关键字样式*/
.keywordstyle { color: #FBC300; font-weight: bold; }
/**圆角*/
.radius-5 { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.radius-10 { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
/****/
.alignleft { display: inline; float: left; }
.alignright { display: inline; float: right; }
.aligncenter { clear: both; display: block; margin: auto; }
/*图片逐渐放大效果*/
.delay { -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; overflow: hidden; }
.delay:hover { transform: scale(1.08, 1.08); -moz-transform: scale(1.08, 1.08); -ms-transform: scale(1.08, 1.08); -webkit-transform: scale(1.08, 1.08); -o-transform: scale(1.08, 1.08); }
/*图片逐渐放大效果*/
.auto-img img { width: 100%; height: 100%; object-position: center center; object-fit: cover; }
/*图片经过遮罩*/
.filter:hover { filter: alpha(opacity=70); -moz-opacity: 0.7; -webkit-opacity: 0.7; opacity: 0.7; }
/*图片经过遮罩*/
/*图片经过旋转*/
.r_delay { -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.r_delay:hover { transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); }
/*图片经过旋转*/
/*图片经过渐变*/
.i_delay { -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
/*图片经过渐变*/
/*图片经过滚动*/
.slide:hover .t { transform: translate(0, -100%); -webkit-transform: translate(0, -100%); -ms-transform: translate(0, -100%); }
.slide:hover .b { transform: translate(0, -100%); -webkit-transform: translate(0, -100%); -ms-transform: translate(0, -100%); }
/*图片经过滚动*/
img { max-width: 100%; vertical-align: middle; border-style: none; }
.onimg { overflow: hidden; position: relative; }
.onimg:before { transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 1px solid rgba(255, 255, 255, 0); z-index: 100; }
.onimg:hover:before { top: 10px; left: 10px; right: 10px; bottom: 10px; border: 1px solid rgba(255, 255, 255, 0.5); }
.onimg:hover { background: #000; }
.onimg:hover img { opacity: 0.85; transform: scale(1.05) rotate(1deg); -o-transform: scale(1.05) rotate(1deg); -webkit-transform: scale(1.05) otate(1deg); -moz-transform: scale(1.05) rotate(1deg); -ms-transform: scale(1.05) rotate(1deg); }
.img-center { text-align: center; font-size: 0; }
.img-center img { display: inline-block; width: auto; height: auto; max-width: 100%; max-height: 100%; vertical-align: middle; -webkit-transition: all 0.5s; transition: all 0.5s; }
.img-cover { overflow: hidden; position: relative; }
.img-cover span { display: block; width: 100%; background: no-repeat center / cover; -webkit-transition: all 0.5s; transition: all 0.5s; height: 100%; position: absolute; left: 0; top: 0; }
/*header 页面头部公共*/
.header { width: 100%; background: #A81F24; position: fixed; left: 0; top: 0; z-index: 1000; transition: all .4s ease-in-out; }
.header:after { content: ""; position: absolute; width: 100%; height: 1px; background: #e7e9ec; left: 0; bottom: 0; opacity: 0; transition: all .4s ease-in-out; }
.topbar { width: 100%; max-width: 1280px; height: 80px; margin: 0 auto; }
.top_logo { float: left; position: relative; margin-left: 0%; z-index: 9999; }
.top_logo a { height: 80px; line-height: 80px; }
.top_logo a img { height: 50px; }
.top_nav { float: left; font-size: 0; margin-left: 3%; }
.top_nav ul li { display: inline-block; margin: 0 10px; }
.top_nav ul li:last-child { padding-right: 0; border: 0; }
.top_nav ul li:hover .nav:before { opacity: 1; }
.top_nav ul li:nth-child(1) .nav:before { display: none; }
.nav { display: block; height: 80px; line-height: 80px; font-size: 16px; color: #fff; padding: 0 4px; position: relative; }
.nav:hover, .nav.active { color: #EFB533; }
.top_nav ul li.active .nav { color: #EFB533; border-bottom: 3px solid #EFB533; }
.nav:before { pointer-events: none; position: absolute; z-index: -1; content: ''; border-style: solid; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; left: calc(50% - 10px); bottom: 0; border-width: 0 10px 10px 10px; border-color: transparent transparent #fff transparent; opacity: 0; transition: all .5s; }
.top_nav2box { display: none; position: absolute; left: 0; top: 80px; width: 100%; padding: 15px 0; background: rgba(27, 28, 28, .7); backdrop-filter: blur(5px); z-index: 991; font-size: 0; box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1); }
.top_nav ul li:hover .top_nav2box{ display: block;}
.top_nav2box.active { animation: sunNavDown 400ms ease both; }
.top_mbnavl {width: 100%; margin: 0 auto; }
.top_mbnavl>div { text-align: center; width: 100%; }
.top_mbnavl_img { width: 30%; height: auto; overflow: hidden; text-align: center; line-height: 160px; }
.top_mbnavl_img img { width: 280px; height: auto; object-fit: cover; transition: all .4s ease-in-out; }
.top_mbnavl_img img:hover { transform: scale(1.1); }
.top_mbnavl_click { width: 66%; margin-left: 4%; float: left; display: none; }
.top_mbnavl_clicka a { display: none; height: 38px; font-size: 16px; color: #fff; width: 148px; background: url('../images/mbnavico2.png') no-repeat right 6px; position: relative; transition: all .4s ease-in-out; border-bottom: 1px solid #ccc; width: 16%; margin-right: 4%; }
.top_mbnavl_clicka a:after { content: ""; position: absolute; left: 0; bottom: 0; height: 2px; width: 0%; background: #f2f2f2; transition: all .4s ease-in-out; }
.top_mbnavl_clicka a:hover:after { height: 2px; width: 100%; background: #EFB533; }
.top_mbnavl_clicka a { margin-bottom: 22px; }
.top_mbnavl_clicka a:hover { color: #EFB533; background: url('../images/mbnavico2.png') no-repeat right 6px; }
.top_mbnavl_img { display: none; }
.top_mbnavl_img.active { display: block; }
.header .tel { float: right; display: flex; align-items: center; font-size: 22px; line-height: 80px; margin-right: 0%; }
.header .tel img { width: 25px; height: 25px; margin-right: 10px; }
.header .tel strong { color: #EFB533; font-weight: normal; }
.col_md_2 { width: 13%; }
/**二级菜单栏目宽度***/
.top_nav ul li.col_md_2 { margin: 0 0px; line-height:18px; }
.header_border { margin: .5% 0; border-right: 1px solid #898989; }
header .docker-container .docker-content .docker-container-width a { color: #b5b5b5; font-size: 16px;font-weight: 600; }
.nav_title { font-size: 14px !important; font-weight: 200 !important; color: #F7F7F7 !important; }
.nav_title:hover { color: #EFB533 !important; }
.docker_container_product { width: 100%; }
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img { display: block; max-width: 100%; height: auto; }
.col-md-3 { width: 20%; }
/* 头部手机菜单图标*/
.menu_btn { height: 60px; margin-right: 2%; cursor: pointer; float: right; user-select: none; display: none; width: 30px; }
.menu_btn span { width: 30px; height: 2px; background: #fff; display: block; position: relative; margin-top: 29px; transition: all .2s linear; }
.menu_btn span:before, .menu_btn span:after { content: ""; position: absolute; height: 2px; background: #fff; display: block; left: 0; width: 100%; transition: all .2s linear; }
.menu_btn span:before { top: -8px; }
.menu_btn span:after { top: 8px; }
.menu_btn.active span { -moz-animation: buttonAnimation 0.3s ease forwards; -webkit-animation: buttonAnimation 0.3s ease forwards; animation: buttonAnimation 0.3s ease forwards; }
.menu_btn.active span:before { -moz-animation: buttonAnimationBefore 0.3s ease forwards; -webkit-animation: buttonAnimationBefore 0.3s ease forwards; animation: buttonAnimationBefore 0.3s ease forwards; }
.menu_btn.active span:after { -moz-animation: buttonAnimationAfter 0.3s ease forwards; -webkit-animation: buttonAnimationAfter 0.3s ease forwards; animation: buttonAnimationAfter 0.3s ease forwards; }
.top_mbnavico { display: none; position: absolute; width: 45px; height: 45px; right: 1%; top: 0; z-index: 1000; background: url('../images/mbnavico1.png') no-repeat center center /16px auto; transition: all .5s; }
.top_mbnavico.active { transform: rotate(180deg); }
/** 页面主体 **/
.container { width: 100%; height: auto; margin-top: 60px; }
/* 首页轮播大图*/
.banner-box { width: 100%; position: relative; }
.banner { width: 100%; }
.banner-img { width: 100%; height: 100%; overflow: hidden; }
.banner-img img { width: 100%; height: 100%; object-fit: cover; }
.banner-img img { width: 100%; height: 100%; object-fit: cover; transform: matrix(1.0, 0, 0, 1.0, 0, 0); -webkit-transition: all 0.4s ease 1.2s; -moz-transition: all 0.4s ease 1.2s; -ms-transition: all 0.4s ease 1.2s; -o-transition: all 0.4s ease 1.2s; transition: all 0.4s ease 1.2s; }
.swiper-slide-active .banner-img img { transition-delay: 0.4s !important; transform: matrix(1, 0, 0, 1, 0, 0); -webkit-transition: all 5s ease; -moz-transition: all 5s ease; -ms-transition: all 5s ease; -o-transition: all 5s ease; transition: all 5s ease; }
.banner-prev, .banner-next { position: absolute; z-index: 10; top: 50%; width: 40px; height: 60px; margin-top: -30px; cursor: pointer; user-select: none; transition: all .3s ease-in-out; }
.banner-prev { left: 15px; background: rgba(0, 0, 0, .3) url('../images/prev-next-ico1.png') no-repeat 16px center; }
.banner-next { right: 15px; background: rgba(0, 0, 0, .3) url('../images/prev-next-ico1.png') no-repeat -34px center; }
.banner-prev:hover, .banner-next:hover { background-color: rgba(0, 129, 204, 1); }
.banner .swiper-pagination { bottom: 20px; }
.banner .swiper-pagination-bullet { width: 6px; height: 6px; display: inline-block; border-radius: 100%; background: #fff; opacity: 0.5; vertical-align: middle; position: relative; }
.banner .swiper-pagination-bullet:after { content: ""; width: 20px; height: 20px; position: absolute; left: 50%; top: 50%; background: transparent; border: 2px solid #fff; border-radius: 100%; margin-top: -10px; margin-left: -10px; opacity: 0; transform: scale(0); transition: all .5s; }
.banner .swiper-pagination-bullet-active { opacity: 1; }
.banner .swiper-pagination-bullet-active:after { opacity: 1; transform: scale(1); }
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 16px; }
/** index **/
.menu_title { text-align: center; width: 100%; text-align: center; }
.menu_title h1 { font-size: 30px; font-weight: bold; padding-bottom: 10px; }
.menu_title h1 span { position: relative; }
.menu_title h3 { font-size: 16px; font-weight: normal; padding-top: 0px; }
.menu_title h3 a { text-align: center; padding: 0 20px; }
.menu_title1 h1 { color: #111; }
.menu_title1 h3 { color: #888; }
.menu_title2 h1 { color: #fff; }
.menu_title2 h3 { color: #fff; }
.menu_nav { width: 100%; font-size: 0; text-align: center; margin: 30px 0 46px; user-select: none; }
.menu_nav li { display: inline-block; vertical-align: top; border-bottom: 1px solid #d9e0ea; padding: 0 34px; }
.menu_nav li:first-child { padding-left: 0; }
.menu_nav li:last-child { padding-right: 0; }
.menu_nav_link { height: 45px; display: block; position: relative; }
.menu_nav_link i, .menu_nav_link span { display: inline-block; vertical-align: middle; height: 28px; line-height: 28px; }
.menu_nav_link span { font-size: 18px; color: #333; font-weight: 700; margin-left: 12px; transition: all .4s ease; }
.menu_nav_link::after { content: ""; position: absolute; width: 0%; height: 2px; background: #A81F24; left: 0; bottom: -1px; right: 0; margin: 0 auto; transition: all .4s ease; }
.menu_nav_link.active span, .menu_nav_link:hover span { color: #A81F24; }
.menu_nav_link.active::after { width: 100%; }
.menu_more { width: 130px; background-color: #A81F24; border-radius: 30px; height: 40px; line-height: 40px; color: #fff; font-size: 16px; margin: 0 auto; margin-top: 30px; transition: all .4s ease-out; text-align: center; }
.menu_more:hover { background-color: #EFB533; }
.menu_more a { display: block; color: #fff;}
/** in_pro **/
.in_pro { width: 100%; height: auto; margin: 0 auto; background: #f5f5f5; padding: 40px 0 40px 0; }
.in_prolist { width: 96%; max-width: 1280px; height: auto; margin: 0 auto; }
.in_pro_items { width: 100%; height: auto; display: none; }
.in_pro_items.active { display: block; animation: hideIndex .5s; -moz-animation: hideIndex .5s; -webkit-animation: hideIndex .5s; -o-animation: hideIndex .5s; }
.in_pro_ul { margin: -2% 0 0 -2%; }
.in_pro_ul .title { padding: 20px; background-color: #f5f5f5; overflow: hidden; }
.in_pro_ul .last { display: none; }
.in_pro_ul .title h1 { height: 30px; line-height: 30px; font-size: 16px; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; background: url('../images/pro_t_ico1.png') right -42px no-repeat; padding-right: 20px; /*transition: all .4s ease; */font-weight: normal; }
.in_pro_ul a:hover .title h1 { color: #A81F24; background: url('../images/pro_t_ico1.png') right 10px no-repeat }
.in_proul_link { display: block; align-items: center; transition: all .4s ease; margin: 20px 0 0 2%; justify-content: center; width: 31.333%; float: left; background: #fff; box-shadow: 0 2px 12px 2px rgba(29, 32, 136, 0.1); overflow: hidden; }
.in_proul_link .img { width: 100%; padding-top: 75%; position: relative; overflow: hidden; }
.in_proul_link .img img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; display: block; transition: all .6s ease; }
.in_proul_link:hover .img img { transform: scale(1.1); }
/**** in_about *****/
.in_about { width: 100%; padding: 60px 0 60px 0; background-size: cover;/* height: 850px; */ background-position: center !important; }
.in_aboutbox { width: 96%; max-width: 1280px; margin: 0 auto; }
.in_aboutcontent { width: 100%; margin-top: 0px; }
.in_aboutcontent .in_abouttxt { padding-top: 30px; color: #ffffff; font-size: 18px; line-height: 40px; text-align: center; }
.in_aboutcontent .in_abouttxt p { text-indent: 2em; }
.in_aboutcontent .in_aboutdata { margin-top: 20px; }
.in_aboutcontent ul { width: 100%; height: auto; overflow: hidden; }
.in_aboutcontent ul li { width: 25%; float: left; border-right: 1px dashed #fff; text-align: center; }
.in_aboutcontent ul li h1 { font-size: 30px; color: #fff; font-family: 'impact'; }
.in_aboutcontent ul li h1 span { font-size: 50px; color: #fff; font-family: 'impact'; }
.in_aboutcontent ul li h3 { font-size: 18px; color: #fff; }
.in_aboutcontent ul li:last-child { border-right: 0px; }
/**** in_cases *****/
.in_cases { width: 100%; height: auto; margin: 0 auto; padding: 50px 0 50px 0; }
.in_casesbox { width: 96%; max-width: 1280px; margin: 0 auto; }
.in_caseslist { width: 100%; margin-top: 40px; }
.in_caseslist .swiper-container { padding-bottom: 50px !important; }
.in_caseslist .swiper-pagination { bottom: 10px; }
.in_caseslist .swiper-pagination-bullet { width: 6px; height: 6px; display: inline-block; border-radius: 100%; background: #666; opacity: 0.8; vertical-align: middle; position: relative; }
.in_caseslist .swiper-pagination-bullet:after { content: ""; width: 20px; height: 20px; position: absolute; left: 50%; top: 50%; background: transparent; border: 2px solid #666; border-radius: 100%; margin-top: -10px; margin-left: -10px; opacity: 0; transform: scale(0); transition: all .5s; }
.in_caseslist .swiper-pagination-bullet-active { opacity: 1; }
.in_caseslist .swiper-pagination-bullet-active:after { opacity: 1; transform: scale(1); }
.in_caseslist .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 16px; }
.in_case_item { width: 100%; height: auto; padding: 3%; padding-bottom: 0; background: #f5f5f5; border-radius: 5px; overflow: hidden; transition: all .4s ease-out; }
.in_case_item .img { width: 100%; padding-top: 75%; position: relative; overflow: hidden; }
.in_case_item .img img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; display: block; transition: all .4s ease-out; }
.in_case_item .title { width: 100%; padding: 0 5px; overflow: hidden; }
.in_case_item .title h1 { line-height: 50px; color: #333; font-size: 16px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all .4s ease-out; font-weight: normal; }
.in_case_item:hover { background: #666; }
.in_case_item:hover .img img { transform: scale(1.1); }
.in_case_item:hover .title h1 { color: #fff; }
/* in_solution */
.in_solution { width: 100%; background-size: cover !important; height: 100%; background-position: center !important; padding: 50px 0 50px; }
.in_solutionbox { width: 96%; max-width: 1280px; margin: 0 auto; }
.in_solutionlist { width: 100%; height: auto; margin-top: 50px; }
.in_solutionlist .swiper-container { padding-bottom: 50px !important; }
.in_solutionlist .swiper-pagination { bottom: 10px; }
.in_solutionlist .swiper-pagination-bullet { width: 6px; height: 6px; display: inline-block; border-radius: 100%; background: #fff; opacity: 0.8; vertical-align: middle; position: relative; transition: all .5s; }
.in_solutionlist .swiper-pagination-bullet:after { content: ""; width: 20px; height: 20px; position: absolute; left: 50%; top: 50%; background: transparent; border: 2px solid #fff; border-radius: 100%; margin-top: -10px; margin-left: -10px; opacity: 0; transform: scale(0); transition: all .5s; }
.in_solutionlist .swiper-pagination-bullet-active { opacity: 1; }
.in_solutionlist .swiper-pagination-bullet-active:after { opacity: 1; transform: scale(1); }
.in_solutionlist .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 16px; }
.in_solutionitem { width: 100%; height: auto; overflow: hidden; }
.in_solutionitem ul { margin-left: -2%; }
.in_solutionitem ul li { width: 23%; margin-left: 2%; background-color: #fff; border-radius: 3px; margin-bottom: 2%; overflow: hidden; padding: 15px; float: left; }
.in_solutionitem ul li .img { width: 100%; padding-top: 75%; position: relative; overflow: hidden; }
.in_solutionitem ul li .img img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; display: block; transition: all .4s ease-out; }
.in_solutionitem ul li:hover .img img { transform: scale(1.1); }
.in_solutionitem ul li .title { width: 100%; height: auto; padding: 15px 0 5px 0; overflow: hidden; }
.in_solutionitem ul li .title h1 { height: 30px; line-height: 30px; font-size: 16px; color: #333; padding-right: 19px;/* background: url("../images/pro_t_ico1.png") right -42px no-repeat;*/ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all .4s ease-out; font-weight: normal; }
.in_solutionitem ul li .title h3 { line-height: 30px; height: 64px; font-size: 14px; color: #999; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; padding-top: 5px; font-weight: normal; }
.in_solutionitem ul li:hover .title h1 { color: #A81F24;/* background: url("../images/pro_t_ico1.png") right 12px no-repeat;*/ }
.in_solutionitem ul li:first-child { width: 48%; }
/***** in_news ******/
.in_news { width: 100%; height: auto; padding: 50px 0 50px 0; }
.in_newsbox { width: 96%; max-width: 1280px; margin: 0 auto; }
.in_news_nav { width: 100%; height: auto; overflow: hidden; text-align: center; margin-top: 20px; }
.in_news_nav ul li { display: inline-block; font-size: 16px; color: #888; font-weight: normal; padding: 0 20px; cursor: pointer; transition: all .4s ease-out; }
.in_news_nav ul li:hover, .in_news_nav ul li.active { color: #A81F24; }
.in_news_nav ul a { text-align: center; padding: 0 20px; font-size: 16px; color: #888; font-weight: normal; }
.in_news_nav ul a:hover { color: #666; }
.in_newslist { display: none; }
.in_newslist.active { display: block; animation: hideIndex .5s; -moz-animation: hideIndex .5s; -webkit-animation: hideIndex .5s; -o-animation: hideIndex .5s; }
.in_newsitems { width: 100%; margin-top: 50px; overflow: hidden; }
.in_newsitems .leftnews { width: 50%; float: left; height: auto; overflow: hidden; padding-right: 20px; }
.in_newsitems .leftnews .img { width: 100%; height: 450px; overflow: hidden; }
.in_newsitems .leftnews .img img { width: 100%; height: 100%; object-fit: cover; transition: all .4s ease-out; }
.in_newsitems .leftnews:hover .img img { transform: scale(1.1); }
.in_newsitems .leftnews .title { width: 100%; background-color: #f5f5f5; padding: 30px; position: relative; }
.in_newsitems .leftnews .title h1 { font-size: 18px; color: #444; padding-right: 100px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; height: 30px; line-height: 30px; }
.in_newsitems .leftnews .title h3 { font-size: 14px; color: #999; line-height: 25px; height: 60px; padding-top: 10px; padding-right: 100px; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.in_newsitems .leftnews:hover .title h1 { color: #A81F24; }
.in_newsitems .leftnews:hover .title h3 { color: #A81F24; }
.in_newsitems .newsdate { width: 90px; height: 90px; background-color: #666; padding: 8px; font-size: 38px; color: #fff; text-align: center; position: absolute; right: 30px; top: 30px; }
.in_newsitems .newsdate span { display: block; font-size: 12px; margin-top: 10px; color: #fff; text-align: center; }
.in_newsitems .rightnews { width: 50%; float: left; padding-left: 10px; overflow: hidden; height: auto; margin-bottom: 7px; background-color: #f5f5f5; padding: 22px; overflow: hidden; }
.in_newsitems .rightnews .title { width: 65%; float: left; padding-right: 30px; overflow: hidden; }
.in_newsitems .rightnews .title h1 { font-size: 18px; color: #444; height: 30px; line-height: 30px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.in_newsitems .rightnews .title h3 { font-size: 14px; color: #888; line-height: 25px; height: 75px; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin: 15px 0; }
.in_newsitems .rightnews:hover .title h1 { color: #A81F24; }
.in_newsitems .rightnews:hover .title h3 { color: #A81F24; }
.in_newsitems .rightnews .title h6 { font-size: 14px; color: #555; font-family: 'Arial'; }
.in_newsitems .rightnews .img { width: 35%; float: left; height: 150px; overflow: hidden; }
.in_newsitems .rightnews .img img { width: 100%; height: 100%; object-fit: cover; transition: all .4s ease-out; }
.in_newsitems .rightnews:hover .img img { transform: scale(1.1); }
/** 子栏目页 **/
/* 内页栏目大图banner*/
.page_banner { width: 100%; height: auto; overflow: hidden; position: relative; text-align: center; }
.page_banner img { width: 100%; height: auto; /*object-fit: cover; min-height: 150px;*/ }
.q_navbox { width: 100%; height: auto; overflow: hidden;/* background: rgba(0, 0, 0, 0.5);*/ background:#EBAA12; }
.q_nav { width: 96%; max-width: 1280px; margin: 0 auto; height: 60px; line-height: 60px; overflow: hidden; }
.q_nav ul { float: left; }
.q_nav ul li { float: left; padding: 0 15px; text-align: center; position: relative; }
.q_nav ul li span { float: left; margin: 0 10px; color: #fff; }
.q_nav ul li a { display: block; font-size: 16px; color: #fff; }
.q_nav ul li a:hover, .q_nav ul li.active a { color: #A81F24; }
.q_nav ul li::after { position: absolute; content: ""; width: 1px; height: 16px; top: 23px; right: 0px; background-color: #fff; }
.q_nav ul li:last-child::after { display: none; }
.q_nav ul li:before { pointer-events: none; position: absolute; z-index: 2; content: ''; border-style: solid; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; left: calc(50% - 10px); bottom: 0; border-width: 0 10px 10px 10px; border-color: transparent transparent #A81F24 transparent; opacity: 0; transition: all .5s; }
.q_nav ul li:hover:before, .q_nav ul li.on:before { opacity: 1; }
.q_nav ul li.active:before { opacity: 1; }
.q_nav ul li.active a { color: #A81F24; }
.q_nav .curmbs { float: right; font-size: 14px; color: #fff; line-height: 60px; }
.q_nav .curmbs a { font-size: 14px; color: #fff; padding: 0 6px; }
.q_nav .curmbs a:first-child { padding-left: 0; }
.q_nav .curmbs a:hover { color: #A81F24; }
/**内页主体***/
.page_main { width: 96%; max-width: 1280px; margin: 0 auto; padding: 20px 0; height: auto; overflow: hidden; }
.page_main .title h1 { font-size: 30px; margin: 30px auto; text-align: center; }
.page_main .content { width: 100%; height: auto; font-size: 16px; color: #666; line-height: 30px; text-align: justify; overflow: hidden; transition: all .5s; min-height:300px;}
/*** product *****/
.pro_listbox { width: 100%; height: auto; margin: 30px auto; }
.pro_main { width: 100%; display: flex; flex-flow: row wrap; padding: 2%; background-color: #f2f2f2; }
.pro_main .pro_picbox { float: left; width: 50%; }
.pro_main .pro_picbox .pro_bigpic { /* border: 1px solid #ddd; */ }
.pro_main .pro_picbox .pro_bigpic .swiper-slide { cursor: pointer; }
.pro_main .pro_picbox .pro_bigpic .swiper-slide .pic { position: relative; width: 100%; height: 0; padding-bottom: 75%; }
.pro_main .pro_picbox .pro_bigpic .swiper-slide .pic img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; }
.pro_main .pro_picbox .thumbs { position: relative; margin-top: 10px; padding: 0 33px; overflow: hidden; }
.pro_main .pro_picbox .thumbs .swiper-slide { width: calc(96.1% / 4); margin-right: 5px; border: 2px solid #eee; box-sizing: border-box; transition: all .5s ease; }
.pro_main .pro_picbox .thumbs .swiper-slide .pic { position: relative; width: 100%; height: 0; padding-bottom: 75%; cursor: pointer; }
.pro_main .pro_picbox .thumbs .swiper-slide .pic img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; }
.pro_main .pro_picbox .thumbs .swiper-slide-thumb-active { border-color: #A81F24; }
.pro_main .pro_picbox .thumbs .swiper-container-thumbs img { opacity: 0.8; }
.pro_main .pro_picbox .thumbs .swiper-slide-thumb-active img { opacity: 1; }
.pro_main .swiper-pagination .swiper-pagination-bullet { width: 6px; height: 6px; display: inline-block; border-radius: 100%; background: #fff; opacity: 0.8; vertical-align: middle; position: relative; }
.pro_main .swiper-pagination .swiper-pagination-bullet:after { content: ""; width: 20px; height: 20px; position: absolute; left: 50%; top: 50%; background: transparent; border: 2px solid #fff; border-radius: 100%; margin-top: -10px; margin-left: -10px; opacity: 0; transform: scale(0); transition: all .5s; }
.pro_main .swiper-pagination .swiper-pagination-bullet-active { opacity: 1; }
.pro_main .swiper-pagination .swiper-pagination-bullet-active:after { opacity: 1; transform: scale(1); }
.pro_main .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 8px; }
.pro_main .pro_picbox .swiper-button-prev:hover { opacity: .35; }
.pro_main .pro_picbox .swiper-button-next:hover { opacity: .35; }
.pro_main .pro_picbox .swiper-button-disabled { pointer-events: auto !important; }
.pro_main .pro_picbox .swiper-button-black { display: inline-block; display: flex; justify-content: center; align-items: center; cursor: pointer; position: absolute; top: 0; left: 0; bottom: 0px; width: 28px; height: 100%; margin: 0; opacity: .6; background-size: 16px; transition: all .5s ease; }
.pro_main .pro_picbox .swiper-button-next { left: auto; right: 0; }
.pro_main .swiper-button-next:after, .swiper-button-prev:after { display: block; font-size: 26px; }
.pro_main .pro_info { float: left; min-width: 200px; padding-left: 3%; flex: 1; }
.pro_main .pro_info .pro_title { margin-bottom: 20px; }
.pro_main .pro_info .pro_title h1 { color: #262626; font-size: 26px; line-height: 1.4; font-weight: bold; padding-bottom: 20px; }
.pro_main .pro_info .pro_about { font-size: 14px; line-height: 1.8; color: #666; min-height: 195px; padding: 20px 0px; word-break: break-word; border-top: 1px dotted #dcdcdc; border-bottom: 1px dotted #dcdcdc; }
.pro_main .pro_info .pro_lianxi { padding-bottom: 10px; white-space: nowrap; }
.pro_main .pro_info .pro_lianxi a { display: inline-block; max-width: 45%; color: #fff; font-size: 14px; line-height: 1.572; text-align: center; padding: 0.6vw 3vw; background: #666; transition: all .5s ease; }
.pro_main .pro_info .pro_lianxi a:hover { background: #666; }
.pro_main .pro_info .pro_tel { display: flex; font-family: arial; font-size: 14px; line-height: 30px; white-space: nowrap; }
.pro_main .pro_info .pro_tel a { color: #707070; display: flex; align-items: center; }
.pro_main .pro_info .pro_tel a:first-child { margin-right: 20px; }
.pro_main .pro_info .pro_tel i { width: 16px; height: 16px; margin-right: 5px; }
.pro_main .pro_info .pro_tel .tel { background: url('../images/tel_ico1.png') no-repeat center center; background-size: contain; }
.pro_main .pro_info .pro_tel .email { background: url('../images/mail_ico1.png') no-repeat center center; background-size: contain; }
.pro_main .pro_info .pro_tel a:hover { color: #0062B3; }
.pro_xiangqing { color: #333; font-size: 26px; line-height: 70px; font-weight: bold; text-align: center; background: #f5f5f5; border-bottom: 2px solid #666; height: 70px; }
/**详情页表格**/
.pro_main table{width: 100%; border-collapse: collapse; font-family: Arial, sans-serif;table-layout:fixed;}
.pro_main table th,td {border: 1px solid #ccc; padding: 8px; text-align: left;word-break:break-all;word-wrap:break-word;}
.pro_main table tr:nth-child(even) { background-color: #f2f2f2;}
/* 调整列宽，这里前三列比例可按需调整 */
.pro_table1 th:nth-child(1),
.pro_table1 td:nth-child(1) {width: 20%;}
.pro_table1 th:nth-child(2),td:nth-child(2) {width: 40%;}
.pro_table1 th:nth-child(3),td:nth-child(3) {width: 40%;}
/* 调整列宽，这里假设平均分配，可根据实际需求调整 */
.pro_table2 th:nth-child(1), td:nth-child(1) { width: 20%; }
.pro_table2 th:nth-child(2), td:nth-child(2) { width: 30%; }
.pro_table2 th:nth-child(3), td:nth-child(3) { width: 20%; }
.pro_table2 th:nth-child(4), td:nth-child(4) { width: 30%; }
/*** news ****/
.news_listbox { width: 100%; height: auto; margin: 30px auto; }
.news_listbox .newslist { width: 100%; height: auto; overflow: hidden; }
.news_listbox .newslist ul li { width: 48%; float: left; height: auto; margin-bottom: 3px; background-color: #fff; padding: 0px; overflow: hidden; border-bottom: 1px solid #e6e6e6; padding-bottom: 35px; margin-bottom: 30px }
.news_listbox .newslist ul li:nth-child(2n) { float: right }
.news_listbox .newslist ul li .newstitle { width: 66%; float: left; padding-right: 30px; overflow: hidden }
.news_listbox .newslist ul li .newstitle h1 { font-size: 16px; color: #333; height: 30px; line-height: 30px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: all .4s ease-out; }
.news_listbox .newslist ul li .newstitle h3 { font-size: 14px; color: #888; line-height: 30px; height: 60px; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin: 15px 0 }
.news_listbox .newslist ul li .newstitle h5 { font-size: 14px; color: #888; }
.news_listbox .newslist ul li:hover .newstitle h1 { color: #A81F24; }
.news_listbox .newslist ul li:hover .newstitle h3 { color: #A81F24; }
.news_listbox .newslist ul li .img { width: 34%; float: left; height: 146px; overflow: hidden }
.news_listbox .newslist ul li .img img { width: 100%; height: 100%; object-fit: cover; transition: all .4s ease-out }
.news_listbox .newslist ul li:hover .img img { transform: scale(1.1) }
/***列表页***/
.contentlist { width: 100%; height: auto; }
.contentlist ul { margin-left: -2% }
.contentlist ul li { width: 31.333%; float: left; margin: 0 0 2% 2%; height: auto; overflow: hidden; transition: all .4s ease-out; }
.contentlist ul li:hover { box-shadow: 0 0 20px rgba(0, 0, 0, .3); }
.contentlist ul li .img { width: 100%; padding-top: 75%; position: relative; overflow: hidden; }
.contentlist ul li .img img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: block; object-fit: cover; transition: all .4s ease-out; }
.contentlist ul li:hover .img img { transform: scale(1.1) }
.contentlist ul li .newstitle { padding: 20px; background-color: #f5f5f5; overflow: hidden }
.contentlist ul li .newstitle h1 { height: 30px; line-height: 30px; font-size: 16px; color: #444; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; background: url('../images/pro_t_ico1.png') right -42px no-repeat; padding-right: 20px; /*transition: all .4s ease-out; */}
.contentlist ul li:hover .newstitle h1 { color: #A81F24; background: url('../images/pro_t_ico1.png') right 10px no-repeat }
/**内容详情页**/
.content_pagebox { width: 100%; overflow: hidden; padding: 20px 0; background-color: #fff }
.content_box { width: 100%; overflow: hidden; margin: 0 auto; }
.content_box .content_title { width: 100%; padding: 10px 0; overflow: hidden; text-align: center; }
.content_box .content_title h1 { font-size: 22px; color: #333; line-height: 24px }
.content_box .content_detail { margin: 10px auto; padding: 5px 0; width: 100%; text-align: center; display: flex; justify-content: center; border-bottom: 1px solid #eee; }
.content_box .content_detail span { margin: 0 15px; color: #999; line-height: 30px; position: relative; padding-left: 20px; }
.content_box .content_detail span i { position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 20px; height: 15px; }
.content_box .content_detail .content_date i { background: url('../images/time_ico1.png') no-repeat center center; }
.content_box .content_detail .content_view i { background: url('../images/view_ico1.png') no-repeat left center; }
.content_box .content_body { font-size: 16px; line-height: 30px; color: #555; padding: 30px 0; text-align: justify; }
.content_box .content_body img { max-width: 100%; height: auto !important; }
.content_box .content_body video { width: 100%; height: 100% }
.content_prenextbox { width: 100%; overflow: hidden; padding: 20px 0; border-top: 1px solid #eee; }
.content_prenextbox .content_prenext { width: 70%; overflow: hidden; float: left }
.content_prenextbox .content_prenext li { font-size: 14px; color: #666; margin-top: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.content_prenextbox .content_prenext li:hover { color: #EFB533; }
.content_prenextbox .content_prenext li a { -webkit-transition: all 0s; -moz-transition: all 0s; transition: all 0s; }
.content_prenextbox .content_prenext li a:hover { color: #EFB533; }
.content_prenextbox .content_goback { width: 30%; float: right; overflow: hidden; text-align: right }
.content_prenextbox .content_goback h3 { width: 120px; height: 38px; background-color: #666; line-height: 38px; color: #fff; text-align: center; display: inline-block; font-size: 14px; border-radius: 3px; margin-top: 20px }
.content_prenextbox .content_goback h3 span { padding-right: 8px }
.content_prenextbox .content_goback h3:hover { background-color: #666 }
/* 解决方案*/
.solution_listbox { width: 100%; height: auto; margin: 30px auto; }
/* 案例*/
.cases_listbox { width: 100%; height: auto; margin: 30px auto; }
@-moz-keyframes buttonAnimationBefore {
0% { -moz-transform: translateY(0px) rotate(0); transform: translateY(0px) rotate(0); }
50% { -moz-transform: translateY(8px) rotate(0); transform: translateY(8px) rotate(0); }
100% { -moz-transform: translateY(8px) rotate(45deg); transform: translateY(8px) rotate(45deg); }
}
@-webkit-keyframes buttonAnimationBefore {
0% { -webkit-transform: translateY(0px) rotate(0); transform: translateY(0px) rotate(0); }
50% { -webkit-transform: translateY(8px) rotate(0); transform: translateY(8px) rotate(0); }
100% { -webkit-transform: translateY(8px) rotate(45deg); transform: translateY(8px) rotate(45deg); }
}
@keyframes buttonAnimationBefore {
0% { -moz-transform: translateY(0px) rotate(0); -ms-transform: translateY(0px) rotate(0); -webkit-transform: translateY(0px) rotate(0); transform: translateY(0px) rotate(0); }
50% { -moz-transform: translateY(8px) rotate(0); -ms-transform: translateY(8px) rotate(0); -webkit-transform: translateY(8px) rotate(0); transform: translateY(8px) rotate(0); }
100% { -moz-transform: translateY(8px) rotate(45deg); -ms-transform: translateY(8px) rotate(45deg); -webkit-transform: translateY(8px) rotate(45deg); transform: translateY(8px) rotate(45deg); }
}
@-moz-keyframes buttonAnimationAfter {
0% { -moz-transform: translateY(0) rotate(0); transform: translateY(0) rotate(0); }
50% { -moz-transform: translateY(-8px) rotate(0); transform: translateY(-8px) rotate(0); }
100% { -moz-transform: translateY(-8px) rotate(-45deg); transform: translateY(-8px) rotate(-45deg); }
}
@-webkit-keyframes buttonAnimationAfter {
0% { -webkit-transform: translateY(0) rotate(0); transform: translateY(0) rotate(0); }
50% { -webkit-transform: translateY(-8px) rotate(0); transform: translateY(-8px) rotate(0); }
100% { -webkit-transform: translateY(-8px) rotate(-45deg); transform: translateY(-8px) rotate(-45deg); }
}
@keyframes buttonAnimationAfter {
0% { -moz-transform: translateY(0) rotate(0); -ms-transform: translateY(0) rotate(0); -webkit-transform: translateY(0) rotate(0); transform: translateY(0) rotate(0); }
50% { -moz-transform: translateY(-8px) rotate(0); -ms-transform: translateY(-8px) rotate(0); -webkit-transform: translateY(-8px) rotate(0); transform: translateY(-8px) rotate(0); }
100% { -moz-transform: translateY(-8px) rotate(-45deg); -ms-transform: translateY(-8px) rotate(-45deg); -webkit-transform: translateY(-8px) rotate(-45deg); transform: translateY(-8px) rotate(-45deg); }
}
@-moz-keyframes buttonAnimation {
0% { background: transparent; }
50% { background: rgba(255, 255, 255, 0); }
100% { background: rgba(255, 255, 255, 0); }
}
@-webkit-keyframes buttonAnimation {
0% { background: transparent; }
50% { background: rgba(255, 255, 255, 0); }
100% { background: rgba(255, 255, 255, 0); }
}
@keyframes buttonAnimation {
0% { background: transparent; }
50% { background: rgba(255, 255, 255, 0); }
100% { background: rgba(255, 255, 255, 0); }
}
/*** footer ***/
.footer { width: 100%; height: auto; background: #353A3E; }
.foot_container { width: 100%; height: auto; }
.foot_container .foot_nav { width: 100%; height: 50px; line-height: 50px; background: #A81F24; color: #fff; }
.foot_container .foot_nav ul { width: 96%; max-width: 1000px; margin: 0 auto; }
.foot_container .foot_nav ul li { float: left; }
.foot_container .foot_nav ul li span { margin: 0 20px; }
.foot_container .foot_nav a { color: #fff; }
.foot_container .foot_nav a:hover { color: #fff; }
.foot_container .foot_info { width: 96%; max-width: 1000px; margin: 0 auto; height: auto; padding: 30px 0; color: #9d9d9d; }
.foot_container .foot_info a { color: #9d9d9d; }
.foot_container .foot_info a:hover { color: #FF4111 }
.foot_container .foot_info1 { float: left; width: 50%; line-height: 2; }
.foot_container .foot_info2 { float: left; width: 50%; line-height: 2; border-left: 1px solid #5d5d5d; padding-left: 50px; }
.foot_container .foot_info2 .foot_p_tel { font-size: 24px; font-weight: 800; }
.foot_container .foot_info2 .foot_p_lx a { color: #fff; font-size: 16px; border-radius: 6px; background: #EFB533; padding: 5px 10px; display: block; text-align: center; margin-top: 10px; }
.foot_container .foot_info2 .foot_p_lx a:hover { background: #A81F24; }
.foot_container .foot_info2 .foot_info2_p { float: left; }
.foot_container .foot_info2 .foot_qrcode { float: right; padding: 10px; background: #3e4144; }
.foot_container .foot_info2 .foot_qrcode img { width: 128px; height: 128px; }
/*** go top**/
.gotop_rmenu{position:fixed; right:0; bottom:0px; padding-bottom:3px; background:url(../images/r_b.png) 0px bottom no-repeat; z-index:999; }
.gotop_rmenu .gotop_btn{width:50px; height:50px; margin-bottom:1px; cursor:pointer; position:relative;}
.gotop_rmenu .btn-qq{background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#ccc;}
.gotop_rmenu .btn-qq:hover{background-color:#6da9de;}
.gotop_rmenu a.btn-qq,.gotop_rmenu a.btn-qq:visited{background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#ccc; text-decoration:none; display:block;}
.gotop_rmenu .btn-qq .qq{background-color:#6da9de; position:absolute; width:130px; left:-130px; top:0px; line-height:50px; color:#FFF; font-size:18px; text-align:center; display:none;}
.gotop_rmenu .btn-wx{background:url(../images/r_wx.png) 0px 0px no-repeat; background-color:#ccc;}
.gotop_rmenu .btn-wx:hover{background-color:#78c340;}
.gotop_rmenu .btn-wx .pic{position:absolute; left:-130px; top:0px; display:none;width:130px;height:130px;}
.gotop_rmenu .btn-wx img{max-width:130px;}
.gotop_rmenu .btn-phone{background:url(../images/r_phone.png) 0px 0px no-repeat; background-color:#ccc;}
.gotop_rmenu .btn-phone:hover{background-color:#fbb01f;}
.gotop_rmenu .btn-phone .phone{background-color:#fbb01f; position:absolute; width:130px; left:-130px; top:0px; line-height:50px; color:#FFF; font-size:18px; text-align:center; display:none;}
.gotop_rmenu .btn-top{background:url(../images/r_top.png) 0px 0px no-repeat; background-color:#ccc; display:none;}
.gotop_rmenu .btn-top:hover{background-color:#666;}
/****手机底部图标*****/
.footer-fix { box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); position: fixed; bottom: 0; left: 0; width: 100%; background: rgba(0, 0, 0, 0.9);background: #A81F24; z-index: 9999; }
.footer-fix li { float: left; width: 25%; }
.footer-fix li a { display: block; text-align: center; padding: 7px 0; font-size: 14px; line-height: 1; color: #fff; }
.footer-fix li i { display: block; height: 20px; background: no-repeat center; background-size: contain; margin-bottom: 4px; }
.footer-fix li i.i1 { background-image: url(../images/f_01.png); }
.footer-fix li i.i2 { background-image: url(../images/f_02.png); }
.footer-fix li i.i3 { background-image: url(../images/f_03.png); }
.footer-fix li i.i4 { background-image: url(../images/f_04.png); }
@media all and (max-width:1600px){
/*
.top_logo {margin-left: 5%; }
.header .tel {margin-right: 5%; }
*/
}
/* ------------------------手机端--------------------------*/
@media all and (max-width:1020px) {
/**** 公共参数*******/
.pc { display: none; }
.wap { display: block; }
.topbar { margin: 0; height: 60px; position: relative; }
.top_logo { margin: 0; text-align: center; width: 80%; height: 50px; position: absolute; top: 50%; left: 0; transform: translate(0, -50%);}
.top_logo a { height: 50px; line-height: 50px;}
.top_logo a img { height: 100%; width: 100%; vertical-align: baseline;}
.menu_btn { display: block; margin-right: 3%; }
.top_navbox { display: none; width: 100%; background: rgba(27, 28, 28, .7); backdrop-filter: blur(5px); position: fixed; top: 59px; left: 0; box-shadow: 0 0 20px rgb(0 0 0 / 20%); }
.top_nav { float: left; width: 100%; margin: 0; }
.top_nav ul li { display: block; width: 100%; position: relative; padding: 0; border-bottom: 0.01rem solid rgba(255, 255, 255, .1); }
.top_nav ul li:hover .nav:before { display: none; }
.nav { width: 100%; height: 45px; line-height: 45px; font-size: 16px; padding: 0 3%; }
.top_nav ul li.active .nav { color: #393939; border-bottom: 0px solid #fff; }
.docker_container_product ul li { display: none; }
.docker-container-video ul li { display: none }
.top_mbnavl_click { display: block; }
.header .tel { width: 100%; justify-content: center; }
.top_mbnavl_img.active { display: none; }
.top-mbnavr { display: none }
.top_mbnavl_img { display: none }
.top_mbnavico { display: block; right: 2%; }
.top_nav2box { width: 100%; position: static; top: 0; left: 0; padding: 0 4% 0 4%; background: rgba(255, 255, 255, .1); box-shadow: none; border-top: 0.01rem solid rgba(0, 0, 0, 0.2); margin-left: -1%; }
.top_mbnavl { padding: 0; border-right: none; float: left; }
.top_mbnavlr>div { float: left; margin: 0; }
.top_mbnavl { width: 100%; }
.top_mbnavl_click { margin-left: 0; width: 94%; display: block; }
.top_mbnavl_clicka a { width: 100%; line-height: 30px; height: 30px; display: block; float: left; margin: 1% 0; margin-right: 2%; font-size: 14px; text-align: left; color: #fff; border-bottom: 0.01rem solid rgba(255, 255, 255, .2); }
.top_mbnavl_click a:last-child { border: 0; }
.banner .swiper-pagination { bottom: 15px; }
.banner-prev { display:none;}
.banner-next { display:none;}
/**************************************/
.menu_title h1 { font-size: 28px; font-weight: bold; padding-bottom: 20px; }
.menu_title h1 span { position: relative; }
.menu_title h3 { font-size: 16px; font-weight: normal; padding-top: 0px; }
/**index**/
.menu_nav_link { height: 40px;}
.in_pro_ul .last { display: block; }
.in_proul_link { margin: 0 0 20px 2%; width: 48%; }
.in_pro_ul .title { padding: 10px;}
.in_pro_ul .title h1 { height: 30px; line-height: 30px; font-size: 16px; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; background: none; padding-right: 0;}
.in_pro_ul a:hover .title h1 { color: #A81F24; background:none;}
.in_about { height: auto; padding: 50px 0; background-size: cover !important; }
.in_aboutcontent .in_abouttxt { padding-top: 30px; font-size: 15px; line-height: 26px; text-align: justify; }
.in_aboutcontent ul li { width: 50%; float: left; border-right: 0; text-align: center; margin-bottom: 20px; }
.in_aboutcontent ul li h1 { font-size: 20px; color: #fff; font-family: 'impact'; }
.in_aboutcontent ul li h1 span { font-size: 40px; color: #fff; font-family: 'impact'; font-weight: bold; }
.in_aboutcontent ul li h3 { font-size: 13px; color: #fff; }
.in_aboutcontent ul li:nth-child(2n) { border-right: 0px; }
.in_cases { padding: 30px 0; }
.in_caseslist { margin-top: 20px; }
.in_caseslist .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 10px; }
.in_case_item .title h1 { line-height: 30px; font-size: 14px; }
.in_solution { padding: 50px 0 20px; }
.in_solutionlist { margin-top: 30px; }
.in_solutionitem ul li { width: 48%; margin-bottom: 10px; overflow: hidden; padding: 10px; }
.in_solutionitem ul li .img { height: 100px; }
.in_solutionitem ul li .text { padding: 10px 0 0px 0; overflow: hidden; }
.in_solutionitem ul li .text h5 { font-size: 14px; color: #444; padding-right: 15px; }
.in_solutionitem ul li .text h6 { line-height: 30px; font-size: 12px; padding-top: 5px; }
.in_solutionitem ul li:first-child { width: 98%; }
.in_solutionitem ul li:first-child .img { width: 100%; height: auto; overflow: hidden; }
.in_solutionitem ul li .title h3 { line-height: 30px; height: auto; }
.in_news { padding: 30px 0; }
.in_news_nav { margin-top: 10px; }
.in_newsitems { margin-top: 30px; }
.in_newsitems .leftnews { width: 100%; padding-right: 0px; margin-bottom: 10px; }
.in_newsitems .leftnews .img { height: auto; }
.in_newsitems .leftnews .title { padding: 10px; }
.in_newsitems .newsdate { width: 68px; height: 68px; right: 10px; top: 18px; font-size: 20px; padding: 5px; }
.in_newsitems .leftnews .title h1 { font-size: 16px; padding-right: 80px; height: 24px; line-height: 24px; }
.in_newsitems .leftnews .title h3 { font-size: 12px; color: #999; line-height: 22px; height: 60px; padding-right: 80px; padding-top: 10px; }
.in_newsitems .rightnews { width: 100%; padding-left: 0px; }
.in_newsitems .rightnews { margin-bottom: 3px; padding: 10px; }
.in_newsitems .rightnews .title { width: 66%; float: left; padding-right: 10px; overflow: hidden; }
.in_newsitems .rightnews .title h1 { font-size: 16px; color: #444; height: 30px; line-height: 30px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.in_newsitems .rightnews .title h3 { font-size: 12px; color: #888; line-height: 22px; height: 44px; margin: 4px 0; }
.in_newsitems .rightnews:hover .title h3 { color: #A81F24; }
.in_newsitems .rightnews .title h6 { font-size: 14px; color: #555; font-family: 'Arial'; }
.in_newsitems .rightnews .img { width: 34%; float: left; height: 101px; overflow: hidden; }
/*****1024 page *******/
.q_nav {width: 100%;height: auto;line-height: 30px; }
.q_nav ul{width: 100%; padding:5px 0;}
.q_nav ul li{width: 33.333%;padding: 0px;}
.q_nav ul li a{font-size: 16px;}
.q_nav ul li::after{height: 12px;top: 9px;right: 0px;background-color: #fff;}
.q_nav ul li:nth-child(3n):after{display: none;}
.q_nav ul li:before {display:none;}
.curmbs { display: none; }
.news_listbox { margin-top: 10px; }
.news_listbox .newslist { }
.news_listbox .newslist ul li { width: 100%; margin-bottom: 3px; padding: 10px 0; }
.news_listbox .newslist ul li .newstitle { width: 68%; padding-right: 10px; }
.news_listbox .newslist ul li .newstitle h1 { font-size: 16px; color: #333; height: 30px; line-height: 30px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden }
.news_listbox .newslist ul li .newstitle h3 { font-size: 12px; color: #888; line-height: 22px; height: 44px; margin: 4px 0 }
.news_listbox .newslist ul li .newstitle h5 { font-size: 14px; color: #555; }
.news_listbox .newslist ul li .img { width: 32%; float: right; height: 100px; }
/**内容页**/
.content_pagebox { padding: 30px 0; }
.content_prenextbox .content_prenext { width: 100%; }
.content_goback { display: none; }
/**列表页**/
.contentlist ul { margin-left: -2% }
.contentlist ul li { width: 48%; float: left; margin: 0 0 2% 2%; margin-bottom: 20px; }
.contentlist ul li .newstitle { padding: 8px 5px; }
.contentlist ul li .newstitle h1 { height: 30px; line-height: 30px; font-size: 16px; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;/*background:url('../images/pro_t_ico1.png') right center no-repeat;padding-right:20px;transition: all .4s ease-out;*/ background: none; padding-right: 0; }
.contentlist ul li:hover .newstitle h1 { color: #A81F24;/*background:url('../images/pro_t_ico1.png') right center no-repeat*/ }
/*** pro *****/
.pro_listbox { margin: 30px auto; }
.pro_main .pro_picbox { float: none; width: 100%; }
.pro_main .pro_picbox .thumbs { }
.pro_main .pro_info { float: none; width: 100%; padding: 0; margin-top: 20px; }
.pro_main .pro_info .pro_title { margin-bottom: 15px; }
.pro_main .pro_info .pro_title h1 { font-size: 20px; font-weight: bold; padding: 10px 0px; }
.pro_main .pro_info .pro_about { font-size: 13px; line-height: 1.6; padding: 10px 0px; min-height: auto; }
.pro_main .pro_info .pro_lianxi { display: flex; justify-content: space-between; }
.pro_main .pro_info .pro_lianxi a { max-width: 48%; width: 100%; line-height: 2.5; }
.pro_xiangqing { font-size: 20px; line-height: 50px; height: 50px; }
/* 解决方案*/
.solution_listbox { margin: 30px auto; }
/* 案例*/
.cases_listbox { width: 100%; height: auto; margin: 30px auto; }
.footer { padding-bottom: 51px; }
.foot_container .foot_info { padding: 20px 0; }
.foot_container .foot_info1 { float: left; width: 100%; line-height: 2; text-align: center; }
/*** go top**/
.gotop_rmenu{right:0; bottom:60px; padding-bottom:3px;}
}
/**************************************/