@charset "utf-8";
/*通用样式*/
html, body, div, span, iframe, map, font, img, a img, samp, strong, hr, h1, h2, h3, h4, h5, h6, b, p, blockquote, a, address, code, dl, dt, dd, ol, ul, li, form, label, table, tr, td, th{ padding: 0; margin: 0; border: 0; font-family: "Noto Sans SC"; font-weight: 400; list-style:none;  transition: all 0.05s; text-align:justify;}
html, body { position: relative; height: 100%;}
body{ background:#fff; font-size:14px; line-height:1.75; overflow-x:hidden;  }
img{ border:0; max-width:100%;}
a{ text-decoration:none; color:#000;  }
a:hover{ color:#be9e62;  }
.clear { clear:both;}
.clearfix { zoom:1;}
.clearfix:after { content:'\20'; display:block; height:0; clear:both;}
.warp{ width:90%; max-width:1400px; margin:0px auto;}
.aboutwarp{ width:90%; max-width:1200px; margin:0px auto;}
.fl { float: left;}
.fr { float: right;}
@font-face {
	font-family:thin;
	src: url(thin.ttf);
}
@font-face {
	font-family:din;
	src: url(din.otf);
}
div { box-sizing:border-box;}
.posicon{ display:inline-table; vertical-align:middle; width:30px; height:30px; background:url(../images/pos.png) center no-repeat;}
/* CSS Document */
.header { position: absolute; top:0; left:0; width:100%; height: 100px; /*border-bottom: 2px solid #38406b; */z-index:1000000001;}
.header:hover{ background:#fff; border-bottom: 2px solid #38406b;}
.header0{ background:#fff; border-bottom: 2px solid #38406b; position:relative;}
.header .logo { position: absolute; left: 50%; top: 40px; margin-left: -110px; width: 220px;}
.header .logo img.logo0{ display:block; width:100%;}
.header .logo img.logo1{ display:none; width:100%;}
.header:hover .logo img.logo0, .header0 .logo img.logo0{ display:none;}
.header:hover .logo img.logo1, .header0 .logo img.logo1{ display:block;}
.headerCont { padding: 0 14% 0 14%;}
.nav { float: left;}
.nav li { float: left; margin-right: 5vw;}
.nav li>a { transition: all 0.5s; padding-left: 20px;  display: block; line-height: 100px; font-size: 16px; color: #fff;}
.header:hover .nav li>a, .header0 .nav li>a{ color:#333333;}
.nav li>a:hover { color: #b89f6a;}
.nav li:nth-child(3) { margin-right: 22vw;}
.nav li.cur>a, .nav li.active>a { color: #b89f6a; background: url(../images/navCur.png) left center no-repeat;}
.shoper { float: right; background: url(../images/select.png) right center no-repeat; padding-right: 20px; margin-top: 40px; cursor: pointer;}
.search{ transition: all 0.5s; position: relative; float: right; display: block; width: 125px; height: 25px; margin-top: 38px; cursor:pointer;}
.search .inp{ transition: all 0.5s; height: 25px; border: 1px solid #a3a3a3;  border-radius: 13px; padding:0px 5px; background:#a3a3a3; }
.search input[type=text]{ height: 25px; border:none; background-color: transparent; color: #ccc; font-size: 12px; line-height: 25px; width: 80%; outline:none; }
.search input[type=submit]{ float: left; border:none; width: 18px; height: 25px; background:url(../images/search0.png) center center no-repeat; }
.searchinput::input-placeholder{ color:#fff; }
.searchinput::-webkit-input-placeholder{ color:#fff; }
.searchinput::-moz-placeholder{ color:#fff; }
.searchinput::-moz-placeholder{ color:#fff; }
.searchinput::-ms-input-placeholder{ color:#fff; }
.search .inp:hover{ background:#fff; border:1px solid #ccc;}
.search .inp:hover input[type=submit]{ background:url(../images/search2.png) center center no-repeat; }

.nav li:last-child { margin-right: 0;}
.subSlide { z-index: 2; display: none; position: absolute; left: 0; width: 100%; top: 100px; background: rgba(255,255,255,1);}
.subSlide dl { overflow: hidden; padding: 60px 10%;}
.subSlide dt { width: 22%; margin-right: 4%; float: left;}
.subSlide dt:last-child { margin-right: 0;}
.subSlide dt:hover img { transform: scale(1.1);}
.subSlide dt:hover h2 { color: #be9e62;}
.safeCakeSlide{ display: none; z-index: 2; position: absolute; left: 0; width: 100%; top: 100px;  background: rgba(255,255,255,1); padding: 60px 10%; box-sizing: border-box;}
.cakeFirst {width: 22%;  float: right;}
.cakeFirst h2 { font-size: 18px; color: #000000; line-height: 48px; transition: all 0.5s;}
.cakeFirst span { display: block; background: url(../images/jt.png) left top no-repeat; padding-top: 21px; font-size: 7px; color: #808080;}
.cakeFirst .videodiv { margin-top:80px;}
.cakeFirst .videodiv a{ padding:10px 60px 10px 30px; background: url(../images/jt.png) right 30px center no-repeat; border:1px solid #333; border-radius:25px; font-size:18px; color:#000; }
.cakeFirst .videodiv a:hover{ background: url(../images/jt0.png) right 30px center no-repeat #be9e62 !important ; border:1px solid #be9e62; color:#fff; }

.cakeRight { float: left; width:74%;}
.choseTop dl { overflow: hidden;}
.choseTop dt { position: relative; float: left; width: 12%; margin-right: 0.57%; }
.choseTop dt:nth-child(8n){ margin-right:0;}
.choseTop dt:hover a>img, .choseTop dt.cur a>img { opacity: 0;}
.choseTop dt:hover, .choseTop dt.cur { background: #b89f69;}
.choseTop dt img { margin: 0 auto;}
.img1 { display: block;}
.img2 { display: none;}
.choseTop dt:hover .img1, .choseTop dt.cur .img1 { display: none;}
.choseTop dt:hover .img2, .choseTop dt.cur .img2 { display: block;}
.choseTop dt:last-child { margin-right: 0;}
.innerBox img { width: 41%;}
.choseTop dt p { text-align: center; font-size: 16px; font-weight: 300; color: #333;}
.choseTop dt:hover p, .choseTop dt.cur p { color: #fff;}
.choseTop dt a>img { display: block; width: 100%;}
.innerBox { height: 100%; display: table; position: absolute; left: 0; top: 0; width: 100%;}
.table-cell {display: table-cell; vertical-align: middle; width: 100%; height: 100%;}
.subImg { overflow: hidden;}
.subImg img { display: block; width: 100%; transition: all 0.5s;}
.subSlide dt h2 { font-size: 18px; color: #000000; line-height: 48px; transition: all 0.5s;}
.subSlide dt span { display: block; background: url(../images/jt.png) left top no-repeat; padding-top: 21px; font-size: 7px; color: #808080;}
.banner img { display: block; width: 100%;}
.banner span { outline: none; box-sizing: border-box; border: 1px solid #ffffff; opacity: 1; background: none;}
.banner span.swiper-pagination-bullet-active { background: #ffffff;}
.proBox:hover p { color: #b89f6a;}
.section-1 { background: url(../images/contBg.png) center bottom no-repeat; margin: 6.25vw auto 0; padding: 73px 10% 138px;}
.titCell { line-height: 1; color: #17244c; font-size: 35px; padding-top: 48px; position: relative;}
.titCell:after { content: ''; position: absolute; left: 0; top: 0; height: 2px; width: 60px; background: #b39d7a;}
.productBelief { color: #333333; font-size: 30px; line-height: 40px; margin-top: 240px;}
.section-2 { padding: 0 10%;}
.lifeImg { overflow: hidden;}
.lifeImg img { display: block; width: 100%; transition: all 0.5s;}
.lifeList li:hover img { transform: scale(1.1);}
.lifeList ul { padding-bottom: 4vw; border-bottom: 2px solid #313d60; margin-top: 65px; overflow: hidden;}
.lifeList li { float: left; width: 32%; position: relative; margin-right: 2%;}
.posTxt { box-sizing: border-box; padding-left: 22px; position: absolute; bottom:16px; left: 0; width: 100%;}
.lifeList li:last-child { margin-right: 0;}
.posTxt p { padding-left: 20px; font-size: 22px; color: #ffffff;}
.posTxt span { padding-left: 26px; font-size: 12px; zoom: 0.8; color: #ffffff;}
.lifeList li:hover p { background: url(../images/jt.png) left center no-repeat;}
.safeTitle { padding: 28px 0 17px; text-align: center; background: url(../images/titBg.png) center no-repeat;}
.safeTitle p { line-height: 1; font-size: 22px; color: #17244c; text-align:center;}
.safeTitle p i { display: inline-block; width: 40px; height: 2px; background: #bdaa8b; margin: 0 20px; vertical-align: middle;}
.safeTitle span { line-height: 1; font-size: 12px; color: #17244c; zoom: 0.8;}
.section-3 { padding: 110px 10% 0; margin-bottom: 6.25vw;}
.safeList ul{ overflow: hidden; padding-bottom: 80px; border-bottom: 1px solid #364164;}
.safeList li { position: relative; overflow: hidden; float: left; width: 24.5%; margin-right: .6666%; margin-bottom: .6666%; }
.safeList li:nth-child(4n) { margin-right: 0;}
.safeList li img { display: block; width: 100%; transition: all 0.5s;}
.safeList li:hover img { transform: scale(1.1);}

.safeList2{ margin-top:20px;}
.safeList2 li { margin-bottom:10px;}
.safeList2 li a{ display:flex; justify-content:space-between; align-items:stretch;}
.safeList2 li:nth-child(2n) a{ flex-direction:row-reverse;}
.safeList2 li a .txt{ width:35%; background:url(../images/mproBg.jpg) center no-repeat; background-size:cover; padding:4% 1%; text-align:center;}
.safeList2 li a .txt img{ width:auto; height:60px; margin:0 auto;}
.safeList2 li a .txt .line{ margin:10px auto 5px; width:50%; height:1px; background:#be9e62;}
.safeList2 li a .txt span{ font-size:16px; color:#fff;}
.safeList2 li a .img{ width:64.5%;}
.safeList2 li img { display: block; width: 100%; transition: all 0.5s;}


.txtTop { background: url(../images/jt.png) 22px bottom no-repeat; z-index: 2; position: absolute; left: 0; top: 30px; box-sizing: border-box; padding: 0 22px 22px; width: 100%;}
.txtTop h2 { margin-bottom: 15px; font-family: thin; font-size: 50px; font-weight: 300; color: #ffffff; display:none;}
.txtTop p { color: #ffffff; font-weight: 300; font-size:20px; letter-spacing:2px;}
.txtBottom { box-sizing: border-box; padding-left: 23px; position: absolute; bottom: 20px; color: #ffffff; font-size: 12px; padding-top: 10px;}
.txtBottom:after { content: ''; position: absolute; left: 23px; top: 0; width: 25px; height: 2px; background: #97805e;}
.safeList { margin-top: 60px;}
.section-4 { padding: 94px 0 0;}
.videoCont { margin: 87px auto 22px; overflow: hidden; background: #000000; padding: 37px 10% 80px;}
.videoImg img { height: 100%; object-fit: cover; transition: all 0.5s; display: block; width: 100%; margin:0px auto;}
.videoImg:hover img{ transform: scale(1.0);}
.bigCont .videoImg img{ width:100%;}
.videoImg {height:30vw; overflow: hidden; position: relative; }
.videoImg .controlPlay { cursor: pointer; background: url(../images/playBtn.png) center no-repeat; width: 44px; height: 44px; position: absolute; left: 50%; top: 50%;
transform: translate(-50%,-50%); z-index: 2;}
.bigCont h2 { font-size: 22px; color: #ffffff; line-height: 86px;}
.bigCont {   position: relative; float: left; width: 49%;}
.smallCont {float: right; width: 49%;}
.smallCont h2{ font-size: 22px; color: #ffffff; line-height: 86px;}
.smallCont ul { overflow: hidden;}
.smallCont li { overflow: hidden; cursor: pointer; height: 15vw; position: relative; float: left; width: 50%;}
.smallCont li img { transition: all 0.5s; display: block; height: 100%; object-fit: cover; width: 100%;}
.smallCont li h2 { z-index: 2; position: absolute; left: 16px; bottom: 29px; line-height: 20px; background: url(../images/playBtn.png) right center no-repeat;
background-size:20px; right: 20px; font-size: 13px; color: #ffffff;}

.smallCont li:hover img { transform: scale(1.1);}
.section-5 { padding: 0 10%; margin-bottom: 8vw;}
.section-5 h2{ font-size: 22px; color: #000000; line-height: 92px;}
.section-5 ul { overflow: hidden; display:flex; flex-wrap:wrap; justify-content:space-between;}
.section-5 li { border: 1px solid #d5d5d5; box-sizing: border-box; float: left; width: 24%; margin-right: 1.33333%;}
.section-5 li:last-child { margin-right: 0;}
.dynamicImg { overflow: hidden;}
.dynamicImg img { display: block; width: 100%; height:auto; transition: all 0.5s;}
.section-5 li:hover img { transform: scale(1.1);}
.dynamicTxt { padding:15px 18px;}
.dynamicTxt h3 { transition: all 0.5s; margin-bottom: 20px; font-size: 17px; color: #000000; line-height: 22px; height: 44px;overflow: hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.dynamicTxt p { font-size: 15px; color: #b89f6a; font-family: 'din';}
.section-5 li:hover h3 { color: #B89F6A;}
.footer { padding: 6vw 10%; background: #d7d7d7;}
.footerLink ul:after { content: ''; clear: both; display: block; height: 0;}
.footerLink li {border: 1px solid #d7d7d7; box-sizing: border-box; padding:25px 1.8%; background: #ffffff; margin-right: 2%; float: left; width: 32%; transition: all 0.5s;}
.footerLink li:hover { border: 1px solid #B89F6A;}
.footerLink li:last-child { margin-right: 0;}
.footerLink li h2 { font-size: 28px; color: #333333; position: relative; line-height: 30px;}
.footerLink li h2 a{ color: #333;}
.footerLink li h2 img { position: absolute; right: 0; top: 50%; transform: translateY(-50%); display: block;}
.footerLink li:nth-child(1) h2 img { display: inline; vertical-align: middle; position: static; transform: translate(0); height:24px;}
.titImg { position: absolute;right: 0; top: 50%; transform: translateY(-50%); display: block;}
.footerLink li p { line-height: 52px; font-size: 19px; color: #666666; padding-bottom: 20px; border-bottom:1px solid #17244c;}
.footerLink li p a{ color: #666;}
.footerSlide ul:after {content: ''; clear: both; display: block; height: 0;}
.footerSlide li {  padding-left: 30px; box-sizing: border-box; margin-right: 2%; float: left; width: 32%; transition: all 0.5s;}
.footerSlide li:last-child { margin-right: 0;}
.footerSlide dl { overflow: hidden;}
.footerSlide dt { float: left; width: 24%; margin-right: 1.3333%;}
.footerSlide dt:last-child { margin-right: 0;}
.footerSlide dt img { display: block; max-width: 100%;}
.footIcon { margin-bottom: 8px; display: block; height: 28px;}
.footerSlide { margin-top: 45px;}
.footerSlide li a.join { margin-bottom:12px; display: inline-block; font-size: 17px; line-height: 28px; color: #b89f6a; border-bottom: 1px solid #b89f6a;}
.footerSlide li:nth-child(1) p { font-size: 17px; color: #8a8a8a; line-height: 23px;}
.footerSlide li a.get { display: block; margin-top: 55px; font-size: 15px; color: #ffffff; width: 116px; line-height: 36px; text-align: center; background: #17244c;}
.footerSlide li:nth-child(2) p { font-size: 17px; color: #8a8a8a; line-height: 28px; margin-bottom: 12px;}
.footerSlide li:nth-child(2) span { display: block; font-size: 21px; line-height: 26px; color: #8a8a8a;}
.footerSlide li:nth-child(3) p { font-size: 17px; color: #8a8a8a; line-height: 1; margin-top: 14px;}

.youlian{ padding-top:20px; margin-top:30px; border-top:1px #ccc solid;}
.youlian p,.youlian p a{ font-size:14px; color:#666;}
.youlian p span{ display:inline-block; float:right; font-size:14px; text-align:right; }
.youlian p span.span1{ float:left; text-align:left; color:#666;}
.youlian p span.span2{ color:#888;}
.rule h2 { text-align: center; font-size: 35px; color: #13244f; line-height: 128px; position: relative;}
.rule h2:after { content: ''; position: absolute; width: 60px; height: 2px; background: #ba9f79; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
.rule { margin: 100px auto;}
.rule0 { margin: 0 auto 120px;}
.ruleArt { position: relative;}
.ruleArt img { display: block; width: 100%;}
.ruleArt p { color: #ffffff; font-size: 29px; line-height: 45px; position: absolute; left: 10%; top: 50%; transform: translateY(-50%);}
.ruleArt p.p0 { font-size:22px; line-height:36px; left: 50%; top: 5%; transform: translateX(-50%); text-align:center;}
.ruleArt p.p1 {  font-size: 30px; line-height: 45px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -90px); text-align:center; padding-left:10px;}
.ruleArt p.p2 {  font-size: 24px; line-height: 45px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, 80px); text-align:center; padding-left:10px;}

.swiper-btns-wrap5 {
  position: absolute;
  z-index: 3;
  height: 1px;
  overflow: visible;
  width: 100%;
  left: 0;
  top: 50%; }
  .swiper-btns-wrap5 .btn {
    position: absolute;
    display: block; padding:0; border:none; background:none; text-shadow:none; box-shadow:none;
    width: 35px;
    height: 66px;
    margin-top: -33px;
    cursor: pointer;
    background-position: center !important;
    background-repeat: no-repeat !important;
    transition: all .5s ease;
    background-size: 100%;
    overflow: hidden; }
    .swiper-btns-wrap5 .btn:focus {
      outline: none; }
  .swiper-btns-wrap5 .prev {
    left: -75px;
    background-image: url(../images/zuo2.png); }
    .swiper-btns-wrap5 .prev:hover {
      background-image: url(../images/zuo2.png); }
	
  .swiper-btns-wrap5 .next {
    right: -75px;
    background-image: url(../images/you2.png); }
    .swiper-btns-wrap5 .next:hover {
      background-image: url(../images/you2.png); }

.dashiji{ width:90%; max-width:1200px; margin:0px auto; position:relative;}
.technologyTit { margin-top: 15px; margin-bottom: 60px;}
.technologyTit h2 { line-height: 60px; font-size: 28px; color: #be9e62; text-align: center;}
.technologyTit p { font-size: 16px; color: #000000; line-height: 28px; text-align: center;}
.technologyTit .img { position:relative; margin-top:60px;}
.technologyTit .img img{ max-width:1080px; margin:0px auto; display:block;}
.technologyTit .img .p{ width:90%; max-width:820px; position: absolute; top:60%; left:50%; transform: translateX(-50%); text-align:left; text-indent:2em; letter-spacing:1px;}
.technologyTit .img .p a{ display:block; margin:10px auto; text-align:center; text-decoration:underline; color:#be9e62; transform: translateX(-20px);}
.technologyTit .img .p p{ text-align:left;}

.technologyTit .about_info { margin-top:20px; text-align:left;}
.technologyTit .about_info p{ font-size: 18px; color: #000000; letter-spacing:2px; line-height: 32px; text-indent:2em; padding:10px 0; text-align:justify;}
.technologyChose ul { text-align: center;}
.technologyChose li { cursor: pointer; position: relative; padding: 0 55px; text-align: center; display: inline-block;}
.technologyChose li span { transition: all 0.5s; display: block; width: 55px; height: 55px; margin: 0 auto 22px;}
.technologyChose li span.icon1 { background: url(../images/icon7.png);}
.technologyChose li span.icon2 { background: url(../images/icon8.png);}
.technologyChose li span.icon3 { background: url(../images/icon9.png);}
.technologyChose li span.icon4 { background: url(../images/icon10.png);}
.technologyChose li span.icon5 { background: url(../images/icon11.png);}
.technologyChose li.cur span.icon1 { background: url(../images/icon7on.png);}
.technologyChose li.cur span.icon2 { background: url(../images/icon8on.png);}
.technologyChose li.cur span.icon3 { background: url(../images/icon9on.png);}
.technologyChose li.cur span.icon4 { background: url(../images/icon10on.png);}
.technologyChose li.cur span.icon5 { background: url(../images/icon11on.png);}
.technologyChose li p { padding-top: 18px; position: relative; font-size: 21px; color: #333333; line-height: 1; text-align: center;}
.technologyChose li p:after { content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 52px; height: 2px; background: #414141;}
.technologyChose li:after { content: ''; background: url(../images/line.jpg) center no-repeat; width: 2px; height: 147px; position: absolute; right: -1px; top: 50%;
 transform: translateY(-50%);}
.technologyChose li:last-child:after { display: none;}
.technologySlide .swiper-slide { position: relative;}
.techPos { position: absolute; width: 520px; top: 50%; transform: translateY(-50%); max-width: 80%; left: 10%;}
.techPos h2 { font-size: 29px; color: #be9e62; line-height: 1; margin-bottom: 50px;}
.techPos p { font-size: 22px; color: #ffffff; line-height: 38px;}
.technologySlide { margin: 65px auto 110px;}
.technologySlide img { display: block; width: 100%;}
.technologySlide span { outline: none; box-sizing: border-box; border: 1px solid #ffffff; opacity: 1; background: none;}
.technologySlide span.swiper-pagination-bullet-active { background: #ffffff;}

.mb0{ margin-bottom:0 !important;}
.safebox{ position:relative; height:400px;}
.safeSlide { position:absolute; left:10%; width:80%; overflow: hidden;} 
.safeSlide:after { content: ''; clear: both; display: block; height: 0;}
.safeImg { overflow: hidden;}
.safeImg img { transition: all 0.5s; display: block; width: 100%;}
.safeSlide .safeTitle0:hover img { transform: scale(1.1);}
.safeSlide .safeTitle0 span { display:block; width:100%; font-weight: 500; font-size: 20px; line-height: 25px; color: #000000; letter-spacing:2px; text-align:left !important;}
.safeSlide .safeTitle0 p { font-weight: 500; line-height: 58px; font-size: 24px; color: #be9e62; overflow: hidden; white-space:nowrap; text-overflow: ellipsis; text-align:left;}
.safe { margin-bottom: 144px;}
.swiper-btns {
  position: absolute;
  z-index: 3;
  height: 1px;
  overflow: visible;
  width: 100%;
  left: 0;
  top: 50%; }
  .swiper-btns .btn {
    position: absolute;
    display: block;
    width: 27px;
    height: 50px;
    margin-top: -25px;
    cursor: pointer;
    background-position: center !important;
    background-repeat: no-repeat !important;
    transition: all .5s ease;
    background-size: 100%;
    overflow: hidden; }
    .swiper-btns .btn:focus {
      outline: none; }
  .swiper-btns .prev {
    left: 50px;
    background-image: url(../images/zuo.png); }
    .swiper-btns .prev:hover {
      background-image: url(../images/zuo.png); }
	
  .swiper-btns .next {
    right: 50px;
    background-image: url(../images/you.png); }
    .swiper-btns .next:hover {
      background-image: url(../images/you.png); }


.shipinzxbg{ width:100%; background:#000; text-align:center; display:block;}
.shipinzxbg img{ width:100%; max-width:1530px; height:auto; margin:0px auto; cursor:pointer;}
a.splink{ margin:0px auto; display:block;}
a.splink img{ width:204px; margin:50px auto; display:block;}

.experienceSlide img { display: block; width: 100%;}
.experienceSlide span { outline: none; box-sizing: border-box; border: 1px solid #ffffff; opacity: 1; background: none;}
.experienceSlide span.swiper-pagination-bullet-active { background: #ffffff;}
.experiencePos { max-width: 90%; width: 442px; position: absolute; right: 14.375%; top: 50%; transform: translateY(-50%);}
.experiencePos h2 { font-size: 29px; margin-bottom: 45px; color: #be9e62;}
.experiencePos p { font-size: 22px; color: #ffffff; line-height: 38px;}
.videoCover { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; background: rgba(0,0,0,.8);}
.videoInfor {width: 100%; max-width:1400px; max-height: 90%; position: relative; left:50%; top: 50%; background: #000; transform: translate(-50%,-50%);}
.videoInfor video { margin:0px auto; display: block; max-width: 100%; max-height: 800px !important; outline: none;}
.videoInfor .closeBtn { display: block; z-index: 2; position: absolute; right: 0; top: 0; background: url(../images/close.png) center no-repeat #000000; width: 48px; height: 48px; cursor: pointer;}
#screen { display: none; position: fixed; top: 60px; bottom: 0; left: 0; width: 100%; z-index: 15; background:rgba(0,0,0,0.5) ;}
.chatPos { z-index: 10; position: fixed; right: 20px; top: 40%; transform: translateY(-50%);}
.chatPos a { display: block; margin-bottom: 1px; width:60px; height:60px; overflow:hidden; background:rgba(200,200,200, 0.3); text-align:center; cursor:pointer; border-radius:5px;}
.chatPos a:nth-child(2){ border-radius:0 0 5px 5px;}
.chatPos a img{ display:block; width:22px; height:22px; margin:10px auto 5px;}
.chatPos a p{ font-size:12px; color:#333; text-align:center; transition: all 0.5s;}
.chatPos .tel{ display:none; position:fixed; right:70px; top:50%; margin-top:-60px; width:160px; height:60px; background:#c59d57; border-radius:5px; font-size:20px; line-height:60px; color:#fff; text-align:center; transition: all 0.5s;}
.chatPos a#a1:hover .tel{ display:block; transition: all 0.5s;}
.chatPos .weixin{ display:none; position:fixed; right:70px; top:50%; width:120px; height:120px; background:#c59d57; transition: all 0.5s;}
.chatPos .weixin img{ width:120px; height:120px; margin:0px auto;}
.chatPos a#a2:hover .weixin{ display:block; transition: all 0.5s;}
.chatPos a:hover p{ color:#c59d57;}

.section-2 .titCell img { vertical-align: middle; margin-left: 34px;}
.choseSlide { overflow: hidden;}
.choseBar {font-size: 0;text-align: left; width: 100%; margin-top: 65px;}
.proBox { font-size: 14px; display: inline-block; text-align: center; width: 25%; background:url(../images/shu.png) right center no-repeat;}
.proBox:nth-child(4n){ background:none;}
.proBox .img { margin:0px auto 15px; height:190px; width:75%; max-width:180px; background:#f4f4f4; padding:10px 2.5%; position:relative;}
.proBox .img img { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); margin:0px auto; max-height:170px; width:auto; max-width:100%;}
.proBox p { text-align: center; color:#c59d57;}
.dn { display: none;}
.mb0{ margin-bottom:0 !important;}
.mt0{ margin-top:0 !important;}
.mt50{ margin-top:50px !important;}
.mt100{ margin-top:100px !important;}

.shiliList{ padding:50px 0; }
.shiliList li{ width:45%; float:left; margin-right:10%; margin-bottom:4%;}
.shiliList li:nth-child(2n){margin-right:0;}
.shiliList li p{ font-size:30px; font-weight:bold; line-height:3;}

.wenhuaList{ padding:50px 0; background:url(../images/wenhuabg.jpg) top center no-repeat;}
.wenhuaList .wenhua{ text-align:center; margin:20px auto;}
.wenhuaList .wenhua p.p1{ font-size:24px; color:#be9e62; font-weight:400; line-height:2; text-align:center;}
.wenhuaList .wenhua p.p2{ font-size:32px; color:#000; font-weight:200; line-height:2; text-align:center;}
.wenhuaList .wenhua img { margin:20px auto;}

.bannern{ position:relative;}
.bannern img{ width:100%; height:auto; display:block;}
.bannern h2{ position:absolute; left:50%; bottom:6%; transform: translate(-50%, 0); font-size:30px; color:#fff; line-height:140px; }
.bannern h2:after { content: ''; position: absolute; left: 50%; transform: translateX(-50%); top: 0; height: 2px; width: 60px; background: #b39d7a;}

.positon{ padding:20px 0; height:100px; border-bottom:2px solid #000;}
.positon .warp{ display:table;}
.positon a{ font-size:17px; color:#000; line-height:60px; padding:0 10px; display: inline-table; vertical-align:middle;}
.positon img{display:inline-table; vertical-align:middle;}
.positon img.pro{ height:60px; opacity:0.5;}
.pos_detail{ background:#e2e2e2; border-bottom:none;}


.newsList{ margin:50px auto 80px;}
.newsList h2.h2title{ font-size:26px; line-height:50px; color:#000; font-weight:bold; margin-bottom:20px;}
.newsList h2.h2title a.more{ font-size:16px; line-height:50px; float:right; display:inline-block; color:#666;}
.newsList li{ width:23.5%; float:left; margin-right:2%; margin-bottom:2%; background:#ccc;}
.newsList li a{ margin:2px; background:#fff; display:block;}
.newsList ul li:nth-child(4n){ margin-right:0;}
.newsList li .img{ width:100%; height:190px; background:#f7f7f7; display:table; vertical-align:middle; overflow:hidden;}
.newsList li .img img{ display:table-cell; width:100%; max-height:190px; transition: .5s ease-in-out;}
.newsList li .txt{ padding:20px; background:#fff;}
.newsList li .txt h2{ font-size:17px; font-weight:bold; line-height:26px; height:52px; word-break: break-all; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-bottom:10px; }
.newsList li .txt em{ font-size:15px; color:#be9e62; font-family:din; font-style:normal; }
.newsList li:hover img {
  transform: scale3d(1.05, 1.05, 1);
  transition: .5s ease-in-out;
}

.newsContent{ margin:100px auto;}
.newsContent .newsL{ width:70%; float:left;}
.newsContent .newsL h2{ font-size:28px; color:#13244f; font-weight:bold; line-height:1.5; margin-bottom:10px;}
.newsContent .newsL p.time{ font-size:14px; color:#666; line-height:1.5;}
.newsContent .newsL .contxt{ margin:30px 0; font-size:16px; color:#000; line-height:1.75;}
.newsContent .newsL .contxt p{ font-size:16px; color:#000; line-height:1.75; padding:8px 0; }
.newsContent .newsL .contxt p b, .newsContent .newsL .contxt p strong{ font-weight:bold;}
.newsContent .newsL .contxt img{ max-width:100%; height:auto !important; }
.newsContent .newsL .contxt h2{ font-size:24px; color:#13244f; font-weight:bold; line-height:1.75;}
.newsContent .newsL .contxt h4{ font-size:18px; color:#000; font-weight:500; line-height:1.75;}
.newsContent .newsL .contxt video, .newsContent .newsL .contxt p video{ width:100%; height:auto;}

.newsContent .newsR{ width:23%; float:right;}
.newsContent .newsR .nbox{ border-radius:20px; box-shadow: 0px 0px 20px #999; padding:4% 10%;}
.newsContent .newsR .nbox h2{ font-size:22px; color:#13244f; font-weight:bold; line-height:50px; border-bottom:2px solid #c7ab77;}
.newsContent .newsR .nbox .nlist{ margin-top:20px;}
.newsContent .newsR .nbox .nlist li{ margin-bottom:20px;}
.newsContent .newsR .nbox .nlist li img{ width:100%; height:auto; border-radius:10px;}
.newsContent .newsR .nbox .nlist li .txt{}
.newsContent .newsR .nbox .nlist li .txt h2{ font-size:17px; color:#000; font-weight:bold; line-height:1.5; border:none; margin-top:10px;}
.newsContent .newsR .nbox .nlist li .txt p.time{ font-size:14px; color:#b2b2b2; font-family:din; margin-top:10px; line-height:1.5;}
.newsContent .newsR .nbox:nth-child(2) .nlist li .txt p.time, .newsContent .newsR .nbox:nth-child(2) .nlist li .txt p.time{}

.product{ background:#f4f4f4; padding-bottom:120px;}
.bgfff{ background:#fff !important;}
.posnav{ line-height:35px; padding:10px 0; height:auto; overflow:hidden;}
.posnav li{ font-size:16px; font-weight:bold; color:#333; width:auto !important; float:left; margin-right:40px; background:none;}
.posnav a{ display:block; margin:0; font-size:16px; line-height:35px; font-weight:bold; color:#999999; padding-right:20px; background:url(../images/pos0.png) right center  no-repeat !important;}
.posnav a.on{ color:#be9e62; background:url(../images/pos0_on.png) right center no-repeat !important;}
.posnav .gengduo{ display:none;}


.newsList .posnav a{ background:url(../images/pos0.png) right center #fff  no-repeat !important; border:none; margin:0;}
.newsList .posnav a.on{ background:url(../images/pos0_on.png) right center #fff no-repeat !important;}


.proList{ padding-top:30px;}
.proList .panel-title{ font-size:22px; line-height:50px;}
.proList .panel-title .more{ float:right; display:inline-block; font-size:14px; line-height:50px; color:#888;}
.proList li{ width:22.75%; margin-right:3%; margin-bottom:3%; padding:10px 0; float:left; background:#fff; text-align:center; overflow:hidden;} 
.bgfff .proList li{ background:#f4f4f4;}
.proList li:nth-child(4n){ margin-right:0;}
.proList li img{ max-width:90%; margin:10px auto; transition: .5s ease-in-out;}
.proList li:hover img {
  transform: scale3d(1.1, 1.1, 1);
  transition: .5s ease-in-out;
}
.proList li p{ font-size:16px; color:#13244f; font-weight:bold; line-height:30px; height:30px; margin-bottom:20px; word-break: break-all; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;  text-align:center;}

.proList4 li{ width:48%; margin-right:4%; } 
.proList4 li:nth-child(2n){ margin-right:0;}

.proList5 li{ padding:0; width:100%; margin-right:0%; background:#e2e2e2; overflow:hidden;} 
.proList5 li a{ display:table;}
.proList5 li img{ width:100%; max-width:100%; margin:0px auto; display: table-cell;}
.proList5 li p{ width:30%; height:100%; line-height:100%; text-align:center; display: table-cell; vertical-align:middle; margin-bottom:0;}

.pro_detail{ margin:100px auto; }
.pro_detail .warp{ max-width:1200px;}
.pro_top{ position:relative; }
.pro_top .pro_img{ float:left; width:42%; padding-right:5%; padding-left:5%; margin-right:8%; border-right:2px solid #0c2352; text-align:center; }
.pro_top .pro_txt{ float:left; width:40%;}
.pro_top .pro_txt h2{ font-size:40px; line-height:1.5; font-weight:bold; color:#0c2352;}
.pro_top .pro_txt h4{ font-size:17px; line-height:1.5; color:#000;}
.pro_top .pro_txt .descr{ margin:20px 0; padding:20px 0; font-size:16px; line-height:2; color:#808080; border-top:1px solid #666; border-bottom:1px solid #666;}
.pro_top .pro_txt .descr p{padding:0; margin:0; padding-left:20px; background:url(../images/dian.png) left center no-repeat; }
.pro_top .pro_txt .link{ position:absolute; bottom:0;}
.pro_top .pro_txt .link a{ float:left; display:block; margin-right:30px;}
.pro_top .pro_txt .link a:last-child{ margin-right:0;}


.pro_top2 .pro_img{ float:left; width:60%; padding-right:0; padding-left:0; margin-right:6%; border-right:none; text-align:center; }
.pro_top2 .pro_txt{ float:left; width:34%;}

.pro_xiangqing{ }
.pro_xiangqing img{ margin:0px auto; display:block;}

.tjchanpin{}
.tjchanpin h2{ font-size:26px; line-height:2; font-weight:bold; color:#0c2352; border-bottom:2px solid #666;}
.tjchanpin .tjproList li{ width:23.5%; margin-right:2%; float:left;}
.tjchanpin .tjproList li:nth-child(4n){ margin-right:0;}
.tjchanpin .tjproList li p{ font-size:15px; font-weight:bold; color:#000; line-height:26px; padding:10px 0;}

.fuwunav{ padding:30px 0; height:100px; border-bottom:1px solid #999;}
.fuwunav .navList{ text-align:center;}
.fuwunav li{ font-size:18px; padding:0 20px; display:inline-block; }
.fuwunav li a{ padding:0 2px; position:relative; color:#4d4d4d; line-height:40px; display:block; height:40px;}
.fuwunav li a::after { display:none; content: ''; position: absolute; left: 0%; bottom: 0; height: 1px; width: 100%; background: #b39d7a;}
.fuwunav li.cur a, .fuwunav li:hover a{ color:#c59d57;}
.fuwunav li.cur a::after, .fuwunav li:hover a::after{ display:block;}

.fuwu1{ margin:100px auto;}
.fuwu1 h2{ font-size:28px; color:#c59d57; font-weight:bold; text-align:center;}
.fuwu1 h4{ font-size:18px; color:#000000; line-height:1.75; text-align:center; margin-top:30px;}
.fuwu1 .fuwu1List{ margin:80px auto 50px; }
.fuwu1 .fuwu1List li{ width:33.3333333%; height:173px; text-align:center; position:relative; float:left;}
.fuwu1 .fuwu1List li::after{ content:""; position:absolute; width:2px; height:100%; background:#9a9a9a; right:0; top:0;}
.fuwu1 .fuwu1List li:last-child::after{ display:none;}

.fuwu1 .fuwu1List li p{ display:block; width:100%; text-align:center; line-height:60px; height:60px; font-size:32px; color:#333; font-weight:bold;}
.fuwu1 .fuwu1List img{ margin:0px auto; display:block;}


.fuwu2{ padding:80px 0; background:#e3e3e3;}
.fuwu2 img{ margin:0px auto; display:block; width:100%; height:auto !important;}

.fuwu3 .item { overflow: hidden; width:20%; float:left; padding: 0; }
.fuwu3 .item .item-case { display: block; height: 680px; position: relative; overflow: hidden; }
.fuwu3 .item .item-case1 { background: url(../images/item1.jpg) no-repeat center; background-size: 100% 100%; }
.fuwu3 .item .item-case2 { background: url(../images/item2.jpg) no-repeat center; background-size: 100% 100%; }
.fuwu3 .item .item-case3 { background: url(../images/item3.jpg) no-repeat center; background-size: 100% 100%; }
.fuwu3 .item .item-case4 { background: url(../images/item4.jpg) no-repeat center; background-size: 100% 100%; }
.fuwu3 .item .item-case5 { background: url(../images/item5.jpg) no-repeat center; background-size: 100% 100%; }
.fuwu3 .item .item-case:after { content: ""; display: block; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.08); opacity: 0; transition: opacity .3s; }
.fuwu3 .item .item-case:hover:after { opacity: 1; }
.fuwu3 .item .item-case-title { position: absolute; z-index: 2; left: 18%; width:64%; top: 15%; color: #fff; }
.fuwu3 .item .item-case-title h3 { line-height: 50px; font-size: 24px; color:#0c2352; font-weight:bold; }
.fuwu3 .item .item-case-title p { line-height: 24px; font-size: 13px; color:#4d4d4d; line-height:1.75; }


.question-search{ width: 92%; max-width:400px; margin:50px auto;}
.question-search .inp{ height: 50px; padding: 0 20px; border: 1px solid rgba(0,0,0,.4);  border-radius: 25px; }
.question-search input[type=text]{ height: 40px; padding: 5px 0; border:none; background-color: transparent; color: #666; font-size: 14px; line-height: 40px; width: 80%; outline:none; }
.question-search input[type=submit]{ float: right; border:none; width: 18px; height: 50px; background:url(../images/question-search.png) center center no-repeat; }

.queList{ margin:50px auto;}
.queList li{ width:48%; margin-right:4%; float:left; height:70px; line-height:70px; border-bottom:1px solid #999;}
.queList li:nth-child(2n){ margin-right:0;}
.queList li a{ display:inline-block; width:95%; padding-right:5%; background:url(../images/you0.png) right center no-repeat; font-size:18px; word-break: break-all; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}

.contactinfo{ margin:50px auto; padding:50px 10%; border-top:2px solid #ccc; border-bottom:2px solid #ccc; background-image: linear-gradient(to right, #fff, #ccc, #fff);}
.contactinfo .conLeft{ width:70%; float:left;}
.contactinfo .conLeft h3{ font-size:20px; line-height:3; font-weight:bold; color:#000;}
.contactinfo .conLeft p{ font-size:18px; line-height:2; color:#000;}
.contactinfo .conRight{ width:25%; float:right; text-align:center;}
.contactinfo .conRight img{ margin:0px auto;}
.contactinfo .conRight p{ font-size:16px; line-height:2; color:#000; text-align:center;}

.oa{}
.oa .oalink{ display:block; height:155px; overflow:hidden;}
.oa .oalink img{ width:290px; margin:50px auto; display:block;}
.oa .oalink:hover img{ width:295px; transition: all 0.5s;}
.oa img{ width:100%; height:auto;}
.newsList h2.title{ font-size:28px; color:#c59d57; font-weight:bold; text-align:center; margin-bottom:50px;}

.more{}
.more a{ margin:20px auto; display:block; width:160px; height:40px; line-height:40px; background:#17244c; color:#fff; font-size:15px; text-align:center;}

.xuangou{ margin:50px auto;}
.xuangou li{ width:33.33333%; float:left; background:url(../images/shu_xg.png) right center no-repeat; text-align:center;}
.xuangou li:last-child{ background:none;}
.xuangou li img{ margin:30px auto;} 
.xuangou li .txt{ width:150px; border-top: 2px solid #d2b37d; margin:0px auto;}
.xuangou li .txt h4{ font-size:15px; color:#000; line-height:60px; text-align:center;}
.xuangou li .txt span{ display:block; width:90px; text-align:center; margin:0px auto; background:#c59d57; height:25px; line-height:25px; border-radius:15px; color:#fff; font-size:14px;}
.mendian{ padding:100px 0; background:#e3e3e3; border-top:1px solid #333;}


.mendian .warpselect { width:100%; max-width:1200px; margin:0px auto; }
.mendian .warpselect h2.title{ font-size:24px; line-height:2; font-weight:bold; margin-bottom:30px;}
.mendian .selectbox {
  width: 31%; float:left;
  height: 45px;
  border: 1px solid #dcdee0;
  border-radius: 10px;
  position: relative;
  z-index: 3;
}
.mendian .selectbox .sp {
  padding: 0 .75rem;
  height: 45px;
  color: #333;
}
.mendian .selectbox svg {
  width: 20px;
  height: 20px;
  line-height: 1;
  fill: #333;
}
.mendian .selectbox .sp-select {
  position: absolute;
  width: 100%;
  background: #fff;
  padding: 15px;
  border-radius: 10px;
  overflow: hidden;
  display: none;
  max-height: 350px;
}
.mendian .selectbox .sp-select .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #ed431d;
  border-radius: 0;
  width: 2px;
}
.mendian .selectbox .sp-select .mCSB_scrollTools .mCSB_draggerRail {
  background-color: rgba(211, 211, 211, 0.4);
}
.mendian .selectbox .li {
  height: 40px;
  line-height: 40px;
  cursor: pointer;
  border-bottom: 1px solid #f5f5f5;
}
.mendian .selectbox1 {
  position: relative;
  z-index: 5;
}
.mendian .selectbox2 {
  position: relative;
  z-index: 4;
}
.mendian .selectbox3 {
  position: relative;
  z-index: 3;
}
.mendian-search{ width: 50%; max-width:400px; float:right;}
.mendian-search .inp{ height: 46px; padding: 0 20px; border: 1px solid rgba(0,0,0,.4); }
.mendian-search input[type=text]{padding:0; margin:0; border:none; background-color: transparent; color: #666; font-size: 14px; line-height: 46px; width: 80%; outline:none; }
.mendian-search input[type=submit]{ float: right; border:none; width: 18px; height: 46px; background:url(../images/question-search.png) center center no-repeat; }
.mendianList{ margin:50px auto; padding-top:50px; border-top:1px dashed #ccc;}
.mendianList ul{ width:100%; max-width:1200px; margin:0px auto; }
.mendianList li{ width:30%; margin-right:5%; margin-bottom:3%; float:left;}
.mendianList li:nth-child(3n){ margin-right:0;}
.mendianList li h2{ font-size:18px; color:#0c2352; font-weight:bold; margin-bottom:5px;}
.mendianList li p{ font-size:15px; line-height:25px; height:50px; word-break: break-all; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.mendianList li img{ display:block; margin-top:20px;}
.mendianList li img.tel{ width:22px; }
.mendianList li span.span1{ display:block; font-size:16px; color:#808080; line-height:2; margin-top:10px;}
.mendianList li span.span2{ display:block; font-size:20px; color:#000; font-weight:bold; font-family:din; letter-spacing:1px;}


.pages { padding: 20px 0; text-align: center; }
.pages .pagination { display: inline-block; }
.pages .pagination a { display: inline-block; height: 26px; font-size: 15px; font-family:din; color: #999; text-align: center; transition: all .3s linear; ertical-align: top; margin: 0 5px; border-radius: 50%; line-height: 26px; }
.pages .pagination a:hover{ color:#c59d57;}
.pages .pagination a.page-num-current { width: 26px; color: #fff; background:#c59d57; }

.anquanList{ width:92%; margin:0px auto 80px; max-width:1200px;}
.anquanList ul{ overflow: hidden;}
.anquanList li { position: relative; overflow: hidden; float: left; width: 19.4%; margin-right: .75%; }
.anquanList li:last-child { margin-right: 0;}
.anquanList li img { display: block; width: 100%; transition: all 0.5s;}
.anquanList li:hover img { transform: scale(1.1);}
.anquanList h2 { position:absolute; top:10%; left:10%; font-family: thin; font-size: 30px; font-weight: bold; color: #ffffff; }
.anquanList img.icon { position:absolute; top:20%; left:12%; height:42px; width:auto !important; }
.anquanList li:hover img.icon { transform: scale(1.0);}
.anquansheji img{ display:block; width:92%; margin:0px auto; max-width:1080px;}
.anquanshejiimg{ display:block; height: 100%; object-fit: cover; transition: all 0.5s; display: block; width: 100%; margin:0px auto;}
.aqtiyan{ background:url(../images/yuanbg.png) top center no-repeat; padding-top:100px;}




.dataBox { position: relative; padding-top: 65px; background: url(../images/join8.jpg) center bottom no-repeat #e7e8ea; background-size:100% auto;}

.joinStepimg { position: relative; width: 90%; max-width: 1400px; height: 54.5vw; margin: 0 auto;}
.joinImg { width:0%; transition: all 2s; height: 100%; position: absolute; left: 0; top: 0; 
background-size:100% auto; overflow: hidden;}
.joinImg img { position: absolute; max-width: none!important; left: 0%; top: 0; height: 100%; width: auto!important;}
.joinStepimg.ani .joinImg { width: 100%;}
.dataBox .safeTitle { position: absolute; top: 10vw; left: 50%; transform: translateX(-50%);}
.growStep { background: #e7e8ea;}
.growStep ul { overflow: hidden; width: 90%; max-width: 1400px; margin: 0 auto; padding: 8vw 0 6vw;}
.growStep li { padding-bottom: 10px; padding-left:60px; box-sizing: border-box; float: left; width: 27.7%; margin-right: 8.45%;}
.growStep li:last-child { margin-right: 0;}
.growStep li:nth-child(1) {padding-left:50px; background: url(../images/join10.png) left top no-repeat;}
.growStep li:nth-child(2) { background: url(../images/join11.png) left top no-repeat;}
.growStep li:nth-child(3) { background: url(../images/join12.png) left top no-repeat;}
.growStep li h2 { font-size: 28px; color: #191919; line-height:30px; margin-bottom: 10px;}
.growStep li p { color: #353535; font-size: 18px; line-height: 30px;}
.leaderCont { width: 90%; max-width: 1400px; margin: 6.77vw auto 40px;}
.leader { padding-top: 6.77vw;}
.leaderCont>img { display: block; margin: 0 auto; display: block;}
.leaderCont li { background:#e7e8ea; margin-top: 40px; position: relative;}
.leaderCont li img { display: block; width: 100%;}
.leaderCont li:after { content: ''; clear: both; display: block; height: 0;}
.leaderCont li h2 { font-size: 28px; line-height: 2; color: #191919;}
.leaderCont li p { font-size: 18px; color: #353535; line-height: 1.666;}
.leader-1 .leaderImg { width: 606px; overflow: hidden;}
.leader-1 .leaderTxt {background: url(../images/joinNumber1.png) right center no-repeat; padding:40px 6.65vw 40px 5.52vw; position: absolute; width: calc(100% - 606px); right: 0; top: 50%; transform: translateY(-50%);}
.leader-2 .leaderImg { width: 606px; overflow: hidden;}
.leader-2 .leaderTxt {background: url(../images/joinNumber2.png) right center no-repeat; padding:40px 6.65vw 40px 5.5vw; position: absolute; width: calc(100% - 606px); left: 0; top: 50%; transform: translateY(-50%);}
.leaderSmallImg { width: 606px; float: left;}
.leaderBigImg { float:right; width: calc(100% - 637px); height: 425.39px;}
.leaderBigImg img{ width: 100%; height: 100%; object-fit: cover;}
.leader3-cont { position: relative; overflow: hidden;}
.leaderImgbox { overflow: hidden;}
.leader-3 .leaderImg { width: 606px; overflow: hidden;}
.leader-3 .leaderTxt {background: url(../images/joinNumber3.png) right center no-repeat; padding:40px 6.65vw 40px 5.5vw; position: absolute; width: calc(100% - 606px); right: 0; top: 50%; transform: translateY(-50%);}
.leader-4 .leaderImg { width: 606px; overflow: hidden;}
.leader-4 .leaderTxt {background: url(../images/joinNumber4.png) right center no-repeat; padding:40px 6.65vw 40px 5.5vw; position: absolute; width: calc(100% - 606px); left: 0; top: 50%; transform: translateY(-50%);}
.leader-5 .leaderImg { width: 606px; overflow: hidden;}
.leader-5 .leaderTxt {background: url(../images/joinNumber5.png) right center no-repeat; padding:40px 6.65vw 40px 5.5vw; position: absolute; width: calc(100% - 606px); right: 0; top: 50%; transform: translateY(-50%);}
.leaderImgbox { padding-bottom: 40px;}
.safeCont .safeTitle { color: #ffffff; background: url(../images/whiteTitbg.png) center no-repeat; padding:44px 0 34px; background-size:105px auto;}
.safeCont { margin-bottom: 40px; box-sizing: border-box; padding-top: 6.6vw; background: url(../images/joinSafe.jpg) center bottom no-repeat; background-size:cover; height: 877px;}
.safeCont .safeTitle p,.safeCont .safeTitle span { color: #ffffff;}
.safeCont .safeTitle p { font-size: 36px;}
.serviceSlide { width: 90%; max-width: 1400px; margin: 0 auto 20px;}
.serviceImg { overflow: hidden; height: 360px;}
.serviceImg img { width: 100%; height: 100%; object-fit: cover;}
.serviceTxt { border: 1px solid #e7e8ea; box-sizing: border-box; padding: 4.58vw 3.645vw 0; height: 342px;}
.serviceSlide ul:after { content: ''; clear: both; display: block; height: 0;}
.serviceSlide li { float: left; width: 48%;}
.serviceSlide li:nth-child(2n){ float: right;}
.serviceSlide li h2 { margin-bottom: 18px; font-size: 28px; color: #191919;}
.serviceSlide li p { color: #353535; font-size: 18px; line-height: 30px;}
.serviceSlide li:nth-child(1) { background: url(../images/join30.png) right bottom no-repeat;}
.serviceSlide li:nth-child(2) { background: url(../images/join31.png) right bottom no-repeat;}
.cellImg img { display: block; width: 100%;}
.helpBox { border-bottom: 1px solid #e7e8ea; padding: 3.645vw 0 0; margin-bottom: 25px;}
.helpCont { overflow: hidden; background: url(../images/join38.png) right bottom no-repeat; padding-bottom: 3.645vw; padding-left:4%; width: 1395px; margin: 0 auto; max-width: 92%;}
.helpArt { float: left; width: 446px;}
.helpArt h2 { font-size: 28px; color: #191919; line-height: 2;}
.helpArt p { font-size: 18px; color: #353535; line-height: 30px;}
.helpArt img { display: block; width: 100%; margin-top: 60px;}
.helpSlide { padding-top: 62px; margin-right: 10%; width: 522px; float: right;}
.helpSlide li { margin-right: 54px; margin-bottom: 54px; float: left; height: 132px; width: 132px; border-radius: 50%; position: relative; border: 1px solid #c59d57;}
.helpSlide li p { position: absolute; left: 0; text-align: center; width: 100%; top: 50%; transform: translateY(-50%); color: #353535; font-size: 23px;
line-height: 32px;}
.helpSlide li img { position: absolute; top: 50%; left: -8px; transform: translateY(-50%);}
.helpSlide li:nth-child(3n){ margin-right: 0;}
.serviceResponse { max-width: 92%; border: 1px solid #e7e8ea;background: url(../images/join40.png) right bottom no-repeat; position: relative; width: 1395px; margin: 0 auto 40px; overflow: hidden;}
.responseImg { float: left; width: 685px; overflow: hidden;}
.responseImg img { display: block; width: 100%;}
.responseTxt { position: absolute; right: 0; top:50%; transform: translateY(-50%); width:calc(100% - 685px); padding: 0 5.2vw 0 3.645vw;}
.responseTxt h2 { font-size: 28px; color: #191919; line-height: 64px;}
.responseTxt p { font-size: 18px; color: #353535; line-height: 30px;}
.peopleChose { background: #e7e8ea; padding: 7.29vw 0 60px;}
.topPeople {padding-right: 4.68vw; background: url(../images/join46.png) right bottom no-repeat; position: relative; margin-bottom: 30px; border: 1px solid #c59d57;}
.peopleCont {  width: 90%; max-width: 1400px; margin: 6.77vw auto 0;}
.topPeople .peoTxt{ padding: 45px 0 50px; float: right; width: calc(100% - 550px);}
.topPeople img { position: absolute; left: 80px; bottom: 0;}
.topPeople:after { content: ''; clear: both; display: block; height: 0;}
.peoTxt h2 { font-size: 28px; color: #c59d57; line-height: 60px;}
.peoTxt p { font-size: 15px; color: #353535; line-height: 26px; padding:8px 0;}
.peoTxt a.videolink{ display:block; background:#c59d57; width:120px; padding:5px 10px; text-align:center; color:#fff; margin-top:20px;}
.leftPeo { background: url(../images/join47.png) right bottom no-repeat; border: 1px solid #c59d58; padding: 30px 50px 47px; float: left; width: 554px;}
.leftPeo img { display: block; margin: 20px auto 0;}
.peopleInfor { border: 1px solid #c59d58; position: relative;}
.rightPeople img { position: absolute; left: 0; bottom: 0;}
.rightPeople { float: right; width: calc(100% - 580px);}
.peopleInfor:nth-child(1) { margin-bottom: 30px; background: url(../images/join48.png) right bottom no-repeat;}
.peopleInfor:nth-child(2) { background: url(../images/join49.png) right bottom no-repeat;}
.peopleInfor .peoTxt { padding:30px 4.5vw 52px 0; float: right; width: calc(100% - 400px);}
.peopleInfor:after {content: ''; clear: both; display: block; height: 0;}
.joinKnow {  width: 90%; max-width: 1400px; margin: 6.77vw auto 0;}
.joinKnow img { display: block; margin: 6vw auto 0;}
.joinKnow ul { margin: 5.2vw auto 7vw;}
.joinKnow li { margin-bottom: 2px; text-align: center;}
.joinKnow li p { text-align: center; font-family: dinc; font-size: 48px; color: #c59d57; line-height:.7;}
.joinKnow li span { color: #353535; font-size: 28px; line-height: 68px; letter-spacing: 2px; border-top: 1px solid #cfad73; display: inline-block;}
.joinBar {  width: 90%; max-width: 1400px; margin: 0 auto;}
.joinTit { margin: 60px auto 52px; text-align: center;}
.joinTit p { font-size: 18px; text-align: center; color: #353535; line-height: 32px;}
.joinTit span { font-weight: bold; font-size: 24px; color: #353535; line-height: 32px;}
.joinForm { margin-bottom: 5.2vw; border: 1px solid #878787;}
.joinForm ul { text-align: center; background: #e7e8ea; line-height: 150px; border-bottom: 1px solid #878787;}
.joinForm li { margin: 0 55px; font-size: 21px; color: #333333; display: inline-block;}
.subBox { padding: 45px 0; text-align: center;}
.subBox button { display: block; width: 160px; height: 40px; border-radius: 40px; text-align: center; margin: 0 auto 25px;
background: #0c2352; color: #ffffff; border: none; font-size: 18px;}
.subBox p { text-align: center; font-size: 15px; color: #808080;}
.joinForm li input ,.joinForm li select { font-size: 18px; color: #333333; width: 195px; box-sizing: border-box; border: none; padding: 0; outline: none; border-radius: 40px; height: 40px;
border: 1px solid #a7a7a7; padding:0 10px;}



.searchSub { display: none; overflow: hidden;border-radius: 2px; width: 100%; left: 50%; transform: translateX(-50%); padding: 20px 5%; position: absolute; z-index: 10; top:60px; background: #f4f4f4; box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.searchSub input { float: left; width: calc(100% - 55px); box-sizing: border-box; text-indent: 10px; height: 40px; border: none; outline: none;}
.searchSub button { font-size: 14px; box-sizing: border-box; padding: 0; cursor: pointer; float: left; width:55px; height: 40px; color: #ffffff; background: #be9e62; outline: none; border: none;}

.newsmain{width: 100%;border-top: 1px solid #eee;overflow: hidden;padding: 20px 0;}
.newslist ul li:last-child .newsmain{border-bottom: 0;}
.newstime{position: absolute;width: 170px;right: 0;top: 20px;}
.newstime::after{content: '';position: absolute;width: 54px;height: 1px;background-color: #c3c3c3;left: 0;top: 15px;}
.newstime::before{content: '';position: absolute;width: 0px;height: 1px;background-color: #2c4298;left: 0;top: 15px;z-index: 2;transition: .4s ease;}
.newslist ul li:hover .newstime::before{width: 54px;}
.newsmain .text{width: 68%;float: left;padding: 8px 0 0 36px;}
.newsmain .text h5{font-size: 22px;color: #000;line-height: 24px;height: 24px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;transition: all .4s ease;}
.newsmain .text p{font-size: 14px;color: #666;line-height: 26px;height: 76px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 3;margin-top: 28px;}
.newsmain .text h6{ width: 120px;height: 34px;border: 1px solid #2c4298;border-radius: 18px;margin-top: 30px;text-align: center;font-size: 15px;color: #2c4298;transition: all .4s ease; position: relative;overflow: hidden;}
.newsmain .text h6::after{content: '';width: 0;height: 34px;position: absolute;top: 0;right: 0;background-color: #2c4298;transition: all .4s ease;}
.newsmain .text h6 a{display: block;line-height: 32px;position: relative;z-index: 2;}
.newsmain .text h6:hover{color: #fff;}
.newsmain .text h6:hover::after{width: 100%;right: auto;left: 0;}
.newsmain:hover .text h6{opacity: 1;}
.newsmain .img{width: 30%;float: left;height: 200px;overflow: hidden;}
.newsmain .img img{width: 100%;height: 100%;object-fit: cover;transition: .4s ease;}
.newsmain .img:hover img{transform: scale(1.06);}
.newsmain .text span{ }
.newsmain .text a{display: block;width: 100%;}
.newsmain .text a:hover h5{color: #2c4298;}

.list9-banner { overflow: hidden; padding: 80px 0 150px; cursor: url(../img/hmous.png),default!important; }
.list9-banner-wrap {
  padding-top: 64px;
  position: relative; width:90%; max-width:1200px; margin:0px auto;  }
.slide-h5 {
  text-align: center;
  margin-top: 10px;
  font-size: 14px;
  line-height: 24px;
  color: #444;
  height: 24px;
  opacity: 0;
  transition-duration: .8s; }
.list9-banner .swiper-slide {
  position: relative;
  transition-duration: .8s; }
.list9-banner .swiper-slide-active { transform: scale(1.5); z-index: 3; }
.list9-banner .swiper-slide-prev { transform: scale(1.2); z-index: 2; }
.list9-banner .swiper-slide-next { transform: scale(1.2); z-index: 2; }
.list9-banner .swiper-slide-active .img-wrap { box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); }
.list9-banner .swiper-slide-active .slide-h5 { opacity: 1; }


.abo_center{ width:90%; max-width:640px; margin:20px auto;}
.na_tt{ }
.na_tt span{ display:block; font-size:22px; line-height:50px; margin:0px auto; text-align:center;}
.menu_bar {
	margin:  10px 0;
	overflow-x: auto;
	position: relative;
	white-space: nowrap;
}
.menu_bar li {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}
.menu_bar li:last-child { margin-right: 0; }
.menu_bar a {
	display: inline-block;
	vertical-align: middle;
	height: 32px;
	line-height: 32px;
	position: relative;
	border-bottom: 2px solid transparent;
}
.menu_bar a::after {
	display: none;
	content: '';
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -3px;
	border-width: 3px;
	border-style: solid;
	border-color: transparent transparent #008cd5;
}
.menu_bar .active { border-color: #008cd5; color: #008cd5; }
.menu_bar .active::after { display: block; }
.menu_bar_lv2 { }
.menu_bar_lv2 ul { border-bottom: 1px solid #d2d2d3;}
.menu_bar_lv3 a::after { display: none !important;}
.menu_bar_so {
	height: 20px;
	position: relative;
	padding-right: 40px;
	border: 1px solid #ddd;
	border-radius: 3px;
	padding: 5px 30px 5px 5px;
	margin-top: 10px;
}
.menu_bar_so .txt {
	width: 100%;
	height: 22px; border:none;
	text-indent: 10px;
	background: none;
	line-height: 22px;
}
.menu_bar_so .btn {
	width: 20px;
	height: 20px; border:none;
	overflow: hidden;
	text-indent: -99em;
	position: absolute;
	top: 50%;
	right: 5px;
	margin-top: -10px;
	cursor: pointer;
	background: url(/template/cn/images/search.gif) no-repeat center 0px;
	background-size: 100%;
}

.train_ct li a{ display:block;}
.train_ct li{ border-bottom:1px dashed #ddd; padding-bottom:30px;}
.train_ct span{ display:block; font-size:16px; padding:22px 0 0px 0;}
.train_ct em{ font-style:normal; font-size:12px; color:#999;}
.train_ct strong{ font-weight:normal; display:block; line-height:20px; padding:12px 0 12px 0;}

.pf_tt{ padding-top:30px; padding-bottom:40px;}
.pf_tt span{ display:block; font-size:16px; font-weight:bold; color:#444; line-height:22px;}
.pf_tt ol{ font-size:12px; color:#999;}
.bord{ font-size:16px; border-top:1px dashed #ddd; text-align:center; padding-top:20px; margin-top:30px; padding-bottom:40px;}
.bord a{ background: url(../images/sjff.gif) no-repeat right 6px; background-size:12px 12px; padding-right:18px;}

.nodata{ font-size:16px; color:#666;}

@media screen and (max-width: 1680px) {
	.headerCont { padding: 0 4%;}
	.nav li:nth-child(3) { margin-right: 36vw;}
}
@media screen and (max-width: 1400px) {
	.nav li:nth-child(3) { margin-right:26vw;}
	.header .logo { left: 47%;}
	.growStep li h2 { font-size: 20px;}
	.growStep li p { font-size: 14px;}
	.responseTxt h2 { font-size: 20px;}
	.responseTxt p { font-size: 14px; line-height: 1.666;}
	.peoTxt p { font-size: 14px; line-height: 1.4;}
	.videoImg img { width: 90%; }
	.footer { padding: 5vw 5%;}
	.titCell { font-size: 28px; padding-top: 24px;}
	.productBelief { font-size: 24px;}
	.txtTop { padding: 0 15px 30px;}
	.txtTop h2 { font-size: 32px;}
	.videoCont { padding: 20px 4% 40px;}
	.section-1 { background-size:cover; padding: 40px 4% 70px; margin-bottom: 5vw;}
	.section-2 { padding: 0 4%;}
	.section-3 { padding: 55px 4% 0;}
	.section-4 { padding-top: 50px;}
	.section-5 { padding: 0 4%; margin-bottom: 5.5vw;}
	.videoCont { margin: 45px auto 20px;}
	.section-5 h2 { line-height: 80px; }
	.safeList ul { padding-bottom: 40px;}
	.rule { margin: 50px auto;}
	.rule0 { width:100%; margin: 0 auto 50px;}
	.rule h2 { font-size: 28px;}
	.ruleArt p { font-size: 20px; line-height: 1.5;}
	.ruleArt p.p0{ font-size: 20px; line-height: 1.5;}
	.rule0 .ruleArt{ height:auto; zoom:0.8;}
	
	.safe { margin-bottom: 70px;}
	.footerLink li h2 { font-size: 22px;}
	.footerLink li p { font-size: 16px;}
	.safeCakeSlide { padding: 30px 4%;}
	.choseBar { margin-top: 40px;}
	
	.fuwu1 .fuwu1List{ margin:60px auto 40px; zoom:0.8;}
	.posnav li{ font-size:15px; margin-right:30px;}
	.posnav a{ font-size:15px;}
}
@media screen and (max-width: 1366px) {
	.leftPeo { float: none; width: 100%; padding: 0 4.68vw 0 0;}
	.leftPeo .peoTxt,.topPeople .peoTxt { float: right; width: calc(100% - 417px); padding: 45px 0 50px;}
	.rightPeople { float: none; width: 100%;}
	.peoTxt p { line-height: 2;}
	.leftPeo img,.rightPeople img { position: static; float: left; margin-top: 20px;}
	.leftPeo,.topPeople,.peopleInfor:nth-child(1) { margin-bottom: 20px; position: relative;}
	.leftPeo:after { content: ''; clear: both; display: block; height: 0;}
}
@media screen and (max-width: 1280px) {
	.safeCont .safeTitle p { font-size: 20px;}
	.safeCont { height: 600px;}
	.serviceTxt { height: auto; padding: 40px 4%;}
	.helpSlide { margin-right: 0;}
	.leaderCont li h2 { font-size: 20px;}
	.leaderCont li p { font-size: 14px;}
	.growStep li h2 { font-size: 20px;}
	.growStep li { width: 32%; margin-right: 2%;}
	.serviceSlide li h2{ font-size:24px;}
	.serviceSlide li p{ font-size:15px; line-height:24px;}
	
	.nav li{ margin-right:4.2vw;}
	.productBelief { font-size: 16px; margin-top: 120px;}
	.bigCont h2,.smallCont h2 { font-size: 18px;}
	.rule0 .ruleArt{ zoom:0.6;}
	.ruleArt p.p1{ width:58vw;}
	
	.positon{ padding:10px 0; height:70px;}
	.positon a{ font-size:15px; line-height:50px;}
	.positon img.pro{ height:50px;}
	.newsList, .newsContent, .pro_detail{ margin:60px auto;}
	.mt100{ margin-top:30px !important;}
	.mt50{ margin-top:20px !important;}
	.newsList, .footer, .newsContent, .pro_top .pro_txt{ zoom:0.9}
	.newsList li .img{ height:150px;}
	.newsList li .img img{ max-height:150px;}
	.pro_top .pro_img{ padding-left:0; padding-right:2%;}
	.product{ padding-bottom:60px;}
	.posnav, .proList li, .fuwunav, .queList, .contactinfo{ zoom:0.9;}
	.pro_top .pro_txt .link a img{ zoom:1;}
	
	.fuwu1{ margin:60px auto;}
	.fuwu1 h2{ font-size:24px; }
	.fuwu1 h4{ font-size:15px; margin-top:20px;}
	.fuwu2, .mendian{ padding:60px 0;}
	
	.question-search{ margin:30px auto;}
	.mendian .warpselect h2.title{ margin-bottom:20px;}
	.safebox{ height:300px;}
	.safeSlide { left:8%; width:84%;}
	.swiper-btns .prev{ left:5px;}
	.swiper-btns .next{ right:5px;}
	.safeSlide .safeTitle0 p, .safeSlide .safeTitle0 span{ zoom:0.8;}
	
	.anquanList h2, .anquanList img.icon{ zoom:0.8;}
	
	.joinForm li { margin: 0 10px; font-size: 16px;}
	.joinTit { margin: 20px auto;}
	.joinForm ul { line-height: 100px;}
}
@media screen and (max-width: 1140px) {	
	.pro_top2 .pro_img{ width:65%; margin-right:5%;}
	.pro_top2 .pro_txt{ width:30%;}
	.pro_top2 .pro_txt .descr{ margin:15px 0; padding:15px 0;}
	.pro_top .pro_txt .link a{ margin-right:20px; }
	
	.helpArt h2 { font-size: 20px;}
	.helpArt p { font-size: 14px;}
	.helpArt { width:100%; margin-bottom:20px;}
	.helpArt .helptxt{ width:45%; float:left;}
	.helpArt p{ font-size:12px; line-height:18px;}
	.helpArt img { width:50%; float:right; margin-top:0;}
	.helpSlide { padding-top: 20px; float: none; margin: 0 auto; max-width: 100%;}
	.helpCont { padding: 0;}
	.helpSlide ul { text-align: center;}
	.helpSlide li { vertical-align: top; float: none; display: inline-block; margin: 0 20px 20px!important; width: 100px; height: 100px;}
	.helpSlide li p { font-size: 14px;}	
	.ruleArt p.p0{ font-size:17px;}
	.fuwu1 .fuwu1List{ zoom:0.6;}
}
@media screen and (max-width: 1080px) {
	.nav li{ margin-right:3.2vw;}
	.header .logo{ left:48%; width:200px; margin-left:-100px;}
	
	.responseTxt { transform: translate(0); width: 50%; top:0; padding:15px;}
	.responseTxt h2{ font-size:14px; line-height:20px;}
	.responseTxt p{ font-size:12px; line-height:16px;}
	.responseImg { width:50%; position:relative; height:180px;}
	.responseImg img{ position:absolute; left:50%; transform:translateX(-50%); height:180px; width:340px !important;}
	.leaderSmallImg,.leaderBigImg { float: none; width: 100%;}
	.leaderBigImg { height: auto;}
	.serviceImg { height: 260px;}
	.leaderImgbox { padding-bottom: 20px;}
	.leaderCont li { margin-top: 20px;}
	.leaderCont li h2{ font-size:15px; font-weight:bold; line-height:1.5;}
	.leaderCont li p{ font-size:12px; line-height:18px;}

	.leader-1 .leaderImg, .leader-2 .leaderImg{ width:45%; height:240px; position:relative;}
	.leader-1 .leaderImg img, .leader-2 .leaderImg img, .responseImg img{ position:absolute; left:50%; transform:translateX(-50%); height:240px; width:350px !important; max-width:10000px; }
	.leader-1 .leaderTxt, .leader-2 .leaderTxt{ width: 55%; padding:20px 30px 20px 15px; background-size:20px;}
	.leader-2 .leaderTxt{ background-size:25px;}
	.leaderSmallImg{ width:43%; float:left;}
	.leaderBigImg{ width:53.5%; float:right;}
	.leader-3 .leaderImg, .leader-5 .leaderImg{ width:43%; float:left;}
	.leader-3 .leaderTxt, .leader-5 .leaderTxt{ width:56%; float:right; padding:20px 30px 20px 15px; background-size:25px;}
	.leader-4 .leaderImg{ width:43%; float:right;}
	.leader-4 .leaderTxt{ width:56%; float:left; padding:20px 30px 20px 15px; background-size:25px;}

	.dynamicTxt{ padding:12px 15px;}
	.dynamicTxt h3{ font-size:15px; margin-bottom:10px;}
	.choseTop { padding:5px 0 10px;}
	.choseTop dt:hover, .choseTop dt.cur { background: none;}
	.txtTop h2{ font-size: 20px; margin-bottom: 0;}
	.safeCakeSlide { padding: 0; position: static;}
	.cakeFirst { display: none;}
	.cakeRight { float: none; width: 100%;}
	.choseSlide { display: none;}
	.choseTop dt img { display: none!important;}
	.choseTop dt .img2 { width: 14%; vertical-align: middle; margin: 0 10px; display: inline-block!important;}
	.innerBox { position: static;}
	.safeCakeSlide { background: none;}
	.choseTop dt { border-bottom: none; margin-right: 0; width:50%; text-align: left; padding:5px 0;}
	.table-cell { display: block; text-align: left;}
	.choseTop dt p { display: inline-block; font-size: 14px; line-height: 48px; color: #999999; text-align: left;}
	.choseTop dt:last-child p { border: none;}
	.choseTop dt:hover { background: none!important;}
	.choseTop dt p:hover { color: #b89f6a;}
	.experiencePos { right: auto; left: 5%;}
	.experiencePos p { font-size: 14px; line-height: 1.5;}
	.technologySlide { height: 300px;}
	.technologySlide .swiper-slide { height: 300px;}
	.techPos p { font-size: 14px; line-height: 1.5;}
	.techPos h2 { margin-bottom: 10px; font-size: 20px;}
	.technologyTit p { padding: 0 4%; font-size: 16px; line-height: 1.5;}
	.technologyTit { margin-bottom: 40px;}
	.technologySlide { margin: 35px auto 55px;}
	.technologyTit h2 { font-size: 22px; line-height:40px;}
	.technologySlide img { height: 100%; object-fit: cover;}
	.rule h2 { font-size: 22px; line-height: 64px;}
	.ruleArt p { z-index: 3; font-size: 16px;}
	.technologyChose li { padding: 0 25px;}
	.technologyChose li span { width: 40px; height: 40px; background-size:100%!important;}
	.technologyChose li p { font-size: 16px;}
	.technologyChose ul { overflow-x: auto; overflow-y: hidden; white-space:nowrap;}
	.ruleArt { height: 300px;}
	.ruleArt img { position: relative; height: 100%; object-fit: cover;}
	.ruleArt p.p0{ font-size:18px; top:30px;}
	
	.posnav{ height:auto; overflow:hidden;}
	.posnav.more0{ padding-right:55px; height:45px; position:relative;}
	.posnav ul{ width:100%;}
	.posnav .gengduo{ position:absolute; display:block; right:0; bottom:0px; padding-right:0; background:none !important;}
	.posnav .gengduo span{ float:left; display:block;}
	.posnav .gengduo i{ float:left; display:block; width:20px; height:35px; background: url(../images/pos0_on.png) center no-repeat !important; }
	.posnav .gengduo i.up{ transform:rotate(180deg); }
}
.pc{ display:block !important;}
.mobile{ display:none !important;}
@media screen and (max-width: 960px) {
	.nav li{ margin-right:3vw;}
	.nav li:nth-child(3){ margin-right:24vw;}
	.nav li>a{ padding-left:15px;}
}
@media screen and (max-width: 768px) {
	body{padding-top: 60px;}
	.header { height:60px; z-index: 20; position: fixed; left: 0; top: 0; width: 100%; background:#fff;}
	.header .logo { width: 132px; top: 50%; transform: translateY(-50%);}
	.header .logo .logo1{ display:block !important;}
	.header .logo .logo0{ display:none !important;}
	.header .logo { margin-left: 0; left:5%;}
	.nav { float: right; margin-right: 2.6vw;}
	.nav li,.nav li:nth-child(3) { margin-right: 0;}
	.search{ margin-top:18px; margin-right:5%;}
	.nav li>a { padding: 0; line-height: 60px;}
	.menuBtn { transition: all 0.5s; position:absolute; right: 0; top: 0; width:58px; height:58px; background: url(../images/mobile-menu.png) center no-repeat; background-size:26px;}
	.menuBtn.cur { background: url(../images/mobile-menu-close.png) center no-repeat; background-size:26px;}
	.nav { z-index: 20; float: none; width:100%; padding: 0 5%; box-sizing: border-box; left:-100%; background: #333333; bottom: 0; margin: 0; position: fixed; bottom: 0; top: 60px;}
	.shoper { margin-top:18px; padding-right: 0; background: none; margin-right: 50px;}
	.nav li { position: relative; border-bottom:1px solid #7b7b7b; float: none;}
	.nav li>a, .header0 .nav li>a, .header:hover .nav li>a { line-height: 3; display: inline; color: #c1c1c1; font-size: 16px; background: none!important;}
	.nav li.active .subSlide, .nav li.cur .subSlide, .nav li.cur .safeCakeSlide{ display:block;}
	.subSlide { background: none; position: static;}
	.subSlide dl { padding: 0;}
	.subSlide dt { text-indent: 2em; border-bottom:1px solid #444;  margin: 0; float: none; width: 100%;}
	.subSlide dt:last-child { border: none;}
	.subSlide dt h2 {font-size: 14px; color: #c1c1c1;}
	.subSlide dt img,.subSlide dt span { display: none;}
	.safeSlide .safeTitle0 p, .safeSlide .safeTitle0 span{ zoom:0.7;}
	/*.nav li:after { content: ''; position: absolute; width:10px; height: 1px; background: #e3e3e3; top:22px; right: 0;}*/
	.nav li:after { content: ''; position: absolute; width:10px; height: 10px; background: url(../images/mob-nav-open.png) center no-repeat; top:22px; right: 0;}
	.nav li.cur:after { content: ''; position: absolute; width:10px; height: 2px; background: #ccc; top:26px; right: 0;}
	.nav li:last-child:after { display: none;}
	.div_a { height: 60px; margin-top: -60px; }
	.newsContent .newsL h2{ font-size:20px;}

	.joinForm ul { line-height: 50px;}
	.joinTit p { font-size: 14px; line-height: 1.5;}
	.joinTit span { font-size: 18px;}
	.joinForm li input, .joinForm li select { text-indent: 20px; font-size: 16px; height: 30px;}
	.joinForm li { box-sizing: border-box; padding-left: 20px; margin: 0; width: 100%;}
	.subBox p { font-size: 14px;}
	.subBox { padding: 20px 0;}
	.peoTxt h2 { font-size: 16px; line-height: 20px;}
	.joinKnow li span { font-size: 14px; line-height: 2;}
	.joinKnow li { margin-bottom: 10px;}
	.topPeople,.leftPeo, .topPeople, .peopleInfor { padding: 0px 20px 0px 0px;}
	.topPeople img,.leftPeo img,.leftPeo img, .rightPeople img { margin:15px auto 0; display: block; width: 30%;}
	.leftPeo .peoTxt, .topPeople .peoTxt, .peopleInfor .peoTxt { padding:10px 0; width: 65%;}
	.peoTxt a.videolink{ margin-top:5px;}
	.topPeople img{ position:static; float:left;}
	.growStep li { width: 100%; margin-right: 0; margin-bottom: 25px}
	.growStep li h2{ font-weight:bold; margin-bottom:5px;}
	.growStep li p{ font-size:13px; line-height:20px;}
	.growStep li:nth-child(1){  background-size:20px; padding-left: 40px;}
	.growStep li:nth-child(2), .growStep li:nth-child(3){  background-size:26px; padding-left: 40px;}
	.serviceImg{ height:130px;}
	.serviceTxt{ padding:20px 5%;}
	.serviceSlide li h2{ font-size:16px; margin-bottom:10px; }
	.serviceSlide li p{ font-size:12px; line-height:18px; height:180px;}
	.serviceSlide li:nth-child(1){ background-size:20px;}
	.serviceSlide li:nth-child(2){ background-size:25px;}
	.helpCont{ background-size:30px;}
	.helpArt h2{ font-size:14px; font-weight:bold; line-height:24px;}
	.helpSlide li{ width:80px; height:80px; margin:0 10px 20px !important;}
	.helpSlide li p{ font-size:13px; line-height:22px; padding-left:5px;}
	.serviceResponse{  background-size:26px;}
	.newsList li .img, .newsList li .img img{ height:auto; max-height:250px;}
	
	.section-5 li { float: left; margin: 0 0 10px; width: 49%;}
	.section-5 li:nth-child(2n){ float: right;}

	
	.dataBox{ padding-top:80px;}
	.dataBox .safeTitle{ top:30px; width:100%;}
	.joinStepimg{ width:95%; height:70vw;}
	.peoTxt p{ font-size:12px; line-height:16px; padding:2px 0;}
	
	.search{ margin-right:10%; margin-top:16px;}
	.section-2 .titCell img { width: 60px; margin-left:10px;}
	.safe { margin-bottom: 40px;}
	.experienceSlide .swiper-slide { height: 300px;}
	.experienceSlide .swiper-slide img { height: 100%; object-fit: cover;}
	
	.txtTop h2 { font-size: 30px; margin-bottom: 10px;}
	.txtTop { padding-bottom: 20px;}
	.footer{ padding:5vw 5%;}
	.footerLink li { margin-bottom: 20px; padding:15px 20px; float: none; width: 100%; display:none;}
	.footerLink li:first-child { display:block;}
	.footerLink li h2 { font-size: 18px;}
	.footerLink li p { display:none; font-size: 14px; margin-top: 15px; padding-bottom:20px; line-height: 15px;}
	.footerSlide{ margin-top:25px;}
	.footIcon{ height:22px; margin-bottom:5px;}
	.footIcon img{ height:22px; width:auto;}
	.footerSlide li { float: left; width: 46%; margin-bottom: 20px; padding: 0; margin-right:8%;}
	.footerSlide li:nth-child(1) p, .footerSlide li:nth-child(3){ display:none;}
	.footerSlide li:nth-child(2){ margin-right:0;}
	.footerSlide li a.get { margin-top: 15px; border-radius:10px; line-height:40px;}
	.footerSlide li:nth-child(2) span { font-size: 14px; line-height: 1.5;}
	.footerSlide li a.join, .footerSlide li:nth-child(2) p{ display:block; font-size:18px; line-height:32px; color:#13244f; border-bottom:1px solid #13244f; margin-bottom:15px;}
	
	.footerSlide li:nth-child(2) span{ display:block; width:auto; background: #17244c; padding:6px 15px; border-radius:10px; color:#fff; font-size:18px; letter-spacing:1px; }
	.footerSlide li:nth-child(2) span.footIcon{ background:none; padding:0;}
	.footerSlide li:nth-child(2) span:last-child{ display:none;}
	.footerSlide li:nth-child(2) span a{ color:#fff;}
	.youlian{ margin-top:10px;}
	.youlian p span.span1{ display:none;}
	.chatPos { right: 4%;}
	.chatPos a{ background:rgba(200,200,200, 0.5);}
	.chatPos a#a1:hover .tel{ display:none;}
	
	.dashiji{ padding-bottom:30px;}
	.technologyTit, .rule0{ margin-bottom:30px;}
	.technologyTit h2{ font-size:18px; line-height:35px; margin-bottom:15px;}
	.technologyTit .about_info p{ font-size:15px; letter-spacing:1px; line-height:26px; padding:6px 0;}
	
	.technologyTit .img .p{ font-size:13px; letter-spacing:1px; width:100%; top:55%; bottom:auto;}
	.technologyTit .img .p p{ font-size:13px;}
	.technologyTit .img{ margin:30px auto; padding-bottom:60px;}
	.shiliList{ padding:30px 0;}
	.shiliList li{ width:48%; margin-right:4%;}
	.shiliList li p{ font-size:16px; font-weight:normal;}
	.wenhuaList{ padding:0; background-size:100%;}
	.wenhuaList .wenhua{ margin:10px auto; width:92%;}
	.wenhuaList .wenhua p.p1{ font-size:15px; line-height:1.75;}
	.wenhuaList .wenhua p.p2{ font-size:18px; line-height:1.5; margin:10px 0;}
	.wenhuaList .wenhua img{ max-width:50%; margin:10px auto; }
	
	
	.bannern h2{ top:50%; font-size:28px; line-height:80px; transform: translate(-50%, -50%);}
	.newsContent{ margin:30px auto;}
	.newsContent .newsL, .newsContent .newsR{ width:100%; zoom:0.9;}
	.newsContent .newsR .nbox{ padding:4%;}
	.newsContent .newsR .nbox .nlist li{ width:48%; float:left; margin-right:4%; }
	.newsContent .newsR .nbox .nlist li:nth-child(2n){ margin-right:0;}

	.newsContent .newsR .nbox .nlist li .txt h2{ margin-top:0; font-size:16px; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
	.newsContent .newsR .nbox:nth-child(2) .nlist li .txt p.time, .newsContent .newsR .nbox:nth-child(3) .nlist li .txt p.time{ display:none;}
	.newsContent .newsR .nbox:nth-child(2) .nlist li .txt h2, .newsContent .newsR .nbox:nth-child(3) .nlist li .txt h2{ text-align:center;}
	
	.posnav{ border-bottom:1px solid #ccc;}
	.posnav li{ margin-right:20px;}
	.posnav a{ padding-right:0; background:none !important;}
	.proList{ padding-top:20px;}
	.proList li{ width:48%; margin-right:4%;}
	.proList li:nth-child(2n){ margin-right:0;}
	
	.proList5 li{ width:100%; margin-right:0;}
	.proList5 li a{ display:block;}
	.proList5 li img{ width:100%; display: block;}
	.proList5 li p{ width:100%; height:40px; line-height:40px; text-align:center; display: block; vertical-align:middle;}
	
	.tjchanpin .tjproList li{ width:48%; margin-right:4%; margin-bottom:2%;}
	.tjchanpin .tjproList li:nth-child(2n){ margin-right:0;}
	.tjchanpin .tjcp li a{ display:block; text-align:center;}
	.tjchanpin .tjcp li img{ width:80%; margin:0px auto;}
	.tjchanpin .tjcp li p{ text-align:center;}
	.pro_top .pro_img{ width:100%; padding-left:5%; padding-right:5%; margin-bottom:5%; margin-right:0; border-right:none;}
	.pro_top .pro_txt{ width:100%; }
	.pro_top .pro_txt h2{ font-size:28px;}
	.pro_top .pro_txt .link{ position:static; margin-top:20px;}
	.pro_top2 .pro_img{ padding-left:0; padding-right:0;}
	.pro_top .pro_txt .link a img{ zoom:.9;}
	
	.fuwunav{ padding:0px 0; height:50px;}
	.fuwunav li{ padding:0 10px; font-size:16px;}
	.fuwunav li a{ line-height:50px; height:50px;}
	.fuwu1{ margin:30px auto;}
	.fuwu1 h2{ font-size:20px;}
	.fuwu1 h4{ font-size:14px; margin-top:10px;}
	.fuwu1 img{ margin:20px auto 0;}
	.fuwu2{ padding:30px 0;}
	.fuuw3{ margin-top:0;}
	.fuwu3 .item{ width:33.33333%;}
	.fuwu3 .item .item-case{ height:450px;}
	.fuwu3 .item .item-case-title{ left:10%; width:80%; top:5%;}
	.fuwu3 .item .item-case-title h3{ font-size:18px; line-height:40px;}
	.fuwu3 .item .item-case-title p{ font-size:12px; line-height:18px;}
	.question-search{ margin:30px auto 0px; width:100%;}
	.question-search .inp{ height:40px;}
	.question-search input[type=text]{ padding:0;}
	.question-search input[type=submit]{ height:40px;}
	.queList{ margin:10px auto;}
	.queList li{ width:100%; margin-right:0; line-height:50px; height:50px;}
	.queList li a{ font-size:14px;}
	.contactinfo{ margin:30px auto; padding:0px; background:none; border:none;}
	.contactinfo .conLeft, .contactinfo .conRight{ width:100%;}
	.contactinfo .conLeft h3{ font-size:16px; line-height:2; text-align:center;}
	.contactinfo .conLeft p{ font-size:14px; line-height:1.75; text-align:center;}
	.contactinfo .conLeft{ margin-bottom:20px; text-align:center;}
	.contactinfo .conRight img{ width:150px; height:150px;}
	
	.mendianList{ margin:30px auto; padding-top:30px;}
	.mendianList li{ width:100%; margin-right:0; zoom:0.9; }
	.mendianList li:nth-child(3n){ margin-right:0;}
	.mendianList li:nth-child(2n){ margin-right:0;}
	
	.xuangou{ margin:30px auto;}
	.xuangou li{ zoom:0.8; width:100%; background:none; padding-bottom:30px;}
	.xuangou li:last-child{ padding-bottom:0;}
	.xuangou li img{ width:30%; float:left; margin:0px auto; padding:0px 9%; border-right: 2px solid #d2b37d;}
	.xuangou li .txt{ width:50%; float:left; border:none;}
	.xuangou li .txt h4{ line-height:50px;}
	.ruleArt p.p0{ font-size:16px;}
	.anquanList{ margin:0 auto 50px;}
	.anquanList h2, .anquanList img.icon{ zoom:0.6;}
	.anquanList img.icon{ top:25%;}
	
	.aqtiyan{ padding-top:50px;}
	
	
	
	.joinForm{ margin-bottom:40px;}
	

	
	
	
	
	
	
	.pc{ display:none !important;}
	.mobile{ display:block !important;}
	.mb30{ margin-bottom:30px;}
	.titCell{ text-align:center; font-size:32px;}
	.titCell:after{ left:50%; transform:translateX(-50%);}
	.section-1 { background:none; padding: 20px 5%; margin-bottom: 0; }
	.section-1 .productBelief{ text-align:center; font-size:18px; line-height:30px; margin-top:30px;}
	
	.section-2, .section-5{ padding:0 5%;}
	.section-2 .titCell{ font-size:20px;}
	.posTxt{ bottom:22px;}
	.posTxt p { font-size: 24px; padding-left:0;}
	.posTxt span{ display:none;}
	
	.lifeList li { float: none; width: 100%; margin: 0 0 15px;}
	.lifeList ul { margin-top: 20px; border:none; padding-bottom:0;}
	.section-3{ padding:20px 5% 0;}
	
	.safeList li { height:auto; float: none; width: 100%; margin-bottom: 15px;}
	.safeList li img { width:100%; height:auto;}
	.safeList { margin-top: 20px;}
	.safeList ul{ padding-bottom:0; border:none;}
	
	.section-4{ padding-top:20px;}
	.section-4 .safeTitle p{ font-size:18px;}
	.videoCont{ margin:20px auto; padding:20px 5% 40px;}
	
	.videoInfor { height: auto;}
	.videoInfor video {  height: auto;}
	.videoInfor .closeBtn { background: url(../images/close.png) center no-repeat; background-size:21px; top: -40px;}
	.bigCont { float: none; width: 100%;}
	.bigCont h2{ line-height:60px;}
	.videoImg { height: 260px;}
	.smallCont { float: none; width: 100%;}
	.smallCont li { height: 150px;}
	.smallCont li h2 { left: 10px; right: 10px; bottom: 10px; font-size:14px; line-height:30px;}
	
	.mpositon{ background:#e6e6e6; border:none; height:60px;}
	.positon img.pro{ height:40px;}
	.positon a{ font-size:13px; line-height:40px; padding:0 5px;}
	.positon a:first-child{ padding-left:0;}
	.posicon{ width:10px;}
	.mpositon span{ float:right;}
	.mpositon span a{ color:#c59d57; text-decoration:underline; padding:0;}
	
	.newsList, .newsContent, .pro_detail{ margin:30px auto;}
	.newsList h2.title{ font-size:20px; text-align:left; height:50px; line-height:50px; margin-bottom:30px; padding:0px 5%; background:#e6e6e6; color:#1a1a1a;}
	.technologyTit .img img{ width:100%;}
	.positon{ border:none; height:60px;}
	
	.newsList ul li{ width:100%; margin-right:0; margin-bottom:0; background:none;}
	.newsList li .txt{ padding:10px 0;}
	.newsList li .txt h2{ height:auto;}
	.newsList li .txt em{ display:none;}
	.newsList a.more{ display:block; background:#b89f6a; color:#fff; text-align:center; height:40px; line-height:40px; font-size:14px; margin-bottom:30px;}
	.rule0{ padding-top:60px;}
	/*a.splink img{ width:150px; margin:30px auto;}*/
	a.splink{ display:none;}
	.shipinzxbg{ margin-bottom:30px;}
	.safeTitle p{ font-size:20px;}
	.safeTitle p i{ margin:0 10px;}
	.safeCont{ height:330px; background-size:150% 100%;}
	.safeCont .safeTitle { color: #ffffff; background: url(../images/whiteTitbg.png) center no-repeat; padding:28px 0 17px; background-size:72px auto;}
	.searchInfor { transition: all 0.5s; position: relative; float: right; background: url(../images/icon_s.png) center no-repeat; display: block; width: 24px; height: 24px; margin-top: 18px; background-size:100%; margin-right:45px; cursor:pointer;}
	.searchInfor.cur { background: url(../images/close.png) center no-repeat; background-size:26px auto; width:26px; height:26px; margin-top: 17px;}
	
	
	.list9-banner-wrap{ padding-top:0;}
	.list9-banner{ padding:50px 0 70px;}
	.youlian p span.span1 a, .youlian p span.span2 a{ display:inline-block;}
	
	.fuwu1 .fuwu1List li p{ font-size:24px;}
}



@media screen and (max-width: 480px) {
	.leaderCont li h2{ font-size:16px; margin-bottom:8px;}
	.leaderCont li p{ font-size:12px;}
	.leaderCont li{ position:static;}
	.leader-1 .leaderTxt, .leader-2 .leaderTxt, .leader-3 .leaderTxt, .leader-4 .leaderTxt, .leader-5 .leaderTxt{ width:100%; position:static; top:0; transform: translateY(0); background-size:28px; background-position: right bottom;}
	.leader-1 .leaderImg, .leader-2 .leaderImg, .leader-4 .leaderImg, .leader-5 .leaderImg{ width:100%; height:auto; position:static; float:none;}
	.leader-1 .leaderImg img, .leader-2 .leaderImg img, .responseImg img{ position:static; width:100% !important; height:auto; left: 0; transform: translateX(0);}
	.leaderSmallImg, .leaderBigImg, .leader-3 .leaderImg{ width:100%; float:none;}
	.leaderSmallImg{ padding-bottom:20px;}
	.leader-1 .leaderTxt{ background-size:20px; }
	
	
	.serviceSlide li{ width:100%;}
	.serviceSlide li p{ height:auto;}
	
	.helpArt .helptxt, .helpArt img, .responseImg, .responseTxt{ width:100%;}
	.helpArt h2, .responseTxt h2{ font-size:16px; font-weight:bold;}
	.helpArt p{ margin-bottom:10px;}
	.serviceResponse, .responseImg, .responseTxt{ position:static; }
	.responseImg{ margin-bottom:10px; }
	.responseImg img{ width:100% !important; }
	.responseTxt h2{ margin-top:20px;}

	.dynamicTxt{ padding:10px 12px;}
	.dynamicTxt h3{ margin-bottom:5px; }



}