@charset "utf-8";
@font-face
{
	font-family: DIN;
	src: url('../font/DIN-Bold.otf'),
	url('../font/DIN-Bold.otf'); 
}
*{margin:0;padding:0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
HTML {OVERFLOW-X: hidden;}
body{ OVERFLOW-X: hidden;font-family:"Source Han Sans CN","PingFang SC","Heiti SC","Microsoft Yahei",Helvetica,Arial,sans-serif;margin:0;padding:0;-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch;overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent;background:#fff; color:#333; font-size:16px; line-height:30px;}
a{color:#333; text-decoration:none;outline:none; transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.3s;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}
a:hover{text-decoration:none; color:#D60014}
ol,ul,li{list-style:none}
h1,h2,h3,h4,h5,h6{font-weight:normal; }
.clear{ clear:both}
.clearfix{clear:both;zoom:1;}
.clearfix:after{ content:"."; display:block; height:0;clear:both;visibility:hidden;}
.ovh{ overflow:hidden}
table{ border-collapse:collapse;}
img{ border:none;}
input,textarea,select,button,input{ outline:none;font-size:16px;font-family:"Source Han Sans CN","PingFang SC","Heiti SC","Microsoft Yahei",Helvetica,Arial,sans-serif;}
.tu{ color:#ff6f25;}

.font18{ font-size:17px;}
.red{ color:#e41b23; font-weight:bold}

.section{ padding:90px 0 100px 0; }
.sectionpre{ padding-top:80px;}
.sectionnext{ padding-bottom:100px;}
#a01, #a02, #a03, #a04, #a05, #a06{ position: absolute;  margin-top:-90px;}

.wrap{ width:80%; max-width:1560px; margin:0 auto}

.jvzhong{ text-align:center}
.title { margin-bottom:45px; position:relative;}
.title h4{ text-transform:uppercase; font-size:20px; color:#e41b23; margin-bottom:8px;}
.title h3{ font-size:45px; line-height:40px; font-weight:bold; position:relative; color:#232323}
.title p{ margin-top:15px; font-size:18px;}

.pic{ height:auto; display:block; overflow:hidden;}
.pic img{ width:100%; height:auto;transition: all 1.5s; display:block}
.kuai:hover .pic img, li:hover .pic img, a:hover .pic img,  .pic:hover img{transform:scale(1.05);}

.img-dv{ position:relative; overflow:hidden}
.img-dv .img1{ display:block; width:100%;}
.img-dv .img2{ position:absolute;left:0;right:0;top:0;bottom:0; margin:auto; max-width:100%; min-height:100%}


.space{height:90px;}
.header{ height:90px; background:#fff; position:fixed; left:0; top:0; width:100%; z-index:9999;box-shadow: 0 0 10px rgba(0,0,0,0.3);}
.header .logo{ position:absolute; left:0%; top:50%; margin-top:-32px; margin-left:5%}
.header .logo img{ display:block; height:64px; width:auto;}
.header .menu{position: relative;z-index: 2; float:right; text-transform:capitalize}
.header .menu>ul{display:flex;display:-webkit-flex;justify-content:space-between}
.header .menu>ul>li{ margin:0 30px;position:relative;white-space: nowrap;}
.header .menu .menu_a{color:var(--black-color);font-size:18px;line-height:90px;position:relative;display: block;}
.header .menu .menu_a:hover, .header .menu .menu_a.cur{ color:#D60014;}
.header .menu .sub{ position:absolute;left: 50%;top: 100%; width:180px;text-align: center;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%); opacity: 0;}
.header .menu li:nth-child(2) .sub{ width:210px;}
.header .menu li:nth-child(3) .sub{ width:200px;}
.header .menu li:nth-child(4) .sub{ width:200px;}
.header .menu .sub .con {background-color: #fff;box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); position:relative;padding:5px;margin-top: 10px; border-radius:10px; }
.header .menu .sub .con:before { content:""; width:0; height:0; border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff; display:block; position:absolute; left:50%; margin-left:-6px; top:-6px}
.header .menu .sub a { display:block; border-bottom:1px solid #e8e8e8;line-height: 20px; padding: 13px 20px;word-wrap: break-word;white-space:normal}
.header .menu .sub a:first-child{ }
.header .menu .sub a:last-child{border-bottom: 0; }
.header .menu li:hover .sub {opacity: 1;visibility: visible;}
.header .menu .sub a:hover {background:#D60014; color:#fff;}
.header .use{ float:right; margin-right:5%; margin-left:20px;}
.header .language, .header .search{ display:inline-block; margin-left:30px;}
.header .language a{background:url(../images/map.png) no-repeat left center; background-size:22px auto; padding-left:30px;line-height:90px;font-size:18px; display:block}
.header .search a{background:url(../images/fdj.png) no-repeat left center;font-size:18px;  padding-left:30px; line-height:90px;  display:block; cursor:pointer}
.header .search .sub{position:absolute; clear:both;width:100%; display:none; top:90px; left:0;height:100px; background-color:#F2F2F2; z-index:5}
.header .search .sub .subin {width: 100%;margin:25px auto;max-width: 500px;position:relative; z-index:999 }
.header .search .sub .subin #searchInput {background: #FFF;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;height: 40px;width: calc(100% - 84px);-webkit-box-sizing: border-box;box-sizing: border-box;padding-left: 10px;border-radius: 0; border:none}
.header .search .sub .subin #searchBtn {width: 80px;height: 40px;background: #D60014;color: #FFF;margin-left: -3px; border:none}
.search-box{ background-color:rgba(0,0,0,0.5); position:absolute; width:100%; height:100%; z-index:2; display:none}



.banner{ position:relative; z-index:1;  background:#000;}
.banner video{ width:auto; height:auto; min-width:100%; min-height:100%; margin:0 auto; display:block;}
.banner .out{position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.4) repeat center center;}
.banner .wrap{ position: relative;}
.banner .swiper-container{position:relative; height:auto !important}
.banner { position:relative; height:calc(100vh - 90px); min-height:550px; overflow:hidden; }
.banner .swiper-button-prev, .banner .swiper-button-next{ width:30px; height:20px; border:none; overflow:hidden; margin-top:0; outline:none; top:auto; bottom:45px}
.banner .swiper-button-prev{ background:url(../images/bpre.png) no-repeat center center; left:auto; right:30px}
.banner .swiper-button-next{ background:url(../images/bnext.png) no-repeat center center; left:auto; right:0}
.banner .swiper-button-prev:hover{ background:url(../images/bpre02.png) no-repeat center center; opacity:1}
.banner .swiper-button-next:hover{ background:url(../images/bnext02.png) no-repeat center center; opacity:1}
.banner  .text{ color:#fff; text-align:center; line-height:50px;position:absolute;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:52%; margin-top:-80px; width:100%}
.banner  .text h3{ font-size:150px; font-weight:bold; line-height:1.1; margin-bottom:20px;color:#fff; letter-spacing:20px; position:relative;}
.banner  .text h4{ font-size:45px; line-height:60px; position:relative;letter-spacing:2px; display:none !important}
.banner .text h3 span{ position:relative; z-index:22;}
.banner .text h3:after{ content:""; position:absolute; bottom:0; left:50%; width:180px; height:15px; margin-left:-90px; background:#e41b23}

.banner .swiper-slide-active h3, .banner .swiper-slide-active h4{webkit-animation:fadeInUp 1s cubic-bezier(0.5, 0, 0.2, 1);animation: fadeInUp 1s cubic-bezier(0.5, 0, 0.2, 1);-webkit-animation-fill-mode: both;animation-fill-mode:both}
.banner .swiper-slide-active p{-webkit-animation-delay:.2S;animation-delay:.2S}
.banner  .num{ font-weight:bold; color:#fff;  position:absolute; bottom:40px;width:100%; opacity:0}
.banner  .num .wrap{ padding-right:80px;}
.banner  .num span{ position:relative; width:75px; float:right; opacity:0.3; text-align:right}
.banner  .num span.active{ opacity:1 !important}
.banner  .num span:nth-child(2){ padding-right:90px; text-align:left}
.banner  .num span:nth-child(2):after{ content:""; position:absolute; width:70px; height:2px; top:50%; right:0px; margin-top:-1px; background:#fff}
.banner  .num span:nth-child(1){ padding-left:72px;}
.banner  .num span:nth-child(1):after{ content:""; position:absolute; width:70px; height:2px; top:50%; left:0px; margin-top:-1px; background:#fff}

.bann2 a{ width:50px; height:41px; position:absolute; left:50%; bottom:40px; margin-left:-25px; background:url(../images/scroll.png) center bottom no-repeat; -webkit-animation: sdb 1.5s infinite; animation: sdb 1.5s infinite; cursor:pointer; z-index:10;}

@-webkit-keyframes sdb {
    0% {
        -webkit-transform: rotate(0) translate(0,0);
        opacity: 0.5
    }

    50% {
        opacity: 1
    }

    100% {
        -webkit-transform: rotate(0) translate(0px,10px);
        opacity: 0.5
    }
}

@keyframes sdb {
    0% {
        transform: rotate(0) translate(0,0);
        opacity: 0.5
    }

    50% {
        opacity: 1
    }

    100% {
        transform: rotate(0) translate(0px,10px);
        opacity: 0.5
    }
}

.banner .swiper-pagination{bottom:35px; text-align:right; width:1560px; right:calc(50% - 780px)}
@media screen and (max-width:1937.5px){
.banner .swiper-pagination{width:90%; right:10%; }	
}
.banner .swiper-pagination-bullet{width: 8px;height: 8px;background-color: #fff;opacity: 1;margin:0 12px!important;position: relative;}
.banner .swiper-pagination-bullet:after{content: '';border: 1px solid #fff;border-radius: 50%;width: calc(100% + 12px);height: calc(100% + 12px);position: absolute;left: -6px;top: -6px;box-sizing: border-box;opacity: 0;}
.banner -active{z-index: 2;}
.banner .swiper-pagination-bullet-active{ background:#fff; }
.banner .swiper-pagination-bullet-active:after{opacity: 1;}


.ad{ border-bottom:solid 22px #D60014; border-top:solid 22px #D60014; padding:50px 0 60px 0; text-align:center; position:relative; background:#fff;}
.ad li{ display:inline-block; padding:0 5%}
.ad li img{ display:block; width:58px; height:auto;}
.ad h4{ font-size:19px; line-height:50px; font-weight:500; margin-top:10px;}
.ad h3{ font-size:40px; line-height:50px; font-weight:500;}
.ad:before{ content:""; position:absolute; left:-20px; top:-22px; height:22px; width:28%; background:#000; transform: skew(-30deg);}
.ad:after{ content:""; position:absolute; right:-20px; bottom:-22px; height:22px; width:28%; background:#000; transform: skew(-30deg);}

.iproducts{background:url(../images/iprobg.jpg) no-repeat center center / cover; /*box-shadow: 0 0 10px rgba(0,0,0,0.15);*/}
.iproducts.section{ padding-bottom: 150px;}
.iproducts .conn{ margin-top:60px;}
.iproducts .tabmenu {width:260px; float:left; background: url(../images/pljt.png) no-repeat left bottom; padding-bottom:18px; }
.iproducts .tabmenu li{ position:relative; margin-bottom:30px; font-size:18px}
.iproducts .tabmenu li:after{ content:""; position:absolute; left:0; top: 0; width:21px; height:21px; border-radius:50%; border:solid 1px #ccc;}
.iproducts .tabmenu li:hover:after{border:solid 1px #e41b23;}
.iproducts .tabmenu li a{ display:block; padding-left:42px; line-height:23px; position:relative}
.iproducts .tabmenu li a:after{ content:""; position:absolute; width:8px; height:8px; left:7.5px; top:7.5px; border-radius:50%; background:#ccc}
.iproducts .tabmenu li:hover a:after, .iproducts .tabmenu li.cur a:after{background:#e41b23;}
.iproducts .tabmenu li a:hover, .iproducts .tabmenu li.cur a{ color:#e41b23;}

.iproducts #tabcontent{float: right;width: calc(100% - 300px);}
.iproducts #tabcontent ul{ position:relative}
.iproducts #tabcontent ul.hidden { display:none !important;}
.iproducts #tabcontent ul .pic{ width:52%; margin-left:48%}
.iproducts #tabcontent ul .pic.img-dv .img2{ width:auto; max-width:100%; height:auto; max-height:100%;}
.iproducts #tabcontent ul .text{position:absolute;left:50%;-moz-transform:translate(-50%,0%);-webkit-transform:translate(-50%,0%);transform:translate(-50%,0%); top:0%;width:100%; padding-right:56%;}
.iproducts #tabcontent ul .text h3{ display:inline-block;  padding:0 20px; line-height:48px; font-size:24px; border-radius:10px; background:#e41b23; color:#fff; margin-bottom:20px;}
.iproducts #tabcontent ul .text p{height:120px; font-size:17px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4;overflow: hidden; color:#333 }
.iproducts #tabcontent ul .text .more {transition: 0.6s;display:inline-block; position:relative; margin-top:70px; border-radius:8px;}
.iproducts #tabcontent ul .text .more a{ display:inline-block; padding-right:25px;background:url(../images/jtgray.png) no-repeat right center; line-height:40px;color:#888}
.iproducts #tabcontent ul .text .more:hover { background:#e41b23; padding:0 16px;}
.iproducts #tabcontent ul .text .more:hover a{ background:url(../images/jtwhite.png) no-repeat right center; color:#fff}

.iapp{ /*padding-left: 10px; padding-right: 10px; */position: relative; }
.iapp .title{ position:absolute; left:0; top:85px; width:100%; z-index:99}
.iapp .title h3, .iapp .title h4{ color:#fff}
.iapp .wrap{ width:100%; max-width:100%;}
.iapp .item{ float:left; width:25%; position:relative}
.iapp .item img{ display:block; width:100%; height:auto;}
.iapp .item:last-child{ margin-right:0}
.iapp .item .text{ position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.25);}
.iapp .item:hover .text{background: linear-gradient(to top, rgba(219, 30, 37, 0.8), rgba(219, 30, 37, 0.8), rgba(219, 30, 37, 0.8));}
.iapp .item .text .inn{ position:absolute; padding:8%; width:100%; height:auto; bottom:0; transition: all 0.6s ease 0s; color:#fff;}
.iapp .item .text .inn h3{ font-size:28px; margin-bottom:15px;}
.iapp .item .text .inn p{ transition: all 0.6s ease 0s; height:0; opacity:0}
.iapp .item:hover .text .inn p{ height:auto; opacity:1; margin-bottom:40px;}

.iapp .item .more {transition: 0.6s;display:inline-block; position:relative;  border-radius:8px;}
.iapp .item .more span{ display:inline-block; padding-right:25px;background:url(../images/jtwhite.png) no-repeat right center; line-height:40px;}
.iapp .item:hover .more{ background:#e41b23; padding:0 16px;}
.iapp .item:hover .more span{ background:url(../images/jtwhite.png) no-repeat right center; }

.iabout { background:url(../images/iaboutbg.jpg) no-repeat center bottom; background-size:100% auto;}
.iabout .conn{ text-align:center; line-height:35px; font-size:18px; max-width:1240px; margin:-20px auto 0 auto;}
.iabout .more {transition: 0.6s;display:inline-block; position:relative; margin:30px auto 50px auto; border-radius:8px; padding:0 16px}
.iabout .more a{ display:inline-block; padding-right:25px;background:url(../images/jtgray.png) no-repeat right center; line-height:40px; color:#888}
.iabout .more:hover { background:#e41b23;}
.iabout .more:hover a{ background:url(../images/jtwhite.png) no-repeat right center; color:#fff}
.youshi{ text-align:center; margin-bottom:50px; display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;}
.youshi .item {width:17.6%; margin-right:3%; font-size:17px; }
.youshi .item:nth-child(5n){ margin-right:0; }
.youshi .item .icon{ width:36%; margin:0 auto 20px auto; transition: all .5s ease;}
.youshi .item:hover .icon{transform: rotateY(180deg)}
.youshi .item .icon img{ display:block; width:100%; height:auto;}
.youshi .item .wenzi{ display:inline-block; max-width:180px;}
.youshi .item .wenzi p span{ color:#e41b23;}


.inews .title{ position:relative; }
.inews .more {transition: 0.6s;display:inline-block; position:absolute;border-radius:8px; bottom:10px; right:0;padding:0 16px; border:solid 1px #999;}
.inews .more a{ display:inline-block; padding-right:25px;background:url(../images/jtgray.png) no-repeat right center; line-height:40px;}
.inews .more:hover { background:#e41b23;border:solid 1px #e41b23; }
.inews .more:hover a{ background:url(../images/jtwhite.png) no-repeat right center; color:#fff}
.inews .intro .date{ color:#e41b23; margin:15px 0 10px 0; padding-left:28px; background:url(../images/date.png) no-repeat left center; }
.inews .intro .wenzi{ padding-bottom:30px;}
.inews .intro .wenzi h3{ line-height:28px; font-size:20px;color:#333; margin-bottom:10px; height:56px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.inews .intro .wenzi p{ line-height:26px; height:52px;color:#666; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}

.footer{ border-top:solid 5px #e41b23; background: url(../images/footerbg.jpg) no-repeat; background-size: 100% 100%; background:#222;width:100%; position:relative; z-index:25}
.footer img{ display:block}
.footer ul {width: 100%;display:flex;display:-webkit-flex;justify-content: space-between; color:#fff}
.footer .fcontent{ color:rgba(255,255,255,0.3); padding:50px 0 70px 0;}
.footer .fcontent li:nth-child(1){ display:block; width:auto; margin-right:30px;}
.footer .fcontent li:nth-child(1) img{ height:64px; width:auto; display:block; margin-bottom:15px;}
.footer .fcontent li h3{ margin:27px 0 20px 0;}
.footer .fcontent li h3, .footer .fcontent li h3 a{ font-size:20px; color:#fff}
.footer .fcontent li p{line-height:25px; padding:5px 0; }
.footer .fcontent li p, .footer .fcontent li p a{color:rgba(255,255,255,0.8)}
.footer .fcontent li p a:hover{color:rgba(255,255,255,1)}
.footer .fcontent li:first-child p{ padding-left:32px;}
.footer .fcontent li:first-child p.add{background: url(../images/fadd.png) no-repeat left 8px; background-size:auto 18px;}
.footer .fcontent li:first-child p.tel{background: url(../images/ftel.png) no-repeat left 8px; background-size:auto 18px;}
.footer .fcontent li:first-child p.mail{background: url(../images/fmail.png) no-repeat left 11px; background-size:auto 14px;}
.fcontent li:first-child .gj { margin-top:30px;}
.fcontent li:first-child .gj .item{ display:inline-block; position:relative; margin-left:3px;}
.fcontent li:first-child .gj .item .sub{ display:none}
.fcontent li:first-child .gj .item .icon{ background-color: rgba(255,255,255,0.1); cursor:pointer; border-radius:50%}
.fcontent li:first-child .gj .item .icon img{ display:block; width:40px; height:auto}
.fcontent li:first-child .gj .item .icon:hover{background-color:#e41b23;}
.fcontent li:first-child .gj .item:hover .sub{ display:block; position:absolute;}
.fcontent li:first-child .gj .item .sub{position:absolute; padding:10px; clear:both; z-index:9;width:124px; margin-left:-37px;margin-top:-210px; background:#e41b23}
.fcontent li:first-child .gj .item .sub img{ display:block; width:100%; height:auto}
.fcontent li:first-child .gj .item .sub:before{position: absolute;content: '';width: 0;height: 0;left: 50%; bottom: 0;margin-left: -10px;border-style: solid; border-width: 10px 10px 0px 10px;border-color: #fff transparent transparent transparent; z-index:9}


.footer .copyright{ padding:25px 0 35px 0; line-height:25px; border-top:solid 1px rgba(255,255,255,0.2); text-align:center}
.footer .copyright img{ display:block}
.footer .copyright p, .footer .copyright a{color:rgba(255,255,255,0.8)}
.footer .copyright a:hover{color:rgba(255,255,255, 1)}

.nbanner{ position:relative}
.nbanner img{ display:block; width:100%; height:auto}
.nbanner .text{ position:absolute;text-shadow: 0.5px 0.5px 2px rgba(0%,0%,0%,0.45);  z-index:98; left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:calc(50% - 30px); color:#fff; width:100%;}
.nbanner .text h3{ font-size:48px; line-height:50px; font-weight:bold; color:#fff;position:relative}
.nbanner .text h3 span{color:#d7000f}
.nbanner .text p{ font-size:24px; padding-right:30%; line-height:35px; opacity:0; display:none;}
.nbanner .location{position:absolute;text-shadow: 0.5px 0.5px 2px rgba(0%,0%,0%,0.45);  z-index:98; left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:50%; margin-top:25px; color:#fff; width:100%;}
.nbanner .location p{padding-left:30px;font-size:18px; background:url(../images/homew.svg) no-repeat left center; background-size:18px auto;display:inline-block;}
.nbanner .location p span{ padding:0 5px;}
.nbanner .location p a{ color:#fff;}

.ncontact{ position:relative;}
.ncontact .map{  width:50%; float:right}
.ncontact .map #allmap { width:100%; height:460px;}
.BMap_bubble_title{ white-space:normal !important;color: #222;padding:10px 0;}
.BMap_bubble_content{color: #888;}
.iwTitle {
    color: #888;
    font-weight: bold;
	line-height:22px;
	display:block;
	padding-bottom:8px;
}
#allmap .map-address-name {
	text-align: center;
	font-size: 18px;
	line-height: 1.1;
	color: #222;
	padding: 10px 0;
}

#allmap .map-address-detail {
	text-align: center;
	line-height: 1.5;
	color: #888;
}
.ncontact .text{ width:50%; float:left;}
.ncontact .text .title h3{ font-size:36px;}
.ncontact .text .title{ }
.ncontact .text .conn div{ margin-bottom:20px; font-size:18px;}
.ncontact .text .conn div span{ display:block; padding-left:60px; color:#888}
.ncontact .text .conn div span:nth-child(1){ font-size:20px; margin-bottom:5px;  color:#222}
.ncontact .text .conn div.mail{ background:url(../images/email.svg) no-repeat left top; background-size:36px auto;}
.ncontact .text .conn div.tel{ background:url(../images/tel.svg) no-repeat left top; background-size:36px auto;}
.ncontact .text .conn div.web{ background:url(../images/lan.svg) no-repeat left top; background-size:36px auto;}
.ncontact .text .conn div.add{ background:url(../images/add.svg) no-repeat left top; background-size:36px auto;}

.feedback{background:#f2f2f2;  }
.feedback.section{ padding:100px 0}
.feedback .wrap{background: #fff; border-radius:20px; overflow: hidden; position:relative}
.feedback .le_box{ width:24%; height:100%; background:url(../images/aboutbg.jpg) no-repeat center center / cover; position:absolute; left:0; top:0}
.feedback .le_box .title{position:absolute;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:45%; padding:45px; width:100%;}
.feedback .le_box .title h3, .feedback .le_box .title p{ color:#fff}
.feedback .le_box .title h3{ background:url(../images/liuyan.png) no-repeat left top; background-size:75px auto; padding-top:80px;}
.feedback .le_box .title p{ opacity:0.8}
.feedback .ri_box {width: 76%;padding:4%;display: flex; margin-left:24%;}
.feedback .ri_box form {width: 100%;margin: auto;}
.feedback .ri_box form .item {display: grid;grid-template-columns: repeat(3, 1fr);gap: 30px;}
.feedback .ri_box form .item input {color: #333;border-radius:10px;border: 1px solid #DCDCDC;background: #FFF;line-height:60px;height:60px;padding: 0 15px;}
.feedback .ri_box form .item input::placeholder {color: #545454;}
.feedback .ri_box form .item2 {margin: 30px 0;grid-template-columns: repeat(2, 1fr);}
.feedback .ri_box form .item3 {width: 100%; margin-bottom:20px;}
.feedback .ri_box form .item3 textarea {width: 100%;height: 120px;border-radius: 10px;border: 1px solid #DCDCDC;color: #333;padding:15px;}
.feedback .ri_box form .item3 textarea::placeholder {color: #545454;}
.feedback .ri_box form .item4 {margin-top: 50px;}
.feedback .ri_box form .item4 input { cursor:pointer; width:162px; height:50px; line-height:50px; border-radius:35px; border:none; background: url(../images/jtwhite.png) #e41b23 no-repeat 75% center; color:#fff; padding-right:35px;}
.feedback .ri_box form .item4 input:hover{background: url(../images/jtwhite.png) #e41b23 no-repeat 75% center;}


.nab01 .title { margin-bottom:50px;}
.nab01 .abpic{ float:left; width:48%; position:relative}
.nab01 .abpic img{ display:block; width:100%; height:auto; position:relative; z-index:2}
.nab01 .abpic:after{ content:""; position:absolute; width:100%; height:100%; right:-20px; bottom:-20px; background:#e41b23;}
.nab01 .text{ float:right; width:48%;  margin-top:20px;}
.nab01 .text h3{ font-size:30px; font-weight:bold; margin-bottom:30px}
.nab01 .text p{ margin-bottom:15px; font-size:17px;}
.nab01 .text p:nth-child(3){ margin-bottom:0px;}
.nab01 .text p:nth-child(4){ margin-bottom:5px;}
.nab01 .youshi{ margin-top:120px;}
.nab01 .text .youshi .item text{ max-width:100%}

.nab02{ background:#f5f5f5;}
.nab02 .conn img{ display:block; width:auto; max-width:100%; height:auto;}
.nnav{ height:80px; line-height:78px; border-bottom:solid 1px #ddd;}
.nnav li{ display:inline-block}
.nnav li a{ display:block; margin:0 36px; font-size:18px; position:relative}
.nnav li a:before{ content:""; width:1px; height:20px; right:-36px; top:50%; margin-top:-10px; background:#ddd; position:absolute }
.nnav li:first-child a{ margin-left:0 !important}
.nnav li:last-child a:before{ display:none}
.nnav li a:after{ content:""; width:0; height:0;border-right:6px solid transparent;border-left:6px solid transparent;border-top:6px solid #e41b23; opacity:0; position:absolute; left:50%; margin-left:-6px;bottom:0; -moz-transition:.3s;-webkit-transition:.3s;transition:.3s}
.nnav li.cur a, .nnav li:hover a{ border-bottom:solid 2px #e41b23; padding-top:1px; color:#e41b23}
.nnav li.cur a:after, .nnav li:hover a:after{ opacity:1;bottom:-6px}

.erjinnav{ height:60px; line-height:58px; border-bottom:solid 1px #ddd;}
.erjinnav li{ display:inline-block}
.erjinnav li a{ display:block; margin:0 36px; position:relative}
.erjinnav li a:before{ content:""; width:1px; height:20px; right:-36px; top:50%; margin-top:-10px; background:#ddd; position:absolute }
.erjinnav li:first-child a{ margin-left:0 !important}
.erjinnav li:last-child a:before{ display:none}
.erjinnav li a:after{ content:""; width:0; height:0;border-right:6px solid transparent;border-left:6px solid transparent;border-top:6px solid #e41b23; opacity:0; position:absolute; left:50%; margin-left:-6px;bottom:0; -moz-transition:.3s;-webkit-transition:.3s;transition:.3s}
.erjinnav li.cur a, .erjinnav li:hover a{ border-bottom:solid 2px #e41b23; padding-top:1px; color:#e41b23}
.erjinnav li.cur a:after, .erjinnav li:hover a:after{ opacity:1;bottom:-6px}


.mbg{background:#f2f2f2; }
.nys { padding:65px 0;/* background:url(../images/bg1.jpg) no-repeat center top; background-size:100% auto;*/background:url(../images/2.png) no-repeat center bottom; background-size:100% auto;}
.nys .youshi{ margin:0; /*color:#fff;}
.nys .youshi h3{ color:#fff;*/}

.nnews .kuai{ padding-bottom:40px; margin-bottom:40px; border-bottom:solid 1px #ddd;}
.nnews .kuai:first-child{/*padding-top:40px; border-top:solid 1px #ddd;*/ }
.nnews .kuai:hover{border-bottom:solid 1px #e41b23;}
.nnews .kuai .pic{ float:left; width:29%;}
.nnews .kuai .text{ width:68%; float:right; margin-top:2%;}
.nnews .kuai .text h3{ font-size:20px; margin-bottom:15px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.nnews .kuai:hover .text h3{ color:#e41b23;}
.nnews .kuai .text h3 span{ background:url(../images/date.png) no-repeat left center; padding-left:28px; font-size:16px; color:#e41b23; display: block; margin-bottom:5px;}
.nnews .kuai .text p{color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.nnews .kuai .text .pmore{ color: #666;margin-top:15px; display:inline-block; padding-right:32px; position:relative}
.nnews .kuai .text .pmore i{ content:""; font-style:normal; position:absolute; top:50%; right:0; margin-top:-11px; width:22px; height:22px; text-align:center; line-height:22px; background: url(../images/jia.png) #e41b23 center center; border-radius:50%; color:#fff;}
.nnews .kuai .text .pmore{display:inline-block; padding:5px 0; padding-right:32px; position:relative; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s;  -o-transition: .3s;}
.nnews .kuai:hover .text .pmore{ padding:5px 40px 5px 20px; background:#e41b23; color:#fff; border-radius:10px;}
.nnews .kuai .text .pmore i{ content:""; font-style:normal; position:absolute; top:50%; right:0; margin-top:-5.5px; width:15px; height:11px; text-align:center; background: url(../images/jtgray.png) center center; }
.nnews .kuai:hover .text .pmore i{ background: url(../images/jtwhite.png) center center;right:15px;}


.nnewsdetail .newsleft{ float:left; width:calc(100% - 450px)}
.nnewsdetail .newsleft .title{ margin-bottom:25px;}
.nnewsdetail .newsleft .title h3{ font-size:30px;}
.nnewsdetail .newsleft .date{background:url(../images/date.png) no-repeat left center; padding-left:28px; color:#e41b23; font-size:16px; margin-top:15px;}
.nnewsdetail .newsleft .newscon { color:#555}
.nnewsdetail .newsleft .newscon p{ margin-bottom:10px;font-size:17px; }
.nnewsdetail .newsleft .newscon img{ display:block; width:100%; margin:20px auto}

.nnewsdetail .newsright{ float:right; width:360px; background:#fff; border:solid 1px #ddd; padding:30px;}
.nnewsdetail .newsright .ntitle{ margin-bottom:20px;}
.nnewsdetail .newsright .ntitle h3{ font-size:24px; font-weight:bold}
.nnewsdetail .newsright .nrconn .kuai{ margin-bottom:15px; padding-bottom:15px; border-bottom:solid 1px #ddd}
.nnewsdetail .newsright .nrconn .kuai:last-child{ margin-bottom:0; border-bottom:none}
.nnewsdetail .newsright .nrconn .kuai h3{ font-size:17px; line-height:28px;}
.nnewsdetail .newsright .nrconn .kuai p{ color:#888; margin-top:10px;}

.nnewsdetail .newsright.fixeds{ right:calc(50% - 780px);}
.fixeds{position:fixed; top:130px !important}
@media screen and (max-width:1950px){
.nnewsdetail .newsright.fixeds{ right:10%;}
}


.nlocation{height:70px; line-height:68px; background:#f5f5f5 }
.nlocation p{ padding-left:30px; background:url(../images/home.svg) no-repeat left center; background-size:18px auto; }

.joinjrfl-list .title p, .hrlist .title p{ margin-top:35px;}
.joinjrfl-list img{ display:block}
.joinjrfl-list li{width: 23.5%;float: left;margin-right: 2%;overflow: hidden;position: relative;overflow: hidden;}
.joinjrfl-list li:nth-child(4n){ margin-right:0}
.joinjrfl-list li .img{width: 100%;object-fit: cover;}
.joinjrfl-cont{position: absolute;width: 100%;top: calc(100% - 144px);left: 0;padding: 0 28px;color: #fff;z-index: 4;transition: all .6s ease;}
.joinjrfl-cont .icon{width: 68px;height: 68px;border-radius: 50%;border: 2px solid #fff;display: flex;align-items: center;justify-content: center;}
.joinjrfl-cont .name{font-size: 18px;font-weight: 700;margin-top: 22px;}
.joinjrfl-cont .desc{line-height: 24px;margin-top: 12px;transition: all .4s ease;opacity: 0;}
.joinjrfl-list li::before{content: '';position: absolute;z-index: 1;width: 100%;height: 100%;top: 0;left: 0;background: linear-gradient(to bottom,transparent,rgba(0,0,0,0.5));opacity: 1;transition: all .6s ease;}
.joinjrfl-list li::after{content: '';position: absolute;z-index: 2;width: 100%;height: 100%;top: 0;left: 0;background: rgba(213,0,18,.8);opacity: 0;transition: all .6s ease;}
.joinjrfl-list li:hover::before{opacity: 0;}
.joinjrfl-list li:hover::after{opacity: 1;}
.joinjrfl-list li:hover .joinjrfl-cont{top: 50%;transform: translateY(-50%);}
.joinjrfl-list li:hover .joinjrfl-cont .desc{opacity: 1;}



.hrlist .conn{display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start; }
.hrlist .item{ width:calc(33.33% - 16px); cursor:pointer; margin-right:24px; margin-bottom:26px; padding:2%; background:#fff; position:relative;border-radius: 10px; border:solid 1px #fff;}
.hrlist .item:hover{box-shadow: 0 3px 10px rgb(0 0 0 / 15%); border:solid 1px #e41b23}
.hrlist .item:nth-child(3n){ margin-right:0}
.hrlist .item h3{ font-size:24px; line-height:40px;}
.hrlist .item .show h3 { background:url(../images/zhaopin.png) no-repeat left center; margin-bottom:15px; padding-left:55px;}
.hrlist .item .show .more {transition: 0.6s;display:inline-block; position:relative; margin-top:20px; border-radius:10px;}
.hrlist .item .show .more span{ display:inline-block; padding-right:30px;background:url(../images/jtgray.png) no-repeat right center; line-height:40px;}
.hrlist .item:hover .more { background:#e41b23; padding:0 22px;}
.hrlist .item:hover .more span{ background:url(../images/jtwhite.png) no-repeat right center; color:#fff}
.hrlist .item p, .hrlist .intro { color:#666}
.hrlist .intro span{ padding-right:30px;}
.hrlist .intro span:last-child{ padding-right:0}
.hrlist .item .hd{ position:fixed; width:100%; height:100%; top:0;left:0;color:#666; display:none; z-index:99999999999; border-radius:20px;}
.hrlist .item .hd .bg{ position:absolute; top:0;left:0; width:100%; height:100%; background:#000; opacity:0.85; filter:alpha(opacity=80); z-index:98}
.hrlist .item .hd .closed{ width:30px; height:30px; display:block; background:url(../images/closeorange.png) no-repeat center; background-size:cover;position:absolute; left:50%; top:10%; margin-top:50px; margin-left:380px; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;z-index: 99999;}
.hrlist .item .hd .closed:hover{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg); transform:rotate(180deg); }
.hrlist .item .hd .hr_con{ background:#fff; width:960px; height:80%; position:absolute;top:10%;left:50%; margin-left:-480px; padding:30px; cursor:default; overflow-y:auto; z-index:99}
.hrlist .item .hd .hr_con h3{ color:#000}
.hrlist .item .hd .hr_con .line{ width:100%; height:1px; background:#ddd; margin:10px 0;}



.horlist li{ margin-right:2%; width:32%; margin-bottom:2%; overflow:hidden; float:left; overflow:hidden;border:solid 1px #ddd; }
.horlist li:nth-child(3n){ margin-right:0}
.horlist li:nth-child(3n+1){ clear:both}
.horlist .pic{ position:relative; margin:15px; overflow:visible}
.horlist li .see{ position:absolute; left:-20px; top:-20px; content:""; width:calc(100% + 40px); height:calc(100% + 40px); background:url(../images/icon-see.png) no-repeat rgba(213,0,18,.6) center center; opacity:0}
.horlist li:hover .see{ opacity:1}
.horlist .img-dv .img2{ display:block; width:auto !important; max-width:100% !important}
.horlist .tit{ color:#333; position:relative; text-align:center; padding:15px 5px;background: #f5f5f5;}
.horlist .tit span{ position:relative; z-index:2}
.horlist .tit:before{ content:""; width:0%; height:100%; display:block;position:absolute; left:50%;top:0; background:#e41b23;transition: 0.5s;}
.horlist li:hover{ cursor:pointer;}
.horlist li:hover .tit{ color:#fff;}
.horlist li .img-dv .img2{ width:auto; height:auto; min-width:auto; min-height:auto;  max-width:100%; max-height:100%;}
.horlist li:hover .tit:before{ left:0; width:100%}
.horlist1 ul{ flex-wrap:wrap}
.horlist1 li{ margin-bottom:2%}

.nsupport01 .pic{ width:46%; float:right}
.nsupport01 .text{ float:left; width:48%;}
.nsupport01 .text h3{ margin-bottom:10px; font-weight:bold}


.ndown .lists{display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;}
.ndown .item{ width:32%; margin-right:2%; margin-bottom:2%; padding:30px; background:#f5f5f5; border-radius:10px; border:solid 1px #ddd}
.ndown .item:nth-child(3n){ margin-right:0}
.ndown .item:hover{box-shadow: 0 3px 10px rgb(0 0 0 / 15%); border:solid 1px #e41b23}
.ndown .item a{/*background:url(../images/downbg.png) no-repeat right bottom; */display:block; }
.ndown .item h3{ font-size:20px; padding-left:45px; background:url(../images/down.png) no-repeat left center; background-size:30px auto; line-height:40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ndown .item p{ color:#666; margin:15px 0;} 
.ndown .item .down {transition: 0.6s;display:inline-block; position:relative; border-radius:10px;}
.ndown .item .down span{ color:#666; display:inline-block; padding-right:30px;background:url(../images/jtgray.png) no-repeat right center; line-height:40px;}
.ndown .item:hover .down { background:#e41b23; padding:0 22px;}
.ndown .item:hover .down span{ background:url(../images/jtwhite.png) no-repeat right center; color:#fff}



.napplist .kuai, .napplist .kuai .wrap{ position:relative}
.napplist .kuai:last-child{ padding-bottom:120px;}
.napplist .kuai:nth-child(2n):after{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#f2f2f2; z-index:-22 }
.napplist .kuai .propic{ float:left; width:47%; position:relative; }
.napplist .kuai .propic img{transition: all 1.5s;}
.napplist .kuai .propic:after{ content:""; position:absolute; width:100%; height:100%; right:-20px; bottom:-20px; background:#e41b23; }
.napplist .kuai:hover .propic img{ transform:scale(1.02);}
.napplist .kuai:nth-child(2n) .propic{ float:right;}
.napplist .kuai .propic img{ display:block; width:100%; height:auto; position:relative; z-index:2}





.napplist .kuai .text{ float:right; width:47%; margin-top:5%;}
.napplist .kuai:nth-child(2n) .text{ float:left;}
.napplist .kuai .text h3{ font-size:30px; font-weight:bold; margin-bottom:20px; color:#222}
.napplist .kuai .text p{ color:#333; }
.napplist .kuai .text .pmore{ margin-top:10px; display:inline-block; padding-right:32px; position:relative; margin-top:40px;}
.napplist .kuai .text .pmore i{ content:""; font-style:normal; position:absolute; top:50%; right:0; margin-top:-11px; width:22px; height:22px; text-align:center; line-height:22px; background: url(../images/jia.png) #e41b23 center center; border-radius:50%; color:#fff;}
.napplist .kuai .text .pmore{display:inline-block; padding:5px 0; padding-right:32px; position:relative; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s;  -o-transition: .3s;}
.napplist .kuai:hover .text .pmore{ padding:5px 40px 5px 20px; background:#e41b23; color:#fff; border-radius:10px;}
.napplist .kuai .text .pmore i{ content:""; font-style:normal; position:absolute; top:50%; right:0; margin-top:-5.5px; width:15px; height:11px; text-align:center; background: url(../images/jtgray.png) center center; }
.napplist .kuai:hover .text .pmore i{ background: url(../images/jtwhite.png) center center;right:15px; }
.napplist .kuai:hover .text .pmore a{ color:#fff;}

.napplist .kuai .rolls{ position:absolute; right:0; bottom:0; width:47%;}
.napplist .kuai:nth-child(2n) .rolls{ right:auto; left:0; }
.napplist .kuai .rolls .pic{ border:solid 1px #ddd; background:#}
.napplist .kuai .rolls .img-dv .img2{ min-height:100%; max-height:100% !important; width:auto !important; }


/*.nprolist .lists{display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;}
.nprolist .item{ width:32%; margin-right:2%; margin-bottom:2%;border-radius:10px; overflow:hidden; border:solid 1px #ddd}
.nprolist .item:nth-child(3n){ margin-right:0}*/
.nprolist .item:nth-child(1){ margin-top:-50px;}
.nprolist .item{width: 100%;padding:65px 0;}
.nprolist .item .img-dv .img2{ width:auto; max-width:100%; height:auto; max-height:100%;}
.nprolist .item .pic{ width:35%; float: left}
.nprolist .item .text{ width:60%; float: right; margin-top:5%}
.nprolist .item:nth-child(2n){ background:#f5f5f5}


.nprolist .item h3{ font-size:24px; font-weight:bold;  margin-bottom:25px; position:relative;padding-left:25px;}
.nprolist .item h3:after{ content:""; position:absolute; left:0; top:50%; width:6px; height:24px; margin-top:-12px; border-radius:1px; background:#e41b23; }
.nprolist .item p{ font-size:17px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4;overflow: hidden; color:#333;}

.nprolist .item .text .pmore{ margin-top:50px; display:inline-block; padding-right:32px; position:relative; color:#666}
.nprolist .item .text .pmore i{ content:""; font-style:normal; position:absolute; top:50%; right:0; margin-top:-11px; width:22px; height:22px; text-align:center; line-height:22px; background: url(../images/jia.png) #e41b23 center center; border-radius:50%; color:#fff;}
.nprolist .item .text .pmore{display:inline-block; padding:5px 0; padding-right:32px; position:relative; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s;  -o-transition: .3s;}
.nprolist .item:hover .text .pmore{ padding:5px 40px 5px 20px; background:#e41b23; color:#fff; border-radius:10px;}
.nprolist .item .text .pmore i{ content:""; font-style:normal; position:absolute; top:50%; right:0; margin-top:-5.5px; width:15px; height:11px; text-align:center; background: url(../images/jtgray.png) center center; }
.nprolist .item:hover .text .pmore i{ background: url(../images/jtwhite.png) center center;right:15px;}


.nprodetail .pic{ float:left; width:45%; border:solid 1px #ddd}
.nprodetail .img-dv .img2{ width:auto; max-width:90%; height:auto; min-height:auto; max-height:90%;}
.nprodetail .text{ float:right; width:52%; margin-top:1%}
.nprodetail .text h3{ font-size:30px; font-weight:bold;  margin-bottom:25px;}
.nprodetail .text p{ color:#333;}

.ndetail { min-height:600px;}
.ndetail img{ width:auto; max-width:100%;}
.ndetail .conn h3{ margin-bottom:10px; font-size:120%}
.ndetail .conn table {text-align:center; border-bottom:solid 2px #fff}
.ndetail .conn table tr:nth-child(1){ color:#fff; background:#d60014;font-weight:bold; }
.ndetail .conn table tr:nth-child(1) td{border-top:none;}
.ndetail .conn table tr:nth-child(2n){ background:#fff;}
.ndetail .conn table td{ padding:5px; border-right:solid 1px #fff;  border-top:solid 1px #fff}
.ndetail .conn table tr:nth-child(1) td{padding:10px 5px;}
.ndetail .conn table tr td:last-child{ border-right:none;}

.nappl .conn{display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;}
.nappl .conn .item{ width:23.5%; margin-right:2%; border:solid 1px #ddd;}
.nappl .conn .item:nth-child(4n){ margin-right:0}
.nappl .conn .item .text{ padding:10px 10px 15px 10px; text-align:center}


.yzmimg{ display:block; cursor:pointer; margin-top:9px;}






.napplist .kuai .text{ float:right; width:47%;}

.napplist .kuai .propic02{ float:left; width:40%; }
.napplist .kuai .propic02 img{ display:block; width:100%; height:auto;}
.napplist .kuai .text02{ float:right; width:55%; margin-top:20px;}

.reproducts .swiper-slide{ display:block; background:#fff; text-align:center; padding:20px 0;}
.reproducts .swiper-slide .img-dv .img2{ min-height:100%; max-height:100% !important; max-width:100%;}



.pop-up{display: none; position: fixed;width: 100%;height: 100%;top:0; left:0;z-index: 99;background-color: rgba(0, 0, 0, 0.45);}
.pop-up-active{ display:block}
.pop-up-show {position: relative;z-index: 9999999;margin: 0 auto;top:50%; -moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);display: table;width:80%; max-width:600px; background: #fff;padding:30px;text-align: center;}
.pop-up-show .tit{font-size: 24px;color: #333; padding-bottom: 20px;border-bottom: 1px solid #e8e8e8;position: relative; margin-bottom:10px;}
.pop-up-show .tit:after{content: '';width:45px;height:2px;background: #D60014;position: absolute;bottom: -1px;left: 50%;margin-left: -22px;}
.pop-up-show input {width: 100%;height: 48px;line-height: 48px;padding:0 20px; margin-top:15px;border: 1px solid #ddd;border-radius: 48px;outline: none;}
.pop-up-show .btn{background-color: #D60014;border: none;width: 100%;height: 48px;line-height: 48px;border-radius: 48px;color: #fff;margin-top: 8%;font-size: 16px;cursor: pointer;transition: .3s;}
.pop-up-show .btn:hover{background-color: #0266b4;}
.pop-up-close{ width:30px; height:30px; position:absolute; top:0; right:-40px; cursor:pointer; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.pop-up-close:after{ content:""; width:1px; height:30px; background:#fff; position:absolute; left:15px;top:0; -moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.pop-up-close:before{ content:""; width:1px; height:30px; background:#fff; position:absolute; left:15px;top:0; -moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}


.reproducts .swiper-slide{ margin-bottom:50px;}
.reproducts .swiper-pagination{bottom:0px !important;}
.reproducts .swiper-pagination-bullet{width: 8px;height: 8px;background-color: #666;opacity: 1;margin:0 10px!important;position: relative;}
.reproducts .swiper-pagination-bullet:after{content: '';border: 1px solid #666;border-radius: 50%;width: calc(100% + 12px);height: calc(100% + 12px);position: absolute;left: -6px;top: -6px;box-sizing: border-box;opacity: 0;}
.reproducts .swiper-pagination-bullet-active{ background:#e41b23; }
.reproducts .swiper-pagination-bullet-active:after{opacity: 1;border: 1px solid #e41b23; }


.treetable {display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;}
.treetable .item{ width:32%; margin-right:2%}
.treetable .item:nth-child(3n){ margin-right:0;}

.huadong{ overflow-x:auto}