@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,.act,.image-container img,.topsearch,.topsearch .search,.topsearch .search #sbtn,.topsearch span.icon-close-bold,.topsearch .btn,.home-product .row li .pic img,.home-news .row .left .pic img,.home-news .row .right li .pic img,.about .list .pics .pic p img,.factory dd .pic img,.honor .list .pic h2 img,.news li .pic img,.news li .text .more a p,.news-show .more-news li .pic img,.contact li .pic img,.contact li .pic
{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.home-about .row .right .pic:hover p img,.home-product .row li:hover .pic img,.home-news .row .left .pic:hover img,.home-news .row .right li:Hover .pic img,.about .list .pics .pic:hover p img,.factory dd:hover .pic img,.honor .list .pic:hover h2 img,.news li:Hover .pic img,.news-show .more-news li:hover .pic 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
{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.contact li:hover .pic img
{transform: rotateY(180deg);}
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','微软雅黑','arial';}
html,body,input,button,select,textarea,big,small {font-size:16px;color:#666;font-weight:400;}a {color:#666}b,strong {font-weight:700;}
a:hover,.fixtop .lan a:hover,.topsearch .btn:hover,.home-about li:hover .title,.home-product .row li:hover .text .subtitle a,.home-news .row .left .text .title a:hover,.home-news .row .right li:hover .text .title a,.news li:hover .text .title a,.news-show .more-news li:hover .title a{color:#e53327}
.home-product .row .product-menu .more a:hover,.home-news .row .middle .title a:hover {color:#00419e}
:root{scroll-behavior:smooth;}
.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}
.img-center {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);max-width: 100%;max-height: 100%;object-fit: contain;}
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,dl,dt,dd,ol { list-style:none;}
.list-paddingleft-1,.list-paddingleft-2 {margin-left:20px}
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;}
.bodyactive {overflow:hidden}
:root{scroll-behavior:smooth;}
.text-shadow {transition: text-shadow 0.5s ease;}
.text-shadow:Hover {text-shadow: 0.5px 0 0 currentColor,-0.5px 0 0 currentColor;}

.pageclass {height:0px;overflow:hidden;}
.page_wrap {width:100%;padding:70px 0 0 0;text-align:center;position: relative}
.pager {width:100%;}
.pager a,.pager span,.pager font {display:inline-block;vertical-align:top;margin:2px 5px 2px 5px;width:40px; height:40px; line-height:38px;box-shadow:0 0 5px rgba(0,0,0,0);text-align: center;border-radius:40px; background:#fff;border-radius:50%;color:#333}
.pager font {font-family:'宋体';font-weight:700;margin:0px;display:inline-block;vertical-align: top; line-height: 40px;transition-duration:.5s;} 
.pager a:hover,.pager span.current,.pager a font:hover {color:#fff; border-color:#e53327; background: #e53327;} 
.pager a,.pager span.disabled {color:#666;} 
.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:18px;font-weight:400;color:#595758;}
.pager select,.pager input,.pager a,.pager span.disabled  {border:1px solid #dfdfdf;}
.pager i {font-weight:bold; line-height: 38px; display: inline-block; vertical-align: top;margin:0 10px; letter-spacing: 1px}

::-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: #e53327;}
::-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:#ffffff;}
:-moz-placeholder {color:#ffffff;}
::-moz-placeholder {color:#ffffff;}
:-ms-input-placeholder {color:#ffffff;}

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

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

.fixtop { position: fixed;left:0;top:0;width:100%; z-index: 9998; height:95px;background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.15)}
.fixtop .logo { position: absolute;left:2%;top:21px;z-index: 999}
.fixtop .logo a {background: url("../images/logo.png") no-repeat left bottom;width:432px;height:53px; background-size:100%; display: block;}
.fixtop .navpc {text-align:right;margin:0 302px 0 0}
.fixtop .navpc li {display:inline-block; vertical-align: top;margin:0 28px; position: relative}
.fixtop .navpc li a.a {display:inline-block; vertical-align: top; height:20px;padding-top:36px; line-height:20px;font-size:18px; position: relative;color:#333;font-weight:700}
.fixtop .navpc li:hover a.a,.fixtop .navpc li.active a.a {color:#e53327;}
.fixtop .lan {position: absolute;right:246px;top:33px;}
.fixtop .lan a {color:#333;font-size:18px;font-weight:700; line-height: 20px;}
.top-blank {height:95px}

.topsearch { position: absolute;right:155px;top:31px;}
.topsearch .btn {color:#333; cursor: pointer;opacity:1}
.topsearch .btn span {font-size:35px; line-height:1}
.topsearch .search { position:absolute;right:0;top:-2px; z-index: 10; background: #e53327;width:0px; height:35px;border-radius:35px; overflow: hidden;opacity:0}
.topsearch .search #k {display:inline-block; vertical-align: top;width:372px;padding:0 0 0 18px;border-radius:35px;height:35px;font-size:14px;font-weight:400;color:#fff; background: none}
.topsearch .search #sbtn {color:#fff;opacity:0;position:absolute;right:0;top:-1px;font-size:18px;width:40px;height:35px;border-radius:35px; cursor: pointer;background: #e53327;font-family: "iconfont" !important;}
.topsearch span.icon-close-bold {opacity:0;position:absolute; z-index: 9999; left:40px;top:3px;font-size:25px; line-height: 1; cursor: pointer;color:#e53327;}
.topsearch.active .search{width:410px;opacity:1}
.topsearch.active .search #sbtn,.topsearch.active span.icon-close-bold{opacity:1;}
.topsearch.active .btn {opacity:0}

.indpics {position: relative;}
.indpics .swiper-slide { position:relative;overflow: hidden;height:calc(100vh - 95px);height:-webkit-calc(100vh - 95px);}
.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);}

.indpics .swiper-slide .text {position: absolute;left:0;top:0;width:100%;height:100%; z-index: 200;}
.indpics .swiper-slide .text .wrap {height:100%;}
.indpics .swiper-slide .text .in {display:flex;align-items:left;justify-content: center;color:#fff; flex-direction: column;height:100%; text-align:left;}
.indpics .swiper-slide .text .title {font-size:58px; line-height: 1.4;font-weight:700; color:#fff;position: relative;padding:0 0 35px 0;margin:-90px 0 35px 0;letter-spacing:2px}
.indpics .swiper-slide .text .title:before {content:'';position: absolute;left:0;bottom:-3px;height:5px;width:150px; background: #fff}
.indpics .swiper-slide .text .title:after {content:'';position: absolute;left:0;bottom:-1px;height:1px;width:535px; background: rgba(255,255,255,0.5)}
.indpics .swiper-slide .text .content {color:rgba(255,255,255,0.7);font-size:24px; line-height:2;margin:0 0 60px 0;text-transform: uppercase}
.home-more a {height:60px; line-height: 58px;padding:0 0 0 30px;display:inline-block;background: #fff;color:#e53327;font-size:18px;font-weight:700}
.home-more a p {width:50px;height:60px;border-left:1px solid #e53327;display:inline-block; vertical-align: top; text-align: center;margin:0 0 0 30px;transition-duration: 0.5s}
.home-more a span {font-size:30px;display:inline-block; vertical-align: top;font-weight:400;margin:1px 0 0 0}
.home-more a:hover { background: #e53327;color:#fff}
.home-more a:hover p {border-color:#fff;}

.indpics .swiper-slide1 .text .title {font-size:72px;}
.indpics .swiper-slide1 .text .content {font-size:32px;}

.indpics .jump {position: absolute; z-index: 200;left:50%;margin-left:-15px;bottom:30px}
.indpics .jump i { background: url("../images/mouse.png") no-repeat center;background-size:100%;width:30px;height:76px;display:block;animation: myfirst 1.5s infinite;}
@keyframes myfirst { 0% {transform: translate(0px, 0px); } 50% {transform: translate(0px, -10px); }100% {transform: translate(0px, 0px);}}
.indpics .swiper-button-next,.swiper-button-prev {top:auto;bottom:30px;margin-top:0;}
.indpics .swiper-button-prev {left:auto;right:88px}
.indpics .swiper-button-next{right:0%;}
.autoplay-progress {position: absolute;left: -5px;bottom: 25px;z-index: 10;width: 75px;height: 75px;display: flex;align-items: center;justify-content: center;font-weight: 700;color:#fff;}
.autoplay-progress:before {content:'';position: absolute;left:6px;top:6px;width:60px;height:60px;border-radius:50%; border:1px solid rgba(255,255,255,0.5); z-index: -1}
.autoplay-progress svg {--progress: 0;position: absolute;left: 0;top: 0px;z-index: 10;width: 100%;height: 100%;stroke-width:2px;stroke: #fff;fill: none;stroke-dashoffset: calc(125.6 * (1 - var(--progress))); stroke-dasharray: 125.6;transform: rotate(-90deg);}

.top-pic {position:relative;left:0;top:0;width:100%;padding:11.7187% 0; z-index: 1;}
.top-pic .text {position: absolute;left:0;top:0;width:100%;height:100%; z-index: 100;display:flex;align-items: center;justify-content: center; text-align: left;}
.top-pic .text .wrap {width:100%}
.top-pic .text .title {position: relative;color:#fff;font-size:42px; line-height: 1.4;font-weight:700;margin-top:-50px}
.top-pic .text .title:before {content:'';position: absolute;left:0;bottom:-35px;width:80px;height:4px;background: #fff;}
.top-pic .pic {position:absolute; left:0;top:0;width:100%;height:100%; z-index: 1; overflow: hidden}
.top-pic .pic>p {width: 100%;-webkit-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1);-webkit-animation: minus 6s 0s ease both infinite;-moz-animation: minus 6s 0s ease both infinite;animation: minus 6s 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);}}

.home-about {background: url("../images/home-about-bg.jpg") no-repeat center;background-size:cover;position: relative;padding:70px 0 100px 0}
.home-about .about-slide {position: absolute;left:0;top:0;width:85px;height:100%;background: #e53327;border-bottom-right-radius:30px;}
.home-about .about-slide .up { background: #00419e;height:85px;display:flex;align-items: center;justify-content: center}
.home-about .about-slide .up img {width:46px}
.home-about .about-slide .down {display:flex;align-items: center;justify-content: center;height:calc(100% - 85px);height:-webkit-calc(100% - 85px);}
.home-about .row {display:flex;align-items: center;justify-content: space-between}
.home-about .row .left {width:50%;}
.home-about .row .left .text {background: #fff;padding:55px 55px 45px 90px;position: relative}
.home-about .row .left .text:before {content:'';position: absolute;left:38px;top:30px;width:35px;height:35px;background: url("../images/home-about-left-dou.png") no-repeat center;background-size:100%}
.home-about .row .left .text .title {color:#000;font-size:24px;line-height: 1.4;font-weight:700;}
.home-about .row .left .text .content {margin:20px 0 35px 0}
.home-about .row .right {width:44.6%;}
.home-about .row .right .font {color: transparent; -webkit-text-stroke: 1px #dbdddc;font-size:132px; line-height: 1;font-weight:700;margin:0 0 48px 0;text-align:center}
.home-about .row .right .pic {position: relative}
.home-about .row .right .pic:before {content:'';position: absolute;left:0;top:-10px;width:24%;height:10px;background: #00419e;}
.home-about .row .right .pic:after {content:'';position: absolute;right:0;top:-10px;width:76%;height:10px;background: #e53227;}
.home-about .row .right .pic p { overflow: hidden;border-bottom-left-radius:30px;}
.home-about .row .right .pic p img {width:100%; transition-duration: 0.5s}
.home-about ul {display:flex;justify-content: space-between;margin-top:90px}
.home-about li { text-align: center;position: relative}
.home-about li.line i {width:1px;height:100%;background: #dfe0e2;display:block}
.home-about li:last-of-type {display:none;}
.home-about li .pic {width:60px;height:60px;background-position: top;background-size:cover;margin:0 auto;transition-duration: 0.5s}
.home-about li .title {font-size:24px; line-height: 1.4;font-weight:700;margin:15px 0 15px 0;color:#333;transition-duration: 0.5s}
.home-about li .content {color:#999;max-width:230px;}
.home-about li:hover .pic {background-position: bottom}
.home-more.small a {height:38px; line-height: 36px;font-size:16px;font-weight:400;background: #e53327;color:#fff}
.home-more.small a p {width:38px;height:38px;border-left:1px solid rgba(255,255,255,0.3);}
.home-more.small a span {font-size:20px;}
.home-more.small a:hover { background: #00419e;}
.home-more.small a:hover p {border-color:rgba(255,255,255,0.3);}
.home-subject {margin-bottom:55px}
.home-subject .en {text-transform: uppercase;font-size:44px; line-height: 1.4;color:#ededed;font-weight:500}
.home-subject .cn {coloR:#000;font-size:48px;line-height: 1.2;font-weight:700;position: relative; z-index: 10;display:inline-block;vertical-align: top;margin-top:-37px}
.home-subject .cn:before {content:'';position: absolute;left:0;bottom:0px;width:115px;height:12px;background: #e53327; z-index: -1}
.home-subject .sub {display:inline-block;vertical-align: top;margin:-5px 0 0 20px;color:#b3b3b3; line-height: 1.6}

.home-product {background: url("../images/home-prooduct.jpg") no-repeat center;background-size:cover;position: relative;padding:100px 0 120px 0}
.home-product .home-subject {margin-bottom:40px}
.home-product .home-more {position: absolute;right:0;top:40px}
.home-product .row {display:flex;justify-content: space-between;box-shadow:5px 5px 20px rgba(0,0,0,0.1)}
.home-product .row .product-menu {width:17%; background: #f4f6f9;border:1px solid #d9d9d9}
.home-product .row .product-menu .subject {color:rgba(255,255,255,0.7);font-size:14px; background: #00419e;padding:18px 10px 17px 12%}
.home-product .row .product-menu .subject p {color:#fff;font-size:26px;font-weight:500; line-height: 1.2;margin:0 0 8px 0}
.home-product .row .product-menu dl {padding:20px 6% 0 6%}
.home-product .row .product-menu dd {line-height:1.4}
.home-product .row .product-menu dd a {display:block;padding:9px 35px 12px 8%;position: relative}
.home-product .row .product-menu dd a:before {content: "\e68b";font-family: "iconfont" !important;position: absolute;right:15px;top:11px;color:#fff;opacity:0;transition-duration: 0.5s}
.home-product .row .product-menu dd a:hover,.home-product .row .product-menu dd.active a {background: #e53327;coloR:#fff;}
.home-product .row .product-menu dd a:hover:before,.home-product .row .product-menu dd.active a:before {opacity:1}
.home-product .row .product-menu .more {margin:0 0 30px 6%;padding-left:8%}
.home-product .row .product-menu .more a {font-size:18px;font-weight:500;color:#e53327;}
.home-product .row .product-menu .more a span {display:inline-block; vertical-align: top;font-size:26px; line-height: 1;margin:5px 0 0 -2px}
.home-product .row ul {width:83%;background: #fff;border-top:1px solid #d9d9d9;display:flex;flex-wrap: wrap}
.home-product .row li {width:33.3333%;box-sizing: border-box;padding:2.5% 2.5% 0px 3%;border-bottom:1px solid #d9d9d9;border-right:1px solid #d9d9d9; position: relative;background: #fff}
.home-product .row li:before {content:'';position: absolute;left:0;bottom:0;width:0;height:5px;background: #e53327; z-index: 1;transition-duration: 0.5s}
.home-product .row li:after {content:'';position: absolute;left:0;bottom:0;width:0;height:5px;background: #00419e; z-index: 2;transition-duration: 0.5s}
.home-product .row li .pic {height:205px; text-align: right}
.home-product .row li .pic img {max-height:205px;margin:0 0 0  auto}
.home-product .row li .text {position: relative;z-index: 10;margin-top:-35px}
.home-product .row li .text .title {line-height: 1.4}
.home-product .row li .text .title a {font-size:28px;font-weight:700;color:#e53327;}
.home-product .row li .text .subtitle { line-height: 1.6;margin:10px 0 2px 0}
.home-product .row li .text .subtitle a {font-size:18px;font-weight:700;color:#333}
.home-product .row li .text .des {font-size:12px; line-height: 1.6;padding:0 50px 0 0}
.home-product .row li .more {position: absolute;right:-2.5%;bottom:0; z-index: 100}
.home-product .row li .more a {display:block;width:25px;height:25px;border:1px solid #e53327;border-radius:50%;display:flex;align-items: center;justify-content: center}
.home-product .row li .more a i {background: url("../images/more.png") no-repeat center;background-size:100%;width:15px;height:15px;display:block;margin:0 0 0 1px}
.home-product .row li:Hover .more a {background: #e53327}
.home-product .row li:Hover .more a i {-webkit-filter: brightness(100);filter: brightness(100);}
.home-product .row li:hover:after {width:25%}
.home-product .row li:hover:before {width:100%}

.home-factory {background: url("../images/home-factory.jpg") no-repeat center;background-size:cover;position: relative;padding:100px 0 100px 0}
.home-factory .home-more {position: absolute;right:0;top:40px}
.home-factory .home-subject {margin-bottom:100px}
.home-factory .swiper-slide {width:735px;}
.home-factory .swiper-slide .pic { overflow: hidden;padding:33.3333% 0}
.home-factory .swiper-container {padding:0 0 70px 0}
.home-factory .swiper-button-next,.home-factory .swiper-button-prev {top:50%;width:44px;height:44px;margin-top:-49px;}
.home-factory .swiper-button-next:after,.home-factory .swiper-button-prev:after { background:#fff;color:#00419e;font-size:20px;width:44px;padding:0 2px 0 0;height:44px;line-height:44px;}
.home-factory .swiper-button-next:Hover,.home-factory .swiper-button-prev:hover {background: #e53327;border-color:#e53327}
.home-factory .swiper-button-next:hover:after,.home-factory .swiper-button-prev:hover:after{color:#fff;background: #e53327;border-color:#e53327}
.home-factory .swiper-button-prev {left:50%;margin-left:-500px}
.home-factory .swiper-button-next{right:50%;margin-right:-500px}
.home-factory .swiper-horizontal>.swiper-pagination-bullets,.home-factory .swiper-pagination-bullets.swiper-pagination-horizontal,.home-factory .swiper-pagination-custom,.swiper-pagination-fraction {bottom:0;}
.home-factory .swiper-pagination-bullet {background: #ccc}
.home-factory .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.home-factory .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 5px}
.home-news {padding:90px 0 100px 0}
.home-news .home-more {position: absolute;right:0;top:40px}
.home-news .row {display:flex;justify-content: space-between}
.home-news .row .left {width:30%;background: #f0f3f7}
.home-news .row .left .pic {position: relative; overflow: hidden;height:300px}
.home-news .row .left .text {padding:50px 8% 50px 8%}
.home-news .row .left .text .date {font-size:14px;color:#e53327;position: relative;font-weight:500}
.home-news .row .left .text .date a {position: absolute;right:0;top:0;font-weight:400}
.home-news .row .left .text .date a span {display:inline-block;vertical-align: top;margin:3px 0 0 -2px;font-size:22px; line-height: 1}
.home-news .row .left .text .title {height:25px; line-height: 25px; overflow: hidden;margin:40px 0 20px 0}
.home-news .row .left .text .title a {font-size:20px;color:#333;font-weight:500}
.home-news .row .left .text .content {font-size:14px; line-height: 25px;height:50px;overflow: hidden}
.home-news .row .middle {width:30%;background: #e53327;color:#fff;padding:65px 2.4% 0px 2.4%}
.home-news .row .middle .title {height:25px; line-height: 25px; overflow: hidden;margin:45px 0 20px 0}
.home-news .row .middle .title a {font-size:20px;font-weight:500;color:#fff}
.home-news .row .middle .content {color:rgba(255,255,255,0.7); line-height: 35px; height:210px;overflow: hidden;margin-bottom:60px}
.home-more-2 a {font-size:18px; line-height: 1;display:flex;color:#fff;width:145px}
.home-more-2 a p {width:50px;height:50px;border-radius:50%;border:1px solid #fff;display:flex; align-items: center;justify-content: center;margin:-15px 0 0 20px;transition-duration: 0.5s}
.home-more-2 a p span {color:#fff;font-size:30px;transform: rotateY(180deg);margin:0 0 0 2px}
.home-more-2 a:hover {color:#00419e}
.home-more-2 a:hover p {border-color:#00419e;background: #00419e}
.home-news .row .right {width:34%;}
.home-news .row .right li {position: relative;margin-top:45px;}
.home-news .row .right li:nth-child(1) {margin-top:0}
.home-news .row .right li .pic {position: absolute;left:0;top:0;width:240px;height:160px; overflow: hidden}
.home-news .row .right li .text {margin:0 0 0 265px;min-height:160px}
.home-news .row .right li .text .date {font-size:14px;line-height: 1}
.home-news .row .right li .text .title {height:25px; line-height: 25px; overflow: hidden;margin:23px 0 5px 0}
.home-news .row .right li .text .title a {color:#000;font-weight:500;font-size:18px}
.home-news .row .right li .text .content {line-height: 25px; height:50px; overflow: hidden;color:#999;font-size:14px;margin:0 0 30px 0}
.home-news .row .right li .text .more a {background: url("../images/more.svg") no-repeat center;background-size:100%;width:30px;height:9px;display:block}

.about-subject {margin:0 0 60px 0}
.about-subject .en {color:#333;font-size:70px; line-height: 1.2;font-weight:700; text-transform: uppercase}
.about-subject .cn {font-size:38px; line-height: 1.4;font-weight:500;color:#000;padding-left:20px;position: relative;margin-top:25px}
.about-subject .cn:before {content:'';position: absolute;left:0;top:20%;width:6px;height:70%;background: #e53327;}
.about {padding-top:110px}
.about .list {display:flex;justify-content: space-between}
.about .list .text {width:50%}
.about .list .text .content {margin-top:110px}
.about .list .pics {width:40%}
.about .list .pics .en {position: absolute;right:0;top:-15px;color: transparent; -webkit-text-stroke: 1px #dbdddc;font-size:160px; line-height: 1;font-weight:700;text-align:center}
.about .list .pics .pic {position: relative;margin-top:220px}
.about .list .pics .pic p { overflow: hidden;border-top-left-radius:30px;position: relative;z-index: 10}
.about .list .pics .pic i {position: absolute;left:-12px;top:5%;background: #e53327;width:100px;height:95%;border-top-left-radius:30px;display:block; z-index: 1}
.about .list .pics .pic i:before {content:'';position: absolute;bottom:0;width:12px;height:27.5%; background: #00419e; z-index: 2}
.about ul {background: #fff;padding:60px 4%}
.namemj {position: absolute;top:-95px}

.factory {margin:120px 0}
.factory dl {width:101.4%;margin:-1.4% 0 0 -0.7%}
.factory dd {float:left;width:23.6%;margin:1.4% 0.7% 0 0.7%;}
.factory dd:nth-child(1) {width:48.6%}
.factory dd .pic {position: relative; overflow: hidden;padding:33.3333% 0;}
.factory dd:nth-child(1) .pic {padding:33.8% 0}
.factory .swiper-container {padding:0 0 100px 0}
.factory .swiper-button-next,.factory .swiper-button-prev { top:auto;bottom:20px;width:auto;height:auto;margin-top:0;border-radius:0;}
.factory .swiper-button-next:after,.factory .swiper-button-prev:after { background:none;border:0; color:#a0a0a0;font-size:30px;width:auto;padding:0;height:auto;line-height:0; border-radius:0;}
.factory .swiper-button-next:Hover,.factory .swiper-button-prev:hover {background: none;}
.factory .swiper-button-next:hover:after,.factory .swiper-button-prev:hover:after{color:#e53327;background:none}
.factory .swiper-button-prev {left:50%;margin-left:-200px}
.factory .swiper-button-next{right:50%;margin-right:-200px}
.factory .swiper-horizontal>.swiper-pagination-bullets,.factory .swiper-pagination-bullets.swiper-pagination-horizontal,.factory .swiper-pagination-custom,.swiper-pagination-fraction {bottom:0px;}
.factory .swiper-pagination-bullet {width:26px;height:26px;border-radius:0; background:url("../images/dot2.png") no-repeat center;background-size:100%}
.factory .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.factory .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 5px;}
.factory .swiper-pagination-bullet-active,.factory .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active,.factory .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active {background:url("../images/dot1.png") no-repeat center;background-size:100%}

.honor {background: url("../images/honor.jpg") no-repeat center;background-size:cover;padding:120px 0}
.honor .list {position: relative}
.honor .swiper-slide .pic {background: #fff;padding:5%;position: relative;border:1px solid transparent;transition-duration: 0.5s;transform: scale(0.8);box-shadow:0 5px 20px rgba(0,0,0,0.1)}
.honor .swiper-slide .pic h2 {position: relative;overflow: hidden;padding:68.75% 0}
.honor .swiper-slide-active .pic {border-color:#e53327;transform: scale(1);}
.honor .swiper-button-next,.honor .swiper-button-prev {top:50%;width:50px;height:50px;margin-top:-25px;}
.honor .swiper-button-next:after,.honor .swiper-button-prev:after { border:0; font-size:22px;width:50px;padding:0;height:50px;line-height:50px; }
.honor .swiper-button-prev {left:-70px;}
.honor .swiper-button-next{right:-70px;}
body.bg {background: #f4f6f9}

.product {background: none;position: relative}
.product:before {content:'';position: absolute;right:0;top:0;background: url("../images/product-bg.jpg") no-repeat center;background-size:cover;width:150px;height:327px;}
.product .row {box-shadow:0 0 0 rgba(0,0,0,0)}
.product .row .product-menu {background:none;border:0;}
.product .row .product-menu dl {padding-bottom:20px;background: #fff}
.product .row .product-menu dd a {color:#333}
.product .row .product-right{width:80%;position: relative; z-index: 10}
.product-right .subject {font-weight:700;border-bottom:1px solid #dadada;padding:0 0 20px 0;font-size:38px; line-height: 1.4;color:#000;position: relative;margin:-10px 0 50px 0;}
.product-right .subject:before {content:'';position: absolute;left:0;bottom:-3px;width:73px;height:5px;background: #e53327}
.product .row ul {width:100%;background:none;border-top:0;gap:50px}
.product .row li {border:0;padding:40px 2% 30px 2%;width:calc(33.3333% - 33.3333px);-webkit-width:calc(33.3333% - 33.3333px);}
.product .row li .pic {text-align:center;height:230px; }
.product .row li .pic img {margin:0 auto;min-height:230px}
.product .row li .text {margin-top:30px}
.product .row li .more {right:0;}
.product .row li .more a {width:32px;height:32px;}
.product .row li .more a i {background: url("../images/more2.png") no-repeat center;background-size:100%;width:12px;height:12px;margin:1px 0 0 1px}
.page_wrap_product {margin-left:20%;width:80%}

.top-pic .en {color:#fff;font-size:50px;line-height: 1.3;font-weight:700;position: relative;text-transform: uppercase;}
.top-pic .en:before {content:'';position: absolute;left:0;bottom:-28px;width:80px;height:4px;background: #fff}
.top-pic .cn {color:#fff;font-size:40px; line-height: 1.4;margin-top:45px}

.show-detail {display:flex;justify-content: space-between;margin:80px 0}
.show-detail .text {width:44%;}
.show-detail .text .title {font-size:52px;font-weight:700; line-height: 1.2;color:#e53327;}
.show-detail .text .subtitle {color:#333;font-size:38px;font-weight:700; line-height: 1.4;padding:15px 80px 10px 0}
.show-detail .text .hy {border-bottom:1px solid #d6d6d6;position: relative;font-size:20px; line-height: 1.6;font-weight:300;padding:0 0 30px 0}
.show-detail .text .hy:before {content:'';position: absolute;left:0;bottom:-2px;width:205px;height:3px;background: #e53327; z-index: 10}
.show-detail .text .hy p {position: absolute;right:0;bottom:35px;width:60px;height:60px;background: #e53327;border-radius:50%}
.show-detail .text .hy p i {display:block;background: url("../images/more.png") no-repeat center;background-size:50%;width:100%;height:100%;-webkit-filter: brightness(100);filter: brightness(100);}
.show-detail .text .content {font-size:18px; line-height: 2.5; margin:30px 0 50px 0}
.show-detail .text .content table {width:100%}
.show-detail .pic {width:44%;margin-top:15px}
.show-detail .pic img {width:100%}

.show-tuijian .subject {border-bottom:1px solid #d6d6d6;position: relative;font-size:32px; line-height: 1;font-weight:700;color:#333;padding:0 0 25px 0}
.show-tuijian .subject:before {content:'';position: absolute;left:0;bottom:-2px;background: #e53327;height:3px;width:128px}
.show-tuijian .product {padding:50px 0 120px 0}
.show-tuijian .product:before {display:none}
.show-tuijian .product .row .product-right{width:100%;}
.show-tuijian .product .row ul {gap:15px;}
.show-tuijian .product .row li {padding:30px 1.5% 25px 1.5%;width:calc(25% - 11.25px);-webkit-width:calc(25% - 11.25px);border:1px solid #d6d6d6;transition-duration: 0.5s}
.show-tuijian .product .row li:hover {border-color:#e53327;}

.news {margin:60px 0 100px 0}
.news li {border-bottom:1px solid #e7e7e7;position: relative;padding:30px 0;transition-duration: 0.5s}
.news li .pic {position:absolute;top:30px;left:0; overflow: hidden;width:360px;height:222px;}
.news li .text {margin:0 0 0 400px;min-height:222px}
.news li .text .date {color:#e53327;font-size:18px; line-height: 1;font-weight:500;margin:12px 0 0 0}
.news li .text .title {height:30px; line-height: 30px; overflow: hidden;margin:20px 0 15px 0}
.news li .text .title a{font-size:24px;font-weight:500;color:#333}
.news li .text .content {color:#999; line-height: 35px;height:70px; overflow: hidden;margin:0 0 20px 0}
.news li .text .more a p {display:inline-block;vertical-align: top;background: #e8e8e8;border-radius:50%;width:25px;height:25px; text-align: center;margin:2px 10px 0 0}
.news li .text .more a p span {font-size:12px;display:block;margin:2px 0 0 0}
.news li:hover {border-color:#e53327;}
.news li:hover .text .more a {color:#e53327}
.news li:hover .text .more a p {background: #e53327;color:#fff}

.news-show {margin:100px 0 120px 0}
.news-show .wrap {display:flex;justify-content: space-between}
.news-show .text {width:71%}
.news-show .text .date {font-size:18px;font-weight:500;}
.news-show .text .title {font-size:60px;color:#000;font-weight:700;border-bottom:1px solid #ccc;padding:10px 0 30px 0;margin:0 0 50px 0; line-height: 1.4}
.news-show .text .content {margin:30px 0 50px 0;font-size:20px;}
.news-show .text .content img {margin:5px 0}
.prevnext {background: #f4f6f9;padding:15px 30px 17px 30px;display:flex;justify-content: space-between; line-height: 1.6}
.prevnext div {position: relative;width:48%; text-align: left;}
.prevnext div.next {text-align: right;}
.prevnext a {font-size:20px}
.prevnext p {display:inline-block;color:#e53327}
.news-show .more-news {width:21%}
.news-show .more-news .subject {font-weight:500;color:#000;font-size:30px; line-height: 1;}
.news-show .more-news li {margin-top:40px}
.news-show .more-news li .pic { overflow: hidden;border-radius:10px}
.news-show .more-news li .pic img {width:100%}
.news-show .more-news li .date {font-size:18px;color:#999;margin:10px 0 5px 0}
.news-show .more-news li .title { line-height: 1.4;}
.news-show .more-news li .title a {font-size:24px;font-weight:500;color:#333}

.contact {margin:100px 0 60px 0}
.contact ul {display:flex;gap:3.125vw}
.contact li {width:calc(33.3333% - 2.0833vw);width:-webkit-calc(33.3333% - 2.0833vw); background: #fff;position: relative;box-sizing: border-box;padding:30px 25px 28px 0}
.contact li .pic {background: #e53327;width:65px;height:65px;border-radius:10px;display:flex;align-items: center;justify-content: center;position: absolute;left:35px;top:30px}
.contact li .pic img {width:32px}
.contact li .text {margin:0 0 0 130px}
.contact li .text .title {font-weight:700;font-size:24px;color:#000; line-height: 1.4;margin:-5px 0 10px 0}
.contact li .text .subtitle {color:#999; line-height: 1.6}
.contact li .text .content {font-size:20px;color:#333; line-height: 1.5}
.contact li.li39 .text .content {font-size:32px;}
.contact li:hover .pic {background: #00419e}

.map-message {margin:0 0 100px 0}
.map-message .wrap {display:flex;justify-content: space-between;}
.map-message .map {width:63%;height:800px;}
.map-message .map iframe {border:1px solid #ccc;}
.map-message .map iframe,#container {width:100%;height:800px;}
.map-message .message {width:37%;background: #e53327;display:flex;align-items:flex-start;justify-content: center;color:#fff;flex-direction: column;box-sizing: border-box;padding:0 3.5%}
.message .subject {font-size:40px; line-height: 1.4;font-weight:500;}
.message .title {font-size:18px; line-height: 1.6;font-weight:300;margin:20px 0 30px 0}
.message form {width:100%}
.message li {margin:30px 0 0 0}
.message input[type="text"] {border:1px solid #fff;width:100%;box-sizing: border-box;height:70px;color:#fff;padding:0 20px;background: none;font-size:18px;font-weight:300}
.message textarea {border:1px solid #fff;width:100%;box-sizing: border-box;height:175px;color:#fff;padding:15px 20px;background: none;font-size:18px;font-weight:300; overflow: auto}
.message .home-more {cursor: pointer}
.message .home-more a {background: #fff;color:#e53327}
.message .home-more a p {border-color:#e53327}
.message .home-more a:hover {color:#fff}

.foot-contact {background:#00419e;color:#fff;height:93px; line-height: 93px;font-size:14px}
.foot-contact a {color:#fff;}
.foot-contact ul {display:flex;justify-content: space-between; align-items: center;justify-content: center}
.foot-contact li {width:29%;height: 93px;box-sizing: border-box; text-align:center;position: relative}
.foot-contact li:first-of-type {width:42%;background: #e53327; text-align: left;}
.foot-contact li:first-of-type div {margin-left:7%;position: relative}
.foot-contact li:first-of-type i {position: absolute;right:8%;top:42px; background: url("../images/next.svg") no-repeat right;height:11px; background-size:cover;width:35%}
.foot-contact li:nth-child(2) {border-right:1px solid rgba(255,255,255,0.2);}
.foot-contact li img {width:23px;margin:34px 12px 0 0}
.foot-contact li:first-of-type img {margin-top:40px;}
.foot-contact li font {font-size:27px;}
.foot {background: #2a2c3f;color:#fff;padding:100px 0 80px 0;font-weight:300}
.foot .text {margin:0 21% 0 0}
.foot .text .menu {display:flex;border-bottom:1px solid rgba(255,255,255,0.15);padding:0 0 38px 0}
.foot .text .menu li {margin:0 8% 0 0}
.foot .text .menu a {color:#fff;font-size:20px;}
.foot .text .content {color:rgba(255,255,255,0.8);font-size:20px; line-height: 1.6;margin-top:40px}
.foot .text .content a:hover {color:#fff}
.foot .text .content ul {margin:0;display:flex;justify-content: space-between}
.foot .text .content li { list-style: none;}
.foot .wx {position: absolute;right:0;top:0;width:150px}