/* ==========================================================
   站点自定义样式合并文件 site.css
   ----------------------------------------------------------
   由以下自写文件合并而成（保持原加载顺序）：
     common.css / nav.css / index.css / css.css / home.css
   ----------------------------------------------------------
   修改时请编辑原文件后重新合并，勿直接修改本文件。
   ========================================================== */

/* ===== 1. common.css ===== */
/* 初始化 */
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td {
margin: 0;
padding: 0;
word-wrap: break-word
}

body {
overflow-x: hidden;
}

body,
html,
input {
font-size: 15px;
line-height: 1.5;
font-family: 'Microsoft Yahei';
}

table {
border-collapse: collapse;
border-spacing: 0;
}

img {
border: none
}

pre {
white-space: pre-wrap;
/* css-3 */
white-space: -moz-pre-wrap;
/* Mozilla, since 1999 */
white-space: -pre-wrap;
/* Opera 4-6 */
white-space: -o-pre-wrap;
/* Opera 7 */
word-wrap: break-word;
/* Internet Explorer 5.5+ */
}

h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 100%;
}

input.dialog {
height: 0;
height: 0;
font-size: 0;
line-height: 0;
border: none
}

h1 {
font-size: 34px;
}

h2 {
font-size: 26px;
}

h3 {
font-size: 18px;
}

h4 {
font-size: 16px;
}

h5 {
font-size: 14px;
}

h6 {
font-size: 12px;
}


address,
cite,
dfn,
em,
var {
font-style: normal;
}

code,
kbd,
pre,
samp {
font-family: courier new, courier, monospace;
}

input.button,
input.btn {
padding: 0.25em;
width: auto;
}

button {
border: 0;
border-radius: 0%;
appearance: button;
-moz-appearance: button;
-webkit-appearance: button;
}

textarea,
input {
outline: none;
}

i {
font-style: normal;
}

ul,
ol,
li {
list-style: none;
}

a {
text-decoration: none;
color: #000
}

a,
a:active,
a:focus,
a:hover {
text-decoration: none;
color: #000;
}

div:focus {
border: none;
}

:focus {
outline: none;
}

/*for IE*/

::-moz-focus-inner {
border-color: transparent;
}

/*for mozilla*/

.white,
.white a {
color: #fff
}

.blue,
.blue a {
color: #004499
}

.gray4,
a.gray4 {
color: #999
}

.red,
.red a,
a.red {
color: red;
}

.green {
color: #0E774A
}

select optgroup {
color: #CAC8BB;
}

.fr {
float: right;
}

.fl {
float: left;
}

.block {
display: block;
}

.inline {
display: inline;
}

.inline-block {
display: inline-block !important;
*display: inline;
zoom: 1;
}

.relative {
position: relative;
z-index: 1;
}

.absolute {
position: absolute;
}

.t-hide {
opacity: 0;
visibility: hidden;
}

.text-over {
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
text-decoration: none;
}
.tc{ text-align: center;}
.pointer {
cursor: pointer !important;
}

.el {
overflow: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}

