@charset "utf-8";@import url('fonts.css');
*{margin:0;padding:0;transition-property: all;-ms-transition-property: all;-moz-transition-property: all; outline:none;-webkit-transition-property: all;-o-transition-property: all;}
a,.pager a font,.fixtop,.fixtop .tel,.fixtop .navpc,.fixtop .logo,.fixtop .navpc li:before,.indabout .pic img,.indpro .swiper-slide .pic img,.new_telst li,.indmore2 a:before,.indmore2 a h2 p,.indmore2 a h2 p:before,.indmore2 a h2 p span,.indnews .right li:before,.indnews .right li .pic img,.indnews .right li .cons .a,.indnews .right li .cons .c,.indnews .left .pic img,.fixright li .tubiao,.bgline i,.culture li:before,.honorlist li .pic img,.honorlist li,.product li .pic img,.proralax .product .swiper-slide .pic img,.message .list li #mbtn,.message .list li input,.message .list li #mbeizu,.news li .cons i,.news li .pic img,.join .text .pic img
{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.indabout .pic:hover img,.indpro .swiper-slide:hover .pic img,.indnews .right li:hover .pic img,.indnews .left:hover .pic img,.honorlist li:Hover .pic img,.product li:Hover .pic img,.proralax .product .swiper-slide:Hover .pic img,.news li:hover .pic img,.join .text .pic:Hover img
{transform:scale(1.10);-webkit-transform:scale(1.10);-moz-transform:scale(1.10);-o-transform:scale(1.10);-ms-transform:scale(1.10)}
.pd,.indnews .mid,.fixright li,.culture li,.honorlist li,.product li,.prodetail .mleft,.proralax .product .swiper-slide,.message .list li input,.message .list li #mbeizu,.nshow .text .mright 
{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.abc
{transform: rotateY(360deg);-ms-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-webkit-transform: rotateY(360deg);-o-transform: rotateY(360deg);transition-duration:1.0s;-ms-transition-duration:1.0s;-moz-transition-duration:1.0s; -webkit-transition-duration:1.0s;}
html{-webkit-text-size-adjust:none;height:100%;}
body {margin:0 auto;background:#fff;line-height:1.8;}
a,input,button,select,textarea {text-decoration: none;outline:none;}
html,body,input,button,select,textarea {font-family:'Source Han Sans','Microsoft YaHei','微软雅黑';}
html,body,input,button,select,textarea {font-size:17px;color:#666;font-weight:400;}a {color:#666}b,strong {font-weight:700;}
a:hover,.indpro .swiper-slide:hover .title a,.indnews .mid:hover .t a,.indnews .left:Hover .cons .t a,.honorlist li:Hover .title a,.product li:hover .title a,.proralax .product .swiper-slide:hover .title a,.news li:hover .cons .title a,.nshow .text .mright li a:hover{color:#aa1515}
.table { display:table; height:100%;width:100%;}table {border-collapse: separate;border-spacing: 0 0}
.table .td { display:table-cell; vertical-align:middle;}
table,td,th,tbody,tr {border-collapse:collapse;border-spacing:0;border:0;margin:0}
img {max-width:100%; height:auto; vertical-align: top; -webkit-touch-callout: none;border:0}
input,button,select,textarea{ outline:none;border:0;}
textarea{resize:none;}i{ font-style:normal;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;padding:0;margin:0;font-weight:normal;}
ul,li,dl,dt,dd { list-style:none;}.list-paddingleft-2{margin:0 0 0 20px;}.list-paddingleft-2 li { list-style:inherit;}
em { font-style:normal}
hr {border:0; background:#ddd;height:1px;margin:10px 0}
.clear,.clearfix { clear:both;}
.relative { position:relative}
.reover { position:relative; overflow:hidden}
.cover { background-position:center; background-repeat:no-repeat; background-size:cover;}
.pcover { background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute;top:0;left:0; z-index:1;width:100%; height:100%;}
.imgcover { position:absolute;left:0;top:0;width:100%;height:100%; z-index: 1;}.imgcover img {width:100%;height:100%;object-fit:cover;}
.mc{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center; text-align: center;}
.ml{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:left;justify-content:left; text-align: left;}
.mr{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:flex-end;justify-content:flex-end; text-align: right}

.pageclass {height:0px;overflow:hidden;}
.page_wrap {width:100%;padding:80px 0 0 0;text-align:center}
.pager {width:100%;}
.pager a,.pager span,.pager font {display:inline-block;vertical-align:top;margin:5px 10px;width:35px; height:35px; line-height:33px;box-shadow:0 0 2px rgba(0,0,0,0);text-align: center;border-radius:40px; background:rgba(0,0,0,0.03)}
.pager font {font-family:'宋体';font-weight:700;margin:0;} 
.pager a:hover,.pager span.current,.pager a font:hover {color:#fff; border-color:#aa1515; background: #aa1515} 
.pager a,.pager span.disabled {color:#666} 
.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:16px;font-weight:400;color:#000;}
.pager select,.pager input,.pager a,.pager span.disabled  {border:0px solid #666;}
.pager i {font-weight:bold; line-height: 38px; display: inline-block; vertical-align: top;margin:0 10px; letter-spacing: 3px}

::-webkit-scrollbar {width: 5px;height:0px; }/******direction: rtl; unicode-bidi: bidi-override;出现在左边*********/
::-webkit-scrollbar-thumb {border-radius:0px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: #aa1515;}
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius:0px;background: #fff;}

::-webkit-input-placeholder {color:#666666;}
:-moz-placeholder {color:#666666; }
::-moz-placeholder { color:#666666; }
:-ms-input-placeholder {color:#666666; }

::selection {background:#aa1515;color:#ffffff;}
::-moz-selection {background:#aa1515;color:#ffffff;}
::-webkit-selection {background:#aa1515;color:#ffffff; }

.wrap {margin:0 auto;max-width:1400px;position:relative;}
.phonemenu { display:none;}

.fixtop { position: fixed;left:0;top:0;width:100%; z-index: 8888; height:110px; background:rgba(255,255,255,0)}
.fixtop .logo { position: absolute;left:0;top:20px;z-index: 999}
.fixtop .logo a {background: url("../images/logo.png") no-repeat center top;width:93px; height:100px;background-size:100%; display: block}
.fixtop .navpc { text-align:right;padding:0 220px 0 0}
.fixtop .navpc li {display:inline-block; vertical-align: top;margin:0 0 0 55px; position: relative}
.fixtop .navpc li:before {content: "\e654";font-family: "iconfont" !important; position: absolute;left:0;bottom:-16px;width:100%;font-size:40px; line-height: 40px;color:#aa1515; text-align: center;transform: rotate(180deg);-ms-transform: rotate(180deg);-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);-o-transform: rotate(180deg);opacity:0; z-index: 1}
.fixtop .navpc li:hover:before {opacity:1}
.fixtop .navpc li a.a {display:inline-block; vertical-align: top; height:110px; line-height:140px;font-size:20px;color:#fff; position: relative; z-index: 10}
.fixtop .navpc li .list { position:absolute; z-index: 9999; left:50%;width:140px;margin-left:-70px;top:110px;display:none;background:#aa1515; text-align:center;padding:10px 0 15px 0; border-bottom-left-radius:5px;border-bottom-right-radius:5px}
.fixtop .navpc li .list dd p {margin:0;padding:0;border-bottom:1px solid rgba(255,255,255,0.3)}
.fixtop .navpc li .list dd p a {font-size:15px; line-height: 23px;display:inline-block;color:#f4ccce; display:block;padding:7px 10px 10px 10px}
.fixtop .navpc li .list dd p a:hover {color:#fff;}
.fixtop .tel {position:absolute;right:0;top:60px;color:#fff;font-size:20px; line-height: 20px;font-weight:700}
.fixtop .tel span {margin:1px 12px 0 0;font-size:25px; line-height: 20px; vertical-align: top;display:inline-block}

.fixtop.active,.fixtop:hover,.fixtop1 {top:-20px; background:rgba(255,255,255,1);box-shadow:0 0 10px rgba(0,0,0,0.2)}
.fixtop.active .navpc li a.a,.fixtop:hover .navpc li a.a,.fixtop1 .navpc li a.a { line-height:128px;color:#000}
.fixtop.active .logo,.fixtop:hover .logo,.fixtop1 .logo {top:15px;}
.fixtop.active .logo a,.fixtop:hover .logo a,.fixtop1 .logo a {background-size:100%; background-position: bottom}
.fixtop.active .tel,.fixtop:hover .tel,.fixtop1 .tel {color:#000;top:54px;}
.fixtop.active .tel span,.fixtop:hover .tel span,.fixtop1 .tel span {color:#aa1515}
.fixtop.active .navpc li:hover a.a,.fixtop.active ul.navpc li:Hover>a.a,.fixtop:hover .navpc li:hover a.a,.fixtop:hover ul.navpc li:Hover>a.a {color: #aa1515}

.indpics .swiper-slide { position:relative;height:830px; overflow: hidden}
.indpics .swiper-slide .imgcover{transition:0s linear 1s;transform:scale(1.1,1.1);}
.indpics .swiper-slide-active .imgcover,.swiper-slide-duplicate-active .imgcover{transition:5s linear;transform:scale(1,1);}
@keyframes myfirst { 0% {transform: translate(0px, 0px); } 50% {transform: translate(0px, -10px); }100% {transform: translate(0px, 0px);}}
@keyframes minus {0% {-webkit-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1);}100% {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}
.indpics .swiper-slide .cons {position:absolute; z-index: 100;width:100%;top:0;left:0;height:100%;color:#fff;}
.indpics .swiper-slide .cons .wrap {width:100%}
.indpics .swiper-slide .cons .text {font-size:70px; line-height: 90px;position: relative;margin:50px 0 70px 0; letter-spacing: 5px}
.indpics .swiper-slide .cons .text:before {content:''; position: absolute;left:0;bottom:-40px;width:65px;height:3px; background: #fff;}
.indpics .swiper-slide .cons .indmore {margin-top:40px}
.indpics .swiper-slide .bg {position: absolute;left:-5%;top:0;width:35%;height:100%; z-index: 50; background: url("../images/0c12cf9c-56b7-4b0e-a1a8-bbc142e826af.png") no-repeat right; background-size:cover}
.indmore a { background:#aa1515;height:44px;line-height:41px;font-size:15px;border-top-left-radius:22px;border-bottom-right-radius:22px;display:inline-block;color:#fff;padding:0 40px; letter-spacing: 1px}
.indmore a:hover {border-radius:0;border-bottom-left-radius:22px;border-top-right-radius:22px;}
i.jump {color:#fff;position:absolute;left:50%;margin-left:675px;padding:0 0 0 4px;bottom:30px;font-size:30px; line-height: 30px;z-index: 999; text-align: center;animation: myfirst 1.5s infinite; cursor:pointer; font-family: "iconfont" !important;}
i.jump font {font-size:12px; position: absolute;top:-62px;right:-32px;width:100px;height:20px; line-height: 20px; display: block;transform: rotate(90deg);-ms-transform: rotate(90deg);-moz-transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);}
@keyframes myfirst { 0% {transform: translate(0px, 0px); } 50% {transform: translate(0px, -10px); }100% {transform: translate(0px, 0px);}}
.indabout { background:url("../images/b0b6e0cf-6bbe-4a8b-a517-c01a3ae22afe.jpg") no-repeat center; background-size:cover;padding:120px 0}
.indabout .pic {float:left;width:49%; overflow: hidden}
.indabout .pic img {width:100%}
.indabout .cons {float:right;width:46.5%}
.indabout .cons .t {color:#000;font-size:45px; line-height: 55px;}
.indabout .cons .t2 {color:#aaa;margin:8px 0 25px 0}
.indabout .cons .c {font-size:16px}
.indabout .cons .m {margin:45px 0 45px 0}
.indabout .cons .m a {color:#aa1515;}
.indabout .cons .m a span {font-size:25px; line-height: 25px; display:inline-block; vertical-align: top;margin:3px 0 0 5px}
.indabout .cons .m a:Hover { letter-spacing:2px}
.indabout ul {width:104%;margin:0 0 0 -2%}
.indabout li {float:left;width:29.3333%;margin:0 2%}
.indnum h3 {display:inline-block; vertical-align: top;color:#aa1515;font-size:48px; line-height: 48px;font-weight:normal}
.indnum h3:nth-child(2) {font-size:14px; line-height: 20px;margin:27px 0 0 5px}
.indnum .content {margin:6px 0 0 0;font-size:16px}

.indpro {background:url("../images/1d58b0de-334e-459e-8559-46b261ba45fb.jpg") no-repeat center; background-size:cover;padding:90px 0 110px 0}
.indsubject  {text-align:center}
.indsubject .t {color:#000;font-size:45px; line-height: 55px;}
.indsubject .c {color:#aaa;margin:8px 0 45px 0}
.new_telst { text-align:left;margin:35px 0 35px 0; text-align: center}
.new_telst li { text-align: center;position: relative;color:#000; cursor: pointer; display:inline-block; vertical-align:top; background:#fff; height:50px; line-height:48px;font-size:17px;width:33.3333%}
.new_telst li:nth-child(1) {border-top-left-radius:5px;border-bottom-left-radius:5px;}
.new_telst li:nth-child(3) {border-top-right-radius:5px;border-bottom-right-radius:5px;}
.new_telst li.newon { background:#aa1515;color:#fff}
.new_lst {display: none;}
.new-wrap .show {display: block;padding:0;margin:0}
.indpro .swiper-slide {background:#fff;border-radius:10px; text-align: center;padding:0 0 40px 0}
.indpro .swiper-slide .pic {padding:30px 30px 10px 30px;}
.indpro .swiper-slide .pic div { position:relative;padding:50% 0; overflow: hidden}
.indpro .swiper-slide .title {height:30px; line-height: 30px; overflow: hidden}
.indpro .swiper-slide .title a {font-weight:700;font-size:18px;color:#000}
.indpro .swiper-container {padding:0 0 50px 0}
.indpro .swiper-button-next,.indpro .swiper-button-prev {margin-top:-40px;width:35px;height:35px; }
.indpro .swiper-button-next:after,.indpro .swiper-button-prev:after {background:#aa1515;opacity:1;font-size:21px;width:35px;padding:0 2px 0 0;height:35px;line-height:35px}
.indpro .swiper-button-prev {left:10px}
.indpro .swiper-button-next{right:10px}
.indpro .swiper-horizontal>.indpro .swiper-pagination-bullets,.indpro .swiper-pagination-bullets.swiper-pagination-horizontal,.indpro .swiper-pagination-custom,.swiper-pagination-fraction {bottom:0px;}
.indpro .swiper-pagination-bullet {width:30px;height:5px;background:#c3c0bd;border-radius:10px}
.indpro .swiper-horizontal>.indpro .swiper-pagination-bullets .swiper-pagination-bullet,.indpro .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 5px;}
.indpro .swiper-pagination-bullet-active,.indpro .swiper-horizontal>.indpro .swiper-pagination-bullets .indpro .swiper-pagination-bullet-active,.indpro .swiper-pagination-horizontal.swiper-pagination-bullets .indpro .swiper-pagination-bullet-active {width:50px}
.indculture {position:relative;}
.indculture .pic {padding:17% 0}
#demo {position:absolute;left:0;bottom:0; z-index: 10; white-space: nowrap;overflow: hidden;width: 100%;color:rgba(255,255,255,0.3);font-size:10vw; line-height: 10vw;font-weight:700;overflow: hidden;}
#indemo {width: 800%;}
#indemo,#demo1,#demo2 {float: left;}
.indculture .cons { position: absolute;right:0;bottom:0;width:42%;background-color:rgba(230,0,18,0.75);z-index: 100;border-top-left-radius:100px;padding:3.2% 3.2% 3.2% 6.2%;color:#fff;backdrop-filter:blur(10px);}
.indculture .cons .t {font-size:45px; line-height: 55px;}
.indculture .cons .t2 {font-size:22px; line-height: 32px;margin:30px 0 15px 0}
.indculture .cons .c {color:rgba(255,255,255,0.5);margin:0 0 40px 0}
.indmore2 a {width:210px;height:54px; line-height: 52px; background: #fff;border-radius:5px; position: relative; display: block; text-align: center; position: relative; overflow: hidden}
.indmore2 a:before {content:'';background: #e4e4e4; position: absolute;left:0;top:0;width:0;height:100%; z-index: 1;}
.indmore2 a:hover:before {width:100%;}
.indmore2 a h2 {position:relative; z-index: 10;font-weight:400;font-size:17px;color:#333}
.indmore2 a h2 p {display:inline-block; vertical-align: top;border:1px solid #aa1515;width:20px;height:20px; line-height: 20px; border-radius:50%;margin:16px 0 0 65px; text-align: center; position: relative}
.indmore2 a h2 p span { position: absolute;left:50%;top:50%;width:6px; height:6px; background: #aa1515;border-radius:50%;font-size:0; display: block;margin:-3px 0 0 -3px}
.indmore2 a h2 p:before {content:''; position: absolute;right:10px;top:10px;width:50px;height:1px; background: #aa1515;}
.indmore2 a:hover h2 p {margin-left:50px}
.indmore2 a:Hover h2 p:before {width:0}
.indmore2 a:hover h2 p span { width:8px; height:8px;margin:-4px 0 0 -4px}

.indnews .right {float:left;width:41%; background: #fff;}
.indnews .right li {border-bottom:1px solid #ddd;padding:15px; position: relative;min-height:132px}
.indnews .right li:before {content:''; position: absolute;left:0;top:0;width:0;height:100%; z-index: 1; background: #aa1515;}
.indnews .right li:hover:before {width:100%}
.indnews .right li:nth-child(3) {border:0;}
.indnews .right li .pic {position:absolute;left:15px;top:15px;width:200px;height:132px; overflow: hidden; z-index: 10}
.indnews .right li .cons {margin:0 0 0 220px; position: relative; z-index: 10}
.indnews .right li .cons .a,.indnews .mid .a,.indnews .left .cons .a {font-size:14px;}
.indnews .right li .cons .t,.indnews .left .cons .t {height:25px; line-height: 25px; overflow: hidden;margin:10px 0 15px 0}
.indnews .right li .cons .t a,.indnews .mid .t a,.indnews .left .cons .t a {font-weight:700;color:#000;font-size:20px}
.indnews .right li .cons .c,.indnews .mid .c,.indnews .left .cons .c {font-size:16px; line-height: 25px;height:50px; overflow: hidden}
.indnews .right li:hover .cons .t a,.indnews .right li:Hover .cons .a,.indnews .right li:hover .cons .c {color:#fff}
.indnews .mid {float:left;width:27.5%;margin:0 2%; background: url("../images/aeb59be2-e29c-40ea-b59c-f61fcf8c9e4b.jpg") no-repeat center;height:488px;padding:25px; background-size:cover;}
.indnews .mid .t { line-height:30px;margin:10px 0 10px 0}
.indnews .mid .c  {height:112px; line-height: 28px;margin:0 0 40px 0}
.indmore3 a {height:45px; line-height: 43px; background: #aa1515;color:#fff;border-radius:45px;padding:0 25px; display: inline-block}
.indmore3 a:hover,.indnews .mid:hover .indmore3 a {padding:0 35px}
.indnews {background:url("../images/66fd7675-a104-4631-8192-829e6e934e47.jpg") no-repeat center bottom; background-size:cover;padding:90px 0 150px 0}
.indnews .left {float:left;width:27.5%; background: #ffff;}
.indnews .left .pic {height:288px; overflow: hidden; position: relative}
.indnews .left .cons {padding:25px 25px 50px 25px}
.indnews .left .cons .t {margin:0}
.indnews .left .cons .c {margin:12px 0 13px 0}

.wavesout {position:relative;}
:root{--c:#aa1515;}
.waves{position:absolute;left:0;top:-60px;width:100%;height:60px;min-height:60px}
.parallax>use{animation:move-forever 25s cubic-bezier(.55, .5, .45, .5) infinite}
.parallax>use:nth-child(1){animation-delay:-2s;animation-duration:7s}
.parallax>use:nth-child(2){animation-delay:-3s;animation-duration:10s}
.parallax>use:nth-child(3){animation-delay:-4s;animation-duration:13s}
.parallax>use:nth-child(4){animation-delay:-5s;animation-duration:20s}
@keyframes move-forever{0%{transform:translate3d(-90px, 0, 0)}100%{transform:translate3d(85px, 0, 0)}}

.bannerin>p.imgcover {width: 100%;-webkit-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1);-webkit-animation: minus 7s 0s ease both infinite;-moz-animation: minus 7s 0s ease both infinite;animation: minus 7s 0s ease both infinite;animation-iteration-count: 1;	-webkit-animation-iteration-count: 1;}
@keyframes minus {0% {-webkit-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1);}100% {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}
.bannerin {position: relative; overflow: hidden;height:450px;}
.bannerin .cons {position:absolute;left:0;bottom:70px; z-index: 100;width:100%;color:#fff}
.bannerin .cons .t {font-size:70px;}
.bannerin .cons .c {position:relative;padding:0 0 0 32px;font-size:18px}
.bannerin .cons .c:before {content:''; position: absolute;left:0;top:10px;width:15px;height:15px; background: rgba(255,255,255,0.5);border-radius:50%}
.bannerin .cons .c:after {content:''; position: absolute;left:8px;top:10px;width:15px;height:15px; background: rgba(255,255,255,0.5);border-radius:50%}

.mainmenu {border-bottom:1px solid #ddd;height:100px; line-height: 98px; background: #fff}
.mainmenu li {display:inline-block; vertical-align: top;margin:0 75px 0 0; position: relative}
.mainmenu li:before {content:'';width:1px;height:24px; background: #ddd;position: absolute;left:-40px;top:38px}
.mainmenu li:nth-child(1):before {display:none;}
.mainmenu li a {color:#000;font-size:18px; position: relative; display: block}
.mainmenu li.check a,.mainmenu li:hover a {color:#aa1515}
.bgline { text-align: center;position: absolute;left:0;top:43px;width:100%;height:3px;}
.bgline i {height:100%;; width:0; background: #aa1515;display:inline-block;opacity:0}
.mainmenu li:Hover a .bgline i,.mainmenu li.check a .bgline i {width:100%;opacity:1}
.maincurrent {position:absolute;right:0;top:0;font-size:14px;}
.maincurrent span {margin:0 5px;}
.maincurrent span.icon-home1 {font-size:13px;margin:-5px 10px 0 0}
.aboutsubject {text-align:center;border-bottom:1px solid #ddd;font-size:32px;padding:80px 0 25px 0;margin:0 0 45px 0;color:#000}
.about {padding:0 0 180px 0}
.about img.pic {margin:0 0 35px 50px;max-width:500px}
.bottombank {height:180px}
body.bg {background:#f1f1f1}

.noline {border-width:0;padding-bottom:0}
.culture ul {width:102%;margin:-2% 0 0 -1%}
.culture li {float:left;width:31.3333%;margin:2% 1% 0 1%;background: #fff;padding:75px 5.2% 0 5.2%;min-height:360px; position: relative}
.culture li .icon img {height:80px;}
.culture li .t { position:relative;font-weight:700;color:#000;font-size:25px;margin:20px 0 25px 0}
.culture li .t:before {content:''; position: absolute;right:0;top:0; background:url("../images/1.png") no-repeat center;width:50px;height:50px; background-size:100%}
.culture li .c {font-size:14px;}
.culture li:before {content:''; position: absolute;left:0;bottom:0;width:0;height:7px; background: #aa1515}
.culture li:Hover:before {width:100%}

.honor .content {font-size:14px;margin-top:-20px;}
.honorlist {margin:40px 0 0 0}
.honorlist ul {width:102%;margin:-2% 0 0 -1%}
.honorlist li {float:left;width:23%;margin:2% 1% 0 1%;border:2px solid #ddd;padding:10px}
.honorlist li .pic {padding:37.5% 0; position: relative; overflow: hidden}
.honorlist li .title {height:25px; line-height: 25px; overflow: hidden; text-align: center;margin:12px 0 5px 0}
.honorlist li:Hover {border-color:#aa1515;}
.factory li .pic {padding:33.3333% 0}

.product ul {width:103%;margin:-3% 0 0 -1.5%}
.product li {float:left;width:30.3333%;margin:3% 1.5% 0 1.5%;background: #fff;border-radius:30px;padding:3.5%}
.product li .pic,.proralax .product .swiper-slide .pic {padding:50% 0; position: relative; overflow: hidden}
.product li .title,.proralax .product .swiper-slide .title {height:25px; line-height: 25px; overflow: hidden; text-align: center;font-size:25px;margin:20px 0 0 0}
.product li .title a,.proralax .product .swiper-slide .title a {color:#000}
.product li:Hover,.proralax .product .swiper-slide:Hover{border-color:#aa1515;}

.proshow {margin:180px 0 30px 0; position: relative; z-index: 10}
.proshow .subject,.prosubject {font-size:35px;color:#000}
.proshow .maincurrent {margin-top:20px}
.prodetail { background: #f2f2f2;border-bottom:5px solid #999999;}
.prodetail:before {content:''; position: absolute;left:0;top:0;height:100%;width:50%; background: #fff; z-index: -1}
.prodetail .mleft {float:left;width:50%; background: #fff}
.prodetail .mleft .in {padding:0 3% 0 0}
.prodetail .mright {float:right;width:40%;padding:50px 5% 70px 5%}
.prodetail .mright .t {font-size:32px; line-height: 42px; color:#000;border-bottom:1px solid #ddd;padding:0 0 17px 0;margin:0 0 20px 0}
.prodetail .mright .t2 {color:#000;font-size:14px; line-height: 2.5;margin:25px 0 5px 0}
.prodetail .mright .tel {font-weight:700;font-size:20px;color:#000;margin:0 0 40px 0}
.prodetail .mright .tel span {font-size:25px;display:inline-block; vertical-align: top;margin:-1px 10px 0 0;}
.prodetail .mright .tel font {color:#aa1515;font-size:22px}
.prodetail .mright .btn a {display:inline-block; vertical-align: top;width:160px;height:45px; line-height: 43px; text-align: center; background: #aa1515;color:#fff;border-radius:5px;margin:0 15px 0 0; cursor: pointer}
.prodetail .mright .btn a:hover { background: #fabc16}
.prodetail .mright .btn a:nth-child(2):hover { background: #05903f}
.protroduce .subject {font-weight:700;color:#000;font-size:25px;border-bottom:1px solid #ddd;padding:40px 0 10px 0;margin:0 0 40px 0}
.protroduce .content {margin:0 0 100px 0}
.protroduce .content img {margin:5px 0}
.prosubject {padding:65px 0 45px 0; text-align: center}
.namemj {position:absolute;top:-90px;}

.proralax { background: #f2f2f2;padding:0 0 180px 0; position: relative}
.proralax .product .swiper-slide {background: #fff;border-radius:30px;padding:3.5%; position: relative}

.numlist .swiper-button-next,.numlist .swiper-button-prev {top:auto;bottom:-100px;margin-top:0;}
.numlist .swiper-button-next:after,.numlist .swiper-button-prev:after {color:#666;background:rgba(0,0,0,0.1);opacity:1}
.numlist .swiper-button-next:hover:after,.numlist .swiper-button-prev:hover:after{color:#fff}
.numlist .swiper-button-prev {left:50%;margin-left:-90px}
.numlist .swiper-button-next{right:auto;left:50%;margin-left:40px}
.numlist .swiper-button-next:hover:after,.numlist .swiper-button-prev:hover:after{background:#aa1515;}
.numlist .swiper-horizontal>.swiper-pagination-bullets,.numlist .swiper-pagination-bullets.swiper-pagination-horizontal,.numlist .swiper-pagination-custom,.numlist .swiper-pagination-fraction {bottom:-92px;font-size:20px;color:#000}
span.numactive {color:#aa1515}
.message .list {box-shadow:0 0 20px rgba(0,0,0,0.1);padding:3.5%}
.message .list li input[type="text"] {border:1px solid #ddd;padding:10px 15px 12px 15px;border-radius:5px;width:100%;font-size:14px}
.message .list li.beizu {margin:2% 0}
.message .list li #mbeizu {border:1px solid #ddd;padding:12px 15px 12px 15px;border-radius:5px;width:100%;font-size:14px; height:200px; overflow: auto;vertical-align: top;}
.message .list li {float:left;width:48%}
.message .list li:nth-child(2) {float:right}
.message .list li.beizu,.message .list li.btn {width:100%}
.message .list li #mbtn { background:#aa1515;padding:7px 0 9px 0;color:#fff; text-align: center;border-radius:5px;width:100%; cursor:pointer;}
.message .list li #mbtn:hover {background:rgba(170,21,21,0.8)}
.message .list li input[type="text"]:Hover,.message .list li #mbeizu:hover {border-color:#aa1515}

.news li {position:relative;border-bottom:1px solid #ddd;padding:40px 0;min-height:230px}
.news li .cons {padding:0 550px 0 0;}
.news li .cons .addtime {color:#aa1515;font-style: italic;font-weight:700;margin:16px 0 8px 0}
.news li .cons .title {height:40px; line-height: 40px; overflow: hidden}
.news li .cons .title a {font-weight:700;color:#000;font-size:30px;}
.news li .cons i {display:inline-block;width:40px;height:2px; background: #aa1515;margin:30px 0 20px 0}
.news li .cons .content { line-height: 30px;height:60px; overflow: hidden}
.news li .pic {position:absolute;right:0;top:40px;width:350px;height:230px;border-top-left-radius:25px; overflow:hidden}
.news li .pic p {border-top-left-radius:25px;}
.news li:Hover .cons i {width:100%}

.nshowcurrent .maincurrent {right:auto;left:0; position: relative;}
.nshow .text {background:#fff;padding:60px 5.5% 70px 5.5%}
.nshow .text .mleft {float:left;width:70%}
.nshow .text .mleft .title {font-size:35px;color:#000; line-height: 50px;padding:0 0 20px 0;border-bottom:1px solid #ddd; text-align: center}
.nshow .text .mleft .addtime {font-size:14px;margin:20px 0 35px 0; text-align: center}
.nshow .text .mright {float:right;width:25%;border:1px solid #ddd;padding:30px 2.5% 15px 2.5%;}
.nshow .text .mright .subject {color:#000;font-size:25px;margin:0 0 20px 0}
.nshow .text .mright li a {color:#000;}
.nshow .text .mright li p {font-size:14px;margin:0px 0 20px 0}
.jobsubject {text-align:center;padding:65px 0 35px 0}
.jobsubject .t {color:#000;font-size:30px; line-height: 40px;}
.jobsubject .c {color:#333;font-size:14px;margin:15px 0 0 0;}
.join {background:#efefef;padding:0 0 160px 0}
.join .text { background: #fff;height:350px;}
.join .text .pic {float:left;width:50%;height:100%; position: relative; overflow: hidden}
.join .text .cons {float:left;width:40%;padding:0 5%;height:350px;color:#000}
.join .text .cons .t {font-size:25px;margin:0 0 20px 0}
.jobs {padding:0 0 100px 0}
.job ul.ul1 {background:#aa1515;color:#fff; text-align:center;height:60px; line-height: 58px;font-size:18px; letter-spacing: 1px}
.job li .t {float:left;}
.job li .t1 {width:19%;}
.job li .t2 {width:16%}
.job li .t3 {width:16%}
.job li .t4 {width:16%}
.job li .t5 {width:16%}
.job li .t6 {width:17%}
.accordionservice li .link {cursor: pointer;display: block;position: relative;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease; background: #f9f9f9;padding:17px 0 19px 0; text-align: center;border-bottom:1px dashed #ccc;color:#333}
.accordionservice li .link .t6 i:before {font-family: "iconfont" !important;content: "\e685";font-size:14px;color:#999;font-weight:700}
.accordionservice li.open .link .t6 i:before {content: "\e768";font-weight:700}
.accordionservice .submenu {display:none;padding:30px 40px; background: #efefef;color:#000;font-size:14px}

.contact {background:url("../images/66fd7675-a104-4631-8192-829e6e934e47.jpg") no-repeat center; background-size:cover;padding:0 0 120px 0}
.contact .prosubject {color:#aa1515}
.contact .cons {float:left;width:38%;padding:0 5% 0 7%;height:450px; background: #aa1515;color:#fff}
.contact .cons .subject {font-size:28px;margin:0 0 25px 0}
.contact .cons li {position:relative;padding:0 0 0 30px;font-size:14px;margin:10px 0}
.contact .cons li p {position:absolute;left:0;top:4px}
.contact .cons li p img {width:18px}
.contact .map {float:left;width:50%;height:450px}
.contact .map iframe,#container {width:100%;height:450px;}

.foot {background:#111111;padding:70px 0;color:#b0b0b0;font-size:15px;}
.foot a {color:#b0b0b0}.foot a:hover {color:#fff}
.foot dl {float:left;margin:0 0 0 8%}
.foot dl:nth-child(1) {margin:0}
.foot dt {margin:0 0 20px 0}
.foot dt a {font-size:20px;color:#fff}
.foot dd p {margin:5px 0 0 0}
.foot .wx {float:left;width:24%;margin:0 0 0 6%}
.foot .wx li {float:left;width:40%;margin:0 5%; text-align: center}
.foot .wx li img {width:100%}
.foot .wx li p {color:#fff;margin:8px 0 0 0}
.foot .ct {float:right;width:240px;color:#fff}
.foot .ct a {color:#fff}
.foot .ct .subject {font-size:23px; line-height:23px;}
.foot .ct .tel {font-size:22px; line-height: 32px;margin:12px 0 10px 0}
.foot .ct .address {margin:0 0 20px 0}
.share-buttons li {position:relative;display:inline-block; vertical-align: top;margin:0 0 0 5px}
.share-buttons li:nth-child(1) {margin:0}
.share-buttons li img {height:25px;}
.bd_weixin_popup_head {position:absolute;left:-60px;bottom:40px;width:120px;padding:10px 10px 15px 10px; background: #2bad13;display:none; text-align: center;font-size:12px;}
.bd_weixin_popup_head.active {display:block}
.bd_weixin_popup_foot {margin:3px 0 0 0}
.footer {background:#040404;padding:25px 0;color:#fff; text-align: center;font-size:16px;}
.footer a {color:#b0b0b0}.footer a:hover {color:#fff}
.fixright { position: fixed;right:5px;bottom:0px; z-index: 2000;}
.fixright li { position:relative;margin:5px 0; }
.fixright li .tubiao {border-radius:10px;width:50px; height:50px; line-height:50px; cursor:pointer;text-align: center;color:#333;background:rgba(255,255,255,1);box-shadow:0 0 5px rgba(0,0,0,0.15)}
.fixright li.wx .tubiao span {font-size:32px}
.fixright li.tel .tubiao span {font-size:28px}
.fixright li.email .tubiao span {font-size:24px}
.fixright li.up .tubiao span {font-size:27px;color:#aa1515;}
.fixright li:hover .tubiao span {color:#fff;}
.fixright li .cons { display:none; position: absolute;right:55px;top:0;box-shadow:0 0 5px rgba(0,0,0,0.3);border-radius:10px; background: #fff;min-height:50px}
.fixright li:hover .tubiao { background: #aa1515;color:#fff}
.fixright li.wx .cons {width:300px;height:110px;padding:10px 0 10px 10px}
.weixin { position: relative}
.weixin .pcover {width:110px;height:110px}
.weixin .wright { position: absolute;left:140px;top:6px;font-size:16px; line-height: 33px; color:#333}
.weixin .wright b {display:block}
.weixin .wright span {font-size:40px;line-height:40px;}
.fixright li.tel .cons {width:200px; height: 50px; line-height:48px;padding:0 0 0 20px; letter-spacing:0.5px;font-weight:700}
.fixright li.tel .cons font {color:#999;margin:0 10px 0 0}
.fixright li.email .cons {width:260px; }