body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,form,input{margin: 0; padding: 0;}
body{--maincolor: #e30000; font-family: Arial; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-size:1.6rem;}
li{list-style: none;}
a,a:hover,input:focus,select:focus,textarea:focus{text-decoration: none; color: inherit; outline: none;}
img{border: none; max-width: 100%; height: auto;}
.clear{clear: both;}
.w{max-width: 1200px; margin: 0 auto;}
.w94{max-width:94%; margin: 0 auto;}
.w92{max-width:92%; margin: 0 auto;}
.w90{max-width:90%; margin: 0 auto;}
.w86{max-width:86%; margin: 0 auto;}
.w82{max-width:82%; margin: 0 auto;}
.swiper{overflow: hidden; position: relative;}
.swiper-slide img{max-width: 100%; display: block;}
.flex{display:flex; flex-wrap:wrap; justify-content: space-between; align-items: center;}

/* 头部 */
.top1{position: fixed; top: 0; left: 0; right: 0; z-index: 10; height:78px; background: #fff;}
.top1 .w{height:78px;}
.top1 .w .fl img{max-height:52px;}
.top1 .ul1{display: flex; font-size:18px; color: #666; line-height:78px;}
.top1 .ul1>li{position: relative;}
.top1 .ul1>li>a{padding: 0 10px;}
.top1 .ul1>li ul{position: absolute; top:78px; left: 0; white-space: nowrap; min-width: 100%; background: rgba(255,255,255,1); font-size: 16px; box-shadow: 0 0 5px 5px rgba(0,0,0,0.05); display: none; line-height: 1.2;}
.top1 .ul1>li ul li{padding: 10px 0;}
.top1 .ul1>li ul a{padding: 0 15px;}

.top1 .ul1>li:hover{color:#000;}

.top1 .ul1>li ul li:hover{color:#000;}

.active-head{ color:#000;}

.float-box {
      position: fixed;
      right: 20px;
      top: 50%;
      transform: translateY(-50%);
           z-index: 9999;
      background: #5b5b5b;
      border-radius: 12px;
      box-shadow: 0 4px 20px rgba(0,0,0,0.15);
      overflow: visible;
    }
    /* 单个选项 */
    .float-item {
      position: relative;
      display: flex;
      align-items: center;
      padding: 14px;
      cursor: pointer;
      text-decoration: none;
      color: #333;
    }
    .float-item + .float-item {
      border-top: 1px solid #eee;
    }
    .float-item i {
      font-size: 20px;
      width: 24px;
      text-align: center;
      color: #fff;
    }
    /* 左侧文字提示容器 */
    .tip-text {
      position: absolute;
      right: 55px;
      top: 50%;
      transform: translateY(-50%);
      background: #333;
      color: #fff;
      font-size: 14px;
      padding: 6px 12px;
      border-radius: 4px;
      white-space: nowrap;
      display: none;
    }
    /* 微信二维码容器 */
    .tip-qrcode {
      position: absolute;
      right: 55px;
      top: 50%;
      transform: translateY(-50%);
      width: 120px;
      height: 120px;
      background: #fff;
      padding: 8px;
      border-radius: 6px;
      box-shadow: 0 2px 12px rgba(0,0,0,0.2);
      display: none;
    }
    .tip-qrcode img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    /*  hover 只显示当前项左侧内容 */
    .float-item:hover .tip-text,
    .float-item:hover .tip-qrcode {
      display: block;
    }

/* 首页 */

.section{color: #fff;}
.section b{font-size: 60px;}
.section ul{line-height: 3; margin-top: 3%;}

.section1{background: url(../images/section1bj.jpg) center center; background-size: cover;}

.section2 video{width: 100%; height:100%; object-fit: cover; object-position: center center;}

.section3{background: url(../images/section3bj.jpg) center center; background-size: cover;}

.section4{background: url(../images/section4bj.jpg) center center; background-size: cover;}

.section5{background: url(../images/section5bj.jpg) center center; background-size: cover;}

.section6{background: url(../images/section6bj.jpg) center center; background-size: cover;}
.section6 .w{display:flex; flex-wrap:wrap; justify-content: space-between; align-items:‌flex-start‌;}
.section6 .fl,.section6 .fr{width: 45%;}
.section6 .form-control,.section6 .btn-default{background: none;}
.section6 .btn-default{color: #fff;}
.section6 form{margin: 2% 0 5%; color: #fff;}
.section6 p a{margin-right: 10px; font-size: 18px;}
.section6 .item{border: 1px solid rgba(255,255,255,0.5); margin: 20px 0; padding: 20px 10px;}
.section6 .item h3{font-size: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.section6 .item p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; margin: 10px 0;}
.section6 .item .flex{font-size: 12px; color: rgba(255,255,255,0.8);}
.yanzhengma{ margin-bottom:10px;}
.yanzhengma input{ height:34px; border:1px solid #ccc; border-radius:4px; background:rgba(255,255,255,0); width:50%; padding-left:10px;}
.yanzhengma img{ height:34px; border-radius:4px;}

.index-lianxi{display:flex; flex-wrap:wrap;}
.index-lianxi dl{margin-right:80px;}
.index-lianxi dl:nth-child(2){margin-right:0px;}

.tutu{display:flex; flex-wrap:wrap; margin-top:20px;}
.tutu dl{margin-right:20px; width:130px;}
.tutu dl:nth-child(2){margin-right:0px;}
.tutu dl dt{ width:130px; height:130px;}
.tutu dl dt img{ width:130px; height:130px;}
.tutu dl p{ margin-top:10px; text-align:center;}

.foot_item{position: fixed; left: 5%; bottom: 5%; color: #fff;}
.foot_item ul{display: flex;}
.foot_item ul li{margin-right: 10%; white-space: nowrap; font-size: 14px;}

/* 产品 */
.ny_banner{height: 600px;}
.ny_banner .w{height: 80%; align-items: flex-end;}
.ny_banner b{background: #ebebeb; font-size: 36px; padding: 10px 20px;}

.producthome{background: #ebebeb; overflow: hidden;}
.producthome1{margin: 50px 0;}
.producthome1 .coty{font-size:30px; font-weight: bold; margin-bottom:30px;}
.producthome1 .item{padding: 30px 0;}
.producthome1 .item .w{align-items: stretch;}
.producthome1 .item .fl,.producthome1 .item .fr{width: 49%;}
.producthome1 .item .fl .img{padding-bottom: 100%; position: relative; background: #fff;}
.producthome1 .item .fl .img img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.producthome1 .item .fr{background: rgba(255,255,255,0.8);}
.producthome1 .item .fr .text{padding:3% 7%;}
.producthome1 .item .fr .text dl{ margin-bottom:10px;}
.producthome1 .item .fr .text dt{font-size: 20px; font-weight: normal;}
.producthome1 .item .fr .text dd{font-size: 16px; color: #666; line-height: 3;}
.producthome1 .item .fr .text p{ width:fit-content; margin:auto; margin-top:4%;}
.producthome1 .item .fr .text p a{padding:12px 40px; border: 1px solid #999; font-size: 16px; color: #666; background:#FFF;}
.producthome1 .bod{margin-top: 20px;}
.producthome1 .bod .shi{overflow:hidden; display:block; margin-top:50px; display:flex; flex-wrap:wrap;}
.producthome1 .bod .shi dl{width:100%; padding:0px !important; overflow:hidden; margin-bottom:30px; display:block !important;}
.producthome1 .bod .shi dl iframe{width:90%; margin-left:5%; height:400px; object-fit: cover; background-color:#FFF;}
.producthome1 .bod .shi dl:nth-child(3n){ margin-right:0px !important;}
.producthome1 .bod .shi dl p{ text-align:center; margin-top:10px;}
.producthome1 .bod .shi dl .hidden {display: none;}
.producthome1 .bod .bod1{font-size:1.6rem;}

h1{ font-size:4rem; word-break: normal !important; text-wrap:wrap !important;}
h2{ font-size:3.6rem; word-break: normal !important; text-wrap:wrap !important;}
h3{ font-size:3.2rem; word-break: normal !important; text-wrap:wrap !important;}
h4{ font-size:2.8rem; word-break: normal !important; text-wrap:wrap !important;}
h5{ font-size:2.4rem; word-break: normal !important; text-wrap:wrap !important;}
h6{ font-size:2rem; word-break: normal !important; text-wrap:wrap !important;}

.footer{background: #6b6b6b; padding: 20px 0; color: rgba(255,255,255,0.6); text-align: center;}

.productlist{background: #f6f6f6; overflow: hidden;}
.productlist1{margin-top: 50px;}
.productlist1 .fl,.productlist1 .fr{width: 48%;}
.productlist1 .fl .img{padding-bottom: 100%; position: relative;}
.productlist1 .fl .img img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.productlist1 .fr p{font-size: 36px; margin-bottom: 20px;}
.productlist1 .fr table tr,.productlist1 .fr table td,.productlist1 .fr table th{border: 1px solid rgba(255,255,255,0.5); padding: 20px; text-align: center; font-size: 16px;}
.productlist1 .fr table th{background: #aaaaaa; color: #fff; font-weight: bold;}
.productlist1 .fr table tr:nth-of-type(2n){background:#ddd;}
.productlist1 .fr table tr:nth-of-type(2n+1){background: #eee;}
.productlist1 .fr .firstRow{ background:#CCC !important; font-weight:bold; color:#333;}
.productlist1 .fr table tr td:nth-child(2n){ width:60%;}
.productlist1 .down{margin-top: 20px;}
.productlist1 .down li{width:24%; margin-bottom:10px;}
.productlist1 .down li p{padding-bottom: 100%; position: relative;}
.productlist1 .down li p img{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.productlist1 .bod{background: #ebebeb; margin-top: 20px; padding-top:40px; padding-bottom:20px;}

/* 下载 */
.downloadslist{background: #f1f1f1;}
.downloadslist1{padding: 50px 0;}
.downloadslist1:nth-of-type(2n){background:#ebebeb;}
.downloadslist1 .coty{font-size:30px; font-weight:bold;}
.downloadslist1 .list{display: flex; flex-wrap: wrap;}
.downloadslist1 .list .item{width:15%; text-align: center; margin-right: 2%; margin-top: 15px;}
.downloadslist1 .list .item:nth-of-type(6n){margin-right: 0;}
.downloadslist1 .list .item .img{margin: 10px 0 0; position: relative; padding-bottom: 60%;}
.downloadslist1 .list .item .img img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.downloadslist1 .list .item a{padding: 10px 20px; border: 1px solid #ccc; display: inline-block; margin-top:15px;}

/* 关于我们 */
.about{background: #e2e2e2; padding: 50px 0;}
.about1{background: url(../images/jjbj.jpg) center center no-repeat; padding: 2% 0; background-size:cover;}
.about1 .jj{max-width: 900px; padding: 2%; margin: 0 auto; background: rgba(226,226,226,0.7);}
.about1 .jj .logo img{max-width: 230px; margin-bottom: 20px;}
.about1 .jj .bod{font-size: 16px; line-height: 2;}

.about2 .item{width: 24%; margin: 20px 0;}

.about3 .flex{align-items: stretch;}
.about3 dl{width: 32%;}
.about3 dt{font-size: 18px; font-weight: normal; margin-bottom: 10px;}
.about3 dd{font-size: 16px; line-height: 1.5; color: #666;}

/* 联系我们 */
.contact{background: #ebebeb; padding-bottom: 5%;}
.contact1{background: #f8f8f8; padding: 5%; transform: translate(0,-5%);}
.contact1 .bod .tit{margin-bottom: 5%;}
.contact1 .bod .tit dt{font-size: 20px;}
.contact1 .bod .tit dd{color: #999;}
.contact1 .bod .flex{align-items: stretch; justify-content: space-around; border-bottom: 1px solid rgba(0,0,0,0.2); padding-bottom: 5%; margin-bottom: 5%;}
.contact1 .bod .flex dl{width: 30%; text-align: center;}
.contact1 .bod .flex dt img{height: 40px;}
.contact1 .bod .flex dd{font-size: 16px; color: #666; margin-top: 20px;}
.contact1 .bod:nth-last-of-type(1) .flex{border-bottom: none; padding-bottom: 0; margin-bottom: 0;}

.contact2{background: #898989; padding: 5%;}
.contact2 .bod{padding: 5%; background: #535353;}
.contact2 .bod p{color: #fff; font-size: 18px;}

/* 文章 */
.newslist{background: #ebebeb; padding: 50px 0;}
.newslist .tit{font-size: 30px; margin-bottom: 20px;}
.newslist1 .item{display: flex; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid rgba(0,0,0,0.1);}
.newslist1 .item .img{width: 220px; padding: 5px; border: 1px solid rgba(0,0,0,0.05); flex-shrink: 0; margin-right: 15px;}
.newslist1 .item .img dt{ position:relative; padding-bottom:60%;}
.newslist1 .item .img dt img{width: 100%; position:absolute; height:100%; object-fit: cover;}
.newslist1 .item .text{flex-grow: 1;}
.newslist1 .item .text h3{font-size: 24px; font-weight: bold; margin-bottom: 10px;}
.newslist1 .item .text span{font-size: 12px; color: #999;}
.newslist1 .item .text p{color: #666; margin: 0 0 10px;}
.newslist1 .item .text .more{display: block; text-align: right; color: #1a2fa5; font-size: 16px;}

.newslist .flex{align-items: flex-start;}
.newslist .left{flex-grow: 1; width:60%;}
.news1 .tit{border-bottom: 1px solid rgba(255,255,255,0.5); padding-bottom: 15px;}
.news1 .xx{margin: 20px 0; padding-bottom: 10px; border-bottom: 1px solid rgba(255,255,255,0.5); color: #666; font-size: 12px;}
.news1 .article{color: 666; line-height: 2; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid rgba(255,255,255,0.5);}
.news1 .article table{ border-collapse:collapse;}
.news1 .article table tr{ border-left:#ddd 1px solid; border-top:#ddd 1px solid; background:#FFF;}
.news1 .article table tr:nth-child(2n){background:#f5f5f5;}
.news1 .article table tr td{ border-bottom:#ddd 1px solid; border-right:#ddd 1px solid; padding:1rem}
.news1 .fany{color: #999;}

.newslist .right{width:35%; flex-shrink: 0; background: #fff; padding:1vw;}
.news2 .titt{padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid rgba(0,0,0,0.1); font-size: 18px;}
.news2 .item{display: flex; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid rgba(0,0,0,0.1);}
.news2 .item .img{width: 160px; flex-shrink: 0; margin-right: 15px;}
.news2 .item .text{flex-grow: 1;}
.news2 .item .text p{color: #888; margin-bottom: 10px;}
.news2 .item .text span{color: #999; font-size: 12px;}

.about-video{ width:60%; margin:auto; margin-top:30px;}
.about-video iframe{width:100%; height:400px;}

.dan1{margin: 120px 0 70px;}
.dan1 .fl,.dan1 .fr{width: 45%;}
.dan1 .fl{position: relative;}
.dan1 .fl img{position: relative; z-index: 1;}
.dan1 .fl:before{content: ""; position: absolute; right: -20px; bottom: -20px; background: #000; width: 90%; height: 60%;}
.dan1 .fr p{margin: 20px 0;}

.dan2{background: #ececec; padding: 20px 0 0;}
.dan2 .w{display: flex; justify-content: space-between; flex-wrap: wrap;}
.dan2 .w .item{width: 32%; background: #fff; padding: 20px; margin-bottom: 20px;}
.dan2 .w .item .img{padding-bottom: 100%; position: relative;}
.dan2 .w .item .img img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.dan2 .w .item h4{font-size: 16px; color: #666; margin: 20px 0 15px;}
.dan2 .w .item p{font-size: 14px; line-height: 2; color: #999;}

@media(max-width: 1200px){
	.top1 .ul1{font-size: 16px;}
	.top1 .ul1>li>a{padding: 0 10px;}
	.productlist1 .down{ width:90%; margin:auto; margin-top: 20px;}
	.productlist1 .down li{width: 32%;}
	.producthome1 .bod .shi dl iframe{width:100%; margin-left:0; height:400px; object-fit: cover; background-color:#FFF;}
	.newslist .left{width:65%;}
	.newslist .right{width:30%;}
	.about-video{ width:80%; margin:auto; margin-top:30px;}
    .about-video iframe{width:100%; height:400px;}
}
@media(max-width: 992px){
	.w{padding: 0 10px;}
	.navbar-toggle{display: block; border: 1px solid rgba(0,0,0,0.6); margin: 0;}
	.navbar-toggle span{background: rgba(0,0,0,0.8);}
	.top1 .ul1{position: absolute; top: 72px; left: 0; right: 0; background: #fff; border-bottom: 1px solid #eee; display: none; line-height: 40px;}
	.section6 .fl{width: 100%;}
	.section6 .fr{display: none;}
	.downloadslist1 .list{justify-content: space-between;}
	.downloadslist1 .list .item{width: 32%; margin-right: 0;}
	.newslist .left{width:65%;}
	.newslist .right{width:30%;}
	.productlist1 .down li{width:32%;}
	.producthome1 .bod .shi dl iframe{width:100%; margin-left:0; height:400px; object-fit: cover; background-color:#FFF;}
	.about-video{ width:80%; margin:auto; margin-top:30px;}
    .about-video iframe{width:100%; height:350px;}
}
@media(max-width: 768px){
	.ny_banner{height: 300px;}
	.producthome1 .item .w{flex-wrap: wrap;}
	.producthome1 .item .fl,.producthome1 .item .fr{width: 100%;}
	.productlist1 .w{flex-wrap: wrap;}
	.productlist1 .fl,.productlist1 .fr{width: 100%;}
	.productlist1 .fr{margin-top: 20px;}
	.downloadslist1 .list .item{width: 48%;}
	.about2 .flex{flex-wrap: wrap;}
	.about2 .item{width: 48%; margin: 10px 0 0 0;}
	.about3 .flex{flex-wrap: wrap;}
	.about3 dl{width: 100%; margin-top: 20px;}
	.contact1 .bod .flex{display: block;}
	.contact1 .bod .flex dl{display: flex; width: 100%; align-items: center; margin-bottom: 15px; text-align: left;}
	.contact1 .bod .flex dt{flex-shrink: 0; width: 20px; margin-right: 15px;}
	.contact1 .bod .flex dt img{height: auto; width: 100%;}
	.contact1 .bod .flex dd{margin-top: 0;}
	.newslist1 .item .img{display: none;}
	.newslist .flex{display: block;}
	.newslist .left{flex-grow: 1; width:100%;}
	.newslist .right{width: 100%; margin-top: 50px;}
	.productlist1 .down{ width:90%; margin:auto; margin-top: 20px;}
	.productlist1 .down li{width:48%;}
	.producthome1 .bod .shi dl iframe{width:100%; margin-left:0; height:50vw; object-fit: cover; background-color:#FFF;}
	.about-video{ width:80%; margin:auto; margin-top:30px;}
    .about-video iframe{width:100%; height:300px;}
	
	.index-lianxi{display:flex; flex-wrap:wrap;}
    .index-lianxi dl{margin-right:80px;}
    .index-lianxi dl:nth-child(2){margin-right:0px;}

    .tutu{display:flex; flex-wrap:wrap; margin-top:20px;}
    .tutu dl{margin-right:10%; width:45%;}
    .tutu dl:nth-child(2){margin-right:0px;}
    .tutu dl dt{ width:100%; height:100%;}
    .tutu dl dt img{ width:100%; height:100%;}
    .tutu dl p{ margin-top:10px; text-align:center;}
	
}
@media(max-width:480px){
	.productlist1 .down{ width:90%; margin:auto; margin-top: 20px;}
	.productlist1 .down li{width:100%;}
	.producthome1 .bod .shi dl iframe{width:100%; margin-left:0; height:50vw; object-fit: cover; background-color:#FFF;}
	.downloadslist1 .list .item{width:100%;}
	.newslist .left{flex-grow: 1; width:100%;}
	.newslist .right{width: 100%; margin-top: 50px;}
    .about-video{ width:100%; margin:auto; margin-top:30px;}
    .about-video iframe{width:100%; height:200px;}
	.about2 .item{width:100%; margin: 20px 0;}
	
	.index-lianxi{display:flex; flex-wrap:wrap;}
    .index-lianxi dl{margin-right:0px; width:100%;}
    .index-lianxi dl:nth-child(2){margin-right:0px;}
	
	.tutu{display:flex; flex-wrap:wrap; margin-top:20px;}
    .tutu dl{margin-right:10vw; width:40vw;}
    .tutu dl:nth-child(2){margin-right:0px;}
    .tutu dl dt{ width:40vw; height:40vw;}
    .tutu dl dt img{ width:40vw; height:40vw;}
    .tutu dl p{ margin-top:10px; text-align:center;}
	
	.float-box{ display:none;}
}