.breadcrumb {
display: none;
}
/*page*/
.page{color: #777777; text-align: center; clear:both; margin-top: 40px; }
.page a,.page span { color: #777777;display: inline-block;border: 1px solid #ededed;padding: 7px 12px;vertical-align: rightdle; margin-left:5px}
.page .gonext,.page .count {margin-left: 10px;}
.page a:hover,.page span{color:#fff; background: #fec542;border: 1px solid #fec542;padding: 7px 12px;}
.page span.goprev,.page span.gonext {color: #777777; background: none}
.page span.count { border: 0;background: 0;color: #777777;}
.page .fa{ font-size:22px;}
@media (max-width:426px) {
.page a,.page span { padding: 4px 8px; margin-left:2px}
.page a:hover,.page span{padding: 4px 8px;}
}
.fix { *zoom: 1; *clear: both;}
.fix:before, .fix:after { display: table; clear: both; content: '';}
.f-cb {zoom: 1;}
.el { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] ._full{position: absolute;left: 0;top:0;width: 100%;height: 100%;
*height: auto;}
.rect-36{padding-bottom: 36%;}
.rect-40{padding-bottom: 40%;}
.rect-50{padding-bottom: 50%;}
.rect-53{padding-bottom: 53%;}
.rect-5625{padding-bottom: 56.25%;}
.rect-60{padding-bottom: 60%;}
.rect-61{padding-bottom: 61%;}
.rect-618{padding-bottom: 61.8%;}
.rect-62{padding-bottom: 62%;}
.rect-65{padding-bottom: 65%;}
.rect-66{padding-bottom: 66%;}
.rect-665{padding-bottom: 66.5%;}
.rect-70{padding-bottom: 70%;}
.rect-725{padding-bottom: 72.5%;}
.rect-75{padding-bottom: 75%;}
.rect-775{padding-bottom: 77.5%;}
.rect-78{padding-bottom: 78%;}
.rect-80{padding-bottom: 80%;}
.rect-83{padding-bottom: 83%;}
.rect-90{padding-bottom: 90%;}
.rect-95{padding-bottom: 95%;}
.rect-100{padding-bottom: 100%;}
.rect-120{padding-bottom: 120%;}
.rect-144{padding-bottom: 144%;}
.rect-6875{padding-bottom:68.75%;}
.rect-3175{padding-bottom:31.75%;}
.imgZoom img,.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.imgZoom { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }
.gray{ background:#fafafa;}
.rect-485 {
padding-bottom: 48.5%;
}

.rect-50 {
padding-bottom: 50%;
}

.rect-5625 {
padding-bottom: 56.25%;
}

.rect-60 {
padding-bottom: 60%;
}

.rect-61 {
padding-bottom: 61%;
}

.rect-618 {
padding-bottom: 61.8%;
}

.rect-65 {
padding-bottom: 65%;
}

.rect-66 {
padding-bottom: 66%;
}

.rect-665 {
padding-bottom: 66.5%;
}

.rect-70 {
padding-bottom: 70%;
}

.rect-725 {
padding-bottom: 72.5%;
}

.rect-75 {
padding-bottom: 75%;
}

.rect-775 {
padding-bottom: 77.5%;
}

.rect-80 {
padding-bottom: 100%;
}

.rect-90 {
padding-bottom: 90%;
}

.rect-95 {
padding-bottom: 95%;
}

.rect-100 {
padding-bottom: 100%;
}

.rect-112 {
padding-bottom: 112%;
}

.rect-120 {
padding-bottom: 120%;
}

.rect-130 {
padding-bottom: 130%;
}

.d-block {
display: block;
}

.col-xs-05 {
width: 20%;
float: left;
position: relative;
min-height: 1px;
padding-right: 10px;
padding-left: 10px;
}

*[class*="rect"] {
position: relative;
display: block;
width: 100%;
height: 0;
overflow: hidden;
}

*[class*="rect"] img {
position: absolute;
left: 0;
top: 0;
width: 100%;
}

.relative {
position: relative;
}

.img-box {
overflow: hidden;
}

.img-box>img {
width: 100%;
-webkit-transition: all 1s;
-o-transition: all 1s;
-moz-transition: all 1s;
transition: all 1s;
}

.img-box:hover>img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.infor .tit{ font-size: 22px; font-weight: bold; margin-bottom: 30px; color: #fec542; text-align: center;}
.float-right {
float: right;
}

.float-left {
float: left;
}
.index-more a {
display: inline-block;
border: 1px solid;
padding: 10px 35px;
margin-top: 20px;
-webkit-transition: all .5s;
-o-transition: all .5s;
-moz-transition: all .5s;
transition: all .5s;
white-space: nowrap;
}
@media only screen and (max-device-width: 760px){
.index-more a { margin-top: 20px;}
}
/* footer */
.footer-section {
padding: 83px 0;
}

footer .footer-main .footer-top {
background-color: #fec542;
}

footer .footer-main .footer-top .row>div:first-child .footer-item dl {
float: left;
/* foot.html每项点的比例 16.66% → 一行约显示 6 个，14.28% → 一行约显示 7 个， 12.5% → 一行约显示 8 个  */
width: 16.66%; 
}

footer .footer-main .footer-top .row>div:nth-child(2) dl dt::after,
footer .footer-main .footer-top .row>div:first-child .footer-item dl dt::after {
content: "";
display: block;
width: 18px;
height: 2px;
background-color: #fec542;
margin: 15px 0;
}

footer .footer-main .footer-top .row>div:nth-child(2) dl dt,
footer .footer-main .footer-top .row>div:nth-child(2) dl dt a,
footer .footer-main .footer-top .row>div:first-child .footer-item dl dt a {
font-size: 16px;
color: #000;
}

footer .footer-main .footer-top .row>div:nth-child(2) dl dd,
footer .footer-main .footer-top .row>div:first-child .footer-item dl dd {
line-height: 30px;
}

footer .footer-main .footer-top .row>div:nth-child(2) dl dd,
footer .footer-main .footer-top .row>div:nth-child(2) dl dd a,
/* foot.html字号与颜色 */
footer .footer-main .footer-top .row>div:first-child .footer-item dl dd a { font-size: 15px;
color: #000;
}
footer .footer-main .footer-top .row>div:nth-child(2) dl dd a strong { font-size: 20px; color: #fec542;}
footer .footer-main .footer-top .row>div:nth-child(2) .footer-right .footer-share{
    width: 40%;
    }
footer .footer-main .footer-top .row>div:nth-child(2) .footer-right .footer-contact {
width: 60%;
}

footer .footer-main .footer-top .row>div:nth-child(2) .footer-right .footer-share dl dd:last-child {
margin-top: 15px;
}

footer .footer-main .footer-top .row>div:nth-child(2) .footer-right .footer-share dl dd .share {
float: left;
margin-right: 5px;
}

footer .footer-main .footer-top .row>div:nth-child(2) .footer-right .footer-share dl dd .share:last-child {
margin-right: 0;
}

footer .footer-main .footer-top .row>div:nth-child(2) .footer-right .footer-share dl dd .share .share-ico {
width: 24px;
height: 23px;
}

footer .footer-main .footer-top .row>div:nth-child(2) .footer-right .footer-contact dl dd .footer-ico {
width: 26px;
height: 26px;
display: inline-block;
margin-right: 10px;
}

footer .footer-main .footer-bottom {
background-color: #fec542;
color: #fff;
padding: 15px 0;
}

footer .footer-main .footer-bottom a {
color: #fff;
}

footer .footer-main .footer-top .row>div:nth-child(2) .footer-right .footer-share .wechat { position: relative;}
footer .footer-main .footer-top .row>div:nth-child(2) .footer-right .footer-share .wechat:hover .vx { display: block;}
footer .footer-main .footer-top .row>div:nth-child(2) .footer-right .footer-share .wechat .vx::after { content: ''; position: absolute; left: 50%; margin-left: -6px; bottom: -13px; width: 0; height: 0; border-width: 8px 6px 6px 6px; border-style: solid; border-color: #fff transparent transparent transparent}
footer .footer-main .footer-top .row>div:nth-child(2) .footer-right .footer-share .wechat .vx { position: absolute; top: -185px; width: 180px; height: 172px; text-align: center; box-shadow: 0 2px 10px #aaa; background-color: #fff; z-index: 999; left: -75px; display: none;}
footer .footer-main .footer-top .row>div:nth-child(2) .footer-right .footer-share .wechat .vx h4 { font-weight: normal; height: 26px; line-height: 26px; font-size: 12px; background-color: #f3f3f3; margin: 0; padding: 0; color: #777;}
footer .footer-main .footer-top .row>div:nth-child(2) .footer-right .footer-share .wechat .vx .help p { font-weight: normal; line-height: 16px; padding: 0; margin: 0; font-size: 12px; color: #333;}
footer .footer-main .footer-top .row>div:nth-child(2) .footer-right .footer-share .wechat .vx .vx-img img { width: 100px; height: 100px; margin: 10px auto; display: block;}

@media(max-width:1199px) {
.footer-section {
padding: 50px 0;
}
footer .footer-main .footer-top .row>div:nth-child(2) .footer-right .footer-share {
display: none;
}

footer .footer-main .footer-top .row>div:nth-child(2) .footer-right .footer-contact {
width: 100%;
}
}

@media (max-width:768px) {
footer .footer-main .footer-top>.container>.row>div:nth-child(1) {
display: none;
}

.footer-section {
padding: 30px 0;
}
}

@media(max-width:600px) {
footer .footer-main .footer-bottom .footer-bd {
float: none !important;
}

footer .footer-main .footer-bottom .bei,
footer .footer-main .footer-bottom .support,
footer .footer-main .footer-bottom .copy {
width: 100%;
text-align: center;
float: none;
display: block;
}
}
.footer1 {height: 28px;width: 100%;margin-top: 17px;}
.menu-footer {position:fixed;bottom:0;left:0;z-index:9999;opacity:.9;-webkit-transform: translateY(45px);-ms-transform: translateY(45px);-o-transform: translateY(45px);transform: translateY(45px);
transition: .5s;-webkit-transition: .5s;-ms-transition: .5s;}
.menu-footer.on {-webkit-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}
.menu-footer {width:100%;height:45px;line-height:45px;text-align:center;background:#fec542;font-size:0;}
.menu-footer a {position: relative; float:left;width:33.33%;width:calc(100% / 3);color:#fff;font-size:14px;}
.menu-footer a:hover {color:#fff;}
.menu-footer a ~ a:before {content: "";position: absolute;left: 0;top: 50%;margin-top: -5px;height: 10px;border-left: 1px solid #86c9aa;opacity: 0.5;}

.modal{ margin-top: 150px;}
/* ===== 2. nav.css ===== */
/*.hl_nav{ position: fixed;right: 0;left: 0; height: 100px;z-index: 1030;min-width: 1200px; border-bottom: 1px solid #e5e5e5;}
.hl_nav a{display: block;text-decoration: none;}
.hl_nav .shade{position: absolute;width: 100%;height: 234px;top: 100px;left: 0;z-index: 1;background:#fff;display: none;border-top: #e5e5e5 solid 1px;border-bottom: rgba(255,255,255,0.8) solid 1px;}
.hl_nav .nav_list{position: absolute;top: 0;left: 70%;margin: 0 0 0 -700px;z-index: 2;padding: 0;list-style: none;overflow: hidden;height: 100px;}
.hl_nav .nav_list>li{padding: 0;float: left;margin: 0;width: 135px;text-align: center;height:334px;}
.hl_nav .nav_head{height: 100px;line-height: 100px;font-size: 18px;  margin-bottom: 30px; color: #fff;}
.hl_nav .nav_head .icon{font-size: 18px;}
.hl_nav .item{height: 40px;line-height: 40px; font-size: 16px; text-align: left; padding-left: 25px;color: #333333;position: relative;}
.hl_nav .item:first-child{ margin-top: 30px;}
.hl_nav .nav_list:hover{height: 334px;transition: height 0.3s;}
.hl_nav .nav_list:hover + .shade{display: block;}
.hl_nav .nav_list>li.highlight:hover{background-color: #f4f4f4;}
.hl_nav .nav_list>li:hover .nav_head,.hl_nav .nav_list>li.active .nav_head{border-bottom: 2px solid #ffd900;}
.hl_nav .nav_list>li.right{float: right; width: 40px;}
.hl_nav .nav_list>li.right  a:hover{ border-bottom: 0px;}
header .header .logo{position:absolute;top:15px;left:13%; display: block;z-index:10;}
header .header .logo img{width:100%;}
header .header .img2 {display: none;}
header:hover .header .img1,header.on-header .header .img1 {display: none;}
header:hover .header .img2,header.on-header .header .img2{display: block;}
header.on-header,header:hover,header.active.on-header {  background: #fff;z-index: 9999;}
.hl_nav:hover .nav_head ,header:hover .nav_head,header.on-header .nav_head{ color: #333;}
*/

.Top002070 {
    width: 100%;
    z-index: 100;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
    height: 100px;
    border-bottom: 1px solid #e5e5e5;
	background:#ffd900;
}

.Top002070 .header-left{position:absolute; top:16px; left:13%; }
.Top002070 .header-left img.logo2{ display: none }
.Top002070 .header-right{  position:absolute; top:0;right:13%;margin-top:15px;z-index: 50 }
.Top002070 .header-right dd{position:relative; float:left;}
.Top002070 .header-right dd >a{ display:block;height:50px; line-height:50px;}
.Top002070.show {top:0;box-shadow: 0 5px 8px rgba(0,0,0,.2);width:100%;left: 0;/*background-color: #fff;*/ background:#ffd900;}
.Top002070.show .header-menu li em a{color: #666 !important;}
.Top002070.show:after{  content: ""; display: block; position: absolute; right: 4.3%; }
.Top002070 .header-mid{ float: right; margin-right:16%;  }
.Top002070 .open-search{ position:relative; display:block; z-index: 99999; width: 50px; background:url(../images/search.png) no-repeat center center; margin-top: 10px; margin-right: 10px; }
.Top002070 .open-search-show::before,
.Top002070 .open-search-show::after{ background:#fff;}
.Top002070 .top-search{ z-index:100; display:none; position:absolute; right: 15px;  top:145%; border:1px solid #eee; background:#fff; }
.Top002070 .top-search .text{ width:100%; height:36px; width: 250px; line-height:36px; padding:0 36px 0 10px; border:none ; color: #666}
.Top002070 .top-search .btn{ position:absolute; right:0; top:0; height:36px; width:36px; background:url(../images/top002070-search_btn.png) no-repeat center center;background-size:auto 50%;}
.Top002070 .header-menu li{   width: auto !important; margin: 0 0px; padding:0 30px;}
.Top002070 .header-menu li em a{ padding:26px 0; font-size: 18px; position: relative; color: #666; line-height: 50px; }
.Top002070 .header-menu li.aon1 em a,
.Top002070 .header-menu li em a:hover{ color: #fff;  }
.Top002070 .header-menu li.aon1 em a:after,
.Top002070 .header-menu li em a:hover:after{ content: ""; display: block; position: absolute; left: 0; bottom: -1px; width: 100%; height:2px; background: #fff}
.Top002070 .header-menu li .sub-menu dt {padding:10px 20px; }
.Top002070 .header-menu li .sub-menu dt a{  transition:0.3s; color: #444; font-weight: normal;}
.Top002070 .header-menu li .sub-menu dt a img{width:35px;display: block;text-align: center;margin:0 auto;}
.Top002070 .sub-menu-layer{ background:rgba(255,255,255,0.72); }
.Top002070 .header-menu li .sub-menu dl {  padding: 10px 0 15px }
.Top002070 .header-menu li .sub-menu dt { position: relative;}
.Top002070 .header-menu li .sub-menu dt a{ padding:0 5px; color:#666; line-height:45px;text-align: center;display: block; font-size: 16px;}
.Top002070 .header-menu li .sub-menu dt a:hover{ color:#ffd900;background: none}
.Top002070 .header-menu li .sub-menu dt a:hover img{transition: 0.5s;  transform: rotateY(360deg);}
.Top002070 li em a{ color: #666}
.Top002070 .header-menu li em a:hover{ color: #ffd900 }
.Top002070 .header-menu li.aon1 em a:after,
.Top002070 .header-menu li em a:hover:after{background:#ffd900}
.Top002070 .header-left img.logo1{ display: none }
.Top002070 .header-left img.logo2{ display: block}
.header-menu li em{ display:block; font-style:normal; text-align:center;}
.header-menu li em a{ display:block;}
.header-menu li .sub dt{ line-height:40px;}
.header-menu li .sub dt a{display:block;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding:0 10px;}
.header-menu li .sub dt a:hover{ background:#ffd900; color:#fff;}
.header-menu .sub-has-sub dl{display:none;}
.Top002070 .header-menu li.aon1 .sub-menu-layer{ display: block;}
.Top002070 .header-menu li .sub-menu-layer{ display: none;}

header.on-header,header:hover,header.active.on-header { z-index: 9999;}
header .header-left .logo img{width:100%;}
header .header-left .img2 {display: none;}
header:hover .header-left .img1,header.on-header .header-left .img1 {display: none;}
header:hover .header-left .img2,header.on-header .header-left .img2{display: block;}
/*.Top002070 header.on-header .header-menu li em a,.Top002070 header:hover .header-menu li em a{ color: #333; }*/
.Top002070 header.on-header .header-menu li em a:hover,.Top002070 header:hover .header-menu li em a:hover{ color: #666; }
.Top002070 header.on-header .open-search,.Top002070 header:hover .open-search{ position:relative; display:block; width: 50px; background:url(../images/search.png) no-repeat center center;}
@media(min-width:1025px){
#header-menu{ display:none;}
.relative{ position:relative; z-index:100;}
.header-menu li{ float:left; }
.header-menu li .sub{position:absolute;  /*top:-400%;*/}
.header-menu li .sub{ opacity:0;overflow:hidden; }
.header-menu li.aon .sub{ opacity:1; }
.fullbground .sub-menu >dl,
.fullbground .sub-menu >dl dt{ float:left;}
.sub-menu-layer{ position:absolute; left:0; top:100%; width:100%;}
.sub-slideDown .sub-menu-layer{ display:none; /*transition:0.3s;*/}
}
@media (max-width:1840px) {
  .Top002070 .header-left{ left:11%; }
  .Top002070 .header-right{ right:11%; }
  }
  @media (max-width:1780px) {
  .Top002070 .header-right{ right:10%; }
  }
  @media (max-width:1700px) {
  .Top002070 .header-left{ left:9%; }
  .Top002070 .header-right{ right:9%; }
  .Top002070 .header-mid{ margin-right:12%;}
  }
@media(max-width:1600px){
.Top002070 .header-menu li{ margin: 0 0px;  padding:0 24px;}
.Top002070 .header-left{ left:7%; }
.Top002070 .header-right{ right:6%; }
.Top002070 .header-mid{ margin-right:10%;}
}
@media(max-width:1540px){
.Top002070 .header-left{ left:5%; }
.Top002070 .header-right{ right:4%; }
.Top002070 .header-mid{ margin-right:9%;}
}
@media(max-width:1500px){
  .Top002070 .header-left{ left:4%; }
  .Top002070 .header-right{ right:2%; }
  .Top002070 .header-mid{ margin-right:6%;}
  }
@media(max-width:1480px){
.Top002070 .header-menu li{ margin: 0 0px;  padding:0 25px;}
} 
@media(max-width:1380px){
.Top002070 .header-left{ left:2.5%; }
.Top002070 .header-right{ right:1%; }
.Top002070 .header-menu li{ margin: 0 0px; padding:0 20px;}
} 
@media(max-width:1366px){
  .Top002070 .header-left{ left:5%; }
  .Top002070 .header-right{ right:3%; }
}
@media(max-width:1320px){
.Top002070 .header-menu li{ margin: 0 0px; padding:0 15px;}
.Top002070 .header-left{ left:4%; }
.Top002070 .header-right{ right:2%; }
} 
@media(max-width:1250px){
.Top002070 .header-menu li{ margin: 0 0px; padding:0 12px;}
}
@media(max-width:1024px){
.Top002070 .header{ margin:0 2%; height:80px;}
.Top002070 .header-right{ z-index:101; right:1%;margin-top:-20px;top: 50%;}
.Top002070 .header-left img{height:50px;}
.Top002070 #header-menu li .sub dt a img{display: none}
.Top002070 .top-language{margin-right:8px;margin-top:4px;}
.Top002070 .top-language em{padding:0 13px 0 34px;background: url(../images/lang.png) no-repeat 13px center;background-size:14px;}
.Top002070 .Public_nav_style #open_menu{ position:relative; right:0; top:auto; margin-left:4px; border-radius:0; background:#fff; height:30px; width:33px; border:none; margin-top:4px;}
.Top002070 #open_menu i::before,
.Top002070 #open_menu i::after{ background:#015696 !important;}
.Top002070 #open_menu i{background:#b48a56; height:3px; margin-top:-1.5px;}
.Top002070 #header-menu ul{ padding:0; border-top:98px solid #fff; background:rgba(192, 162, 106, 0.9)}
.Top002070 #header-menu li{text-align:center;}
.Top002070 #header-menu li em a{ padding:5%;  font-weight:normal; line-height:normal;border-bottom:0;}
.Top002070 #header-menu li .sub dt{ margin-bottom:1px; background:rgba(0,0,0,0.3);}
.Top002070 .header-right dd >a{height:43px;line-height: 43px;width:43px;margin-right:0;}
.Top002070 .top-search{top:142%;}
.Top002070:after{width:112px;}
a{ transition: 0s}
}
@media(max-width:768px){
  .Top002070:after{width:92px;}
  .sp_logo img{ height:50px;}
.sp_logo{ padding:5px 10px; box-sizing:border-box}
}
@media(max-width:640px){
 .Top002070 .header-left{max-width: 40%; top: 50%; transform: translateY(-50%);}
.Top002070 .header-left img{height:auto;}
}
@media(min-width:1025px){
#header-menu{ display:none;}
.relative{ position:relative; z-index:100;}
.header-menu li{ float:left; }
.header-menu li .sub{position:absolute; left: 0px; width: 100%;  /*top:-400%;*/}
.header-menu li .sub{ opacity:0;overflow:hidden; }
.header-menu li.aon .sub{ opacity:1; }
}
@media(max-width:1024px){
.header-menu{ display:none;}
.Public_nav_style #header-menu,
.Public_nav_style #header-menu ul{position:fixed;top:0;height:100%; z-index:100;right:-100%; opacity:0;transition:opacity 0.3s;}
.Public_nav_style #header-menu{ background-color:rgba(0,0,0,0.5); width:100%; }
.Public_nav_style #header-menu ul{   width:60%; max-width:280px; background:rgba(32, 151, 155, 0.9); height:100%; max-height:100%; overflow:auto;padding:50px 2% 0; transition:0.3s;}
.Public_nav_style #header-menu.header-menu-show,
.Public_nav_style #header-menu.header-menu-show ul{ right:0;opacity:1;}
#header-menu li .sub{ display:none;}
#header-menu li{ line-height:40px; }
#header-menu li em{ font-style:normal; display:block; font-size:16px;border-bottom:1px solid rgba(255,255,255,0.3);}
#header-menu li a{display:block;}
#header-menu li em a{ border-bottom:1px solid rgba(0,0,0,0.3); font-weight:bold; padding:0 10px;}
#header-menu li:last-child em,
#header-menu li:last-child em a{ border-bottom:0;}
#header-menu li a:hover,
#header-menu li a{ color:#fff;}
#header-menu li.has-sub em{ position:relative;}
#header-menu li.has-sub em::before{ position:absolute; content:''; width:100%; height:100%; left:0; top:0; z-index:2; background-color:transparent;}
#header-menu li.has-sub em .op{position:absolute; width:15px; height:15px; right:3%; top:50%; margin-top:-6px;display:none; transition:0.3s;}
#header-menu li.has-sub.clickon em .op{ transform:rotate(45deg);}
#header-menu li.has-sub em .op::before,
#header-menu li.has-sub em .op::after{  position:absolute; content:'';  background:#fff;}
#header-menu li.has-sub em .op::before{width:100%; height:3px;left:0; top:6px;}
#header-menu li.has-sub em .op::after{ width:3px; left:6px; top:0; height:100%;}
.Public_nav_style #header-menu li.has-sub em::after{position:absolute; content:''; right:2%; border:6px solid transparent; border-top-color:#fff; top:50%; margin-top:-3px;}
.Public_nav_style #header-menu li.clickon em::after{border-bottom-color:#fff;border-top-color:transparent;margin-top:-9px;}
.Public_nav_style #header-menu li.clickon em a{ background:rgba(0,0,0,0.2);}
#header-menu li .sub-menu dt.has-dt{ position:relative;}
#header-menu li .sub-menu dt.has-dt::before{position:absolute; content:''; width:100%; height:100%; left:0; top:0; background-color:transparent;}
#header-menu li .sub-menu dt a{padding:0 10px; border-bottom:1px dashed rgba(0,0,0,0.5);display:block;white-space:nowrap; text-overflow:ellipsis; overflow:hidden;  }
#header-menu li .sub-menu dt:last-child >　a{ border-bottom:0;}
#header-menu li .sub-has-sub{ position:relative;}
#header-menu li .sub-has-sub i{ position:absolute; left:0; top:0; height:40px; width:100%; background-color:transparent; z-index:2;}
.Public_nav_style #header-menu li .sub-has-sub i::before,
.Public_nav_style #header-menu li .sub-has-sub i::after{ position:absolute; content:''; top:50%; background:#fff;}
.Public_nav_style #header-menu li .sub-has-sub i::before{ width:10px; height:2px; margin-top:-1px; right:5px;}
.Public_nav_style #header-menu li .sub-has-sub i::after{ width:2px; height:10px; margin-top:-5px; right:9px;}
.Public_nav_style #header-menu li .clickon > i::after{ display:none;}
.Public_nav_style #header-menu li .clickon > a{ background-color:rgba(0,0,0,0.2);}

.Public_nav_style #open_menu{ position:absolute; right:2%; width:40px; height:40px; border:2px solid #20979b; border-radius:50%;  top:5px; z-index:200;}
#open_menu i,
#open_menu i::before,
#open_menu i::after{ position:absolute;}
.Public_nav_style #open_menu i,
.Public_nav_style #open_menu i::before,
.Public_nav_style #open_menu i::after{background:#20979b;}
#open_menu i{ top:50%;}
.Public_nav_style #open_menu i{ width:60%; left:20%;  margin-top:-1px; height:2px;}
#open_menu i::before,
#open_menu i::after{ left:0; width:100%; height:100%; content:'';transition:transform 0.3s;}
#open_menu i::before{ top:6px;}
#open_menu i::after{top:-6px;}

.Public_nav_style #open_menu.open_menu_on{ border-color:#fff;}
#open_menu.open_menu_on i{ background:none !important;}
.Public_nav_style #open_menu.open_menu_on i::before,
.Public_nav_style #open_menu.open_menu_on i::after{ background:#fff; margin-top:0;}
#open_menu.open_menu_on i::before,
#open_menu.open_menu_on i::after{  top:0 !important;}
#open_menu.open_menu_on i::before{ transform:rotate(45deg);}
#open_menu.open_menu_on i::after{ transform:rotate(-45deg);}
}

.sp_header{height:60px;overflow:hidden;background:#fff;position:fixed;z-index:9999999;width:100%;}
.sp_logo{padding:2px 10px;float:left;height:60px}
.sp_logo img{margin:auto;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:20px}
.sp_nav span{display:block;background:#ffd900;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:99999;background:#eee; width:100%; font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:60px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px);line-height:40px;}
.sjj_nav>ul>li .language{ overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li .language a{width:49%;float:left;border-left:1px #ddd solid;text-align:center;color:#999; }
.sjj_nav ul li i{position:absolute;top:10px;right:0px;border-left:1px #ddd solid;height:30px; line-height: 42px; padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;padding-left:20px; position:relative;line-height:52px;font-size:16px}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{ width:80%}
.sjj_nav ul li ul li {padding-left:-20px;}
.sjj_nav ul li ul li a{ display:block;text-align:left; line-height: 40px;font-size:15px}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#ffd900}
.sjj_nav ul li ul li>ul{margin-left:10px}
@media (max-width:1800px) {
header .header .logo{ left:9%; }
.hl_nav .nav_list{ left: 73.5%;}
}
@media (max-width:1700px) {
header .header .logo{ left:7%; }
}
@media (max-width:1600px) {
header .header .logo{ left:5.5%; }
.hl_nav .nav_list{ left: 74%;}
}
@media (max-width:1500px) {
header .header .logo{ left:5%; }
.hl_nav .nav_list{ left: 75%;}
.hl_nav .nav_list>li{width: 130px;}
}
@media (max-width:1440px) {
.hl_nav .nav_list>li{width: 120px;}
.hl_nav .nav_list{ left: 80%;}
}
@media (max-width:1400px) {
header .header .logo{ left:4%; }
.hl_nav .nav_list{ left: 81%;}
}
@media (max-width:1366px) {
header .header .logo{ left:2.5%; }
.hl_nav .nav_list{ left: 82%;}
}
@media (max-width:1320px) {
.hl_nav .nav_list>li{width: 110px;height:504px;}
.hl_nav .nav_list{ left: 86.5%;}
.hl_nav .shade{ height: 404px; }

}
@media (max-width:1280px) {
header .header .logo{ left:3%; top: 17px;}
header .header .logo img{width:86%;}
.hl_nav .nav_list{ left: 85%;}
.hl_nav .nav_list>li{ margin-bottom: 20px;}
.hl_nav .item{height: 35px;line-height: 35px; font-size: 15px; padding-left: 15px;}

}

/* ===== 3. index.css ===== */
/* 通用 */
.index-section {
    padding: 83px 0;
}

.index-tit {
    text-align: center;
    margin-bottom: 100px;
}

.index-tit .tit-e {
    font-size: 48px;
    font-weight: 700;
    color: #ccc;
    position: relative;
    line-height: 72px;
}

.index-tit .tit-e::before {
    content: "—";
}

.index-tit .tit-e::after {
    content: "—";
}

.index-tit h3 {
    font-size: 36px;
    font-weight: 700;
}
@media (max-width:1024px) {
.index-tit .tit-e {font-size: 38px;line-height: 42px;}
.index-tit h3 {font-size: 28px;}
}
@media (max-width:524px) {
.index-tit .tit-e {font-size: 30px; }
.index-tit h3 {font-size: 22px;}
}

/* index-banner */
.index-banner .swiper-container {
    height: 100vh;
}

.index-banner .swiper-button-next:after,
.index-banner .swiper-button-prev:after {
    color: #fff;
}

:root {
    --swiper-theme-color: #fff !important;
}

.index-banner .swiper-container .swiper-slide,
.index-banner .swiper-container .swiper-img,
.index-banner .swiper-container .swiper-slide .container,
.index-banner .swiper-container .swiper-wrapper {
    height: 100%;
}

.index-banner .swiper-container .swiper-slide .container a {
    display: block;
    position: relative;
    height: 100%;
}

.index-banner .swiper-container .swiper-slide .banner-txt .text4,
.index-banner .swiper-container .swiper-slide .banner-txt .text3,
.index-banner .swiper-container .swiper-slide .banner-txt .text1 {
    overflow: hidden;
}

.index-banner .swiper-container .swiper-slide .banner-txt .text3>*,
.index-banner .swiper-container .swiper-slide .banner-txt .text1>*,
.index-banner .swiper-container .swiper-slide .banner-txt .text5>* {
    -webkit-transform: translateY(100px);
       -moz-transform: translateY(100px);
        -ms-transform: translateY(100px);
         -o-transform: translateY(100px);
            transform: translateY(100px);
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s;
    display: inline-block;
    opacity: 0;
}
.index-banner .swiper-container .swiper-slide .banner-txt .text6>* {
    -webkit-transform: translateY(70px);
       -moz-transform: translateY(70px);
        -ms-transform: translateY(70px);
         -o-transform: translateY(70px);
            transform: translateY(70px);
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s;
    display: inline-block;
    opacity: 0;
}
.index-banner .swiper-container .swiper-slide .banner-txt .text4>.banner-more {
    -webkit-transform: translateY(50px);
       -moz-transform: translateY(50px);
        -ms-transform: translateY(50px);
         -o-transform: translateY(50px);
            transform: translateY(50px);
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s;
    opacity: 0;
}

.index-banner .swiper-container .swiper-slide .banner-txt .text2>strong {
    -webkit-transform: translateY(100px);
       -moz-transform: translateY(100px);
        -ms-transform: translateY(100px);
         -o-transform: translateY(100px);
            transform: translateY(100px);
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    display: inline-block;
    opacity: 0;
}

.index-banner .swiper-container .swiper-slide-active .banner-txt .text4>.banner-more,
.index-banner .swiper-container .swiper-slide-active .banner-txt .text2>strong,
.index-banner .swiper-container .swiper-slide-active .banner-txt .text3>*,
.index-banner .swiper-container .swiper-slide-active .banner-txt .text1>*,
.index-banner .swiper-container .swiper-slide-active .banner-txt .text5>*,
.index-banner .swiper-container .swiper-slide-active .banner-txt .text6>* {
    -webkit-transform: none !important;
       -moz-transform: none !important;
        -ms-transform: none !important;
         -o-transform: none !important;
            transform: none !important;
    opacity: 1;
}

.index-banner .swiper-container .swiper-slide .container a .banner-txt {
    position: absolute;
    top: 51%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #fff;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, .75);
}
.index-banner .swiper-container .swiper-slide .container a .banner-txt.banner-txt1{ text-align: center; margin: 0 auto; left: 0%; top:45%; width:100%}
.index-banner .swiper-container .swiper-slide .container a .banner-txt.banner-txt3{ text-align: center; margin: 0 auto; left: 0%; top:45%; width:100%}
.index-banner .swiper-container .swiper-slide .container a .banner-txt .banner-txt3 {
    font-size: 20px;
    margin-top: 20px;
}

.index-banner .swiper-container .swiper-slide .container a .banner-txt .banner-txt3 span:last-child {
margin-right: 0;
}

.index-banner .swiper-container .swiper-slide .container a .banner-txt .banner-txt3 span,
.index-banner .swiper-container .swiper-slide .container a .banner-txt .banner-txt3 span img {
margin-right: 15px;
}
.index-banner .swiper-container .swiper-slide .container a .banner-txt .banner-more {
width: 450px; height:66px; line-height: 66px;
background-color: #208740; border-radius: 15px;
padding: 0px 30px;
color: #fff;
text-shadow: none;
margin-top: 20px; margin-bottom: 20px;
font-size: 32px;
}
.index-banner .swiper-container .swiper-slide .container a .banner-txt p {
font-size: 24px;
}
.index-banner .swiper-container .swiper-slide .container a .banner-txt strong {
font-size: 54px;font-weight: bold; letter-spacing: 2px; margin-bottom: 10px;
}
.index-banner .swiper-container .swiper-slide .container a .banner-txt .text3 p{  font-size: 32px; letter-spacing: 2px; }
.index-banner .swiper-container .swiper-slide .container a .banner-txt .text5 p {
font-size: 18px; width: 75%;
}
.index-banner .swiper-container .swiper-slide .container .banner-txt .text6 p{
border-top: 1px solid #fff; border-bottom: 1px solid #fff; line-height: 45px; font-size:28px; text-align: center; width: 550px; padding: 7px 10px; margin: 10px 0;
}
@media (max-width:1366px) {
.index-banner .swiper-container .swiper-slide .container a .banner-txt.banner-txt1{ left: 0%; top:45%;}
.index-banner .swiper-container .swiper-slide .container a .banner-txt.banner-txt3{ left: 0%; }
}
@media (max-width:1200px) {
.index-banner{ padding-top: 60px;}
.index-banner .swiper-container .swiper-slide .container a .banner-txt.banner-txt1{ left: 0%; }
.index-banner .swiper-container .swiper-slide .container a .banner-txt.banner-txt3{ left: 0%; }
}
@media (max-width:992px) {
.index-banner .swiper-container .swiper-slide .container a .banner-txt.banner-txt1{ left: 0%; }
.index-banner .swiper-container .swiper-slide .container a .banner-txt.banner-txt3{ left: 0%; }
.index-banner .swiper-container .swiper-slide .container a .banner-txt p {
font-size: 20px;
}
}
@media (max-width:762px) {
    .index-banner .swiper-container .swiper-slide .container a .banner-txt.banner-txt1{ left: 0%; }
    .index-banner .swiper-container .swiper-slide .container a .banner-txt.banner-txt3{ left: 0%; }

}
@media (max-width:700px) {
    .index-banner .swiper-container .swiper-slide .container a .banner-txt p {font-size: 15px;}

}
/* index-pro 特别，没有这张图*/
.index-pro {
background: url('../images/index_pro_bkg.png') no-repeat center 30% #fff;
}

.index-pro .swiper-main {
    padding: 0 46px;
    position: relative;
}

.index-pro .swiper-main .swiper-slide a .pro-txt {
    display: block;
    text-align: center;
    background-color: #f7f7f7;
    padding: 40px 20px;
}

.index-pro .swiper-main .swiper-slide a .pro-txt .pro-tit h3 {
    font-size: 18px;
    font-weight: 700;
  overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

.index-pro .swiper-main .swiper-slide a .pro-txt .index-more a {
    border: 1px solid #dcdcdc;
    color: #666;
}

.index-pro .swiper-main .swiper-slide a:hover .pro-txt .index-more a {
    background-color: #208740;
    color: #fff;
}

.index-pro .swiper-main .swiper-slide a:hover .img-box img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.index-pro .swiper-main .swiper-slide a .pro-txt .pro-c {
    color: #666;
    line-height: 2em;
}


.index-pro .swiper-main .swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after,
.index-pro .swiper-main .swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
    color: #848484;
    font-weight: 700;
    font-size: 37px;
}

.index-pro .swiper-button-next:hover::after ,
.index-pro .swiper-button-prev:hover::after{
   color:#208740!important;
}
/* index-about */
.index-about {
    position: relative;
    overflow: hidden;
    height: -webkit-calc(100vh);
    height: -moz-calc(100vh);
    height: calc(100vh);
    position: relative;
}

.index-about .container {
    position: relative;
    height: 100%;
}

.index-about .about-content {
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

.index-about .index-about-bkg img {
    -webkit-transition: all 1.5s;
    -o-transition: all 1.5s;
    -moz-transition: all 1.5s;
    transition: all 1.5s;
    height: 100vh;
    width: 100%;
}

.index-about .index-about-bkg {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: -1;
    top: 0;
    left: 0;
}

.index-about .index-tit {
    margin-bottom: 50px;
}

.index-about .index-tit .tit-e {
    color: rgba(255, 255, 255, .5);
}

.index-about .index-tit h3 {
    color: #fff;
}

.index-about .about-profile {
    text-align: center;
    color: #fff;
    line-height: 35px;
    width: 82%;
    margin: 0 auto;
}

.index-about .index-more a {
    border: 1px solid #fff;
    color: #fff;
}

.index-about .index-more a:hover {
    background-color: #208740;
    border-color: transparent;
}

.index-about .about-lists {
    text-align: center;
    margin: 50px 0;
}

.index-about .about-lists ul {
    text-align: left;
    display: inline-block;
}

.index-about .about-lists ul li {
    float: left;
    margin-right: 75px;
}

.index-about .about-lists ul li:last-child {
    margin-right: 0;
}

.index-about .about-lists ul li:hover .about-img {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.index-about .about-lists .about-img {
    width: 70px;
    height: 70px;
    margin-right: 30px;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}

.index-about .about-lists .about-txt {
    color: #fff; text-align: left;
    font-size: 16px;
}
.index-about .about-lists .about-txt span{ font-size: 24px; margin-bottom: 10px;}
.index-about .about-lists .about-txt p{ margin-top: 8px; font-size: 15px;}
/* .index-customer */
.index-customer .customer-swp{
    display:none;
}
.index-customer {
    background-color: #fff;
}

.index-customer .customer-lists ul {
    height: 464px;
    overflow: hidden;
}

.index-customer .customer-lists ul li {
    float: left;
    width: 12.5%;
    display: block;
    position: relative;
    height: 100%;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
}

.index-customer .customer-lists ul li .customer-txt {
    color: #fff;
}

.index-customer .customer-lists ul li:hover .img-box img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.index-customer .customer-lists  .customer-txt .customer-tit h3 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 15px;
}

.index-customer .customer-lists  .customer-txt .customer-tit p {
    white-space: nowrap;
}

.index-customer .customer-lists  .customer-txt .index-more a {
    background-color: #fff;
    color: #208740;
    border-color: #fff;
    display: none;
}

.index-customer .customer-lists ul .customer-active .customer-txt .index-more a {
    display: inline-block;
}

.index-customer .customer-lists ul .customer-active:hover .customer-txt .index-more a {
    background-color: #208740;
    color: #fff;
    border-color: #208740;
}

.index-customer .customer-lists ul li .img-box {
    position: absolute;
    z-index: 1;
    height: 100%;
    width: 100%;
}

.index-customer .customer-lists ul li .img-box img {
    height: 100%;
    width: auto;
}

.index-customer .customer-lists ul li .customer-txt {
    position: absolute;
    z-index: 2;
    text-align: center;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.index-customer .customer-lists ul .customer-active .img-box img {
    width: 100%;
}

.index-customer .customer-lists ul .customer-active {
    width: 37.43%;
}
.index-customer .customer-lists .customer-swp .index-customer-bkg{
    position: relative;
    border-radius: 7px;
    overflow: hidden;
}
.index-customer .customer-lists .customer-swp .index-customer-bkg .bkg-black{
    position: absolute;
    width:100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    top: 0;
    border-radius: 7px;
}
.index-customer .customer-lists .customer-swp .index-customer-bkg img{ width: 100%;}
.index-customer .customer-lists .customer-swp .customer-txt{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
       -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
         -o-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
}
.index-customer .customer-lists .customer-swp .swiper-slide .customer-txt .customer-tit{
    text-align: center;
}
.index-customer .customer-lists .customer-swp .swiper-slide .customer-txt .customer-tit h3{
      color:#fff;
      font-weight: 400;
}
.index-customer .customer-lists .customer-swp .swiper-slide .customer-txt .customer-tit p{
     color:#fff;
} 
.index-customer .customer-lists .customer-swp .swiper-slide .customer-txt .index-more a{
     background-color: transparent;
     border-radius: 30px;
     color:#fff;
}
/* index-service */
.index-service {
    background: url('../images/index_service_bkg.jpg') no-repeat center;
    background-color: #fff;
}

.index-service .service-lists ul {
    margin-left: -15px;
    margin-right: -15px;
}

.index-service .service-lists ul li {
    float: left;
    width: 20%;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
}

.index-service .service-lists ul li .service-item {
    background-color: #fff;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, .1);
    padding: 60px 0;
}

.index-service .service-lists ul li .service-item .service-img {
    width: 89px;
    height: 92px;
    margin: 0 auto;
}

.index-service .service-lists ul li .service-item .service-img .img {
    width: 100%;
    height: 100%;
}

.index-service .service-lists ul li .service-item .service-img .img2 {
    display: none;
}

.index-service .service-lists ul li .service-item:hover {
    background-color: #208740;
    color: #fff;
}

.index-service .service-lists ul li .service-item:hover .img1 {
    display: none;
}

.index-service .service-lists ul li .service-item:hover .img2 {
    display: block;
}

.index-service .service-lists ul li .service-item .service-txt .service-tit {
    font-size: 24px;
    margin: 15px 0;
}

.index-service .service-lists ul li .service-item .service-txt .service-c {
    font-size: 16px;
}

/* index-news */
.index-news {
    background-color: #fff;
}
.index-news .container{
    overflow: hidden;
}
.index-news .news-lists ul li a {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;

}

.index-news .news-lists ul li a .news-date {
    padding-right: 20px;

}
.index-news .news-lists>.row>div:nth-child(2){
    overflow: hidden;
}
.index-news .news-lists ul li a .news-date .year {
    text-align: right;
    font-size: 44px;
    color: #999;
    line-height: 1em;
}

.index-news .news-lists ul li {
    padding: 30px 10px 30px 0px;
    border-bottom: 1px solid #dcdcdc;
}

.index-news .news-lists ul li:last-child {
    border-bottom: 0;
}

.index-news .news-lists ul li a .news-date .day {
    white-space: nowrap;
    font-size: 20px;
    color: #999;
}

.index-news .news-lists ul li a .news-txt {
    padding-left: 20px;
    border-left: 1px solid #dcdcdc;
}

.index-news .news-lists ul li:hover a .news-date .year,
.index-news .news-lists ul li:hover a .news-date .day {
    color: #208740;
}

.index-news .news-lists ul li a .news-txt .news-tit {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 15px;
}

.index-news .news-lists .row {

}

.index-news .news-lists ul li a .news-txt p {
    color: #666;
    line-height: 25px;
}

.index-news .news-lists .news-img {
    position: absolute;
    top: 0;
    z-index: 1;
    width: 100%;
}
.index-news .news-lists .f-r{ float: right!important;}
.index-news .news-lists .f-r a{display:block;}
.index-news .news-lists .f-r .rect-718{padding-bottom:74%;}
.index-news .news-lists .f-r .info{background:rgba(62,62,62,0.35); position: absolute;
    bottom: 0%; left: 15px; right: 0;
    width:100%;
    height: 48px;
    line-height: 48px;
    color: #fff;
    font-weight: 700;}
.index-news .news-lists .f-r .info .tit{font-size:18px;  padding-left: 40px; color:#fff;}

.index-news .news-lists .news-img .img-box{
    width: 100%;
   
}
.index-news .news-lists .news-img img {
    width: 100%;
    height: 100%;
}

.index-news .news-lists .news-img-t {
    position: absolute;
    bottom: 0%;
    width: 100%;
    z-index: 2;
    height: 48px;
    line-height: 48px;
    color: #fff;
    font-weight: 700;
    padding-left: 40px;
    font-size: 18px;
}

/* index-video */
.index-video {
    position: relative;
    overflow: hidden;
    height: 567px;
}

.index-video .index-video-bkg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.index-video .index-video-bkg img {
    height: 100%;
    width: 100%;
    -webkit-transition: all 1.5s;
    -o-transition: all 1.5s;
    -moz-transition: all 1.5s;
    transition: all 1.5s;
}

.index-video .video-content {
    text-align: center;
    color: #fff;
    position: absolute;
    width: 30%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    z-index: 2;
}

.index-video .video-content .video-txt {
    font-size: 24px;
    margin-top: 20px;
    line-height: 2em;
}

.index-video .video-content .index-more a {
    color: #208740;
    background-color: #fff;
    border-color: #fff;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}

.index-video .video-content .index-more a:hover {
    background-color: #208740;
    border-color: #208740;
    color: #fff;
}

.index-news .news-lists .pc{
    display: block;
}
.index-news .news-lists .mob{
    display: none;
}
.index-about .index-about-bkg .pc{ display: block;}
.index-about .index-about-bkg .mob{ display: none;}

@media (max-width:1200px) {
    .index-banner .swiper-container {
        height: 530px;
    }
}

@media (max-width:1024px) {
    .index-banner .swiper-container {
        height: 455px;
    }
    .index-banner .swiper-container .swiper-slide .container a .banner-txt{
        top: 50%;
    }
    .index-banner .swiper-button-next, .index-banner .swiper-button-prev{
        display: none;
    }
    .index-about .about-lists .about-txt span{ font-size: 20px; }

}
@media (max-width:1366px) {
    .index-banner .swiper-container .swiper-slide .container a .banner-txt strong {
        font-size: 44px;
        }
        .index-banner .swiper-container .swiper-slide .container a .banner-txt .banner-more {
        width: 360px; height:60px; line-height: 60px;
        padding: 0px 20px;
        margin-top: 15px; margin-bottom: 15px;
        font-size: 28px;
        }
        .index-banner .swiper-container .swiper-slide .container .banner-txt .text6 p{
       line-height: 40px; font-size:26px; width: 450px; padding: 5px 8px; margin: 8px 0;
        }
        .index-banner .swiper-container .swiper-slide .container a .banner-txt .text3 p{  font-size:28px;}
    .index-customer .customer-lists .customer-txt .customer-tit h3{
        font-size: 18px;
    }
    .index-pro .swiper-main .swiper-slide a .pro-txt .pro-tit h3{
        font-size: 16px;margin-bottom: 20px; margin-top: 8px;
    }
    .index-about .about-lists .about-txt span{ font-size: 22px; }
}
@media (max-width:1199px){
    .index-about .about-profile { width: 90%;}
    .index-pro {
       -o-background-size: 100% auto;
          background-size: 100% auto; 
    }
    .index-customer .customer-lists ul{
        display: none;
    }
    .index-customer .customer-swp{
        display:block;
    }
    .index-video .video-content{
        width: 564px;
    }

    .index-about .about-lists ul {
        text-align: center;
    }
    .index-about .about-lists ul li{
        margin-right: 0;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        /*text-align: center;
        -webkit-justify-content: center;
           -moz-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;*/
        margin-bottom: 30px;
    }
    .index-about .about-lists ul li:nth-child(3),
    .index-about .about-lists ul li:nth-child(4){
        margin-bottom: 0;
    }
}

@media (max-width:992px) {

    .index-banner .swiper-container {
        height: 440px;
    }

    .index-banner .swiper-container .swiper-slide .container a .banner-txt .text1 {
        font-size: 18px;
    }
    .index-banner .swiper-container .swiper-slide .container a .banner-txt .text3 {
        font-size: 22px;
    }
    .index-banner .swiper-container .swiper-slide .container a .banner-txt .text2 strong {
        font-size: 30px;
    }
    .index-banner .swiper-container .swiper-slide .container a .banner-txt .text3 p{  font-size: 22px; letter-spacing: 2px; }
    .index-about .about-lists ul li{width: 50%;}
    .index-about .about-lists .about-img {margin-right: 10px;}
    .index-about .about-lists .about-txt span{ font-size: 20px; }
}

@media (max-width:991px) {
    .index-banner .swiper-container .swiper-slide .container a .banner-txt{
        top: 44%;
    }

    .index-about .index-about-bkg {
        position: absolute;
    }
.index-about .index-about-bkg .pc{ display: none;}
.index-about .index-about-bkg .mob{ display: block;}
    .index-about{
        height: auto;
    }
    .index-about .about-content{
        position: relative;
        left: 0;
        top: 0;
        -webkit-transform: none;
           -moz-transform: none;
            -ms-transform: none;
             -o-transform: none;
                transform: none;
    }
    .index-about .index-about-bkg img{
        height: 100%;
        width:  100%;
    }
.index-banner .swiper-container .swiper-slide .container .banner-txt .text6 p{
line-height: 35px; font-size:22px; text-align: center; width: 350px; padding: 7px 10px; 
}
.index-banner .swiper-container .swiper-slide .container a .banner-txt .banner-more {
width: 300px; height:56px; line-height: 56px;
padding: 0px 10px;
margin-top: 10px; margin-bottom: 10px;
font-size: 22px;
}
.index-banner .swiper-container .swiper-slide .container a .banner-txt .banner-txt3 img { width: 100%;}

}
@media(max-width:768px){
    .index-banner .swiper-button-next, .index-banner .swiper-button-prev{
        display: none;
    }
    .index-banner .swiper-container .swiper-slide .container a .banner-txt .banner-txt3{
        font-size: 18px;
        width: 75%; margin-top: 10px;
    }
    .index-banner .swiper-container .swiper-slide .container .banner-txt .text6 p{
        line-height: 30px; font-size:18px; text-align: center; width: 250px; padding: 1px 10px; margin: 5px 0;
        }
    .index-banner .swiper-container .swiper-slide .container a .banner-txt .text5 p {
        font-size: 15px; width: 75%; margin: 5px 0;
        }
    .index-service .service-lists ul li{
        width: 100%;
    }
    .index-about .about-lists .about-txt span{ font-size: 20px; }
    .index-news .news-lists .pc{
        display: none;
    }
    .index-news .news-lists .mob{
        display: block;
    }
}
@media(max-width:700px) {
.index-news .news-lists .f-r .rect-718{padding-bottom:74%;}
.index-news .news-lists .f-r .info{ width:95.5%;}
}
@media(max-width:600px) {
.index-news .news-lists .f-r .info{ width:94.5%;}
.index-news .news-lists .f-r .info .tit{font-size:16px;padding-left: 40px;}
.index-news .news-lists ul li a .news-date {padding-right: 0px; display: none;}
.index-news .news-lists ul li a .news-txt {padding-left: 0px;border-left:0px solid #dcdcdc;}
}
@media(max-width:500px) {
.index-news .news-lists .f-r .info{ width:93%; }
}
@media(max-width:400px) {
.index-news .news-lists .f-r .info{ width:92%; }
.index-news .news-lists .f-r .info .tit{font-size:16px;padding-left: 20px;}

}
@media(max-width:767px) {
    .index-banner .swiper-container .swiper-slide .container a .banner-txt .banner-txt3 span, .index-banner .swiper-container .swiper-slide .container a .banner-txt .banner-txt3 span img{
        margin-right: 5px;
    }
    .index-video .video-content{
        width: 500px;
    }
    .index-video{
        height: auto;
    }
    .index-video .video-content{
        position: relative;
        -webkit-transform: none;
           -moz-transform: none;
            -ms-transform: none;
             -o-transform: none;
                transform: none;
        -webkit-transform: translateX(-50%);
           -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
             -o-transform: translateX(-50%);
                transform: translateX(-50%);
    }
 
    .index-service .service-lists ul li .service-item{
        box-shadow: none;
    }
    .index-banner .swiper-button-next:after,
    .index-banner .swiper-button-prev:after {
        display: none;
    }

    .index-banner .swiper-container {
        height: 300px;
    }

    .index-banner .swiper-container {
        height: 300px;
    }

    .index-banner .swiper-container .swiper-slide .container a .banner-txt .text1,
    .index-banner .swiper-container .swiper-slide .container a .banner-txt .text3 p {
        font-size: 16px;
    }

    .index-banner .swiper-container .swiper-slide .container a .banner-txt .text2 strong {
        font-size: 24px;
    }

    .index-banner .swiper-container .swiper-slide .container a .banner-txt .banner-more {
        width: 120px;
        padding: 5px 15px;
        margin-top: 20px;
    }

    .index-banner .swiper-container .swiper-slide .container a .banner-txt .text1 {font-size: 16px;    }
}
@media (max-width:639px){
    .index-pro .swiper-main{
        padding: 0;
    }
    .index-pro .swiper-button-next,.index-pro .swiper-button-prev{
       top: 32%;
    }
    .index-pro .swiper-main .swiper-slide a .pro-txt{
        padding: 20px;
    }
    .index-pro .swiper-main .swiper-slide a .pro-txt .pro-c {
        line-height: 1.5em;
    }
    .index-pro .swiper-button-prev{
        left: 0px;
     }
     .index-pro .swiper-button-next{
        right: 0px;
     }
}
@media (max-width:640px) {
    .index-about .index-tit{
        margin-bottom: 25px;
    }
    .index-banner .swiper-container .swiper-slide .container a .banner-txt .text4{
        display: none;
    }
    .index-banner .swiper-container .swiper-slide .container a .banner-txt .text3 p {
        font-size: 16px;
    }

    .index-banner .swiper-container .swiper-slide .container a .banner-txt .text2 strong {
        font-size: 18px; margin-bottom: 5px;
    }
}
@media (max-width:600px){

    .index-about .about-lists .about-img{
        margin-right: 15px;
    }
    .index-service .service-lists ul li .service-item{
        padding: 30px 0;
    }
    .index-tit{
        margin-bottom: 10px;
    }
    .index-section{
        padding: 20px 0;
    }
    .index-pro .swiper-main .swiper-slide a .pro-txt .pro-tit h3{
     margin-bottom: 15px;
    }
    .index-pro .index-more a {margin-top: 15px; margin-bottom: 5px;}
    .index-more a { padding: 5px 25px;}
}

@media (max-width:580px){
.index-banner .swiper-container .swiper-slide .container a .banner-txt .banner-txt3 span img{
   width: 20px;
    }
    .index-banner .swiper-container .swiper-slide .banner-txt .sp .p1{
       display: none;
    }
    .index-banner .swiper-container .swiper-slide .banner-txt .sp .p2{
        display: block;
     }
     .index-banner .swiper-container .swiper-slide .banner-txt .sp .p2 p{
         display: block;
     }
     .index-banner .swiper-container .swiper-slide .container a .banner-txt .banner-txt3{
         display: none;
     }
     .index-banner .swiper-container .swiper-slide .container a .banner-txt .text2 strong{
         font-size: 17px; margin-bottom: 0px;
     }
}
@media (max-width:540px) {
.index-banner .swiper-container {
    height: 280px;
}
.index-banner .swiper-container .swiper-slide .container a .banner-txt.banner-txt1{ left: 7%; }
.index-banner .swiper-container .swiper-slide .container a .banner-txt .text5 p {
font-size: 15px; width: 95%;
}
.index-banner .swiper-container .swiper-slide .container .banner-txt .text6 p{
 line-height: 35px; font-size:18px; text-align: center; width: 230px; padding: 2px 5px; margin:5px 0;
}
    .index-video .video-content{
        width: auto;
    }
    .index-about .about-lists ul li{
       width: 50%;
       margin-bottom: 30px;
    }
    .index-about .about-lists ul li:nth-child(3){
        margin-bottom: 30px;
    }

    .index-about .about-lists{
        margin:30px 0;
    }
    .index-about .about-lists .about-txt{
        font-size: 16px;
    }
    .index-about .about-lists .about-img{
        width: 40px;
        height: 40px;
        margin-right: 5px;
    }

    .index-about .about-lists{
        padding: 0 15px;
    }
    .index-about .about-lists .about-txt{
        font-size: 16px;
    }
    .index-about .about-lists ul li:nth-child(2) .about-img{
      background-position: -41px 0!important;
    }
    .index-about .about-lists ul li:nth-child(3) .about-img{
        background-position: -82px 0!important;
      }
      .index-about .about-lists ul li:nth-child(4) .about-img{
        background-position: -124px 0!important;
      }
      .index-pro .swiper-main .swiper-slide a .pro-txt{
        padding: 10px;
    }
}

@media (max-width:460px) {
    .index-tit .tit-e{
        font-size: 28px;
    }
    .index-about .about-lists .about-txt{
        width: auto;
    }
    .index-banner .swiper-container .swiper-slide .container a .banner-txt.banner-txt1{ left: 1%; }
    .index-banner .swiper-container .swiper-slide .container a .banner-txt .text4 {
        display: none;
    }
    .index-banner .swiper-container .swiper-slide .container .banner-txt .text6 p{ display: none;
       }
    .index-banner .swiper-container .swiper-slide .container a .banner-txt .banner-more {
        width: 98px;
        padding: 5px 10px;
    }
    .index-video{
        padding: 20px 15px;
    }
    .index-video .video-content .video-txt{
        font-size: 18px;
    }
    .index-banner .swiper-container .swiper-slide .container a .banner-txt .text2 strong{
        font-size: 17px; 
    }
}

@media (max-width:375px) {
    .index-about .about-lists .about-txt{
        width: 60%;
    }
    .index-about .about-lists ul li{
        width: 100%;
     }
}

@media (max-width:320px) {
    .index-banner .swiper-container {
        height: 200px;
    }
   
}
/* ===== 4. css.css ===== */
.p-banner {background: center no-repeat;background-size: cover;height: 580px;text-align: center;color: #fff;padding-top: 280px;}
.product_banner_show{padding-top: 100px; background-color: #f2f2f2;background: top no-repeat;}
.p-banner .container{ position: relative; }
.p-banner h3 {font-size: 72px;color: rgba(255,255,255,0.15);font-family: BarlowCondensed-Regular;text-transform: uppercase; font-weight: bold; position: relative;}
.p-banner h2 {font-size: 36px;color: #fff;margin-bottom: 5px; position: absolute; top: 38px; left: 45%; text-align: center;}
.page_nav{height: 70px;line-height: 70px;border-bottom: 1px solid #eaeaea; background: #f1f1f1;}
.page_nav .crumb{float: right;}
.page_nav .crumb li{float: left;font-size: 16px;color: #666;}
.page_nav .crumb a{color: #666; margin-right: 8px; margin-left: 8px; }
.page_nav .crumb li:last-child{ color:#ffd900 ;}
.page_nav .r_sec{float: left;}
.page_nav .r_sec li{position:relative; float:left; font-size:18px; padding:0 20px; margin:0 30px 0 0;}
.page_nav .r_sec li:first-child:after{display:none;}
.page_nav .r_sec li:hover a,
.page_nav .r_sec li.cur a{color:#ffd900;}
.page_nav .r_sec li a{color:#666666;}
.page_nav .fa {margin:22px 8px 0; font-size:15px;}
.page_nav a:hover{color:#ffd900;}
@media (max-width: 1440px){
.p-banner {height: 452px;padding-top: 170px;}
.p-banner h3 {font-size: 52px}
.p-banner h2 {font-size: 30px;}
}
@media (max-width: 1336px){
.p-banner {height: 430px;}
.page_nav .r_sec li{position:relative; float:left; font-size:16px; padding:0 10px; margin:0 10px;}
}
@media (max-width: 1280px){
.p-banner {height: 400px;}
.product_banner_show{padding-top: 70px;}
}   
@media (max-width: 1200px){
.p-banner {height: 375px;}
.p-banner h2 {font-size: 28px;}
}  
@media only screen and (max-width: 992px){
.page_nav .crumb{display: none;}
}
@media (max-width: 768px){
.p-banner {height: 245px;padding-top: 100px;}
.p-banner h2 {font-size:26px; line-height: 30px;top: 30px; left: 42%; }
.page_nav{line-height:50px; height:50px;}
.page_nav .r_sec li:after{left:-7px; }

}
@media (max-width:668px){
.page_nav{line-height:40px; height:40px;}
.page_nav .r_sec li{padding:0 8px; margin:0 8px;}
.p-banner { padding-top: 120px;}
.p-banner h3 {font-size: 42px}
.p-banner h2 {font-size:22px;top: 28px; left: 38%;  }
}    
@media only screen and (max-width: 425px){
.page_nav .container{padding-right: 0px;padding-left:1px;}
.page_nav{height: 40px;line-height: 40px;border-bottom: 1px solid #eaeaea;}
.page_nav .r_sec li{ font-size:14px; padding:0 6px; margin:0 6px; }
}
@media only screen and (max-width: 400px){.page_nav .r_sec li{ padding:0 5px; margin:0 4px; }
}
.page_nav_show{height: 70px;line-height: 70px;color: #fff;}
.page_nav_show .crumb li{float: left;font-size: 16px;color: #fff;}
.page_nav_show .crumb a{color: #fff; margin-right: 8px; margin-left: 8px; }
.page_nav_show .crumb li:last-child{ color:#fff ;}
.page_nav_show .fa {margin:22px 8px 0; font-size:15px;}
.page_nav_show a:hover{color:#fff;}

@media (max-width: 768px){
.page_nav_show{line-height:30px; height:60px;}
.page_nav_show .fa {margin:0px 8px 0;}
}
@media (max-width:668px){
.page_nav_show .crumb li{font-size: 14px;}
}    
@media only screen and (max-width: 425px){
.page_nav_show{ display: none; }
}

.page-section{ padding:80px 0;}
.page-tit { text-align: center; margin-bottom: 50px;}
.page-tit h3{ font-size: 30px; padding-bottom: 20px; width: 400px; margin: 0 auto 20px; position: relative;}
.page-tit h3:after{ content: ""; left: 42%; bottom: 0px; width: 55px; height: 3px; background-color: #ffd900; position: absolute;}
.page-tit p{ font-size: 16px; line-height: 30px; color: #666; margin: 0 auto;}

@media (max-width:1366px) {
.page-section{ padding:60px 0;}
.page-tit h3{ font-size: 26px; }
.page-tit p{ font-size: 15px; }
}
@media (max-width:1024px) {
.page-section{ padding:40px 0;}
.page-tit {margin-bottom: 30px;}
.page-tit h3{ font-size: 26px; margin-bottom: 10px;}
}
@media (max-width:768px) {
.page-tit h3{ font-size: 22px; margin-bottom: 15px; padding-bottom: 15px;}
.page-tit h3:after{width: 38px;left: 45%;}
}
@media (max-width:668px) {
.page-tit h3{ width: 100%;}
.page_title h3 { font-size: 18px;}
.page-tit h3:after{width: 35px; height: 2px;}
}

.about-page1 .page-tit { text-align: left; }
.about-page1 .page-tit h3{ margin-left: 0px; }
.about-page1 .page-tit h3:after{left: 0px; }
.about-page1 .page-tit p{ margin-left: 0px; }
.about-page1 .desc{ font-size: 16px; line-height: 32px; color: #666;}
.about-page1 .aboutrightimg { width: 96%; float: right;}
.about-page1 .about-page-ul { padding:1px 10px; text-align: center;}
.about-page1 .about-page-ul li { position: relative; border-top: 1px solid #ccc; padding: 28px 0;}
.about-page1 .about-page-ul li .shu-div1 {line-height: 1.5;}
.about-page1 .about-page-ul li .shu-div2 {font-size: 18px;color: #333; line-height: 40px;}
.about-page1 .about-page-ul li:last-child{ border-bottom: 1px solid #ccc; }
@media (max-width:1600px){
.about-page1 .about-page-ul { padding:20px 50px;}
.about-page1 .about-page-ul li { padding: 22px 0;}  
}
@media (max-width:1480px){
.about-page1 .page-tit h3{ font-size: 26px;}
.about-page1 .about-page-ul { padding:17px 50px;}
.about-page1 .about-page-ul li { padding: 22px 0;}  
}
@media(max-width:1366px) {
.about-page1 .desc{line-height: 30px;}
.about-page1 .about-page-ul { padding:17px 20px;}
.about-page1 .list_box ul li{padding: 16px 20px;}
}
@media(max-width:1280px) {
.about-page1 .about-page-ul { padding:10px 20px;}
.about-page1 .list_box ul li{padding: 18px 0px;}
.about-page1 .aboutrightimg { width: 100%; float: right;}
}
@media (max-width: 1200px){
.about-page1 .page-tit h3{ font-size: 22px;}
.about-page1 .desc{ width: 90%; }
.about-page1 .aboutrightimg { width: 110%;}
.about-page1 .about-page-ul li{ width: 33.33333337%; float: left; border-top: 0px ; border-right: 1px solid #ccc;  }
.about-page1 .list_box{width:100%; height: 100%; }
.about-page1 .about-page-ul li:last-child{ border-bottom: 0px; }
}
@media(max-width:1124px) {
.about-page1 .aboutrightimg { width: 123%;}
}
@media(max-width:992px) {
.about-page1 .list_box .list_box{width:35%;}
.about-page1 .desc{ width: 100%; }
}
@media (max-width: 768px){
.about-page1 .about-page-ul { padding:20px 5px; }
.about-page1 .about-page-ul li .shu-div2 {font-size: 16px; line-height: 25px; }
}
@media(max-width:768px) {
.about-page1 .list_box ul li{padding: 20px 10px 0;}
}
@media(max-width:600px) {
.about-page1 .list_box .list_box{width:50%;}
.about-page1 .list_box ul li{padding: 20px 5px;}
.about-page1 .list_box p{font-size: 14px; }
}
@media(max-width:400px) {
.about-page1 .list_box p{ height: 60px; }
}
.about-page2{ width: 100%; padding-bottom: 120px; background: url(../images/about_bg2.jpg) no-repeat repeat center;  z-index: 1;}
.about-page2 .page-tit h3{ color: #fff;}
.about-page2 .page-tit h3:after{color: #fff;}
.about-page2 .brand_lsit .box{ width: 25%; float: left; height: 320px; text-align: center; color: #fff; position: relative;z-index: 1;}
.about-page2 .brand_lsit .box .con{position: absolute; left: 50%; top: 50%; width:85%; font-size: 16px; line-height: 32px; transform: translate(-50%,-50%);}
.about-page2 .brand_lsit h3{ font-size:24px; margin: 20px 0;}
.about-page2 .brand_lsit .img{ display: block;}
.about-page2 .brand_lsit .img1{ display: none;}
.about-page2 .brand_lsit .box:hover .img{ display: none;}
.about-page2 .brand_lsit .box:hover .img1{ display: block;}
@media screen and (max-width:1366px){
.about-page2 .brand_lsit h3{ font-size:22px;}
.about-page2 .brand_lsit .box .con{ width: 90%; font-size: 15px; }
}
@media screen and (max-width:1280px){
.about-page2 .brand_lsit h3{ font-size:20px;}
}
@media screen and (max-width:1200px){
.about-page2 .brand_lsit h3{ font-size:18px;}
.about-page2 .brand_lsit .box .con{ width:100%; font-size: 14px; line-height: 28px;}
}
@media screen and (max-width:1024px){
.about-page2 .top_text { padding: 30px 0; color: #fff;z-index: 9; width: 50%; margin:0 auto;}
.about-page2 .top_text h3{font-size: 20px; margin-bottom: 10px; text-align:center;}
.about-page2 .top_text p{ font-size:16px;line-height: 24px; text-align:center;}
.about-page2 .brand_lsit .box{ width:33.3333337%; height: 240px;}
.about-page2 .brand_lsit .box .con{ width:93%;}
}
@media screen and (max-width:590px){
.about-page2{ padding-bottom: 60px;}
.about-page2 .brand_lsit .box{ width:50%; height: 180px;}
.about-page2 .brand_lsit .box .con{ width:98%; }
.about-page2 .brand_lsit h3{ font-size:16px; margin: 10px 0;}
.about-page2 .brand_lsit .img img{ width: 30%; margin: 0 auto;}
}
.about-page3 .about-page3-top{ padding-bottom:50px; margin-bottom: 50px; border-bottom: 1px solid #e5e5e5;}
.about-page3 h2 { font-size: 24px; color: #333; margin-bottom: 20px;}
.about-page3 .desc{ font-size: 16px; line-height: 32px; color: #666;}
.about-page3 .about-page3-mid .con{ border: 4px solid #e5e5e5;  padding:40px 20px; margin-bottom:30px;}
.about-page3 .about-page3-mid .con h2{ font-size:24px; color:#ffd900; margin-bottom:30px; text-align: center; }
.about-page3 .about-page3-mid .con p{ color:#666; font-size:16px; line-height: 30px; margin-top:10px; text-align: center; }
@media (max-width:1280px) {
.about-page3 .about-page3-top{ padding-bottom:30px; margin-bottom: 30px; }
.about-page3 h2 { font-size: 22px;}
.about-page3 .about-page3-mid .con{padding:30px 15px; }
.about-page3 .about-page3-mid .con h2{ font-size:20px; margin-bottom:20px;}
}
@media (max-width:1024px) {
.about-page3 .about-page3-mid .con h2{ font-size:18px; }
.about-page3 h2 { font-size: 20px;}
.about-page3 .desc{ line-height: 28px; }
}
@media (max-width:992px) {
.about-page3 .about-page3-mid .con{padding:20px 15px; }

}

@media (max-width:425px) {
.about-page3 .about-page3-mid .con{padding:20px 1% 20px 1%; margin-bottom:20px; height:160px;}
.about-page3 .about-page3-mid .con h2{ font-size:18px;}
}

.rmt_dl dd{display:block;clear:both;overflow:hidden;  background:#FFF; margin-bottom:20px;}
.rmt_dl dd .div1{clear:both;height:78px;background:#f5f5f5;padding:0 10px;overflow:hidden;-webkit-transition: all 0.2s; -moz-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;}
.rmt_dl dd .div1 span{display:inline; height:78px;line-height:78px;color:#333333; }
.rmt_dl dd .div1 span h3{ height:78px;line-height:78px; font-size:20px; }
.rmt_dl dd .div1 span.span8{cursor:pointer;text-align:center; background:url(../images/jia.png) no-repeat center center;}
.rmt_dl dd .div2{clear:both;overflow:hidden;color:#666666; padding:30px 25px;line-height:30px;text-align:left;display:none;background: #fafafa}
.rmt_dl dd .div2 b{ color: #333; font-size:16px; line-height:34px;}
.rmt_dl dd:hover .div1 span h3{color: #ffd900;}
.rmt_dl dd:hover .div1 span.span8{  background:url(../images/jia2.png) no-repeat center center;}
.rmt_dl dd .div1 span.span8.jian{ background:url(../images/jia2.png) no-repeat center center;}
@media only screen and (max-width:768px){
.job ul{ font-size:16px;}
.rmt_dl dd .div1{ padding-left: 0px;}
.rmt_dl dd .div2{padding:10px; line-height:24px; }
.rmt_dl dd .div1 span.span8{background:url(../images/jia.png) no-repeat center center;background-size:85% 38%;}
.rmt_dl dd:hover .div1 span.span8{background:url(../images/jia2.png) no-repeat center center;background-size:85% 38%;}
.rmt_dl dd .div1 span.span8.jian{background:url(../images/jia2.png) no-repeat center center;background-size:85% 38%;}
}
@media only screen and (max-width:425px){
.rmt_dl dd .div1 span.span8{ background-size:40% 30%;}
.rmt_dl dd:hover .div1 span.span8{ background-size:40% 30%;}
.rmt_dl dd .div1 span.span8.jian{ background-size:40% 30%;}
}
.morbann{margin-top:78px;}
.morbann a{display:block;width:60px;height:60px;border:1px solid #fff;text-align: center;line-height: 60px;overflow: hidden;position:relative;transition:all .3s ease-out 0s;}
.morbann span{transform:translateX(-66px);display:inline-block;transition:all .3s ease-out 0s;font-size:16px;font-family:"微软雅黑";color:#fff;}
.morbann a img{position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);}
.morbannng a{border-color:#666666;}
.morbannng a span{color:#666666;}
.morbann a:hover{width:140px;text-align: right;	padding-right:10px;}
.morbann a:hover span{transform: translateX(-50%);}
.morbann a:hover img{left:85%;}
.neirongleft{width: calc(100% - 920px);padding-top:160px;animation: fadeInUp 1.5s;}
.neirongright{width:50%;animation: fadeInUp 1.5s;}
.neirongbr .more a {display: block;width: 56px;height: 56px;border: 1px solid #666666;background: url(../images/xiangxiab.png) no-repeat center!important;}
.b1_neirong{width:100%;padding: 166px 127px 185px;}
.neirongbr{ }
.nebt h3{color:#ededed;font-size:130px;text-transform: uppercase;font-weight: bold;transform: translateY(60PX)}
.neirongbr h2{color:#ffd900;font-size:36px;font-family:"Arial";font-weight:bold;position:relative;margin-bottom:30px;}
.neirongbr h2::after{position:absolute;content: "";width:110px;height:1px;background:#ffd900;left:0;bottom:-42px;}
.neirongbr p{color:#333333;font-size:16px;font-family:"微软雅黑";line-height: 30px;padding-left:120px;position:relative;}
.neirongbr .more{margin-left:123px;}
.neirongatwo{margin:100px 0;}
.neirongatwo .b1pic {position: absolute;right: inherit;bottom: 65px;left:0;}
.ditu{position:absolute;bottom:0;}
.neirongatwo .ditu{transform: translateX(71px);}
@media screen and (max-width: 1680px){
.b1_neirong {width: 100%;padding:0;}
.neironga {	width:1200px;margin:0 auto 70px;}
.neirongleft {width: 50%;padding-top: 79px;}
.neirongright {position: relative;width: 50%;overflow:hidden; }
.nebt{width:1200px;margin:0 auto;}
.neirongbr h2 {font-size: 50px;margin-bottom: 32px;}
.nebt h3 {font-size: 116px;transform: translateY(60PX);}
.neirongatwo .neirongbr{padding-left:53px;	padding-right:17px;}
}

@media screen and (max-width: 1200px){
.neirongleft{width:100%;padding-top:0;}
.neirongbr {width: 100%;padding:0 15px;}
.neirongright{width:100%;padding:0 15px;margin-bottom:20px;}
.neirongbr h2 {font-size: 20px;margin-bottom: 8px;}
.neirongbr p {color: #333333;font-size: 16px;padding-left: 0; }
.neirongbr h2::after {width: 27px;bottom: -23px;display:none;}
.nebt{width:100%;padding:0 15px;margin:36px 0 15px;}
.neirongbr .more {margin-left: 0;margin-top: 13px;}
.neirongbr .more a {width: 44px;height: 44px;}
.neironga {width: 100%;}
.neironga {margin: 0 auto 72px;}
.neirongatwo .neirongbr {padding-left: 15px;padding-right: 15px;}
}
@media screen and (max-width: 768px){
.neirongright img{ width: 100%;}
.morbann{margin-top:48px;}
.morbann a{display:block;width:40px;height:40px; line-height: 40px;}
}
@media screen and (max-width: 568px){
.morbann a{ width:34px;height:34px; line-height: 34px;}
.morbann a img{ width: 30%;}
}
.product_list li{ margin-bottom: 30px;}
.product_list .box { border: 1px solid #e5e5e5; width: 100%;}
.product_list .box .pro-img img{ padding: 10px;}
.product_list a .pro-txt { display: block; text-align: center; background-color: #f7f7f7; padding: 25px 20px;}
.product_list a .pro-txt .pro-tit h3 { font-size: 18px; font-weight: 700;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.product_list a .pro-txt .index-more a { border: 1px solid #dcdcdc; color: #666;}
.product_list a:hover .pro-txt .index-more a { background-color: #ffd900; color: #fff;}
.product_list a:hover .img-box img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
.product_list a .pro-txt .pro-c { color: #666; line-height: 2em;}
.pro-big-img {width: 100%; overflow: hidden; background-color: #fff; }
.pro-big-img .gallery-left{width:100%;height: 545px;margin: 0; }
.pro-big-img .gallery-left img{width: 100%;}
.pro-big-img .gallery-left .swiper-slide{width: 100%;height: initial;}
.pro-big-img .gallery-left .swiper-slide img{max-width:100%; margin: 0 auto; /*height: initial;*/ max-height:100%; width:auto; }
.pro-big-img .gallery-thumbs{padding: 22px 25px; width:100%; height: 155px;margin:10px 0 0 0px; overflow: hidden;  box-sizing: border-box;}
.pro-big-img .gallery-thumbs img{width: 100%; overflow: hidden; border: 1px solid #e5e5e5; }
.pro-big-img .gallery-thumbs .swiper-slide-activeimg{border: 1px solid #a6a6a6; }
.pro-big-img .gallery-thumbs .swiper-button-pro-prev,.pro-big-img .gallery-thumbs .swiper-button-pro-next{margin: 0 auto;}
.pro-big-img .gallery-thumbs .swiper-button-pro-prev{-webkit-transform: rotate(0deg) translate(0, 0);transform: rotate(0deg) translate(0, 0);/**/left:0px;right:inherit;top:65px;bottom:inherit;}
.pro-big-img .gallery-thumbs .swiper-button-pro-next{-webkit-transform: rotate(0deg) translate(0, 0);transform: rotate(0deg) translate(0, 0);/**/left:inherit;right:0px; top:65px;bottom:inherit;}
.pro-big-img .gallery-thumbs .swiper-slide {opacity: 0.6;height: initial; }
.pro-big-img .gallery-thumbs .swiper-slide-thumb-active {opacity: 1;}
.products_show .show-pro-top { background: #f7f7f7; width: 100%; height: 710px;}
.products_show .show-pro-top .section-content{ width: 50%; float: left }
.products_show .show-pro-top .section-content-show{ width: 45%; padding-left:5%; padding-top:5%; float: left;  }
.products_show .pro-show-info h1{font-size:36px;line-height: 35px; font-weight: bold; color: #ffd900;margin-bottom: 40px; }
.products_show .pro-show-info p{/*min-height: 150px; */line-height: 34px; font-size: 16px; color: #666;}
.products_show .pro-show-info .procontact { margin: 50px 0 15px; padding-bottom: 20px; border-bottom:2px solid #dcdcdc;}
.products_show .pro-show-info .procontact span a{ font-size:18px; font-weight: bold; color: #333;}
.products_show .pro-show-info .procontact a:hover { color: #ffd900;}
.products_show .pro-show-info .pro-btn{color:#333; font-size: 17px; margin-bottom: 5px; }
.products_show .pro-show-info .pro-btn{color:#333;}
.products_show .pro-show-info .pro-btn a{display:block;background: #333f47;color:#FFF;width:210px; font-size: 16px; text-align:center;line-height:60px;height: 60px;border:none;padding:0;float:left;margin-right: 20px;text-transform: uppercase; }
.products_show .pro-show-info .pro-btn .tel{ line-height: 27px; font-size: 16px;}
.products_show .pro-show-info .pro-btn .tel span{color: #ffd900;}
.products_show .pro-show-info .pro-btn .tel span a{ font-size: 26px;border: 0px solid #ffd900; font-weight: bold; height: 40px; line-height: 40px;margin-right: 0px; color: #ffd900;background: none; text-align: left;;}
.products_show .pro-share { margin: 20px 0 25px;}
.products_show .pro-share dl dt { float: left;}
.products_show .pro-share dl dd .share {float: left;margin-right: 5px;}
.products_show .pro-share dl dd .share:last-child {margin-right: 0;}
.products_show .pro-share dl dd .share .share-ico {width: 31px;height: 30px;}
.products_show  dl dd .footer-ico {width: 31px;height: 30px;display: inline-block;margin-right: 10px;}
.products_show .pro-share .wechat { position: relative;}
.products_show .pro-share .wechat:hover .vx { display: block;}
.products_show .pro-share .wechat .vx::after { content: ''; position: absolute; left: 50%; margin-left: -6px; bottom: -13px; width: 0; height: 0; border-width: 8px 6px 6px 6px; border-style: solid; border-color: #fff transparent transparent transparent}
.products_show .pro-share .wechat .vx { position: absolute; top: -185px; width: 180px; height: 172px; text-align: center; box-shadow: 0 2px 10px #aaa; background-color: #fff; z-index: 999; left: -75px; display: none;}
.products_show .pro-share .wechat .vx h4 { font-weight: normal; height: 26px; line-height: 26px; font-size: 12px; background-color: #f3f3f3; margin: 0; padding: 0; color: #777;}
.products_show .pro-share .wechat .vx .help p { font-weight: normal; line-height: 16px; padding: 0; margin: 0; font-size: 12px; color: #333;}
.products_show .pro-share .wechat .vx .vx-img img { width: 100px; height: 100px; margin: 10px auto; display: block;}
@media only screen and (max-device-width: 1760px){
.products_show .show-pro-top { height: 690px;}
}
@media only screen and (max-device-width: 1460px){
.products_show .pro-show-info h1{font-size:32px;}
}
@media only screen and (max-device-width: 1366px){
.products_show .pro-show-info h1{font-size:28px; margin-bottom: 20px; padding-bottom:15px;border-bottom: 2px solid #c5c5c5; }
.pro_info_2_3_t img{ width: 100%;}
}
@media only screen and (max-device-width: 1300px){
.pro-big-img .gallery-left{ height: 440px; }
.products_show .show-pro-top{  height: 590px;}
.products_show .pro-show-info h1{font-size:26px;}
.products_show .show-pro-top .section-content-show{ width: 46%; padding-left:4%; padding-top:4%; }
.pro-big-img .gallery-thumbs .swiper-button-pro-prev{ top:50px; }
.pro-big-img .gallery-thumbs .swiper-button-pro-next{ top:50px; }
}
@media only screen and (max-device-width: 1220px){
.pro-big-img .gallery-left{ height: 400px; }
.products_show .show-pro-top{  height: 550px;}
.products_show .pro-show-info .procontact { margin: 20px 0 15px; float: none; width: 100%;}
.products_show .pro-show-info h1{font-size:20px;}
.products_show .pro-show-info .procontact { margin: 10px 0 10px;}
.products_show .pro-show-info .procontact span { font-size: 20px; }
}
@media only screen and (max-device-width: 1200px){
.products_show .pro-show-info h1{font-size:22px;}
.products_show .pro-share { margin: 10px 0 20px;}
.products_show .pro-show-info p{ line-height: 32px; }
}
@media only screen and (max-device-width: 1180px){
.products_show .show-pro-top{  height: 530px;}
.pro-big-img .gallery-thumbs{ height: 125px;}
.products_show .pro-show-info p{ line-height: 28px; }
.products_show .pro-show-info h1{font-size:20px; margin-bottom: 15px; padding-bottom:10px;border-bottom: 1px solid #c5c5c5;}
}
@media only screen and (max-device-width: 1030px){
.pro-big-img .gallery-left{ height:380px; }
.products_show .show-pro-top{ height: auto;}
}
@media only screen and (max-device-width: 992px){
.show-pro .show-pro-top .section-content{ width: 62%; }
.show-pro .show-pro-top .section-content-show{ padding-left: 2%; }
.products_show .pro-show-info p{ line-height: 26px; }
.pro-big-img .gallery-thumbs{ height: 133px;}
}
@media only screen and (max-device-width: 870px){
.product_list a .pro-txt .pro-tit h3 { font-size: 17px; margin-bottom: 20px;}
.product_list a .pro-txt .pro-c {line-height: 1.7em; }
.show-pro .show-pro-top .section-content{ width: 100%;  background: #f7f7f7;}
.show-pro .show-pro-top .section-content-show{ width: 100%; padding-left:3%; padding-right: 3%; padding-bottom: 5%; background: #f7f7f7;}
}
@media only screen and (max-device-width: 768px){
.product_list a .pro-txt { padding: 30px 20px;}
.pro-big-img {  width: 100%;  height: inherit;}
.pro-big-img .gallery-left{width:100%; height:520px; }
.pro-big-img .gallery-thumbs{width:100%;padding: 10px 25px; margin-left: 0px;}
.pro-big-img .gallery-thumbs .swiper-button-pro-prev,.pro-big-img .gallery-thumbs .swiper-button-pro-next{margin: 0 auto;}
.pro-big-img .gallery-thumbs .swiper-button-pro-prev{ top:30%;bottom:inherit;}
.pro-big-img .gallery-thumbs .swiper-button-pro-next{ top:30%;bottom:inherit;}
.pro_info_2_1_t{ font-size:18px; margin-top: 30px;}
.pro_info_2_3_t{margin-top:1.2em; }
.products_show .show-pro-top .section-content{ width: 100%; float:none;}
.products_show .show-pro-top .section-content-show{ width: 100%; padding-left:0; padding-top:0; float: none;  }
.products_show .pro-show-info h1{font-size:18px; margin-top: 20px;}
.products_show .pro-show-info .pro-btn a{ width:180px; line-height:50px;height: 50px; }
}
@media only screen and (max-device-width: 640px){
.pro-big-img .gallery-left{height:460px; }
}
@media only screen and (max-device-width: 560px){
.pro-big-img .gallery-thumbs .swiper-button-pro-prev{ top:28%; }
.pro-big-img .gallery-thumbs .swiper-button-pro-next{ top:28%; }
.pro-big-img .gallery-left{height:360px; }
.product_list a .pro-txt { padding: 20px 5px;}
.product_list a .pro-txt .pro-c ,.product_list .index-more{ display: none;}
.product_list a .pro-txt .pro-tit h3 { font-size: 14px; margin-bottom: 0px; font-weight: normal;}
}
@media only screen and (max-device-width: 460px){
.pro-big-img .gallery-left{ height:300px; }
.pro-big-img .gallery-left .swiper-slide a{ width: 100%; margin: 0 auto; }
.pro-big-img .gallery-left .swiper-slide img{width:100%; }
.pro-big-img .gallery-thumbs .swiper-button-pro-prev{ top:30%; }
.pro-big-img .gallery-thumbs .swiper-button-pro-next{ top:30%; }
.pro-big-img .gallery-thumbs{ height: 100px;}
.products_show .show-pro-top{ margin-top:30px;}

}
@media only screen and (max-device-width: 400px){
.pro-big-img .gallery-left{ height:260px; }
}
.section-content-bottom{ margin-top:70px; margin-bottom: 70px; border-top: 12px solid #ffd900; }
.section-content-bottom .pro_info_1_2 ul li{float:left; }
.section-content-bottom .pro_info_1_2 ul li a{ font-size:24px; padding-left: 3.5em; display:block; }
.section-content-bottom .pro_info_1_2{ border-bottom:1px #e5e5e5 solid; padding:30px 0; overflow:hidden}
.section-content-bottom .pro_info_1_2 .title { font-size: 30px; font-weight: bold;}
.section-content-bottom .pro_info_1_2 ul li a.active,.section-content-bottom .pro_info_1_2 ul li a:hover{ color: #ffd900;}
.pro_info_2_1_t{ margin-top:55px;font-size:36px; font-weight: bold; color:#333; }
.pro_info_2_1_t span{ font-size: 36px; text-transform: uppercase;}
.pro_info_2_3_t{margin-top:2.3em; margin-bottom:0em; color:#333; line-height:2; font-size: 18px;}

.pro_info_2_mid{overflow:hidden;}
.nav-wrap { float: right;}
.nav-wrap.navFix{position: fixed;top: 89px;left: 0; width:100%;  box-shadow: 0 0 5px rgba(0,0,0, 0.2);border-bottom:1px solid #e3e3e3; z-index: 99999; background-color:#92959b;}
.nav-wrap .container{padding-left:0; padding-right:0}
.nav-wrap.navFix .container{padding-left:1em; padding-right:1em;}
@media only screen and (max-device-width: 1440px){
.pro_info_2_1_t{ margin-top:35px;font-size:30px;}
.section-content-bottom .pro_info_1_2 .title { font-size: 26px;}
.section-content-bottom .pro_info_1_2 ul li a{ font-size:20px;}
}
@media only screen and (max-device-width: 1366px){
.pro_info_2_1_t{ font-size:26px;}
.section-content-bottom .pro_info_1_2 .title { font-size: 24px;}
}
@media only screen and (max-device-width: 1280px){
.pro_info_2_1_t{ margin-top:25px;font-size:22px;}
.pro_info_2_3_t{margin-top:1.5em; }
.section-content-bottom .pro_info_1_2 .title { font-size: 22px;}
}
@media only screen and (max-device-width: 1200px){
.section-content-bottom .pro_info_1_2{padding:20px 0;}
.section-content-bottom .pro_info_1_2 .title { margin-bottom: 15px;}
.nav-wrap { float: left;}
.section-content-bottom .pro_info_1_2 ul li a{ font-size:18px; padding-left: 0px; }
.pro_info_2_1_t{ font-size:20px;}
.pro_info_2_3_t{font-size: 16px; margin-top: 1em;}
}
@media only screen and (max-device-width: 768px){
.section-content-bottom .pro_info_1_2 ul li{ margin-right: 0px;}
.section-content-bottom .pro_info_1_2 ul li a{ padding-right: 2em; }
.pro_info_2_1_t{ font-size:18px;}
.section-content-bottom .pro_info_1_2 .title { font-size: 20px;}
.pro-show-info { padding: 10px;}
.pro_info_2_3_t{ line-height: 1.7;}
.pro_info_2_3_t table tr{ height: 48px;}
.pro_info_2_3_t table tr td{ padding-left: 10px; font-size: 15px; }
}
@media only screen and (max-device-width: 460px){
.section-content-bottom .pro_info_1_2 ul li a{ font-size:1em; padding-right: 0.8em; }
.section-content-bottom{ margin-top:40px; }
.section-content-bottom .pro_info_1_2 .title { font-size: 18px;}
.pro_info_2_1_t{ font-size:17px;}
.products_show .pro-show-info .procontact span a{ font-size:17px; }
.products_show .pro-show-info .procontact { margin: 10px 0 5px; padding-bottom: 10px;border-bottom: 1px solid #dcdcdc;}
}

.news_list li {overflow:hidden; border-bottom: 1px solid #ddd; padding:30px 0px; }
.news_list li:first-child{  border-top: 1px solid #ddd;} 
.news_list li a{display:block;}
.news_list li ._img{ width: 17%; overflow: hidden; float: left;}
.news_list li ._img img{ width: 100%; }
.news_list li ._intro { width:83%; float: left; margin-left: 1%; margin-right: 1%; overflow:hidden; cursor:pointer; margin-top: 15px; color:#6d6d6d;}
.news_list li ._title {display:block;line-height:32px; font-size:20px; margin-bottom:10px; color:#000; font-weight:normal; white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.news_list li ._info { display: none; line-height:30px; color:#999999;margin-bottom:10px; }
.news_list li ._text {line-height:26px; overflow:hidden; font-size:16px; color:#606060; text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;	-webkit-box-orient: vertical;}
.news_list li:hover ._title {color:#ffd900;}
.news_list .list_time{ color:#ffd900;width:15%; float:left;text-align: right; margin-top: 15px; }
.news_list .list_time_day{display:block;font-size:18px;line-height:34px;  }
.news_list .list_time_year{ font-size:34px; line-height:40px;}
@media only screen and (max-width:1366px){
.news_list li { padding:20px 0px;}
.news_list li ._title { line-height:28px; font-size:18px; margin-bottom:10px; }
.news_list li ._text { font-size:15px; }
.news_list li ._intro {margin-top: 0px; }
.news_list .list_time{ margin-top: 0px; }
}
@media only screen and (max-width:1280px){
.news_list li ._intro {margin-left: 3%; margin-right: 3%;}
.news_list .list_time{ width: 12%; }
}
@media only screen and (max-width:992px){
.news_list .list_time_year{ font-size:30px; line-height:40px;}
}
@media only screen and (max-width:768px){
.news_list li { padding:20px 0px;}
.news_list li ._img{ width: 25%; }
.news_list li ._intro { width:72%; margin-left:0; margin-right: 3%;}
.news_list li ._text { height: 0px; margin-bottom: 0px; display: none; }
.news_list li ._title { margin-bottom:0px; font-size:17px;}
.news_list li ._info { margin-bottom:0px; display: block; }
.news_list .list_time{display: none; width: 0px; }

}
@media only screen and (max-width:425px){
.news_list li { padding:15px 0px;}
.news_list li ._title { line-height:26px; font-size:16px; margin-bottom:0px;}
.news_list li ._text {text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical;}
.news_list li ._img{ width: 34%; }
.news_list li ._intro { width:62%;}
}
.news_show .news_show_left { width: 71%; float: left;}
.news_show .news_show_right { width: 24%; float: right;}
.news_show .param-t{font-size: 30px; font-weight: bold; color: #333; padding-bottom:30px;border-bottom:1px solid #ccc; margin-bottom: 30px; }
.news_show p,.news_show div { line-height: 30px;color: #666; font-size: 16px; margin-bottom: 10px;}
.news_show .param-tit{font-size: 30px;padding-bottom:20px; color: #333; }
.news_show .param-s{ font-size: 15px; margin-bottom: 30px; color: #666; text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;
-webkit-line-clamp: 2;	-webkit-box-orient: vertical;}
.news_show .param-c h3{ font-size: 18px; font-weight: bold; line-height: 50px; }
.news_show .param-c p{ line-height:32px; font-size: 16px; color: #666; }
.news_show .param-img{  margin-bottom: 20px; }
.news_show_right .list>div{border:1px solid #e5e5e5; margin-bottom:25px;}
.news_show_right .list .box{padding:25px 30px;}
.news_show_right .list .box .t{font-size:24px; color:#3c3c3c; line-height:24px; position:relative; margin-bottom:15px}
.news_show_right .list .box .t:after{content:''; position:absolute; width:68%; height:1px; background:#e5e5e5; left:30%; top:12px;}
.news_show_right .list .box .d{font-size:15px; color:#999;}
.news_show_right .list .box .d i{margin-right:5px}
.news_show_right .list .box .tit{font-size:16px; color:#696969; line-height:28px; height:50px; overflow:hidden; transition:all .3s ease; text-overflow: ellipsis; margin-top:15px;
display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;*}
.news_show_right .hot_news{ background-color: #fcfcfc;}
.news_show_right .hot_news .hot_box{padding:0 20px;}
.news_show_right .hot_news .infor .box{padding:25px 0 0;}
.news_show_right .hot_news .infor .tit{float:left; font-size:24px;color:#444; line-height:26px;}
.news_show_right .hot_news .infor .more{font-size:16px; color:#999; float:right; line-height:26px;}
.news_show_right .hot_news .con .item .t{font-size:16px; color:rgba(124, 123, 123); line-height:24px;  overflow:hidden; transition:all .3s ease;}
.news_show_right .hot_news .con .item .d{font-size:15px; color:#727272;}
.news_show_right .hot_news .con .box{padding:25px 0 0px;}
.news_show_right .hot_news .con .item .t:hover{color:#ffd900;}
.news_show_right .list .box:hover .tit{color:#ffd900;}
@media(max-width:1366px) {
.news_show .news_show_left { width: 71%; }
.news_show .news_show_right { width: 27%; }
.news_show img{ width: 100%;}
}
@media(max-width:1280px) {
.news_show .news_show_left { width: 68%; }
.news_show .news_show_right { width: 30%; }
.news_show .param-t{font-size: 20px;padding-bottom:20px; }
.news_show .param-tit{font-size: 20px; }
.news_show .param-c { padding-top: 20px;}
.news_show_right .list .box .t{font-size:22px; }
.news_show_right .list .box .t:after{ width:66%; left:32%;}
}
@media(max-width:1200px) {
.news_show { padding-right: 0px;}
}
@media(max-width:992px) {
.news_show { padding-right: 0px;}
.news_show .param-tit{font-size: 18px;padding-bottom: 5px; }
.news_show .param-s{ margin-bottom: 20px; padding-bottom: 20px;}
.news_show .param-c { padding-top: 10px;}
.news_show p,.news_show div { line-height: 28px;}
.news_show .news_show_left { width:100%; float: none;}
.news_show .news_show_right { width: 0; float: none;}
}
@media(max-width:680px) {
.news_show .param-t{font-size: 18px; padding-bottom:10px;}
.news_show .param-c p{ font-size: 15px;line-height:26px;}
.news_show .param-s{ margin-bottom: 10px; padding-bottom: 10px; }
.news_show .param-c { padding-top: 0px;}

}
.service .pt1{ background:#f8f8f8;}
.service .pt1 .pt1_l{ width:45%; float:left;}
.service .pt1 .pt1_l img{ width:100%;}
.service .pt1 .pt1_r{ width:55%; float:right; background-color: #f8f8f8;}
.service .pt1 .pt1_r ul{ padding:40px 50px 40px 60px;}
.service .pt1 .pt1_r li{ margin-bottom:20px;}
.service .pt1 .pt1_r li ._layer { padding-left:25px;}
.service .pt1 .pt1_r li ._layer strong{font-size:18px; line-height:42px; color:#222;}
.service .pt1 .pt1_r li .p { color:#666; line-height:26px; margin-top: 5px;}
.service .pt2{ background:#f9f9f9 url(../images/ser_bg.jpg) no-repeat center center; padding:70px 0; }
.service .pt2 .desc{ font-size:16px; margin:0 auto 70px; text-align:center;}
@media screen and (max-width: 1400px){
.service .pt1 .pt1_r ul{ padding:24px 20px 24px 35px;}
}
@media screen and (max-width: 1366px){
.service .pt1 .pt1_r ul{ padding:14px 20px 14px 25px;}
.service .pt1 .pt1_r li{ margin-bottom:10px;}
}
@media screen and (max-width: 1280px){
.service .pt1 .pt1_r ul{ padding:10px 20px 10px 25px;}
}
@media screen and (max-width: 1200px){
.service .pt1 .pt1_r ul{ padding:10px 10px 10px 15px;}
.service .pt1 .pt1_r li{ margin-bottom:3px;}
}
@media screen and (max-width: 1160px){
.service .pt2 img{ width:100%;}
.service .pt1 .pt1_l{ width:50%; }
.service .pt1 .pt1_r{ width:50%; }
}
@media screen and (max-width: 1024px){
.service .pt1 .pt1_l{ width:100%; display: none; float:none;}
.service .pt1 .pt1_r{ width:100%; float:none;}
.service .pt1 .pt1_r ul{ padding:15px 15px;}
.service .pt1 .pt1_r li{ margin-bottom:10px;}
.service .pt1 .pt1_r li .p { line-height:24px;}
.service .pt1 .pt1_r li ._layer { padding-left:15px;}
}
@media screen and (max-width: 768px){
.service .pt1 .pt1_l{ width:100%; float:none; display: block; }
.service .pt1 .pt1_r{ width:100%; float:none;}
.service .pt1 .pt1_r ul{ padding:30px 25px;}
.service .pt1 .pt1_r li{ margin-bottom:15px;}
.service .pt1 .pt1_r li .p { line-height:28px;}
.service .pt1 .pt1_r li ._layer strong{font-size:17px;}
.service .pt2 .desc{ margin:0 auto 30px; font-size:15px; text-align:center;}
.service .pt2{ background:#f9f9f9 url(../images/ser_bg.jpg) no-repeat center bottom;  background-size: 100% auto; padding:30px 0; }
}
@media screen and (max-width: 425px){
.service .pt1 .pt1_r ul{ padding:30px 20px;}
.service .pt1 .pt1_r li ._layer { padding-left:0px;}
.service .pt1 .pt1_r li ._layer strong{font-size:16px;}
}
/*常见问题*/
.problem_list .problem-item {line-height: 36px;cursor: pointer;padding: 12px 1rem; }
.problem_list .problem-item.cur .problem-h5 {background: url(../images/jian3.png) no-repeat right 32px center; }
.problem_list .problem-h5 {position: relative;padding: 18px 0px 10px 40px;font-size: 18px;color: #333;font-weight: bold;background: url(../images/jian3on.png) no-repeat right 32px center; }
.problem_list .problem-h5:before {content: "";display: block;width: 28px;height: 28px;top: 25px;left: 0;position: absolute;background: url(../images/wen1.jpg) no-repeat center; }
.problem_list .problem-detail { padding: 0px 0px 0 40px; height:52px; overflow:hidden; line-height:26px; color: #666; }
.problem_list .problem-h5 a:hover{ color: #ffd900;}
.down_list dt { border-bottom: 1px solid #e1e2e2;font-weight:normal;height:90px;line-height:90px; }
.down_list dt .con .name {width:60%; float: left; color:#555; font-size: 18px; overflow:hidden; text-align:left;}
.down_list dt .con .fa{ font-size:28px;float: left;  margin-right: 12px; margin-top:10px; line-height: 70px; color: #ffd900;}
.down_list dt .con .date { float: right; color:#777;}
@media (max-width:992px){
.down_list dt {height:50px;line-height:50px; margin-top:15px;}
.down_list dt .name {width:90%; font-size: 16px;}
.down_list dt .con .fa{ font-size:20px; margin-top:10px; line-height: 40px; }
}
@media (max-width:768px){
.down_list dt .con .fa{ margin-right: 5px; margin-top: 5px;}
.problem_list .problem-h5 {position: relative;padding: 18px 0px 5px 40px;font-size: 16px; line-height:36px; font-weight:normal; color:#222; }
.down_list dt .con .name {width:75%; font-size: 17px; }
}
@media(max-width:435px) {
.problem_list .problem-item {line-height:26px;cursor: pointer;padding: 0px 1rem; }
.down_list dt .con .date { display: none;}
}
/*行业应用*/
.application li{ margin-bottom:30px;}
.application ul li .tit-pic{display: block;overflow: hidden;}
.application ul li .tit-pic img{width:100%;-webkit-transition:.5s;-moz-transition:.5s; -ms-transition:.5s;-o-transition:.5s;transition:.5s;}
.application ul li:hover .tit-pic img{-webkit-transform:scale(1.05,1.05);-moz-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);transform:scale(1.05,1.05);}
.application ul li .tit-font{display: block;color:#333;height:60px;line-height:60px;overflow: hidden; padding:5px; white-space: nowrap;text-overflow: ellipsis;text-align:center; font-size:24px; font-weight:600;}
.application ul li:hover .tit-font{ color:#ffd900;}
@media (max-width:768px){
.application li{ margin-bottom:0px;}
.application ul li .tit-font{ height:40px;line-height:40px; font-size:16px; font-weight: normal; padding:0px;}
}
/*联系方式*/
.page-contact .left{width:50%; float:right; background: url(../images/contact.jpg) no-repeat;}
.page-contact .left .box{padding: 70px 125px 40px 85px; border: 1px solid #ececec;}
.page-contact .left .box .infor .tit1{ padding-left:30px; font-size:24px; font-weight: bold; color:#fff; line-height:46px; padding-bottom: 20px; margin-bottom:30px; border-bottom: 1px solid #68a176;}
.page-contact .left .box .infor .common-line{margin:16px 0 34px;}
.page-contact .left .box .infor .con{font-size:16px; color:#fff; line-height:30px; margin-bottom:28px;}
.page-contact .left .box .infor .text .addr{position:relative; padding-left:30px; padding-bottom: 25px; margin-bottom:25px; border-bottom: 1px solid #68a176;}
.page-contact .left .box .infor .text .addr .icon{display:inline-block; width:20px; height:18px; background:url(../images/contact_us01_2.png) no-repeat center; position:absolute; left:0; top:5px;}
.page-contact .left .box .infor .text .addr span{display:inline-block; font-size:16px; color:#fff; line-height:30px;}
.page-contact .left .box .infor .text .phone{position:relative; padding-left:30px; margin-bottom:25px;  padding-bottom: 25px;border-bottom: 1px solid #68a176;}
.page-contact .left .box .infor .text a{ color:#fff;}
.page-contact .left .box .infor .text .phone .icon{display:inline-block; width:20px; height:20px; background:url(../images/contact_us01_1.png) no-repeat center; position:absolute; left:0; top:8px;}
.page-contact .left .box .infor .text .phone span{display:inline-block; font-size:16px; color:#fff; line-height:30px;}
.page-contact .left .box .infor .text .tel{position:relative; padding-left:30px; color:#fff; font-size:16px; margin-bottom:25px; padding-bottom: 25px; border-bottom: 1px solid #68a176;}
.page-contact .left .box .infor .text .tel .icon{display:inline-block; width:20px; height:18px; background:url(../images/contact_us01_3.png) no-repeat center; position:absolute; left:0; top:5px;}
.page-contact .left .box .infor .text .mail{position:relative; padding-left:30px; color:#fff; font-size:16px;margin-bottom:25px; padding-bottom: 25px; border-bottom: 1px solid #68a176;}
.page-contact .left .box .infor .text .mail .icon{display:inline-block; width:20px; height:18px; background:url(../images/contact_us01_4.png) no-repeat center; position:absolute; left:0; top:5px;}
.page-contact .left .box .infor .text .tel a,.page-contact .left .box .infor .text .fax a,.page-contact .left .box .infor .text .mail a{color:#fff; }
.page-contact .left .box .infor .text .tel a:hover,.page-contact .left .box .infor .text .fax a:hover,.page-contact .left .box .infor .text .mail a:hover{color:#fff; }
.page-contact .right{width:50%; float:left;}
.page-contact .map_box{overflow:hidden; height:520px;} 
.page-contact .map_box img{max-width:none;}
@media only screen and (max-width:1280px) {
.page-contact .left .box{padding: 55px; }
}
@media only screen and (max-width:992px) {
.page-contact .left .box{padding:55px 30px; }
.page-contact .left .box .infor .tit{font-size:20px; }
}
@media only screen and (max-width:768px) {
.page-contact .right{width:100%; float: none;}
.page-contact .left{width:100%; float: none; margin-bottom: 20px;}
.page-contact .left .box{padding: 30px;}
.page-contact .left .box .infor .tit{font-size:20px; line-height:26px; margin-bottom:20px;}
.page-contact .left .box .infor .common-line{margin:10px 0 14px;}
.page-contact .left .box .infor .con{ margin-bottom:18px;}
.page-contact .left .box .infor .text .addr{padding-bottom: 15px; margin-bottom:15px;}
.page-contact .left .box .infor .text .phone{ margin-bottom:15px; padding-bottom: 15px;}
.page-contact .left .box .infor .text .tel{margin-bottom:15px; padding-bottom: 15px; }
.page-contact .left .box .infor .text .mail{ margin-bottom:15px; padding-bottom: 15px; }
}
.message-main .form-item {margin-bottom: 20px;}
.message-main form .button {text-align: center; }
.message-main form .button button {padding: 22px 70px;background-color: #ffd900;color: #fff;}
.message-main .form-item {border-bottom: 1px solid #dcdcdc;line-height: 60px; height: 60px;  }
.message-main .form-item span{ width:4%; float: left;}
.message-main .form-item input {width: 93%;border: 0;  float: left;font-size: 16px; line-height: 58px;  }
.message-main .form-area{border-bottom: 1px solid #dcdcdc; height: 150px;margin-bottom: 50px;}
.message-main .form-area textarea { width: 98%; float: left; height: 148px; border: 0;font-size: 16px; }
.message-main .form-area span{ width:2%; float: right;}
.message-main .form-bottom {margin-top: 60px;}
.message-main .form-bottom span {display: inline-block;color: #999;margin-right: 30px;}
.message-main .form-bottom #code {width: 285px;height: 65px;border: 1px solid #e5e5e5;background-color: #fff;margin-right: 15px; padding-left: 5px; color: #999;}
.message-main button{ border: 0px;}
.d-inline {display: inline-block;}
@media(max-width:992px) {
.message-main .form-area textarea { width: 93%; float: left; height: 148px; border: 0;font-size: 16px; }
.message-main .form-area span{ width:4%; float: left;}	
.message-main .form-main {padding-top: 0px;}
}
@media(max-width:768px) {
.message-main .form-bottom #code {width: 185px; height: 55px; }
.message-main form .button button {padding: 25px 30px; margin-top: 10px;}
}
@media(max-width:528px) {
.message-main .form-bottom span { display: none;}
.message-main form .fr{ float: left;}
.message-main form .button button {padding: 15px 40px; }
}
.message-main .red{ color: #ff0000; font-size: 20px;}
.policy strong { font-weight: bold; margin-bottom: 20px;}
.policy{ line-height: 32px;}

.news_show .param-tit{ text-align:center;}
#maximg img{ max-width:100% !important; height:auto !important}

.pagebar { padding:20px; overflow:hidden; clear:both}
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 12px;
  padding: 8px 10px;
  margin: 0 2px;
  border-radius: 3px; line-height:100%
}
.pagination span {
    color: #333;
    font-size: 12px;
    padding: 7px 2px;
    margin: 0 2px;
    border-radius: 3px;
}
.pagination a:hover {
  color: #333;
  border: 1px solid #333;
}
.pagination a.page-num-current {
  color: #fff;
  background: #333;
  border: 1px solid #333;
}
.pagination .st{ font-family:宋体}
.text-secondary{ text-align:center; padding:20px 0}


/*!表格专用css*/
table{max-width:100%;border-collapse:collapse;border-spacing:0}table,.table{width:100%;margin-bottom:18px}table th,.table th,table td,.table td{padding:8px;vertical-align:top;border-top:1px solid #ddd}table th,.table th{font-weight:bold}table thead th,.table thead th{vertical-align:bottom}table thead:first-child tr th,.table thead:first-child tr th,table thead:first-child tr td,.table thead:first-child tr td{border-top:0}table tbody+tbody,.table tbody+tbody{border-top:2px solid #ddd}.table-condensed th,.table-condensed td{padding:4px 5px}table{border:1px solid #ddd;*border-collapse:collapsed;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}table th+th,table td+td,table th+td,table td+th{border-left:1px solid #ddd}table thead:last-child tr:last-child th:last-child,table tbody:last-child tr:last-child td:last-child{}.table tbody tr:hover td,.table tbody tr:hover th{background-color:#f5f5f5}table th{background:#fffbe9}.table th,.table td{vertical-align:middle}

/* ===== 5. home.css ===== */
/* ==========================================================
   首页专属样式（原为 index.html 内联 ，抽取为独立文件）
   包含：公司简介区、产品轮播按钮、最新动态列表
   仅首页(index.html)引入，不参与其他页面加载
   ========================================================== */

/* ---- 首页公司简介区 ---- */
.index4 {
  padding: 100px 0 4px 0;
}

.zuowen {
  width: 56%;
  float: left;
}

.H4 {
  font-size: 36px;
  font-weight: bold;
  color: #fec542;
}

.H5 {
  color: #fec542;
  font-size: 14px;
  padding-top: 10px;
}

.p {
  margin-top: 50px;
  font-size: 17px;
  line-height: 40px;
  text-align: justify;
  text-indent: 2rem;
}

.videoR {
  width: 40%;
  float: right;
}

@media (max-width: 992px) {
  .index4 {
    padding: 30px 0;
  }

  .zuowen {
    width: 100%;
  }

  .videoR {
    width: 100%;
  }

  .p {
    margin-top: 10px;
    font-size: 17px;
    line-height: 30px;
    text-align: justify;
    text-indent: 2rem;
  }
}

/* ---- 产品轮播：移动端隐藏上一页/下一页按钮 ---- */
@media (max-width: 992px) {
  .ydyc {
    display: none !important;
  }
}

/* ---- 首页最新动态 ---- */
.news-lists {
  margin-top: 50px;
  padding: 0 5px; /* 为边缘元素阴影预留空间 */
  overflow: visible; /* 确保阴影不被裁剪 */
}

.xinwenbiao {
  float: left;
  width: 50%;
}

.xinwenfen {
  float: right;
  width: 40%;
}

.xinwenfen a button {
  padding: 5px 10px;
  border: none;
  border-radius: 15px;
  margin-left: 30px;
}

.xinwenfen a .active {
  background: #fec542;
  color: #fff;
}

.xinwenfen a:last-child button {
  background: none;
  margin-right: 0;
  float: right;
  color: #CCC;
}

/* 1. 调整宽度和间距：24%宽度 + 0.66%右间距，4个刚好充满 */
.newxinwen {
  width: 24%; /* 原23.5% → 改为24% */
  margin: 0 0.66% 2% 0; /* 原margin-right:2% → 改为0.66% */
  float: left;
  padding: 10px;
  box-sizing: border-box; /* 确保padding不影响宽度计算 */
  transition: box-shadow 0.3s ease;
}

/* 2. 控制第4个元素无右间距 */
.newxinwen:nth-child(4n) {
  margin-right: 0;
}

/* 3. 删除第一个元素的额外左间距（关键修改） */
.newxinwen:first-child {
  margin-left: 0; /* 原margin-left:0.5% → 改为0 */
}

.newxinwen h3 {
  font-size: 21px;
  line-height: 30px;
  height: 60px;
  margin-bottom: 40px;
  font-weight: 500;
  font-family: "黑体", sans-serif;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  word-break: break-all;
  -webkit-box-orient: vertical;
  box-orient: vertical;
  white-space: normal;
}

.newxinwen p {
  font-size: 14px;
  color: #666;
  height: 60px;
  font-weight: 500;
  font-family: "黑体", sans-serif;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  word-break: break-all;
  -webkit-box-orient: vertical;
  box-orient: vertical;
  line-height: 30px;
  margin: 20px 0;
  white-space: normal;
  padding: 0;
}

.newxinwen button {
  border: none;
  background: none;
  color: #666;
  font-size: 14px;
}

/* 修复阴影显示不全问题：优化阴影参数 */
.newxinwen:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); /* 扩大阴影范围，增强底部显示 */
}

@media (max-width: 992px) {
  .news-lists {
    margin-top: 30px;
  }

  .xinwenfen {
    display: none;
  }

  .newxinwen {
    width: 100%;
    margin: 0 0 10px 0; /* 移动端调整间距 */
    box-shadow: 0 0 5px 0px #cccccc;
  }

  /* 移动端取消第一个元素的左侧间距 */
  .newxinwen:first-child {
    margin-left: 0;
  }
}

/* ================= 合并完成 ================= */


/* ===== head.html 原内联样式（outline 清除）===== */
* {
    outline: none !important;
}
a:focus, button:focus, input:focus {
    outline: none !important;
}
a:active, button:active {
    outline: none !important;
}