@import url(Flex.css);

@font-face {
  font-family: 'BASE';
  src: local('PingFang SC'),
       local("Microsoft Yahei");
	   
}
@font-face {
  font-family: 'quote';
  src: local('SimSun');    
  unicode-range: U+201c, U+201d;
}

*{ -webkit-text-size-adjust:auto !important; -ms-text-size-adjust:auto !important; }
html,body{-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
body { font: .83333333vw 'quote', 'BASE', Arial,Helvetica,sans-serif; color: #000;font-weight:normal; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, b, em, i { font-style: normal; font-weight: normal; padding: 0; margin: 0; }
li, ol { list-style: none; }
input, textarea, bottom, button { border: none; outline: none; text-decoration: none; resize: none; }
input[type="text"],input[type="button"],input[type="submit"] ,select,button,textarea{-webkit-appearance:none !important; /*去除input默认样式*/}
textarea { resize: none; }
a {color: inherit; outline: none; text-decoration: none; /*-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;*/}
a:hover { color: rgb(228,87,86,1); }
a:focus, bottom:focus { outline: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; }
a:hover img { border: none; }
img, video { max-width: 100%; height: auto; border: none; outline: none; }
.clearfix { clear: both; zoom: 1; *zoom:1;}
.clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; }
/*::-webkit-scrollbar{width:8px;height: auto}
::-webkit-scrollbar-track{background-color:#eee;}
::-webkit-scrollbar-thumb{background-color:#03a349;}
::-webkit-scrollbar-thumb:hover {background-color:#4eab90;}
::-webkit-scrollbar-thumb:active {background-color:#4eab90;}*/

/********* public css *********/
body{ padding-top:5vw; }

/********* header css *********/
header { height: 5vw; width: 100%; padding-left:8vw; background:rgb(255,255,255,1); position: fixed; top:0; z-index:999; box-shadow: 0px 0px 4px rgb(0 0 0 / 8%); box-sizing:border-box;}
.logo{ width:12%;}
.menuBtn{ display:none;}

/*** nav css ***/
.nav{ display: box; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex; display: flex;-
webkit-box-orient: horizontal;-webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; -o-flex-flow: row wrap; flex-flow: row wrap; 
-webkit-box-pack: flex-end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; -o-justify-content: flex-end; justify-content: flex-end;
 height:100%; } 
.nav > li{ height:100%; position:relative; z-index:9; text-transform:Capitalize; margin-right:8px; }
.nav > li > a {display: box; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex; display: flex;-webkit-box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; height:100%; padding:0 1.4vw; position:relative; box-sizing:border-box; }
.nav > li:after {content:""; width:0; height:100%; transition: 0.5s ease 0s; content: ''; z-index: -1; bottom: 0; left: 15%; background: #f2f2f2; height: 100%; width: 70%; position: absolute; border-top: 6px solid #e45756; box-sizing: border-box; opacity: 0; }
.nav > li:hover:after, .nav > li.on:after { width: 100%; left: 0; opacity: 1; }
.nav > li > .has{position:absolute; top:calc(50% - .4vw); right:.4vw}
.nav > li > .has:after {content:"\f107"; font:400 100% "Awesome5"; }
.nav > li:hover{color: rgb(228,87,86,1); }
.nav li .ulClass{ display:none; position:absolute; top:calc(100% - 2px); left:0; z-index:99; width:auto; min-width:128px; height:auto; padding:8px 12px; background:#fff; border:solid 2px #ddd;}
.nav li .ulClass li{ position:relative; padding:.75em 0; white-space:nowrap; color:#000;}

/*** 语言 ***/
.H-R{ height:100%;}
.Language{ height:100%; transition: 0.5s ease 0s; border-left: 1px solid #e8e8e8; padding: 0 2.4vw; position: relative; background:#fff; }
.Language ul{ border: 1px solid #e8e8e8; position: absolute; top:100%; left: 0; width: 100%; z-index: -1; transition: 0.5s ease 0s; /*transform-origin: top;*/ transform: translateY(-100%); opacity: 0;}
.Language li { background: #f8f8f8; padding: .5vw 0; text-align:center }
.Language li.mob{ display:none}
.Language:hover ul{ transform: translate(0); opacity: 1; background:#fff; }
.language:hover:after { -webkit-animation: a1 2.5s infinite; -moz-animation: a1 2.5s infinite; -ms-animation: a1 2.5s infinite; -o-animation: a1 2.5s infinite; animation: a1 2.5s infinite; }

/*** search css ***/
.s-box{ width: 5vw; height:100%; background:#e45756; text-align:center }
.s-box a{ font-size:200%; color:#fff;}
.search{ border: 1px solid #e8e8e8; position: absolute; top:100%; left: 50%; z-index:-1; width: 50%; transition: 0.5s ease 0s; transform-origin: top; transform: translateY(-100%); opacity: 0; }
.s-box:hover .search { transform: translate(0); opacity: 1; background:#fff; } 
.search input[type='text']{ width: calc(100% - 96px); height:48px; padding: 0 8px; box-sizing: border-box}
.search .close{ height:48px; width:48px; -webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box; float:left; background:none; font-size:20px; cursor:pointer;}
.search .search-btn{ height:48px; width:48px; -webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box; float:right; background:none; font-size:20px; font-weight:600; cursor:pointer;}

/********* footer css *********/
footer {color:#888; padding:1vw 16px;text-align:center; box-sizing:border-box}
footer .Q-nav { width:100%; padding-bottom:1vw; margin-bottom:1vw; border-bottom: solid 1px #efeff4;}
footer .Q-nav a { font-size:90%; margin:0 1vw}
footer .copyright{ width:100%; font-size:87.5%; }
footer .tj:before{content: "\f643"; font:400 125% "Awesome5"; color:#f34055}

/* 返回顶部 */
#goTop{ font-size:24px; background:#888; color:#fff; position: fixed; z-index:99;right:32px; bottom:32px; display:none; width:40px; height:40px; line-height:40px; border-radius:2px; cursor:pointer; text-align:center;}
#goTop:hover{ background:#000; color:#fff;}
#goTop:hover a{color:#fff} 

@media (max-width: 1440px) {
body{ font-size:1.111111111vw;}
header { padding-left:4vw }
}

@media (max-width: 1024px) {
body{ font-size:1.5625vw; padding-top:60px; }
header { height: 60px; padding-left:8px }
.logo { width: auto;}
.logo img{ height:32px }
.menuBtn { display:block; position:absolute; right:0; z-index:99; background:#e45756; text-align:center; width:60px; height: 60px; padding:16px; cursor: pointer; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; box-sizing:border-box;}
.menuBtn b { display: block; height: 3px; background: #fff; margin: 3px 0 6px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; transition: .3s;  }
.menuBtn.open b { display: none; margin: 0; position: absolute; top: 50%; width: 30px }
.menuBtn.open b:first-child { display: block; transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg) }
.menuBtn.open b:last-child { display: block; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg) }
.nav{ display:block; width:100%; height:100%; position:fixed; top: 60px; left:-120%; z-index:98; background: rgba(255,255,255,1); padding:16px; border-top:solid 2px #e45756;-o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition:.3s; box-sizing:border-box; } 
.nav.show{ left:0; } 
.nav > li{ font-size:100%; height: auto; display:block; margin-right:0; border-bottom:solid 1px rgba(0,0,0,.5); }
.nav > li a{color:#000; padding:8px; }
.nav > li:after,.nav > li.on:after { display:none;}
.nav > li > .has{top:0; right:0; width:32px; height:100%; text-align:center;}
.nav > li > .has:before {content:""; display:block; height:0; padding-bottom:25%;}
.nav li .ulClass{ position: relative; left:0; border:none; box-sizing:border-box;}
.nav li .ulClass:before {content:""; position:absolute; top: 0; left:4px; width:1px; height:100%; background:rgba(0,0,0,1); }
.nav li .ulClass li{ border:none; position: relative; }
.nav li .ulClass li:before {content:""; display:inline-block; vertical-align:middle; width:8px; height:1px; background:rgba(0,0,0,1); margin-right:4px }
.nav li .ulClass li a { color: #000; margin-top:16px;}

.H-R{margin-right:calc(2vw + 60px);}
.Language{ border:none; padding:0; padding-right:2vw}
.Lang-a{ display:none}
.Language ul.Lang-Op{ position:inherit; top:inherit; z-index:inherit; transform: translate(0); opacity: 1; border:none}
.Language li.mob{ display: block; position:relative; background: none; padding: 0; font-size:20px; width:36px; height:36px; line-height:36px; border-radius: 50%; border: 1px solid #ddd; box-sizing:border-box; }
.Language li.pc{ display:none}

.s-box{  width:36px; height:36px; background: -webkit-linear-gradient( 90deg, #ba4241, #e55857);border-radius: 50%; line-height: normal; box-sizing:border-box;}
.s-box a{ font-size:20px; }
.search { width: 100%; left:0}
	
footer{ font-size:14px; padding:8px 16px; padding-bottom:24px;}
}
@media (max-width: 960px) {
#goTop{ right:16px; bottom:16px; width:28px; height:28px; line-height:28px; background:rgba(0,0,0,.5);}
footer .Q-nav { display:none}
}
@media (max-width: 800px) {
body{ font-size:3vw; }
header{ padding-left:16px;}
}
@media (max-width: 480px) {
body{ font-size:4.4vw; }
}
@media (max-width: 360px) {
.logo img{ height:32px }
.s-box{ display:none}
.H-R{margin-right:calc(2vw + 60px);}
}

/********* index *********/
.banner{ width:100%; height:calc(100vh - 5vw); position: relative;}
.banner .swiper-slide{ width:100%; position: relative;}
/*.banner .swiper-slide:after {content: ""; display: block; padding-bottom: 31.25%;}*/
.banner .swiper-slide img {position: absolute; top: 0;bottom: 0;left: 0;right: 0;width: 100%; height: 100%; object-fit: cover; object-position: center;}

.swiper-container-horizontal>.swiper-pagination-bullets{ bottom:0;}
.swiper-pagination-bullet-active{color: #e45756; background: #e45756; }
.banner .swiper-pagination-bullet{ width:3.2vw; height:2px; border-radius:0}

/* public index */
.section{ height:calc(100vh - 5.555556vw); position:relative; box-sizing:border-box; overflow:hidden;}
.secTit{ position:relative; z-index:2;}
.secTit span{ font-size:200%; color: #333;letter-spacing: 1vw;}
.secTit p{ font:bold 300% "Arial",sans-serif; color:#e45756; text-transform:Uppercase; position: relative; z-index: 2;word-wrap:break-word; }
.secTit p:before, .secTit p:after {content: '';position: absolute; right: -1vw; transform: translateX(100%); z-index: 20;border-radius: 999px; width:1.5vw; height: 3px; background: #e45756;}
.secTit p:before { bottom: .5vw;}
.secTit p:after { bottom: 1.2vw; width: 1vw;}

.more { display:block; text-align:center; margin:0 auto; margin-top:4vh; position:relative; z-index:2; color:#666;}
.more i { color: #e45756;  width: 3.333333333vw; height: 3.333333333vw; min-width:40px; min-height:40px; display: inline-block; position:relative ;vertical-align:middle}
.more span{ display: inline-block; vertical-align:middle}
.more i:before, .more i:after { content: ''; position: absolute; width: 100%; height: 100%; z-index: 0; left: 0; top: 0; border-radius: 50%; box-sizing: border-box; transition: 0.5s ease 0s; }
.more i:before { border: 1px dashed; animation: more 15s linear 0s infinite; }
.more i:after { border: 1px solid #e45756; /*transform:scale(0.75);*/ width: 75%; height: 75%; left: 12.5%; top: 12.5%; }
.more small { background: #e45756; width: 8px; height: 8px; border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1; }
.more:hover i:before {/*transform:scale(0.75);*/ width: 75%; height: 75%; left: 12.5%; top: 12.5%; }
.more:hover i:after {/*transform:scale(1);*/ width: 100%; height: 100%; left: 0; top: 0; }
@keyframes more { 
  100% {transform:rotate(360deg);}
}
.swiper-container-horizontal>.swiper-pagination-bullets{ bottom:0;}
.swiper-pagination-bullet-active{color: #e45756; background: #e45756;}
/*.button-prev:after ,.button-next:after {font-family:"Awesome5"; font-weight:300; cursor:pointer; transition: 0.3s ease 0s;}
.button-next:after {content:"\f105";}
.button-prev:after {content:"\f104";}
.button-prev:hover { text-indent: -10px; transition: 0.5s ease 0s; }
.button-next:hover{ text-indent: 10px; transition: 0.5s ease 0s; }*/
/*简介*/
.sec1 .Up{ background:url(../images/bg1.jpg) no-repeat right bottom; background-size: cover;}
.sec1 .Up{ width:100%; height:70%; }
.sec1 .Down{ width:100%; height:30%; position:relative; background:url(../images/bg7.jpg) no-repeat center; border-bottom:1px solid rgb(255,255,255, 1); border-top:1px solid rgb(255,255,255, 1); box-sizing:border-box  }
.sec1 .L,.sec1 .R{ width:50%; box-sizing:border-box; }
.sec1 .Up .L{ height: 100%; overflow:hidden}
.sec1 .Up .R{ padding:0 8vw; overflow:hidden}
.sec1-tit{ font:bolder 240% Arial, Helvetica, sans-serif; color:#777; margin-bottom:4vh; padding-bottom:4vh; position:relative; text-transform:Capitalize;}
.sec1-tit:after {content: ""; position:absolute; bottom:0; left:0; background:#e45756; width:84px; height:2px;}
.sec1 .tit { font-size:1.8vw; font-weight:bolder; color:#e45756; margin-bottom:4vh}
.sec1 .tit b{ color: #e45756; font-weight:bold}
.sec1 .txt{ line-height:2; color:#666; text-align: justify; text-indent: 2em; overflow:hidden; }
.photo {height:100%;width:100%; position:relative}
/*.photo .swiper-slide:after {content: ""; display: block; padding-bottom: 66.666666667%;}*/
.photo .swiper-slide img {top: 0;bottom: 0;left: 0;right: 0;width: 100%; height: 100%; object-fit: cover; object-position: center;}
.sec1 .more{ display:inline-block}
.sec1 .Down:after {content: ""; position:absolute; top:0; left:0; bottom:0; right:0; z-index:0; width:100%; height:100%; background:rgb(0,0,0,0);  }
.sec1 .Down .L,.sec1 .Down .R{ position:relative; z-index:2; text-align:center; color:#d34140;}
.sec1 .Down .L:after{content: ""; position:absolute; top:0; bottom:0; right:-1px; z-index:20; width:2px; height:100%; background:#e45756; }
.sec1 .Down strong{ font-size:150%; display:block}
.sec1 .Down i{ font-size:3vw; font-weight:300; color:#cf3b3a; width:4.4vw; height:4.4vw; text-align:center; line-height:4.4vw; border-radius: 50%; border:solid 3px #cf3b3a; }
.sec1 .Down span{ display:block; font-size:125%; margin-top:.75em;}

/*产品*/
.sec2:before{content: ""; position:absolute; top:0; left:0; bottom:0; right:0; z-index:-1; width:50%; height:100%; background:url(../images/bg2.jpg) no-repeat center; background-size: cover; }
.sec2:after {content: ""; position:absolute; top:0; left:0; bottom:0; right:0; z-index:-1; width:50%; height:100%; background: rgb(228,87,86, .9);}
.sec2 .L{ width:50%; height:100%; padding:0 8vw; position:relative; box-sizing:border-box; }
.sec2 .R{ width:50%; box-sizing:border-box; overflow:hidden; }
.sec2 .L .secTit{ position:relative; z-index:2; }
.sec2 .L .secTit span{ color:#fff; }
.sec2 .L .secTit p{ color:#fff;}
.sec2 .L .secTit p:before, .sec2 .L .secTit p:after {background: #fff;}
.sec2 .L .more{ width:100%; text-align:left;color: #fff;}
.sec2 .L .more i{color: #fff;}
.sec2 .L .more small { background: #fff;}
.sec2 .L .more i:after { border: 1px solid #fff;}
.sec2 .M { width:32vw; height:32vw; position:absolute; top:50%; left:50%; z-index:2;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.sec2 .gallery-top {position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding:1.5vw; box-sizing:border-box }
.sec2 .gallery-top .swiper-container { width: 100%; height: 100%; background:#fff; border-radius: 50%; box-shadow: 8px 0 1.5vw 0 rgb(40 57 91 / 10%); box-sizing:border-box }
.sec2 .gallery-top li{ width:100%; position:relative;}
.sec2 .gallery-top li:after {content: ""; display: block; padding-bottom: 100%;}
.sec2 .gallery-top li img {position: absolute; top: 0;bottom: 0;left: 0; right: 0;width: 100%; height: 100%; object-fit: cover; object-position: center; }
.gallery-txt{ width:calc(100% - 8vw); position: relative; z-index:3; margin-top:4vh; height:25vh; min-height: 200px; overflow:hidden; }
.gallery-txt li{ display:none; line-height:1.8; color:#fff; }
.gallery-txt li.show{ display: block;}
.M-border { height: 100%; width: 100%; animation: a2 40s linear 0s infinite; position: relative; }
.M-border:before { content: ''; position: absolute; width: 100%; height: 100%; border-radius: 50%; border: 1px  solid #dcdcdc; box-sizing: border-box; }
.M-border:after { content: ''; position: absolute; top: 0; left: 50%; z-index:3; transform: translate(-50%, -50%); width: 12px; height: 12px; border-radius: 50%; background: #e45756; margin-top: 1px; animation: a3 40s linear 0s infinite; }
.sec2 .gallery-thumbs { width:calc(100% - 22vw); position:relative; margin-left:16vw; }
.sec2 .gallery-thumbs:after { content: ''; position: absolute; top: 0; right: 6px; width: 1px; height: 100%; border-left:dashed 1px #888; overflow:hidden}
.sec2 .gallery-thumbs li { width:100%; position:relative; text-align: right; margin: 1.4vh 0; cursor:pointer}
.sec2 .gallery-thumbs li:after { content: ''; position: absolute; top:calc(50% - 6px); right: 0; width: 16px; height: 16px; background:#fff; border: solid 2px #888; border-radius: 50%; box-sizing:border-box; }
.sec2 .gallery-thumbs li .txt{ display:inline-block; vertical-align:middle}
.sec2 .gallery-thumbs li .pic{ display:inline-block; width:3.125vw; height:3.125vw; min-width:48px; min-height:48px; margin-right:30px; position:relative; border:solid 2px #bbb; vertical-align:middle; box-sizing:border-box;}
.sec2 .gallery-thumbs li .pic img {position: absolute;top: 0;bottom: 0;left: 0; right: 0;width: 100%; height: 100%; object-fit: cover; object-position: center; }
.sec2 .gallery-thumbs li.swiper-slide-thumb-active{ color: rgb(228,87,86, 1);}
.sec2 .gallery-thumbs li.swiper-slide-thumb-active:after{ border-color: rgb(228,87,86, 1);}
.sec2 .gallery-thumbs li.swiper-slide-thumb-active .pic{ border-color: rgb(228,87,86, 1);}
@keyframes a2 { 
  100% {transform:rotate(360deg);}
}
@keyframes a3 { 
  0%, 50% {background: #e45756;}
  51%, 100% {background:#fff;}
}

/*新闻*/
.sec3{ background:url(../images/bg4.png) no-repeat center center #f9f9f9; background-size: cover;}
.sec3 .L{ width:30%; padding:0 2vw 0 8vw; box-sizing:border-box;}
.sec3 .R{ width:70%;}
.sec3 .L .more{ width:100%; text-align:left; }
.sec3 .L .tab-btn{ font-size:0; margin-top:2vh}
.sec3 .L .button-prev,.sec3 .L .button-next {display: inline-block; font: 1.6vw SimSun; color: #e45756; width: 3.2vw; height: 2.6vw; line-height: 2.6vw; text-align: center; margin-top:6vh; border: 1px solid #e45756; box-sizing:border-box; transition: 0.3s ease 0s; cursor:pointer }
.sec3 .L .button-next {margin-left: -1px;}
.sec3 .L .button-prev:hover { text-indent: -10px; }
.sec3 .L .button-next:hover { text-indent: 10px; }
.sec3 .R li { border:1px solid #e5e5e5; /*box-shadow: 0 0 8px 0 rgb(0 0 0 / 10%);*/ box-sizing:border-box;}
.sec3 .R li .pic{ width:100%; position:relative; overflow:hidden;}
.sec3 .R li .pic:after {content: ""; display: block; padding-bottom: 75%;}
.sec3 .R li .pic img {position: absolute; top: 0;bottom: 0;left: 0;right: 0;width: 100%; height: 100%; object-fit: cover; object-position: center;}
.sec3 .R li:hover .pic img{ -ms-transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);
-ms-transition: all 1s;-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;transition: all 1s;}
.sec3 .R li .font{ background:#fff; padding:24px; box-sizing: border-box;}
.sec3 .R li .font .tit{ font-size:125%; color:#333; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 1;line-clamp: 1; -webkit-box-orient: vertical;}
.sec3 .R li .font .txt{ font-size:100%; line-height:1.6; color:#888; height:4vw; min-height:60px; margin:2em 0; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3; -webkit-box-orient: vertical;}
.sec3 .R li .font .time{ font-size:90%; color:#666;}

/*联系*/
.sec4 { background: url(../images/bg4.jpg) no-repeat center; background-size: cover;}
.sec4 .L{ width: 40.5%; height: 100%; background: url(../images/img5.jpg) no-repeat center; background-size: cover;}
.sec4 .R{ width: calc(59.5% - 80px); padding-left: 9.5%; box-sizing: border-box;}
.sec4 .R h2 { font-size:2vw; font-weight:600; color:#cf3b3a; width:100%;margin: 1vw 0; }
.sec4 .R .txt{ color:#666; line-height:2}
.sec4 .R .txt i{ color:#e45756; margin-right:8px; text-align:center;width:1.25em}

@media only screen and (max-width:1440px) {
.sec3 .R li .font .txt{ height:5.266666666vw}
}

@media only screen and (max-width:1024px) {
.banner { width: 100%; height: auto}
.banner .swiper-slide:after {content: ""; display: block; padding-bottom: 50%;}
.section{ height:100%; /*height: calc(75vh - 5.555556vw);*/ }
.section .L,.section .R{ padding-top:4vw; padding-bottom:4vw;}

.secTit{ position:relative; z-index:2;}
.secTit span{ font-size:160%; }
.secTit p{ font-size:160% }
.more{ font-size:80%}

.sec1 .Up{ width:100%; height:80%; }
.sec1 .Up .R{ padding:0 4vw;}
.sec1 .Down{ width:100%; height:20%; }
.sec1 .Up .L,.sec1.Up .R{ padding-top:0; padding-bottom:0;}
.sec1 .tit{ font-size:160%; margin-bottom:1vh;}
.sec1 .more{ margin-top:2vh;}

.sec2 .L { -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-align-items: stretch; -ms-align-items: stretch; -o-align-items: stretch; align-items: stretch; }
.sec2 .gallery-txt{ font-size:80%; height:18vh; line-height:1.6;}
.sec2 .gallery-thumbs li {margin: 1vw 0;}

.sec3 .R li .font { padding: 8px;}
.sec3 .R li .font .tit{ font-size:100%}
.sec3 .R li .font .txt{ font-size:87.5%; margin:1em 0;}

.sec4 .L { height:auto; -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-align-items: stretch; -ms-align-items: stretch; -o-align-items: stretch; align-items: stretch; }
.sec4 .R { padding-left:0}
}

@media only screen and (max-width:800px) {
.section { padding-left: 4vw; padding-right: 4vw;}
.secTit p:before{ width:4.5vw;  }
.secTit p:after { width: 2.5vw; bottom:2vw;}

.section.sec1 { padding-left:0; padding-right:0;}
.sec1 .Up .L { display:none }
.sec1 .Up .R { width:100%; padding:4vw}
.sec1 .Down .L, .sec1 .Down .R{padding:4vw 2vw;}
.sec1 .Down i{ font-size:4.8vw; width:6.4vw; height:6.4vw; line-height:6.4vw; }
.sec1 .Down strong {font-size: 125%;}
.sec1 .Down span{font-size:87.5%;}
	
.section.sec2 { padding-left:0; padding-right:0;}
.sec2 .gallery-txt{ display:none}
.sec2 .L { width:100%; }
.sec2 .R { width:100%; }
.sec2 .M { width: 78vw; height: 78vw; position: relative; z-index:3; transform: none; margin: 0 auto; left: 0; top: 0; margin-top: 5 vw; z-index: 0; }
.sec2 .gallery-top{ padding:2.4vw;}
.sec2 .gallery-thumbs { width: 100%; margin-left:0; }
.sec2 .gallery-thumbs:after { display:none}
.sec2 .gallery-thumbs li:after{ display:none}
.sec2 .gallery-thumbs li { font-size:80%; color:rgb(0,0,0, .6); text-align: center}
.sec2 .gallery-thumbs li .pic{ margin-right:0;}
.sec2 .gallery-thumbs li.swiper-slide-thumb-active{ color: rgb(0,0,0, 1);}
.sec2 .gallery-thumbs li.swiper-slide-thumb-active:after{ border-color: rgb(0,0,0, 1);}
.sec2 .gallery-thumbs li.swiper-slide-thumb-active .pic{ border-color: rgb(0,0,0, 1);}

.sec3 .L{ width:100%; padding-left:0; padding-right:0}
.sec3 .R{ width:100%; padding-top:0}
.sec3 .L .secTit p{ line-height:1}
.sec3 .L .more{ display:none}
.sec3 .L .tab-btn{ display:none}
.sec3 .R li .font .txt{ height:12.5vw; min-height:60px }

.sec4 { background: url(../images/bg4-2.jpg) no-repeat center; }
.sec4 .L { display:none }
.sec4 .R { width:100%;}
.sec4 .R h2{ font-size:140%}
}
@media only screen and (max-width:520px) {
.sec1 .Down .L{ width:100%; padding:4vw;}
.sec1 .Down .R{ width:100%; padding:4vw;}
.sec1 .Down .L:after{content: ""; position:absolute; top:calc(100% + 1px); left:4vw; right:0; z-index:20; width:calc(100% - 8vw); height:2px; background:#e45756; }
.sec1 .Down i{ font-size:24px; width:40px; height:40px; line-height:40px; }
}


/********* page *********/
/*** page public ***/
.wrap{margin-top:23.4375vw; position:relative; z-index:2; background:#f6f6f6;}
.section2{width:100%; padding:4vw 0; position:relative; box-sizing:border-box; }
.w-auto{ width:100%; padding:0 8vw; position:relative; box-sizing:border-box; }
.pban{ width:100%; height: 23.4375vw; min-height:128px; position: fixed; z-index:0}
.pban img{position: absolute; top: 0; bottom: 0;left: 0; right: 0; z-index:0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.Res-Pos{ width:100%; height: 23.4375vw; min-height:128px; position: absolute; }
.ResTitle{ height: 87%; font: bold 3vw Arial, sans-serif; text-transform:Capitalize; color:rgb(255,255,255,1); text-align: center; position: relative; z-index:2; box-sizing:border-box; text-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); }
/*.ResTitle span{ width:100%;}
.ResTitle em{ font:2.1vw Arial, sans-serif; text-transform: uppercase;}*/
.PosList { width:100%; font-size:87.5%; color:rgb(255,255,255,.75); text-align: right; text-transform:Capitalize }
.PosList span:before{content: "\f041"; font:400 100% "FontAwesome"; margin-right:8px}
.PosList b{ color:rgb(255,255,255,1);}
.Res-Pos.Pos2 .ResTitle{color: rgb(0,0,0,.75); }

.NavList {background:#fff; }
.NavList ul li{ color: #333; transition: 0.3s ease 0s;position: relative; border-left: 1px solid #efeff4;}
.NavList ul li:first-child{ border-left:none}
.NavList ul li a{ display:block;  padding: 1vw 3.2vw;}
.NavList ul li.on a{color: #fff; font-weight:bold; background:#e45756}
.NavList ul li:hover{ background: #efeff4;}
.NavTitle { display:none;}

/*定位指向*/
.guide{ width:100%; font-size:87.5%; margin-top:2vw; }
.guide span { width: calc((100% - 100px) / 2); }
.guide span.ret{ width:100px; text-align:center;}
.guide span b{ display:inline-block; color:#666}
.guide span:last-child{text-align: right;}

/*简介*/
.about .L{ width:47%;}
.about .R{ width:47%;}
.about .txt{ color:#666; line-height:2; text-align: justify; text-indent: 2em; }
.Vis-Val{  background:url(../images/bg7.jpg) no-repeat center; padding:4vw 0; margin-top:2vw;}
.Vis-Val .Vis,.Vis-Val .Val{ width:50%; color:#d34140; text-align:center; position:relative}
.Vis-Val .Vis:after{content: ""; position:absolute; top:0; bottom:0; right:-1px; z-index:20; width:2px; height:100%; background:#e45756; }
.Vis-Val strong{ font-size:150%; display:block}
.Vis-Val i{ font-size:3vw; font-weight:300; color:#cf3b3a; width:4.4vw; height:4.4vw; text-align:center; line-height:4.4vw; border-radius: 50%; border:solid 3px #cf3b3a; }
.Vis-Val span{ display:block; font-size:1vw; margin-top:1em;}

/*新闻列表*/
.news ul {  padding-top:-2vw;}
.news ul li{ width:47%; border-bottom:solid 1px #e6e6e6; padding:2vw 0; box-sizing:border-box; }
.news ul li a{display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox;display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; 
-webkit-box-pack: space-between; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between;
width:100%;}
.news ul li .pic{ width:30%;position:relative; overflow:hidden;}
.news ul li .font{ width:64%; color:#666}
.news ul li .pic:after {content: ""; display: block; padding-bottom: 75%;}
.news ul li .pic img {position: absolute; top: 0;bottom: 0;left: 0;right: 0;width: 100%; height: 100%; object-fit: cover; object-position: center;}
.news ul li .font .tit{ font-size:125%; color:#26324a; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 1;line-clamp:1;-webkit-box-orient:vertical;}
.news ul li .font .txt{ font-size:87.5%; line-height:1.75; color:#666; margin:1.2vw 0; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2; -webkit-box-orient: vertical;}
.news ul li .font .time{ display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox;display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; 
-webkit-box-pack: space-between; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; 
-webkit-box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center;
font-size:87.5%; color:#26324a;}
.news ul li:hover{background:rgb(228,87,86,1);}
.news ul li:hover .tit,.news ul li:hover .txt,.news ul li:hover .time{ color:#fff; }

/* 页码 */
.page-num{ font-size:0; margin: 2vw auto 0 auto; text-align:center;}
/*.page-num:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; }*/
.page-num a{ display:inline-block; padding:0 12px;line-height: 30px; border: rgb(0,0,0,.25) solid 1px;color: #aaa; background: #fff;text-align: center;margin-right: 6px;color: #666; font-size:12px; box-sizing:border-box;}
.page-num .page-cur,.page-num a:hover { background:rgb(228,87,86,1);border:1px solid rgb(228,87,86,1); color:#fff}

/*新闻详细*/
.newShow .Title{ color: #333; padding: 0 0 1vw; margin-bottom: 1vw; font-size: 160%; font-weight: bold; text-align: center; }
.newShow .date { font-size: 87.5%; color: #666; padding: 10px 0; text-align: center; }
.detail{ width:100%; color:#666; line-height:2; padding:2em 0; border-bottom: 1px  dotted #ccc; border-top: 1px  dotted #ccc; }
.newShow .detail img,.newShow .detail p img{ display: block; text-indent: -2em; margin:0 auto;}

/*产品列表*/
.products ul { margin:-2% 0 0 -2%}
.products ul li{ width:23%; margin:2% 0 0 2%; padding:1%; text-align:center; background:rgb(0,0,0,.05); box-sizing:border-box; transition: 0.3s ease 0s;}
.products ul li .pic{ width:100%; position:relative; background:#fff; box-shadow: 0px 0px 6px rgb(0 0 0 / 10%); overflow: hidden;}
.products ul li .pic:after {content: ""; display: block; padding-bottom: 85%;}
.products ul li .pic img {position: absolute; top: 0;bottom: 0;left: 0;right: 0;width: 100%; height: 100%; object-fit: cover; object-position: center;}
.products ul li:hover .pic img{ -ms-transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);
-ms-transition: all 1s;-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;transition: all 1s;}
.products ul li .txt{ padding-top:8px ; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 1;line-clamp: 1; -webkit-box-orient: vertical;}
.products ul li:hover {background:rgb(228,87,86,1); color:#fff;}
.products ul li:hover .txt{ color:#fff;}

/*产品详细*/
.proShow .L{ width:46%}
.proShow .R{ width:46%; height:auto}
.proShow li { width:100%; position:relative; background:#fff; box-sizing:border-box}
.proShow li:after {content: ""; display: block; padding-bottom: 85%;}
.proShow li img {position: absolute;top: 0;bottom: 0;left: 0; right: 0;width: 100%; height: 100%; object-fit: cover; object-position: center; }
.proShow .gallery-top{ border:solid 1px #eee;}
.proShow .gallery-top .button-next,.proShow .gallery-top .button-prev{ display:none}
.proShow .gallery-thumbs { width:100%; position:relative;}
.proShow .gallery-thumbs .swiper-container{ width: calc(100% - 64px); margin:0 auto}
.proShow .gallery-thumbs li{ border:solid 1px #eee; box-sizing: border-box;}
.proShow .gallery-thumbs li.swiper-slide-thumb-active{border: 2px solid rgb(228,87,86,1);}
.proShow .gallery-thumbs .button-next,.proShow .gallery-thumbs .button-prev{ font-size:24px; position:absolute; top:calc(50% - 18px); z-index:9; color:#000; cursor: pointer;outline: none;}
.proShow .gallery-thumbs .button-next:hover,.gallery-thumbs .button-prev:hover{ opacity:.5}
.proShow .R .tit{ font-size:200%}

/*相册 资质证书*/
.Equ{ min-height:400px;}
.gallery { margin: -2% 0 0 -2%;}
.gallery a{ display: block; background:#fff; width: calc(25% - 2%); margin: 2% 0 0 2%; position:relative; text-align:center;}
.gallery a .pic { width:100%; position:relative; overflow:hidden }
.gallery a .pic:after { content: ""; display: block; padding-bottom:75%;}
.gallery a .pic img { position: absolute; top: 0; bottom: 0; left: 0; right: 0;/* width: 100%;*/ height: 100%; object-fit: cover; object-position: center; margin:0 auto; box-sizing:border-box; }
.gallery a:hover:before{content: ""; width:100%; height: 100%; position:absolute; top:0; left:0; right:0; bottom:0; background:rgb(228,87,86,.5); z-index:1}
.gallery a .txt{ display:none; position:absolute; top:50%; left:50%; z-index:2; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%); color:#000;}
.gallery a:hover .pic img{ -ms-transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);
-ms-transition: all 1s;-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;transition: all 1s;}
.gallery a:hover .txt{ display: block;}

/*招聘*/
.hrList li{ width:100%; border-bottom:solid 1px #ddd} 
.hrList li .HRtit{ font-size:150%; font-weight:bold; color:#e45756; width:100%; padding: 1.5vw 0 1.5vw 2em; position:relative; cursor:pointer; box-sizing:border-box;}
.hrList li .HRtit:after {content:"\f0d7"; font:100% "FontAwesome"; position:absolute; top:50%; right:2em;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%);}
.hrList li.on .HRtit:after {content:"\f0d8"; }
.hrList li .txt{ display:none; line-height:2; padding: 0 0 2vw 4em; box-sizing:border-box;}
.hrList li:first-child .txt{ display: block; }
.hrList li:first-child .HRtit:after {content:"\f0d8";}
.hrList li:first-child.on .HRtit:after {content:"\f0d7"; }
/*.hrList{ width:100%; margin-bottom:3vw ; border-bottom:solid 1px #ddd} 
.hrList .HRtit{ font-size:150%; font-weight:bold; color:#e45756; width:100%; padding-bottom:1vw; border-bottom:solid 1px #ddd;}
.hrList li{ width:33.33333333%; color:#666; padding:.75vw 0;}
.hrList li.other{ width:100%; line-height:2}
.hrList .content{display: none; width:100%;line-height:2}
.hrList .content p{text-indent: 2em;}
.hrList .show,.hrList .hidd{ color:#e45756;}*/

/*联系*/
.contact .L{ width:34%; padding: 0 5%; background: url(../images/bg8.jpg) repeat center rgb(228,87,86,1);color: #fff;background-size:cover; position:relative; z-index:9; box-shadow: 0 0 1.6vw 0 rgb(0 0 0 / 10%); box-sizing:border-box;}
.contact .L:after {content: ""; position:absolute; top:0; left:0; bottom:0; right:0; z-index:-1; width:100%; height:100%; background: rgb(213,64,64, .85);}
.contact .R{ width:66%; box-shadow: 0 0 1.6vw 0 rgb(0 0 0 / 15%);}
.contact .L .title { font-size: 160%; font-weight:bold; width:100%; margin-bottom: 5%;}
.contact .L .title:after { content: ''; width: 40px; height: 2px; background: #fff; margin-top: 5%; display: block; }
.contact .L a{ color: #fff;}
.contact .L p{ width:100%; padding:1em 0}
.contact .L p:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; }
.contact .L p i{ font-size:125%; margin-right:8px; vertical-align:middle; text-align:center; width:1.25em; float:left;}
.contact .L p span{float:left;}
#map { font-size:14px; line-height:2; width:100%; height:31.25vw; min-height:360px;}
#map img{ max-width: inherit}

@media (max-width: 1440px) {
.w-auto{ padding:0 4vw;}
.contact .L{ width:38%;}
.contact .R{ width:62%;} 
}

@media (max-width: 1024px) {
.news ul li .pic{ display:none}
.news ul li .font { width:100%}

.gallery a{ width:31.33333333333%;}
.products ul li{ width:31.33333333333%;}

.contact .L .title { font-size: 125%; }
#map { font-size:14px; line-height:2; width:100%; height:36.25vw;}
}

@media (max-width: 800px) {
.w-auto{ padding:0 16px; }
.ResTitle{ font-size:3.6vw; height: 80%; }
.ResTitle em{ font-size:3.2vw}
.NavTitle{ display: block; color: #333; font-size: 125%; padding: 2vw 16px; background: #eee; border: 1px solid #e5e5e5; position: relative; z-index: 0;transition: 0.5s ease 0s; box-sizing:border-box; }	
.NavTitle:after {content:"\f0d7"; font:100% "FontAwesome"; position:absolute; top:50%;right:4vw;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%);}
.NavList ul { display:none; position: absolute; z-index: 19; width: 100%; background: #fff; padding:0 16px; border: 1px solid #e5e5e5; border-top:none; box-sizing:border-box; }
.NavList ul li{ padding:2vw 0; font-size: 100%; border:none;}
.NavList ul li.on{ font-weight:normal}

.page-num a{ margin-top:6px; line-height: 28px;}

.about .L{ display:none}
.about .R{ width:100%;}

.news ul li{ width:100%;}
.news ul li:hover{ background:rgb(228,87,86,0);}
.newShow .newstb span{ display:block; float:none; width:100%;}
.newShow .newstb em{ display:block; float:none; width:100%; text-align:left; margin-top:10px;}

.detail{ padding:4vw 0; margin-top:4vw;line-height:1.8}
.guide{margin-top:4vw; }
.guide span{ display:block; width:100%; }
.guide span.ret { margin:1em 0; text-align:left;}
.guide span:last-child{text-align:left;}

.products ul li .txt{ font-size:87.5%}
.proShow .L{ width:100%;}
.proShow .R{ width:100%; margin-top:4vw;}
.proShow .gallery-top .button-next,.proShow .gallery-top .button-prev{ display: block; font-size:140%; color:#11155e; position:absolute; top:50%; z-index:3;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%);}
.proShow .gallery-thumbs { display:none}
.proShow .R .tit{ font-size:160%}

.hrList .HRtit{ font-size:125%;}
.hrList li{ font-size:87.5%;}

.contact .L{ width:100%; padding:4vw}
.contact .R{ width:100%;} 
.contact .L .title { font-size: 150%; }
}

@media (max-width: 640px) {
.news ul li{ padding:2.4vh 0;}
.gallery a{ width:48%;}
.products ul li{ width:48%;}
}

@media (max-width: 540px) {
.wrap{margin-top:128px;}
.ResTitle{ font-size:24px; }
.ResTitle em{ font-size:22px;}
.PosList{ text-align:center}

.Vis-Val .Vis,.Vis-Val .Val{ width:100%; padding:4vw 16px; }
.Vis-Val .Vis:after{content: ""; position:absolute; top:calc(100% + 1px); left:4vw; right:0; z-index:20; width:calc(100% - 8vw); height:2px; background:rgb(255,255,255,.5); }
.Vis-Val i{ font-size:24px; width:40px; height:40px; line-height:40px; }
}

@media (max-width: 480px) {
.hrList li{ width:50%; }
.sec3 .R li .font .txt { height: 18.5vw;}
}