body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,form,input{margin: 0; padding: 0;}
body{--maincolor: #3383e6; font-family: Arial;}
li{list-style: none;}
a,a:hover,input:focus,select:focus,textarea:focus{text-decoration: none; color: inherit; outline: none;}
img{border: none; height: auto;}
.fl{float: left;}
.fr{float: right;}
.clear{clear: both;}
.w{max-width: 1444px; margin: 0 auto;}
.swiper{overflow: hidden; position: relative;}
.swiper-slide img{max-width: 100%; display: block;}

/* 头部 */
.top1{width: 100%; position: fixed; top: 0; color: #fff; background: rgba(0,0,0,0.5); z-index: 100;}
.top1 .w{height: 70px; display: flex; align-items: center; justify-content: space-between;}
.top1 .w .fr{display: flex;}
.top1 .w .fr ul{display: flex; font-size: 16px;}
.top1 .w .fr ul li{margin-right: 50px;line-height:2em}
.top1 .w .fr p{font-size: 16px; background: url(../images/pjh_01.png) left center no-repeat; padding-left: 36px;line-height:2em}

.box1{background: #f6f6f6;}
.box1 .w{display: flex; align-items: center; justify-content: space-between; height: 62px;}
.box1 .w .fl{font-size: 12px;}
.box1 .w form{border: 1px solid #cdcdcd; width: 340px; height: 36px; display: flex;}
.box1 .w form button{background: none; border: none; border-right: 1px solid #cdcdcd; padding: 0 10px;}
.box1 .w form input{flex-grow: 1; border: none; text-indent: 10px;}

.index_tit{text-align: center; padding: 45px 0 55px; position: relative; padding-bottom: 15px; margin-bottom: 50px;}
.index_tit:before{content: ""; position: absolute; bottom: 0; left: 0; right: 0; width: 36px; height: 5px; background: #fff100; margin: auto;}
.index_tit dt{font-size: 36px; font-weight: normal;}
.maincolor:before{background: var(--maincolor);}
.maincolor dt{color: var(--maincolor);}

.yul li{-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;width: 19%;position: relative; height: 500px}
.yul li .img3{height: 100%; width: 100%; object-fit: cover;}
.yul li.cur{width:43% ;}
.bj1{position: absolute;background: rgba(0,0,0,.6);width: 100%;height: 100%;top:0;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.bj1 .img{height: 60px;line-height: 60px;}
.bj1 .img2{display: none;}
.yul li.cur .bj1{}
.yul li.cur .bj1 .img1{display: none;}
.yul li.cur .bj1 .img2{display: inline-block;}
.bj1 h3{color: #ffffff;font-size: 24px;margin: 14px 0 19px;}
.line2{width: 24px;height: 3px;background-color: #ffffff;}
.bj1 p{color: #ffffff;font-size: 18px;line-height: 32px;max-width: 370px;margin-top: 13px;display: none;}
.yul li.cur .bj1 p{display: block;}
.yul li.cur .line2{background-color: #fff100;}

.box3 .item{display: flex; align-items: center; flex-wrap: wrap;}
.box3 .item .fl{width: 50%;}
.box3 .item .fl img{width: 100%;}
.box3 .item .fr{width: 50%; padding: 0 20px;}
.box3 .item .fr h3{font-size: 26px; font-weight: bold; margin-bottom: 20px;}
.box3 .item .fr p{font-size: 12px; color: #393939; line-height: 2;}
.box3 .item .fr .more{display: block; width: 160px; height: 40px; background: #e6e4e5; line-height: 40px; text-align: center; border-radius: 6px; margin-top: 40px; transition: 0.5s;}
.box3 .item .fr .more:hover{background: var(--maincolor); color: #fff;}

.box4{display: flex; flex-wrap: wrap; margin-top: 50px;}
.box4 img{width: 100%;}
.box4 .fl,.box4 .fr{width: 50%; position: relative;}
.box4 .fr .bod{position: absolute; top: 0; left: 0; right: 0; bottom: 0; color: #fff; display: flex; align-items: center; padding-left: 10%;}
.box4 .fr .bod h3{font-size: 26px; font-weight: bold;}
.box4 .fr .bod h4{font-size: 20px; margin: 30px 0 15px;}
.box4 .fr .bod p{line-height: 2;}
.box4 .fr .bod .more{display: flex; margin-top: 30px;}
.box4 .fr .bod .more a{width: 160px; height: 40px; line-height: 40px; text-align: center; background: #071b36; color: #fff; border-radius: 6px; margin-right: 10px;}
.box4 .fr .bod .more a:nth-of-type(2){background: #fff; color: #071b36;}

.box5 .tit{display: flex; margin-bottom: 20px; box-shadow: 0 0 5px 5px rgba(0,0,0,0.1);}
.box5 .tit li{flex: 1; text-align: center; font-size: 16px; font-weight: bold; padding: 15px 0; cursor: pointer;}
.box5 .tit li.ac{background: #e6e4e4;}
.box5 .bod .item{display: none; align-items: center;}
.box5 .bod .item .icon{flex-grow: 1; margin: 0 20px;}
.box5 .bod .item .fl,.box5 .bod .item .fr{flex-grow: 1; background: #e6e4e4; padding: 15px;}
.box5 .bod .item .fl img,.box5 .bod .item .fr img{width: 100%;}
.box5 .bod .item p{margin-top: 15px;}
.box5 .bod .item .fr{background: #8c8c8c; color: #fff;}
.box5 .bod .ac{display: flex;}

.box7 .bod{display: flex; justify-content: space-between; flex-wrap: wrap;}
.box7 .bod .item{width: 32%; margin-bottom: 20px;}
.box7 .bod .item .img{padding-bottom: 70%; position: relative; overflow: hidden; margin-bottom: 10px;}
.box7 .bod .item .img img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: 0.5s;}
.box7 .bod .item .img img:hover{transform: scale(1.1);}
.box7 .bod .item span{font-size: 12px;}
.box7 .more{display: block; width: 160px; height: 40px; line-height: 40px; text-align: center; background: #e6e4e4; margin: 20px auto 0;}

.box8{background: url(../images/f017c88bd33dfb715c67150ca4407c60df9a1783.jpg) fixed no-repeat top center;background-size: cover;padding: 5.95% 0 4.4%;overflow: hidden; margin-top: 50px;}
.box8 .bt1 dd{color: #ffffff;}
.box8 .bt1 dt{font-weight: normal; color: #fff; margin-top: 15px;}
.abox{background-color: #ffffff; margin: 0 auto;margin-top: 60px;padding: 60px 0 50px;}
.acon{color: #222222;font-size: 16px;line-height: 28px;}
.m1{margin: 34px 0 52px;}
.m1 a{display: block;width: 135px;height: 40px;background-color: #fcaf17;line-height: 40px;text-align: center;color: #222222;font-size: 15px;margin-right: 25px;}
.mtel{width: 219px;height: 40px;line-height: 40px;padding-left: 53px;background:#fcaf17 url(../images/4f76465670775d7828acaef8e0c028752bfefd23.png) no-repeat 20px center;color: #151515;font-size: 21px;}
.abox12{margin: 0 45px;}
.bt1{text-align: center;}
.bt1 dd{color: #090502;font-size: 40px;line-height: 1;}
.bt1 dt{font-size: 16px;line-height: 1;margin: 17px 0 12px;}

.rbox .bd{width: 73.9%;overflow: hidden;}
.rbox .bd li{margin: 0 11px;}
.rbox .bd li img{width: 249px;height: 186px;}
.aul{background-color: #fcaf17;width: 22.5%;padding: 0 27px;}
.aul li a{display: flex;align-items: center;justify-content: center;flex-direction: column;height: 100%;}
.aul li .img{height: 40px;line-height: 40px;margin-bottom: 5px;}
.aul li .img2{display: none;}
.aul li:hover .img1{display: none;}
.aul li:hover .img2{display: inline-block;}
.aul li p{color: #0f0f0f;font-size: 15px;}
.aul li:hover p{color: #fff;}
.sul{margin: 4.9% 7% 0 7%;}
.sbt {color: #222222;font-size: 15px;}
.sbt span{color: #090502;font-size: 45px;line-height: 1.2;}
.sbt sup{color: #090502;font-size: 25px;}
.sul li p{color: #222222;font-size: 16px;}

.flex{display: flex; justify-content: space-between; flex-wrap: wrap; display: -webkit-flex;}
.wh{max-width: 1465px; margin: 0 auto; padding: 0 15px;}

.swiper2 .img{padding-bottom: 100%; object-fit: cover;}
.swiper2 .img img{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.box10{background: url(../images/94ea31e884b48437347375a91790c4496701cfde.png) no-repeat top center;background-size: cover;padding: 3.5% 0 4%;position: relative; margin-top: 50px;}
.bt2 dd{color: #ffffff;font-size: 30px;}
.bt2 dt{color: #ffffff;font-size: 20px;}
.liu{margin-top: 43px;}
.liu li{padding-right: 21px;margin-right: 9px;background: url(../images/2713f88ba1d45b29dd951301f3f0645397687e09.png) no-repeat right 46px;}
.liu li p{color: #ffffff;font-size: 18px;text-align: center;margin-top: 15px;}
.liu li:last-child{background: none;padding-right: 0;margin-right: 0;}
.liu li .img img{-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.liu li:hover .img img{transform: scaleX(-1);}
.w1{color: #191b1e;font-size: 15px;margin-bottom: 25px;}
.cright{width: 440px;}
.dh{color: #090502;font-size: 34px;padding-left: 59px;background: url(../images/82878cdc7db1496800758bfbb9a4a0461f6faaf4.png) no-repeat left center;font-weight: bold;margin-top: 26px;}
.yan li{height: 43px;background-color: #ebebeb;width: 47.8%;margin-bottom: 13px;}
.yan li input{outline: none;border:none;background-color: #ebebeb;height: 43px;color: #909090;font-size: 14px;padding-left: 14px;width: 100%;}
.yan ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #909090;
}
.yan :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #909090;
}
.yan ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #909090;
}
.yan :-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #909090;
}
.yan #checkcode{border:none; width: 154px;height: 43px;background-color: #ebebeb;font-size: 14px;padding-left: 14px;color: #909090;outline: none;}
.yan .tj{width: 47.8%;height: 43px;background-color: #ebebeb;line-height: 43px;outline: none;border:none;color: #2d2d2d;font-size: 16px;font-weight: bold;}
.yan #codeimg{margin-left: 5px;}

.he{position: absolute;width: 44.62%;right: 0;top:0; background: url(../images/638e3b53622e426dae8af77db3fe8024cccffe06.png) no-repeat top center;padding:3.54166vw 0 3.125vw 4.3229vw;}
.box10 form textarea{width: 47.8%; border: none; outline: none; background: #ebebeb; padding: 10px 14px 0 14px; font-size: 16px; height: 43px; resize: none;}
.code-group{display: flex; justify-content: space-between;}

.nsort{text-align: center;font-size: 0;margin: 40px 0 62px;}
.nsort li{display: inline-block;padding-right: 47px;margin-right: 24px;background: url(../images/01d41855af5daee94bbdd1261caad57d50e7735d.png) no-repeat right center;}
.nsort li:last-child{background: none;padding-right: 0;margin-right: 0;}
.nsort li a{display: block;color: #222222;font-size: 20px;}
.nsort li.cur a{color: #090502; font-size: 24px;}
.nul{width: 488px;}
.nul li img{width: 488px;height: 283px;display: block;margin-bottom: 39px;}
.nul li:hover a{color: #090502;}
.nul2{width: calc(100% - 582px);}
.ntime{width: 89px;height: 89px;background-color: #7c7c7c;text-align: center;}
.ntime dd{color: #ffffff;font-size: 35px;}
.ntime dt{color: #ffffff;font-size: 16px;}
.nei{width: calc(100% - 112px);}
.nei a{display: block;color: #222222;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;font-size: 18px;line-height: 1;margin-bottom: 18px;}
.nul li p{line-height: 25px;color: #686868;font-size: 15px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.nul2 li{width: 44.1%;padding-bottom: 37px;margin-bottom: 38px;border-bottom: 1px solid #e2e2e2;}
.nul2 li:last-child,.nul2 li:nth-child(5){border-bottom: none;}
.nul2 li a{display: block;color: #222222;font-size: 18px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;margin-bottom: 18px;line-height: 1;}
.nul2 li p{line-height: 25px;color: #686868;font-size: 15px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.nul2 li:hover a{color: #090502;}
.box11 .tab1{display: none;}

.box12{background: url(../images/dgdfhfg.png) center center no-repeat; margin-top: 30px;}
.box12 .w{height: 98px; display: flex; align-items: center; justify-content: space-between; color: #fff;}
.box12 .w dl dt{font-size: 18px; margin-bottom: 10px;}
.box12 .w dl dt img{margin-right: 10px;}
.box12 .w ul{display: flex;}
.box12 .w ul li{margin: 0 50px; text-align: center; position: relative;}
.box12 .w ul li>img{position: absolute; top: 0; left: 0; margin: auto; width: 200px; height: 200px; border-radius: 50%; transform: translate(-70px,-220px); display: none;}
.box12 .w ul li a img{border: 1px solid rgba(255,255,255,0.1); border-radius: 50%; background: #fff; margin-bottom: 10px;}
.box12 .w ul li:hover>img{display: block;}

.bottom1{padding: 50px 0;}
.bottom1 .w{display: flex; justify-content: space-around;}
.bottom1 .w dt{font-size: 18px; margin-bottom: 20px;}
.bottom1 .w dd{margin-top: 10px;}

.bottom2{background: #000; color: #fff; padding: 15px 0;}
.bottom2 .w{display: flex; align-items: center; justify-content: space-between;}

.video1{padding-bottom: 70%; position: relative;}
.video1 video{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.product1{margin-top: 20px;}
.product1 img{max-width: 100%; height: auto;}

@media(max-width: 1200px){
	.w{padding: 0 10px;}
	.top1 .w .fr ul li{margin-right: 20px;}
	.top1 .w .fr p{display: none;}
}
@media(max-width: 768px){
	/*body{padding-top: 60px;}*/
	.w{padding: 0 10px;}
	.top1 .w{height: 60px;}
	.top1 .w .fl img{width: 200px;}
	.top1 .w .fr ul{position: absolute; top: 60px; left: 0; right: 0; background: linear-gradient(to right, #545655, #434343); display: none; text-align: center; padding-bottom: 10px;}
	.top1 .w .fr ul li{margin: 10px 0;}
	.top1 .w .fr p{display: none;}
	.navbar-toggle{border-color: rgba(255,255,255,0.6); margin-right: 0;}
	.navbar-toggle .icon-bar{background: rgba(255,255,255,0.8);}
	.box1{display: none;}
	.index_tit{padding: 30px 0;}
	.index_tit dt{font-size: 26px;}
	.yul{margin-top: 20px;}
	.yul li{height: 300px;}
	.yul li,.yul li.cur{width: 100%;}
    .cul li{width: 48%;}
    .box3 .item .fl,.box3 .item .fr{width: 100%;}
    .box3 .item:nth-of-type(2) .fr{order: 2;}
    .box3 .item .fr{margin: 20px 0;}
    .box4 .fl,.box4 .fr{width: 100%;}
    .box5{display: none;}
    .box7 .bod .item{width: 49%;}
    .abox{margin: 20px 15px 0 15px;padding: 20px 0;}
    .abox12{margin: 0;}
    .acon{font-size: 14px;line-height: 24px;}
    .rbox .bd{width: 100%;}
    .rbox .bd li{margin: 0 5px;}
    .rbox .bd li img{width: 180px;height: 135px;}
    .aul{margin-top: 15px;width: 100%;padding: 10px 20px;}
    .sul{margin:20px 0 0 0;}
    .sul li{width: 50%;margin-bottom: 15px;}
    .sul li p{font-size: 14px;}
    .m1{margin: 20px 0 30px;}
    .box10{padding: 30px 0;}
    .he{width: 94%;margin: 0 3%; position: static;}
    .cleft,.cright{width: 100%; float: none;}
    .dh{font-size: 20px;padding-left: 40px;background-size: 30px 30px;}
    .yan li input,.yan li,.yan #checkcode,.yan #codeimg,.yan .tj{height: 38px;line-height: 38px;}
    .yan .tj{font-size: 14px;}
    .yan #checkcode{width: 90px;}
    .liu{margin-top: 20px;}
    .liu li{width: 33.33%;text-align: center;margin-right: 0;margin-bottom: 10px;padding-right: 5%;}
    .liu li:nth-child(3n){background: none;padding-right: 0;}
    .liu li p{margin-top: 7px;}
    .nsort{margin: 20px 0 30px;}
    .nsort li a{font-size: 16px;}
    .nsort li{padding-right: 30px;margin-right: 12px;}
    .nul2 li{width: 47%;}
    .nul2{width: calc(100% - 532px);}
    .nul{margin-bottom: 20px;}
    .nul li img{width: 100%;height: 100%;margin-bottom: 20px;}
    .nul,.nul2{float: none;width: 100%;}
    .nul2 li:last-child, .nul2 li:nth-child(5){border-bottom: 1px solid #e2e2e2;}
    .box12{display: none;}
    .bottom1{border-top: 1px solid rgba(0,0,0,0.1);}
    .bottom1 .w{justify-content: space-between;}
    .bottom1 .w dl:nth-last-of-type(1){display: none;}
}


.p-pics{
    display: flex;
    gap: 10px;
}
.pics-item{
    display: flex;
    width: 120px;
    height: 120px;
    border: 2px solid #333;
    padding:5px;
    text-align: center;
}
.pics-item.active{
    border:2px solid #3383e6;   
}

.pics-item img{
    max-width: 120px;
    max-height: 120px;
}


.language {
  position: relative;
  display: block;
  flex-shrink: 0;
  padding-left: 15px;
}
.language_btn {
  font-size: 15px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 2;
	letter-spacing: 0px;
	color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.language_btn::before {
  content: "";
  display: block;
  width: calc(19 / 15 * 1em);
  height: 2em;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../images/3faec23e5b2f133482fd2a27373a34d830a301ef.png");
}
.language_btn::after {
  content: "";
  display: block;
  width: calc(10 / 15 * 1em);
  height: 2em;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../images/e3ac49d32c5173d2240cc67d59b77091464d7fb3.png");
  transition: 0.3s ease;
}
.language_btn.ope::after {
  transform: rotate(180deg);
}
.language_btn span {
  margin: 0 0.4em;
  display: block;
}
.language_select {
  position: absolute;
  top: 100%;
  max-width: 150px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #ffffff;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.08);
  display: none;
}
.language_select a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 12px;
  color: #333333;
  line-height: 2;
  padding: 0.2em 0.5em;
  border-bottom: 1px solid #dfdfdf;
  white-space: nowrap;
  overflow: hidden;
}
.language_select a:hover {
}
.language_select a.act {
  pointer-events: none;
}
.language_select a img {
  object-fit: contain;
  margin-right: 0.4em;
}
.language_select a span {
  display: block;
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}