*{margin:0;padding:0}
body{color:#333; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-size:16px; font-family:Arial;}
a{text-decoration:none; color: inherit; }
img{border:0}
li{list-style:none}
.width{margin:0 auto;}
.fl{float:left;}
.fr{ float:right;}
.width{width:94%; margin:auto;}

@media(min-width:1200px)and (max-width:300000px){
.top1bj{background: rgba(255,255,255,1); position: absolute; top: 0; left:0; width: 100%; z-index: 2; right:0;}
.top1bj .width{display: flex; flex-wrap:wrap; align-items: center; justify-content: space-between; height:80px; border-bottom:rgba(0,0,0,0.1) 1px solid; width:100%;}
.top1bj .width .fl{width:30%; margin-left:3%;}
.top1bj .width .fl dl{display: flex; flex-wrap:wrap; align-items: center; height:80px; float:left; margin-right:30px;}
.top1bj .width .fl dl p img{filter:drop-shadow(#234189 0px 100000px); transform: translateY(-100000px); height:14px; margin-right:10px;}
.top1bj .width .logo{overflow:hidden; height:55px; width:30%; display:flex; flex-wrap:wrap; justify-content:center;}
.top1bj .width .logo img{height:55px;}
.top1bj .width .logo-wap{display:none;}
.top1bj .width .fr{width:30%; margin-right:3%;}
.top1bj .width .fr p{float:right;}
.top1bj .width .fr p img{filter:drop-shadow(#234189 0px 100000px); transform: translateY(-100000px); height:16px;}
.top1bj #Menu-btn{display:none;}
.top1bj #Menu-btn-h{display:none;}
.top1bj #menu1{display:none;}
.top1bj .navBar{position:relative; z-index:1; height:50px; line-height:50px; border-bottom:rgba(0,0,0,0.1) 1px solid;}
.top1bj .nav{display:flex; flex-wrap:wrap; align-items: center; justify-content: center; width:94%; margin:auto;}
.top1bj .nav h3{font-weight:normal; font-size:16px; text-transform:uppercase;}
.top1bj .nav h3:hover{color:#234189; border-bottom:#234189 1px solid;}
.top1bj .nav .m{ margin:0px 25px;}
.top1bj .nav .sub{display:none; position:absolute; top:51px; left:0; right:0;  background:#fff;}
.top1bj .nav .sub .subbb{ width:97%; margin:auto; display:flex; flex-wrap:wrap; justify-content: center;}
.top1bj .nav .sub li{text-align:center; line-height:24px;}
.top1bj .nav .sub li a{color:#333; display:block;}
.top1bj .nav .sub li a:hover{background:#ddd; color:#234189;   }
.top1bj .nav .sub .subbb dl{width:12.28%; margin-left:1%; margin-right:1%; margin-bottom:30px;}
.top1bj .nav .sub .subbb dl:nth-child(1),.top1bj .nav .sub .subbb dl:nth-child(2),.top1bj .nav .sub .subbb dl:nth-child(3),.top1bj .nav .sub .subbb dl:nth-child(4),.top1bj .nav .sub .subbb dl:nth-child(5),.top1bj .nav .sub .subbb dl:nth-child(6),.top1bj .nav .sub .subbb dl:nth-child(7){ margin-top:50px;}
.top1bj .nav .sub .subbb dl a:hover{color:#234189;  }
.top1bj .nav .sub .subbb dl dt{ position:relative; padding-bottom:66.7%; overflow:hidden;}
.top1bj .nav .sub .subbb dl dt img{ position:absolute; width:100%; height:100%;}
.top1bj .nav .sub .subbb dl dd{ color:#333; text-align:center; line-height:24px; margin-top:10px;}

.top2bj{background: rgba(255,255,255,0); position: absolute; top: 0; left:0; width: 100%; z-index: 2; right:0;}
.top2bj .yuyan{border-bottom:rgba(200,200,200,0.3) 1px solid; width:100%; overflow:hidden; height:28px; display:flex; flex-wrap:wrap; justify-content:space-between; align-items: center;}
.top2bj .yuyan ul{display:flex; flex-wrap:wrap; align-items: center; margin-left:3%;}
.top2bj .yuyan ul li{display:flex; flex-wrap:wrap; align-items: center; font-size:14px; margin-right:30px; height:28px;}
.top2bj .yuyan ul li p{height:28px; overflow:hidden; display:flex; flex-wrap:wrap; align-items: center;}
.top2bj .yuyan ul li p img{height:15px; filter:drop-shadow(#234189 0px 28px); transform: translateY(-28px);}
.top2bj .yuyan ul li span{margin-left:8px; line-height:28px;}
.top2bj .yuyan dl{display:flex; flex-wrap:wrap; align-items: center; float:right; margin-right:3%;}
.top2bj .yuyan dl p{font-size:14px; margin-left:30px; height:28px; overflow:hidden; line-height:28px}
.top2bj .yuyan dl p img{height:15px; filter:drop-shadow(#234189 0px 28px); transform: translateY(-28px);}
.top2bj .width{display: flex; justify-content: space-between; align-items: center; height:65px;}
.top2bj .width .fl{display:flex; flex-wrap:wrap; align-items: center;}
.top2bj .width .logo{overflow:hidden; height:27px;}
.top2bj .width .logo img{height:27px;}
.top2bj .width .logo-wap{display:none;}
.top2bj .width .fr{display: flex; align-items: center;}
.top2bj #Menu-btn{display:none;}
.top2bj #Menu-btn-h{display:none;}
.top2bj #menu1{display:none;}
.top2bj .navBar{position:relative; z-index:1; height:40px; line-height:40px; border-bottom:rgba(200,200,200,0.3) 1px solid; border-top:rgba(200,200,200,0.3) 1px solid;}
.top2bj .nav{display:flex; flex-wrap:wrap; align-items: center; justify-content: center; width:94%; margin:auto;}
.top2bj .nav h3{font-weight:normal; font-size:16px; text-transform:uppercase;}
.top2bj .nav h3:hover{color:#234189; border-bottom:#234189 1px solid;}
.top2bj .nav .m{ margin:0px 25px;}
.top2bj .nav .sub{display:none; position:absolute; top:41px; left:0; right:0;  background:#fff;}
.top2bj .nav .sub .subbb{ width:97%; margin:auto; display:flex; flex-wrap:wrap; align-items: center; justify-content: center;}
.top2bj .nav .sub li{text-align:center;}
.top2bj .nav .sub li a{color:#333; display:block;}
.top2bj .nav .sub li a:hover{background:#ddd; color:#234189;   }
.top2bj .nav .sub .subbb dl{width:12.28%; margin-left:1%; margin-right:1%; margin-bottom:30px;}
.top2bj .nav .sub .subbb dl:nth-child(1),.top2bj .nav .sub .subbb dl:nth-child(2),.top2bj .nav .sub .subbb dl:nth-child(3),.top2bj .nav .sub .subbb dl:nth-child(4),.top2bj .nav .sub .subbb dl:nth-child(5),.top2bj .nav .sub .subbb dl:nth-child(6),.top2bj .nav .sub .subbb dl:nth-child(7){ margin-top:50px;}
.top2bj .nav .sub .subbb dl a:hover{color:#234189;  }
.top2bj .nav .sub .subbb dl dt{ position:relative; padding-bottom:66.7%; overflow:hidden;}
.top2bj .nav .sub .subbb dl dt img{ position:absolute; width:100%; height:100%;}
.top2bj .nav .sub .subbb dl dd{ color:#333; text-align:center;}
.top2bj:hover{ background:#FFF; color:#333;}
.top2bj:hover .yuyan{border-bottom:rgba(0,0,0,0.1) 1px solid;}
.top2bj:hover .navBar{border-bottom:rgba(0,0,0,0.1) 1px solid; border-top:rgba(0,0,0,0.1) 1px solid; color:#333;}
.top2bj:hover .yuyan ul li p img{filter:drop-shadow(#234189 0px 28px); transform: translateY(-28px);}
.top2bj:hover .yuyan dl p img{filter:drop-shadow(#234189 0px 28px); transform: translateY(-28px);}
.top2bj:hover .logo img{filter:drop-shadow(#234189 0px 27px); transform: translateY(-27px);}

.header11{background:#fff; position:fixed; width:100%;top:0;z-index:999; display:none; color:#333; overflow:hiddenl;}
.header11 .kuai{ display:block; width:100%;}
.header11 .kuai #Menu-btn-h{display:none;}
.header11 .kuai #menu1{display:none;}
.header11 .kuai .navBar{position:relative; z-index:1; color:#333; height:50px; line-height:50px; border-bottom:rgba(0,0,0,0.1) 1px solid;}
.header11 .kuai .nav{display:flex; flex-wrap:wrap; align-items: center; justify-content: center; width:94%; margin:auto;}
.header11 .kuai .nav h3{font-weight:normal; font-size:16px; text-transform:uppercase;}
.header11 .kuai .nav h3:hover{color:#234189; border-bottom:#234189 1px solid;}
.header11 .kuai .nav .m{ margin:0px 25px;}
.header11 .kuai .nav .sub{display:none; position:absolute; top:51px; left:0; right:0;  background:#fff;}
.header11 .kuai .nav .sub .subbb{ width:97%; margin:auto; display:flex; flex-wrap:wrap; justify-content: center; transition: all 10s;}
.header11 .kuai .nav .sub li{text-align:center;}
.header11 .kuai .nav .sub li a{color:#333; display:block;}
.header11 .kuai .nav .sub li a:hover{background:#ddd; color:#234189;   }
.header11 .kuai .nav .sub .subbb dl{width:12.28%; margin-left:1%; margin-right:1%; margin-bottom:30px;}
.header11 .kuai .nav .sub .subbb dl:nth-child(1),.header11 .kuai .nav .sub .subbb dl:nth-child(2),.header11 .kuai .nav .sub .subbb dl:nth-child(3),.header11 .kuai .nav .sub .subbb dl:nth-child(4),.header11 .kuai .nav .sub .subbb dl:nth-child(5),.header11 .kuai .nav .sub .subbb dl:nth-child(6),.header11 .kuai .nav .sub .subbb dl:nth-child(7){ margin-top:50px;}
.header11 .kuai .nav .sub .subbb dl a:hover{color:#234189;  }
.header11 .kuai .nav .sub .subbb dl dt{ position:relative; padding-bottom:66.7%; overflow:hidden;}
.header11 .kuai .nav .sub .subbb dl dt img{ position:absolute; width:100%; height:100%; transition: all 3s;}
.header11 .kuai .nav .sub .subbb dl:hover dt img{ transition: all 3s; transform: scale(1.2);}
.header11 .kuai .nav .sub .subbb dl dd{ color:#333; text-align:center; line-height:24px; margin-top:10px;}

.focusBox {width:100%; height:100vh; overflow: hidden;}
.focusBox .pic{z-index:0; }
.focusBox .pic li{position:relative; height:100vh; display:flex; flex-wrap:wrap; align-items: center; justify-content:center;}
.focusBox .pic li img {position:absolute; width:100%; object-fit: cover; transition: all 10s;}
.focusBox .pic li .info{ position:absolute; left:0; right:0; top:0; bottom:0; display:flex; flex-wrap:wrap; align-items: center; justify-content:center;}
.focusBox .pic li .info dl{ width:1200px; margin:auto; text-align:center;}
.focusBox .pic li .info dl dt{font-size:55px; color:#fff; font-weight:bold; text-transform:uppercase;}
.focusBox .pic li .info dl dd{ font-size:24px; color:#fff; margin-top:30px; margin-bottom:50px; text-transform:uppercase;}
.focusBox .pic li .info dl p{width: fit-content; background:#234189; color:#FFF; margin:auto; font-size:18px; text-transform:uppercase; padding:15px 50px; border-radius:30px;}
.focusBox .pic li:hover img{transition: all 10s; transform: scale(1.2);}
.focusBox .jiantou{position: absolute; top:50%; left:0px; right:0px; display:flex; flex-wrap:wrap; align-items: center; justify-content: space-between;}
.focusBox .jiantou .prev,.focusBox .jiantou .next{display:flex; flex-wrap:wrap; align-items: center; justify-content:center;}
.focusBox .jiantou .prev img,.focusBox .jiantou .next img{width:50px; filter:alpha(opacity=40) !important;opacity:0.4 !important; display:block; filter:drop-shadow(#fff 0px 100000px); transform: translateY(-100000px);}
.focusBox .jiantou .prev:hover img,.focusBox .jiantou .next:hover img{filter:alpha(opacity=100) !important;opacity:1 !important;display:block;}
.focusBox .jiantou p{width:1px; height:45px; background:#ddd;}
.focusBox .hd { width:100%; position: absolute; bottom: 30px; text-align: center; font-size:0; z-index:1; }
.focusBox .hd li{margin: 0 5px; background: url(../images/dot.png) no-repeat 0 -16px; height: 16px; overflow: hidden; width: 16px; cursor: pointer;display:inline-block; *display:inline; zoom:1;  _background: url(../images/dot.png) no-repeat 0 -16px;}
.focusBox .hd .on{ background-position:0 0; }

.index1{overflow:hidden; margin-top:100px;}
.index1 .txt{ text-align:center;}
.index1 .txt p{font-size:48px; text-transform:uppercase; font-weight:900;}
.index1 .slider{width:100%;  min-width:1030px;  height:700px;  position:relative; overflow:hidden; background:#fff; text-align:center; margin-top:60px;}
.index1 .slider .bd{width:1030px; position:absolute; left:50%; margin-left:-515px  }
.index1 .slider .bd li{width:1000px;  overflow:hidden; margin:0px 15px;}
.index1 .slider .bd li p{ position:relative; padding-bottom:60%;}
.index1 .slider .bd li p img{display:block; width:100%; height:100%; position:absolute;}
.index1 .slider .bd li p .info{}
.index1 .slider .bd li p .info img{ width:200px;}
.index1 .slider .bd li dl{height:100px; display: flex; flex-wrap:wrap; align-items:center; justify-content: space-between;}
.index1 .slider .bd li dl dt{font-size:24px; transition: all 0.5s;}
.index1 .slider .bd li dl dt:hover{margin-left:15px; transition: all 0.5s;}
.index1 .slider .bd li dl dd{font-size:24px;}
.index1 .slider .tempWrap{overflow:visible !important }
.index1 .slider .tempWrap ul{margin-left:-1030px !important; /*强制位置*/  }
.index1 .slider .pnBtn{position:absolute; z-index:1; top:0; width:100%;  height:600px; cursor:pointer;   }
.index1 .slider .prev{left:-50%; margin-left:-510px;}
.index1 .slider .next{left:50%;  margin-left:530px;}
.index1 .slider .pnBtn .blackBg{display:block;  position:absolute; left:0; top:0; width:100%; height:700px; background:#fff; filter:alpha(opacity=50);opacity:0.5;   }
.index1 .slider .pnBtn .arrow:hover{filter:alpha(opacity=60);opacity:0.8; background-color:#234189; transition: all 0.6s;}
.index1 .slider .prev .arrow{right:60px; background:url(../images/prev.png) no-repeat center center; width:80px; height:80px; position:absolute; top:45%; z-index:1; background-color:#FFF; opacity:0.8; transition: all 0.6s;}
.index1 .slider .next .arrow{left:40px; background:url(../images/next.png) no-repeat center center; position:absolute; top:45%; z-index:1; width:80px; height:80px; background-color:#FFF; opacity:0.8; transition: all 0.6s;}

.index2{overflow:hidden; background:#f5f5f5; padding-top:80px; padding-bottom:35px; margin-top:20px;}
.index2 .txt{overflow: visible; height:62px; position:relative; display: flex; flex-wrap:wrap; align-items: center; justify-content: space-between; width:94%; margin:auto;}
.index2 .txt dd{float:left; font-size:48px; color:#333; text-transform:uppercase; font-weight:bold;}
.index2 .txt p{float:right; width:fit-content; background:#234189; border-radius:20px; color:#FFF; padding:5px 20px;}
.index2 .bod{width:94%; margin:auto; display:block; overflow:hidden; padding-top:40px; display: flex; flex-wrap:wrap; justify-content: space-between;}
.index2 .bod dl{width:19%; margin-bottom:25px;}
.index2 .bod dl dt{position:relative; padding-bottom:66.6%; background:#FFF;}
.index2 .bod dl dt img{position:absolute; height:100%;}
.index2 .bod dl dt .info{height:5px; bottom:0%; transition: all 1.2s;position: absolute; left:0%; right:0%; background:#234189;}
.index2 .bod dl:hover dt .info{height:100%; background: linear-gradient(to top, rgba(35,65,137,0.7), rgba(35,65,137,0)); transition: all 1.2s; width:100%;}
.index2 .bod dl p{font-size:16px; padding-top:15px; text-align:center;}

.index3{overflow:hidden; background:url(../images/index3.jpg) center center no-repeat; padding:100px 0px; color:#FFF;}
.index3 .txt{font-size:48px; text-transform:uppercase; display: flex; flex-wrap:wrap; align-items: center; justify-content:center;}
.index3 .txt img{height:50px; filter:drop-shadow(#fff 0px 10000px); transform: translateY(-10000px);}
.index3 .txt span{margin-left:20px;}
.index3 .bod{ width:1200px; margin:auto; margin-top:50px;}
.index3 .bod dt{ text-align:center;}
.index3 .bod dt p{ margin-bottom:15px; line-height:28px;}
.index3 .bod dd{ font-size:18px; font-weight:bold; text-align:center; margin-top:70px;}
.index3 .bod dd span{ margin:0px 20px;}
.index3 .bod ul{display: flex; flex-wrap:wrap; align-items:center; justify-content:center; margin-top:80px; margin-bottom:20px;}
.index3 .bod ul li{width:fit-content; border-radius:30px; border:#FFF 1px solid; margin:0px 10px; transition: all 0.5s;}
.index3 .bod ul li a{text-align:center; font-size:18px; padding:15px 40px; display:block;}
.index3 .bod ul li:hover{ background:#FFF; color:#234189; transition: all 0.5s;}

.index4{overflow:hidden; width:94%; margin:auto; margin-top:90px; padding-bottom:60px;}
.index4 .txt{text-align:center;}
.index4 .txt dt{font-size:24px;}
.index4 .txt dd{font-size:30px; color:#234189; margin-top:10px;}
.index4 .txt p{margin-top:10px; color:#666; font-size:18px;}
.index4 .bod{margin-top:80px; display:flex; flex-wrap:wrap; justify-content:space-between;}
.index4 .bod dl{width:24%; background:#eee; border-radius:5px; padding-top:50px; padding-bottom:50px; transition: all 0.5s; margin-bottom:30px;}
.index4 .bod dl p{ font-size:48px; text-align: center; color:#FFF; font-family:Arial; width:fit-content; background:#234189; margin:auto; padding:5px 10px; border-radius:5px;}
.index4 .bod dl dt{ font-size:20px; text-align:center; width:80%; margin:auto; margin-top:20px; margin-bottom:20px;}
.index4 .bod dl li{ font-size:16px; width:80%; margin:auto; text-align:center; line-height:24px; color:#666;}
.index4 .bod dl ul{ width:70px; height:62px; margin:auto; margin-top:30px; overflow:hidden; display:none;}
.index4 .bod dl ul img{width:70px; height:62px;}
.index4 .bod dl:hover{background:#234189; color:#FFF; transition: all 0.5s;}
.index4 .bod dl:hover p{ color:#FFF;}
.index4 .bod dl:hover li{color:#FFF;}
.index4 .bod dl:hover ul img{filter:drop-shadow(#fff 0px 70px); transform: translateY(-70px);}

.index5{overflow:hidden; width:80%; margin:auto; padding-bottom:60px; margin-top:80px;}
.index5 .txt{text-align:center;}
.index5 .txt dt{font-size:48px; font-weight:bold; text-transform:uppercase;}
.index5 .txt ul{display: flex; flex-wrap:wrap; align-items:center; justify-content:center; margin-top:30px;}
.index5 .txt ul li{ width:140px; background:#234189; margin:0px 10px; color:#FFF;border-radius:5px;}
.index5 .txt ul li a{ display:block; padding:10px; }
.index5 .txt ul li:hover{ background:#234189;}
.index5 .bod{margin-top:60px; overflow:hidden;}
.index5 .bod dl{ float:left; width:31.4%; margin-bottom:40px; margin-right:2.9%;}
.index5 .bod dl:nth-child(3n){ margin-right:0;}
.index5 .bod dl dt{ position:relative; padding-bottom:60%;}
.index5 .bod dl dt img{ position:absolute; width:100%; height:100%;}
.index5 .bod dl dd{ margin-top:20px;}
.index5 .bod dl p{ margin-top:10px; font-size:15px; color:#666; line-height:24px;}

.index6{ overflow:hidden; background:#f5f5f5;}
.index6 .txt{ text-align:center; margin-top:60px;}
.index6 .txt dd{ font-size:72px; text-transform:uppercase; color:#e5e5e5; font-weight:bold;}
.index6 .txt dt{ font-size:48px; font-weight:bold; text-transform:uppercase; margin-top:-50px;}
.index6 .txt p{ width:60px; height:6px; background:#234189; margin:auto; margin-top:10px;}
.index6 .bod{ margin-top:50px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.index6 .bod dl{ width:33.3%; margin-bottom:1px;}
.index6 .bod dl dt{ position:relative; padding-bottom:80%;}
.index6 .bod dl dt img{ position:absolute; width:100%; height:100%;}
.index6 .bod dl dt .info{position:absolute; left:0; right:0; top:0; bottom:0; display:flex; flex-wrap:wrap; align-items:center; background:rgba(35,65,137,0); transition: all 0.5s;}
.index6 .bod dl dt .info ul{ color:#FFF; margin-left:50px; margin-right:50px;}
.index6 .bod dl dt .info ul dd{ font-size:30px; font-weight:bold; line-height:30px;}
.index6 .bod dl dt .info ul p{width:60px; height:4px; background:#fff; margin-top:20px;}
.index6 .bod dl dt .info ul li{width:fit-content; border:rgba(255,255,255,0.5) 1px solid; margin-top:30px; padding:15px 50px; background:rgba(255,255,255,1); font-size:22px; border-radius:30px; transition: all 0.5s; color:#333}
.index6 .bod dl dt .info ul li:hover{transition: all 0.5s; color:#234189}
.index6 .bod dl:hover dt .info{background:rgba(35,65,137,0.8); transition: all 0.5s;}

.foot{width:100%; overflow:hidden; background:#f5f5f5;}
.foot .foot1{overflow:hidden;}
.foot .foot1 .txt{margin-top:100px; text-align:center;}
.foot .foot1 .txt dt{font-size:36px; text-transform:uppercase;}
.foot .foot1 .txt dd{font-size:24px; margin-top:25px; text-transform:uppercase;}
.foot .foot1 .bod{margin-top:0px; display: flex; flex-wrap:wrap; align-items: center; justify-content:center;}
.foot .foot1 .bod dl{display: flex; flex-wrap:wrap; align-items: center; justify-content:center; width:260px; border:#333 2px solid; height:60px; margin:60px; text-transform:uppercase;}
.foot .foot1 .bod dl span{ margin-left:10px; font-size:18px;}

.bottom{width:100%; background:#000000; overflow:hidden; text-align:center; color:#FFF; padding-top:40px; padding-bottom:35px;}
.bottom dl{display: flex; flex-wrap:wrap; align-items: center; justify-content:center;}
.bottom dl dt{text-transform:uppercase;}
.bottom dl dd{margin:0px 80px; display: flex; flex-wrap:wrap; align-items: center; text-transform:uppercase;}
.bottom dl dd span{margin:0px 25px;}
.bottom ul{margin-top:20px; color:#999; font-size:14px;}

.nybanner{width:100%;overflow: hidden;}
.nybanner li{position:relative; height:800px}
.nybanner li img{position:absolute; width:100%; height:100%; object-fit: cover;}
.nybanner li .info{ position:absolute; left:0; right:0; top:100px; bottom:0; background:rgba(0,0,0,0.3); display: flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.nybanner li .info dl{width:800px; text-align:center; margin:auto;}
.nybanner li .info dl dt{ font-size:60px; text-transform:uppercase; position:absolute; left:0; right:0; top:0; bottom:0; display: flex; flex-wrap:wrap; align-items:center; justify-content:center; color:#FFF;}
.nybanner li .info dl dd{ margin-top:30px; display: flex; flex-wrap:wrap; align-items: center; justify-content:center; position:absolute; left:0; right:0; bottom:30px;}
.nybanner li .info dl dd p{width: fit-content; background:#FFF; margin:0px 10px; border-radius:30px;}
.nybanner li .info dl dd p a{ display:block; padding:15px 40px; border-radius:30px;}
.nybanner li .info dl dd p:hover{background:#234189; color:#FFF;}
.active-about{background:#234189; color:#FFF;}

.nybanner1{width:100%;overflow: hidden;}
.nybanner1 li{position:relative; height:100vh;}
.nybanner1 li img{position:absolute; width:100%; height:100%; object-fit: cover;}
.nybanner1 li .info{ position:absolute; left:0; right:0; top:0; bottom:0; display: flex; flex-wrap:wrap; align-items: center; justify-content:center; background:rgba(0,0,0,0.3);}
.nybanner1 li .info dl{color:#FFF; width:800px; text-align:center;}
.nybanner1 li .info dl dt{ font-size:36px;}
.nybanner1 li .info dl dd{ margin-top:30px; font-size:20px; line-height:36px;}

.position{padding-top:30px; font-size:16px; background:#f5f5f5; overflow:hidden; padding-bottom:30px;}
.position .bod{width:80%; margin:auto; }
.position1{padding-top:30px; font-size:16px; background:#f5f5f5; overflow:hidden; padding-bottom:30px;}
.position1 .bod{width:94%; margin:auto; }
.position2{padding-top:30px; font-size:16px; background:#f5f5f5; overflow:hidden; padding-bottom:30px; margin-top:130px;}
.position2 .bod{width:1200px; margin:auto; }
.position3{padding-top:30px; font-size:16px; background:#f5f5f5; overflow:hidden; padding-bottom:30px; margin-top:130px;}
.position3 .bod{width:94%; margin:auto; }

.fenlei-wap{ display:none;}

.about{overflow:hidden; margin-top:70px; background:#fff; width:100%;}
.about .bod{display:flex; flex-wrap:wrap; align-items: center; justify-content:space-between; width:80%; margin:auto;}
.about .bod .fl{width:45%;}
.about .bod .fl dt{ font-size:30px; text-transform:uppercase; font-weight:bold;}
.about .bod .fl dd{ margin-top:15px; font-size:16px; line-height:24px;}
.about .bod .fl dd p{ margin-top:15px;}
.about .bod .fr{width:50%;}
.about .bod .fr video{ width:100%;}

.about1{overflow:hidden; background:url(../images/about.jpg) center center no-repeat; background-size:cover; display: flex; flex-wrap:wrap; align-items: center; justify-content:space-between; margin-top:80px; }
.about1 dl{width:33.2%; display: flex; flex-wrap:wrap; align-items: center; justify-content:center; text-align:center; height:600px; color:#FFF; border-left:rgba(255,255,255,0.5) 1px solid; transition: all 0.5s;}
.about1 dl:nth-child(1){ border-left:none;}
.about1 dl ul{ margin:0px 50px;}
.about1 dl dt img{filter:drop-shadow(#fff 0px 50000px); transform: translateY(-50000px); width:70px;}
.about1 dl dd{ margin-top:20px; font-size:24px; font-weight:bold;}
.about1 dl li{ margin-top:15px; font-size:16px; line-height:24px;}
.about1 dl:hover{ background:rgba(35,65,137,0.8); transition: all 0.5s;}

.zhengce{overflow:hidden; margin-top:70px; background:#fff; width:100%;}
.zhengce .bod{width:80%; margin:auto;}
.zhengce .bod dt{ font-size:30px; text-transform:uppercase; font-weight:bold;}
.zhengce .bod dd{ margin-top:15px; font-size:16px; line-height:24px;}
.zhengce .bod dd p{ margin-top:15px;}
.zhengce .bod dd h1{ font-size:38px; font-weight:bold; margin-top:20px;}
.zhengce .bod dd h2{ font-size:34px; font-weight:bold; margin-top:20px;}
.zhengce .bod dd h3{ font-size:30px; font-weight:bold; margin-top:20px;}
.zhengce .bod dd h4{ font-size:26px; font-weight:bold; margin-top:20px;}
.zhengce .bod dd h5{ font-size:22px; font-weight:bold; margin-top:20px;}
.zhengce .bod dd h6{ font-size:18px; font-weight:bold; margin-top:20px;}

.plist{ overflow:hidden; width:94%; margin:auto; margin-top:50px;}
.plist .bod{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.plist .bod dl{ width:49%; margin-bottom:2rem;}
.plist .bod dl dt{ position:relative; padding-bottom:60%;}
.plist .bod dl dt img{ position:absolute; width:100%; height:100%;}
.plist .bod dl dt .info{position:absolute; left:0; right:0; top:0; bottom:0; display:flex; flex-wrap:wrap; align-items:center; background:rgba(35,65,137,0); transition: all 0.5s;}
.plist .bod dl dt .info ul{ color:#FFF; margin-left:50px; margin-right:50px;}
.plist .bod dl dt .info ul dd{ font-size:30px; font-weight:bold; line-height:30px;}
.plist .bod dl dt .info ul p{width:60px; height:4px; background:#fff; margin-top:20px;}
.plist .bod dl dt .info ul li{width:fit-content; border:rgba(255,255,255,0.5) 1px solid; margin-top:30px; padding:15px 50px; background:rgba(255,255,255,1); font-size:22px; border-radius:30px; transition: all 0.5s; color:#333}
.plist .bod dl dt .info ul li:hover{transition: all 0.5s; color:#234189}
.plist .bod dl:hover dt .info{background:rgba(35,65,137,0.8); transition: all 0.5s;}

.productlist{overflow:hidden; display: flex; flex-wrap:wrap; justify-content:space-between; width:94%; margin:auto; padding:40px 0px;}
.productlist .fl{width:15%;}
.productlist .fl .txt{ overflow:hidden;}
.productlist .fl .txt dt{font-size:24px; font-weight:bold;}
.productlist .fl .txt dd{margin-top:20px;}
.productlist .fl .txt dd li{border:#eee 1px solid; transition: all 1s; display:block; margin-top:-1px; background:#f5f5f5; margin-bottom:10px;}
.productlist .fl .txt dd li p{padding:15px;}
.productlist .fl .txt dd li p span{margin-right:5px;}
.productlist .fl .txt dd li:hover p{color:#234189;}
.productlist .fl .txt dd li:hover p span{float:right;margin-right:0px; }
.productlist .fl .txt dd li .active p{display:block; color:#fff; background:#234189;}
.productlist .fl .sideMenu{ display:none;}
.productlist .fr{width:82%;}
.productlist .fr .bod{ overflow:hidden; display: flex; flex-wrap:wrap;}
.productlist .fr .bod dl{width:23.5%; margin-bottom:40px; float:left; margin-right:2%;}
.productlist .fr .bod dl:nth-child(4n){ margin-right:0px;}
.productlist .fr .bod dl dt{position:relative; padding-bottom:66%; border-radius:5px; overflow:hidden; display: flex; flex-wrap:wrap; justify-content:center; background:#f5f5f5; border:#eee 1px solid;}
.productlist .fr .bod dl dt img{position:absolute; width:100%; height:100%; transition: all 0.5s;}
.productlist .fr .bod dl dd{margin-top:15px; text-align:center;}
.productlist .fr .bod dl:hover{opacity:0.8;}
.productlist .fr .bod dl:hover dt img{transition: all 0.5s; transform: scale(1.1);}

.sideMenu{overflow:hidden; border:1px solid #ddd;}
.sideMenu h3{height:45px; line-height:45px; display: flex; flex-wrap:wrap; align-items: center; justify-content:space-between; font-size:16px; font-weight:normal; padding:0px 20px;}
.sideMenu h3 span{float:right; display:block; font-size:16px;}
.sideMenu ul{color:#999; display:none; border-top:1px solid #ddd; margin-top:-1px;}
.sideMenu ul li{ font-size:16px; margin:20px; overflow:hidden;}
.sideMenu ul li span{ margin-right:16px;}

.fanye{overflow:hidden; display: flex; flex-wrap:wrap; align-items:center; margin-top:20px; background:#f5f5f5; padding-left:10px; padding-top:10px; padding-bottom:10px;}
.fanye .fenye2{display: flex;}
.fanye .fenye2 .page-num{color:#666; padding:5px; font-size:14px; flex:1; overflow:hidden; overflow:hidden; border:#eee 1px solid; overflow:hidden; display: flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.fanye .fenye2 .page-num-current{ color:#234189; border:#ddd 0px solid; overflow:hidden; display: flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.fanye a{margin:0 5px;}

.tiao{ overflow:hidden; height:135px;}
.product{overflow:hidden; padding-bottom:40px; display: flex; flex-wrap:wrap; justify-content: space-between; width:1200px; margin:auto; padding-top:50px;}
.product .zuobian{ width:260px;}
.product .zuobian .txt{ overflow:hidden;}
.product .zuobian .txt dt{font-size:24px; font-weight:bold;}
.product .zuobian .txt dd{margin-top:20px;}
.product .zuobian .txt dd li{border:#eee 1px solid; transition: all 1s; display:block; margin-top:-1px; background:#f5f5f5; margin-bottom:10px;}
.product .zuobian .txt dd li p{padding:15px;}
.product .zuobian .txt dd li p span{margin-right:5px;}
.product .zuobian .txt dd li:hover p{color:#234189;}
.product .zuobian .txt dd li:hover p span{float:right;margin-right:0px; }
.product .zuobian .txt dd li .active p{display:block; color:#fff; background:#234189;}
.product .bod{display: flex; flex-wrap:wrap; justify-content: space-between; width:900px;}
.product .bod .fl{width:400px;}
.product .bod .fl .game163{display:none;}
.product .bod .fr{width:460px;}
.product .bod .fr .title{font-size:24px; margin-bottom:10px; display:block;}
.product .bod .fr .shijian{color:#666; font-size:14px; margin-bottom:10px;}
.product .bod .fr .shijian span{ text-transform:uppercase; margin-right:10px;}
.product .bod .fr .cishu{color:#666; font-size:14px; margin-bottom:10px;}
.product .bod .fr .cishu span{ text-transform:uppercase; margin-right:10px;}
.product .bod .fr .jiage{font-size:16px; margin-bottom:20px;}
.product .bod .fr .jiage span{text-transform:uppercase; margin-right:10px;}
.product .bod .fr .jiage i{font-size:30px; font-style:normal; color:#F00;}
.product .bod .fr .canshu{ color:#666; line-height:26px;}
.product .bod .fr .zixun{margin-top:30px; background:#0d6fb8; width: fit-content; color:#FFF; padding:12px 30px; border-radius:5px; text-transform:uppercase;}
.product .bod .fr .zixun:hover{ opacity:0.8;}
.product .bod .www360buy{width:100%; margin-top:40px; display:block; overflow:hidden;}
.product .bod .www360buy .hd{overflow:hidden; border-bottom:1px solid #0d6fb8; background:#f5f5f5;}
.product .bod .www360buy .hd li{position:relative; height:38px; line-height:38px; text-align:center; float:left; border-top:0; padding:0px 25px;}
.product .bod .www360buy .hd li.on{background:#0d6fb8; color:#fff; }
.product .bod .www360buy .bd{ margin-top:15px;}
.product .bod .www360buy .lh{overflow:hidden; line-height:24px;}
.product .bod .www360buy .lh table{border:#CCC 1px solid; border-collapse:collapse;}
.product .bod .www360buy .lh table tr td{ border-right:#CCC 1px solid; padding:0; border-bottom:#CCC 1px solid; padding-left:10px; padding-right:10px;}
.product .bod .www360buy .lh h3{ font-size:24px; color:#234189; margin-top:30px; margin-bottom:10px;}
.product .bod .www360buy .lh h1{ font-size:48px; margin-bottom:30px; margin-top:50px; color:#234189;}
.product .bod .www360buy .lh p{ margin-top:10px;}
.product .bod .www360buy .lh img{ width:100%;}
.product .bod .gao90{ margin-top:90px; overflow:hidden;}
.product .message{overflow:hidden; display:block; padding-top:50px;}
.product .message .txt{ text-align:center; margin-bottom:70px;}
.product .message .txt dt{ font-size:86px; font-family:"Bodoni Bd BT"; text-transform:uppercase; color:#eee;}
.product .message .txt dd{ font-size:60px; font-weight:bold; text-transform:uppercase; margin-top:-60px;}
.product .message dl{display: flex; flex-wrap:wrap; justify-content: space-between;}
.product .message dl p {width:48%;}
.product .message dl p input{width:100%; border-bottom:#ddd 1px solid !important; border:none; margin-bottom:30px; padding-bottom:18px; outline:none; font-size:16px;}
.product .message dl textarea{width:100%; border-bottom:#ddd 1px solid !important; border:none; outline:none; margin-bottom:30px; font-family:Arial; font-size:16px; color:#f52f3d}
.product .message li textarea{width:100%; border-bottom:#ddd 1px solid !important; border:none; height:100px; outline:none; margin-bottom:30px; font-family:Arial; font-size:16px; color:#666;}
.product .message button{width:100%; height:50px; border:#234189 1px solid; background:none; color:#fff; font-size:18px; text-transform:uppercase; background:#234189;}
.product .message button:hover{ background:#234189; color:#FFF; opacity:0.8;}

.jqzoom{width:100%;height:100%;position:relative;cursor:pointer;overflow:hidden;display:flex;align-items:center;justify-content:center}
.jqzoom img{width:400px;}
.zoomdiv{z-index:200;position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;border:1px solid #ddd;display:none;overflow:hidden}
.zoomdiv .bigimg{position:absolute;top:0;left:0;max-width:unset;max-height:unset}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0;left:0;width:20px;height:20px;border:1px solid #ddd;background:#fafafa;opacity:.5;-moz-opacity:.5;-khtml-opacity:.5;filter:alpha(Opacity=50)}
.jqZoomPup img{ width:400px;}
.spec-preview{border:1px solid #ddd}
.spec-scroll{clear:both;width:100%;height:100px; display: flex; flex-wrap:wrap; align-items:center; justify-content: space-between; margin-top:10px;}
.spec-scroll .prev{float:left; font-size:36px; font-family:"宋体"; line-height:60px; text-align:center}
.spec-scroll .next{float:right; font-size:36px; font-family:"宋体"; line-height:60px; text-align:center;}
.spec-scroll .next,.spec-scroll .prev{display:block;text-align:center;height:60px;cursor:pointer}
.spec-scroll .items{float:left;position:relative;width:360px;height:60px;overflow:hidden; }
.spec-scroll .items ul{position:absolute;width:12000px !important;height:60px;overflow:hidden;}
.spec-scroll .items ul li{float:left;width:90px; height:60px;}
.spec-scroll .items ul li span{box-sizing:border-box;display:block;vertical-align:middle;width:86px;height:57px;text-align:center;border:1px solid #ddd; margin-left:2px;}
.spec-scroll .items ul li img{width:100%;height:100%;object-fit:cover;cursor:pointer;margin:0 auto}
.spec-scroll .items ul li span.active,.spec-scroll .items ul li span:hover{border:2px solid #0d6fb8;padding:0px}

.clist{overflow:hidden; padding-top:60px; padding-bottom:60px;}
.clist .bod{width:94%; margin:auto;}
.clist .bod .item{}
.clist .bod .item1{display: flex; flex-wrap:wrap; align-items:center; justify-content: space-between; background:#f5f5f5;}
.clist .bod .item1 .fl{width:50%;}
.clist .bod .item1 .fl dt{ position:relative; padding-bottom:60%;}
.clist .bod .item1 .fl dt img{ position:absolute; width:100%; height:100%;}
.clist .bod .item1 .fr{width:50%;}
.clist .bod .item1 .fr ul{ width:80%; margin:auto;}
.clist .bod .item1 .fr ul dd{ font-size:30px; font-weight:bold;}
.clist .bod .item1 .fr ul p{background:#234189; width:80px; height:5px; margin-top:30px;}
.clist .bod .item1 .fr ul li{width:200px; background:#234189; height:50px; margin-top:60px; line-height:50px; text-align:center; color:#FFF; border-radius:30px; font-size:20px;}
.clist .bod .item2{display: flex; flex-wrap:wrap; align-items:center; justify-content: space-between; background:#f5f5f5;}
.clist .bod .item2 .fr{width:50%;}
.clist .bod .item2 .fr dt{ position:relative; padding-bottom:60%;}
.clist .bod .item2 .fr dt img{ position:absolute; width:100%; height:100%;}
.clist .bod .item2 .fl{width:50%;}
.clist .bod .item2 .fl ul{ width:80%; margin:auto;}
.clist .bod .item2 .fl ul dd{ font-size:36px; font-weight:bold;}
.clist .bod .item2 .fl ul p{background:#234189; width:80px; height:5px; margin-top:30px;}
.clist .bod .item2 .fl ul li{width:200px; background:#234189; height:50px; margin-top:60px; line-height:50px; text-align:center; color:#FFF; border-radius:30px; font-size:20px;}

.caselist{overflow:hidden; padding-top:60px; padding-bottom:60px;}
.caselist .bod{width:94%; margin:auto;}
.caselist .bod .item{}
.caselist .bod .item1{display: flex; flex-wrap:wrap; align-items:center; justify-content: space-between; background:#f5f5f5; margin-bottom:20px; border-radius:30px;}
.caselist .bod .item1 .fl{width:50%;}
.caselist .bod .item1 .fl dt{ position:relative; padding-bottom:50%;}
.caselist .bod .item1 .fl dt img{ position:absolute; width:100%; height:100%;}
.caselist .bod .item1 .fr{width:50%;}
.caselist .bod .item1 .fr ul{ width:80%; margin:auto;}
.caselist .bod .item1 .fr ul p{ margin-top:10px; font-size:16px; line-height:24px;}
.caselist .bod .item1 .fr ul h1{ font-size:38px; font-weight:bold; margin-top:20px;}
.caselist .bod .item1 .fr ul h2{ font-size:34px; font-weight:bold; margin-top:20px;}
.caselist .bod .item1 .fr ul h3{ font-size:30px; font-weight:bold; margin-top:20px;}
.caselist .bod .item1 .fr ul h4{ font-size:26px; font-weight:bold; margin-top:20px;}
.caselist .bod .item1 .fr ul h5{ font-size:22px; font-weight:bold; margin-top:20px;}
.caselist .bod .item1 .fr ul h6{ font-size:18px; font-weight:bold; margin-top:20px;}
.caselist .bod .item2{display: flex; flex-wrap:wrap; align-items:center; justify-content: space-between; background:#f5f5f5; margin-bottom:20px; border-radius:30px;}
.caselist .bod .item2 .fr{width:50%;}
.caselist .bod .item2 .fr dt{ position:relative; padding-bottom:50%;}
.caselist .bod .item2 .fr dt img{ position:absolute; width:100%; height:100%;}
.caselist .bod .item2 .fl{width:50%;}
.caselist .bod .item2 .fl ul{ width:80%; margin:auto;}
.caselist .bod .item2 .fl ul p{ margin-top:10px; font-size:16px; line-height:24px;}
.caselist .bod .item2 .fl ul h1{ font-size:38px; font-weight:bold; margin-top:20px;}
.caselist .bod .item2 .fl ul h2{ font-size:34px; font-weight:bold; margin-top:20px;}
.caselist .bod .item2 .fl ul h3{ font-size:30px; font-weight:bold; margin-top:20px;}
.caselist .bod .item2 .fl ul h4{ font-size:26px; font-weight:bold; margin-top:20px;}
.caselist .bod .item2 .fl ul h5{ font-size:22px; font-weight:bold; margin-top:20px;}
.caselist .bod .item2 .fl ul h6{ font-size:18px; font-weight:bold; margin-top:20px;}

.contact{ overflow:hidden; width:80%; margin:auto; padding-top:60px; padding-bottom:60px;}
.contact .bod{display: flex; flex-wrap:wrap; align-items:flex-start; justify-content: space-between;}
.contact .bod .fl{ width:60%; background:#f5f5f5;}
.contact .bod .fl .message{ margin:30px 4.6%;}
.contact .bod .fl .message form{display: flex; flex-wrap:wrap; align-items:center; justify-content: space-between;}
.contact .bod .fl .message form dl{ width:48%; margin-bottom:25px;}
.contact .bod .fl .message form input{ width:100%; height:40px; border:#CCC 1px solid; margin-top:5px;}
.contact .bod .fl .message form ul{width:100%; margin-bottom:25px;}
.contact .bod .fl .message form ul textarea{ width:100%; border:#CCC 1px solid; margin-top:5px; height:100px; }
.contact .bod .fl .message form button{ width:100%; background:#ddd; color:#333; text-align:center; height:50px; border:none; font-size:16px;}
.contact .bod .fr{ width:30%; font-size:16px; line-height:36px; margin-right:5%;}
.contact .bod .fr h3{ font-size:24px; margin-bottom:20px;}
.contact .bod .fr p{ font-size:16px; line-height:24px; margin-top:15px;}
.contact .bod .fr p img{width:100%;}

.news{ overflow:hidden; background:#fff; margin-top:40px; padding-top:40px;}
.news .txt{ }
.news .txt dt{text-align:center; font-size:30px; font-weight:bold;}
.news .txt dd{display: flex; flex-wrap:wrap; justify-content: center; margin-top:10px; color:#666;}
.news .txt dd p{margin:0px 20px;}
.news .bod{margin-top:60px; overflow:hidden; width:1200px; margin:50px auto;}
.news .bod img{ width:100%; margin-bottom:40px;}

.search{display: flex; flex-wrap:wrap; align-items:center; justify-content:center; margin-top:40px;}
.search form{display: flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.search form input{ width:700px; height:55px; border-radius:60px 0px 0px 60px; border:#ddd 1px solid; outline:none; padding-left:30px;}
.search form button{ width:150px; height:57px; border-radius:0px 60px 60px 0px; border:#ddd 1px solid; background:#234189; outline:none; color:#FFF; font-size:18px;}
}

@media only screen and (max-width:1200px){
.w94{width:94%; margin:auto;}

.top1bj{background:rgba(255,255,255,1); position: absolute; top: 0; left:0; width: 100%; z-index:9999; position:fixed;}
.top1bj .yuyan{display:none;}
.top1bj .width{height:3.5rem; display: flex; justify-content: space-between; align-items: center;}
.top1bj .width .fl{display:none;}
.top1bj .width .logo{margin-left:2%;}
.top1bj .width .logo img{height:2rem;}
.top1bj .width .fr{ display:none;}
.top1bj .width #Menu-btn{position:absolute; right:4%; display: flex; align-items: center;}
.top1bj .width #Menu-btn img{width:1.6rem;}
.top1bj .width #Menu-btn-h{overflow: hidden; display:none; background-color:rgba(255,255,255,1); position:absolute; right:4%; top:0.8rem;}
.top1bj .width #Menu-btn-h img{width:1.6rem;}
.top1bj .width #menu1{position:absolute; display:none; top:0rem; right:0; left:0; bottom:0; margin:0; padding:0; z-index:5;}
.top1bj .width #menu1 .menu-wap{font-size:1rem;list-style:none; background:#FFF; position:absolute; top:3.5rem; left:0; right:0; border-top:#ccc 1px solid; height:100vh;}
.top1bj .width #menu1 .menu-wap li{font-weight:normal; font-size:1rem; padding-left:1rem; padding-right:1rem; padding-top:1rem; padding-bottom:1rem; text-transform:uppercase; }
.top1bj .width #menu1 .menu-wap li span{float:right;}
.top1bj .width #menu1 .menu-wap li a{display: flex; align-items: center; justify-content: space-between;}
.top1bj .navBar{display:none;}

.top2bj{background:rgba(255,255,255,1); position: absolute; top: 0; left:0; width: 100%; z-index:9999; position:fixed;}
.top2bj .yuyan{display:none;}
.top2bj .width{height:9rem; display: flex; justify-content: space-between; align-items: center;}
.top2bj .width .fl{display:none;}
.top2bj .width .logo{ display:none;}
.top2bj .width .logo-wap{ margin-left:2%;}
.top2bj .width .logo-wap img{height:2rem;}
.top2bj .width .fr{ display:none;}
.top2bj .width #Menu-btn{position:absolute; right:5%; display: flex; align-items: center;}
.top2bj .width #Menu-btn img{width:4.3rem;}
.top2bj .width #Menu-btn-h{overflow: hidden; display:none; background-color:rgba(255,255,255,1); position:absolute; left:0; right:0;}
.top2bj .width #Menu-btn-h .tutu{display: flex; align-items: center; justify-content: space-between; height:9rem;}
.top2bj .width #Menu-btn-h .tutu dd{ margin-left:5%;}
.top2bj .width #Menu-btn-h .tutu dd img{height:2rem;}
.top2bj .width #Menu-btn-h .tutu dl{display: flex; align-items: center; margin-right:5%;}
.top2bj .width #Menu-btn-h .tutu dl img{width:4rem;overflow:hidden;}
.top2bj .width #menu1{position:absolute; display:none; top:0rem; right:0; left:0; bottom:0; margin:0; padding:0; z-index:5;}
.top2bj .width #menu1 .menu-wap{font-size:3rem;list-style:none; background:#FFF; position:absolute; top:9rem; left:0; right:0; border-top:#ccc 1px solid; height:100vh;}
.top2bj .width #menu1 .menu-wap li{font-weight:normal; font-size:3rem; padding-left:4rem; padding-right:4rem; padding-top:3rem; padding-bottom:3rem; text-transform:uppercase; }
.top2bj .width #menu1 .menu-wap li span{float:right;}
.top2bj .width #menu1 .menu-wap li a{display: flex; align-items: center; justify-content: space-between;}
.top2bj .navBar{display:none;}

.header11{ display:none}

.index1{overflow:hidden; width:94%; margin:auto; padding-top:2rem;}
.index1 .txt{ text-align:center;}
.index1 .txt p{font-size:1.6rem; text-transform:uppercase; font-weight:bold;}
.index1 .slider{min-width:100%; overflow:hidden; background:#fff; text-align:center; margin-top:1.5rem; position:relative;}
.index1 .slider .bd{width:100%;}
.index1 .slider .bd li{width:100%;  overflow:hidden;}
.index1 .slider .bd li p{ position:relative; padding-bottom:60%;}
.index1 .slider .bd li p img{display:block; width:100%; position:absolute; height:100%;}
.index1 .slider .bd li dl{display: flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.index1 .slider .bd li dl dt{font-size:1rem; font-family:Arial; margin-top:1rem;}
.index1 .slider .bd li dl dd{ display:none;}
.index1 .slider .pnBtn{ display:none;}

.index2{overflow:hidden; background:#f5f5f5; padding-top:1.5rem; padding-bottom:35px; margin-top:2rem;}
.index2 .txt{display: flex; flex-wrap:wrap; align-items: center; justify-content: space-between; width:94%; margin:auto;}
.index2 .txt dd{float:left; font-size:1.6rem; color:#333; text-transform:uppercase; font-weight:bold;}
.index2 .txt p{float:right; width:fit-content; background:#234189; border-radius:1rem; color:#FFF; padding:0.3rem 1rem;}
.index2 .bod{width:94%; margin:auto; display:block; overflow:hidden; padding-top:1.5rem; display: flex; flex-wrap:wrap; justify-content: space-between;}
.index2 .bod dl{width:100%; margin-bottom:1.5rem;}
.index2 .bod dl dt{position:relative; padding-bottom:66.6%; background:#FFF;}
.index2 .bod dl dt img{position:absolute; height:100%;}
.index2 .bod dl dt .info{height:0.3rem; bottom:0%; transition: all 1.2s;position: absolute; left:0%; right:0%; background:#234189;}
.index2 .bod dl:hover dt .info{height:100%; background: linear-gradient(to top, rgba(35,65,137,0.7), rgba(35,65,137,0)); transition: all 1.2s; width:100%;}
.index2 .bod dl p{font-size:1rem; padding-top:0.7rem; text-align:center;}

.index3{overflow:hidden; background:url(../images/index3.jpg) center center no-repeat; padding:2rem 0px; color:#FFF; background-size:cover;}
.index3 .txt{text-align:center; text-transform:uppercase;}
.index3 .txt img{ display:none;}
.index3 .txt span{font-size:1.6rem; text-transform:uppercase; font-weight:bold; width:100%; text-align:center;}
.index3 .bod{ width:90%; margin:auto; margin-top:1rem;}
.index3 .bod dt{ text-align:center; font-size:1rem;}
.index3 .bod dt p{ margin-bottom:1rem; line-height:1.5rem;}
.index3 .bod dd{ font-size:2.6rem; font-weight:bold; text-align:center; margin-top:6rem;}
.index3 .bod dd span{ margin:0px 1.5rem;}
.index3 .bod ul{display: flex; flex-wrap:wrap; align-items:center; justify-content:center; margin-top:1.5rem;}
.index3 .bod ul li{ width:100%; border-radius:1.5rem; background:#FFF; color:#234189;display: flex; flex-wrap:wrap; align-items:center; justify-content:center; transition: all 0.5s; margin-bottom:1rem;}
.index3 .bod ul li a{ width:100%; text-align:center; font-size:1rem; padding:0.8rem 1rem;}

.index4{overflow:hidden; padding:2rem 0px;}
.index4 .txt{text-align:center;}
.index4 .txt dt{font-size:1.2rem;}
.index4 .txt dd{font-size:1.3rem; color:#234189; margin-top:0.5rem; margin-bottom:0.5rem; font-weight:bold;}
.index4 .txt p{color:#666; font-size:1rem;}
.index4 .bod{margin-top:1.5rem; display:flex; flex-wrap:wrap; justify-content:space-between;}
.index4 .bod dl{width:100%; background:#eee; border-radius:0.3rem; padding-top:1.5rem; padding-bottom:1.5rem; transition: all 0.5s; margin-bottom:1rem;}
.index4 .bod dl p{ font-size:1.6rem; text-align: center; color:#FFF; font-family:Arial; width:fit-content; background:#234189; margin:auto; padding:0.5rem 1rem; border-radius:0.5rem;}
.index4 .bod dl dt{ font-size:1.2rem; text-align:center; width:80%; margin:auto; margin-top:1rem; margin-bottom:0.5rem;}
.index4 .bod dl li{ font-size:1rem; width:80%; margin:auto; text-align:center; line-height:1.4rem; color:#666;}
.index4 .bod dl ul{ width:70px; height:62px; margin:auto; margin-top:30px; overflow:hidden; display:none;}
.index4 .bod dl ul img{width:70px; height:62px;}
.index4 .bod dl:hover{background:#234189; color:#FFF; transition: all 0.5s;}
.index4 .bod dl:hover p{ color:#FFF;}
.index4 .bod dl:hover li{color:#FFF;}
.index4 .bod dl:hover ul img{filter:drop-shadow(#fff 0px 70px); transform: translateY(-70px);}

.index5{overflow:hidden; margin-top:2rem; margin-bottom:0rem;}
.index5 .txt{text-align:center;}
.index5 .txt dt{font-size:1.6rem; font-weight:bold; text-transform:uppercase;}
.index5 .txt ul{display: flex; flex-wrap:wrap; justify-content:space-between; margin-top:1rem;}
.index5 .txt ul li{width:48%; background:#234189; color:#FFF; border-radius:0.5rem; font-size:1rem; padding:1rem 0rem;}
.index5 .txt ul li:hover{background:#0d6fb8;}
.index5 .bod{display: flex; flex-wrap:wrap; justify-content: space-between; margin-top:1.5rem;}
.index5 .bod dl{width:100%; margin-bottom:1rem;}
.index5 .bod dl dt{position:relative; padding-bottom:60%;}
.index5 .bod dl dt img{position:absolute; width:100%; height:100%;}
.index5 .bod dl dd{margin-top:0.5rem; font-size:1rem;}
.index5 .bod dl p{margin-top:0.5rem; font-size:0.9rem; color:#666; line-height:1.4rem;}

.index6{ overflow:hidden; background:#f5f5f5;}
.index6 .txt{ text-align:center; margin-top:1.5rem;}
.index6 .txt dd{ display:none;}
.index6 .txt dt{ font-size:1.6rem; font-weight:bold; text-transform:uppercase;}
.index6 .txt p{ width:3rem; height:0.2rem; background:#234189; margin:auto; margin-top:0.5rem;}
.index6 .bod{ margin-top:0.5rem; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.index6 .bod dl{ width:100%; margin-top:1rem;}
.index6 .bod dl dt{ position:relative; padding-bottom:80%;}
.index6 .bod dl dt img{ position:absolute; width:100%; height:100%;}
.index6 .bod dl dt .info{position:absolute; left:0; right:0; top:0; bottom:0; display:flex; flex-wrap:wrap; align-items:center; background:rgba(35,65,137,0); transition: all 0.5s;}
.index6 .bod dl dt .info ul{ color:#FFF; margin-left:1rem; margin-right:1rem;}
.index6 .bod dl dt .info ul dd{ font-size:1.2rem; font-weight:bold; line-height:1.6rem;}
.index6 .bod dl dt .info ul p{width:3rem; height:0.2rem; background:#fff; margin-top:1rem;}
.index6 .bod dl dt .info ul li{width:fit-content; border:rgba(255,255,255,0.5) 1px solid; margin-top:1rem; padding:0.5rem 2rem; background:rgba(255,255,255,1); font-size:1.1rem; border-radius:2rem; transition: all 0.5s; color:#333}
.index6 .bod dl dt .info ul li:hover{transition: all 0.5s; color:#234189}
.index6 .bod dl:hover dt .info{background:rgba(35,65,137,0.8); transition: all 0.5s;}

.foot{width:100%; overflow:hidden; background:#f5f5f5;}
.foot .foot1{overflow:hidden;}
.foot .foot1 .txt{margin-top:1.5rem; text-align:center; text-transform:uppercase;}
.foot .foot1 .txt dt{font-size:1.2rem;}
.foot .foot1 .txt dd{font-size:1rem; margin-top:1rem; text-transform:uppercase;}
.foot .foot1 .bod{margin-top:1rem; padding-bottom:0.5rem;}
.foot .foot1 .bod dl{display: flex; flex-wrap:wrap; align-items: center; justify-content:center; width:90%; border:#333 2px solid; margin:auto; padding:2rem 0rem; margin-bottom:1rem; text-transform:uppercase;}
.foot .foot1 .bod dl img{ width:1.4rem;}
.foot .foot1 .bod dl span{ margin-left:0.5rem; font-size:1rem;}

.bottom{ width:100%; background:#020e20; overflow:hidden; text-align:center; color:#FFF; padding-top:1rem; padding-bottom:1rem;}
.bottom dl{font-size:1rem; margin-bottom:1rem;}
.bottom dl dt{text-transform:uppercase;}
.bottom dl dd{display: flex; flex-wrap:wrap; align-items: center; justify-content:center; margin:1rem 0rem; text-transform:uppercase;}
.bottom dl dd p{ width:100%; display:block;}
.bottom ul{color:#999; font-size:1rem; width:90%; margin:auto; line-height:1.4rem;}

.nybanner{width:100%;overflow: hidden;}
.nybanner li{position:relative; padding-bottom:80%;}
.nybanner li img{position:absolute; width:100%; height:100%; object-fit: cover;}
.nybanner li .info{ position:absolute; left:0; right:0; top:3.5rem; bottom:0; display: flex; flex-wrap:wrap; align-items: center; justify-content:center; background:rgba(0,0,0,0.3);}
.nybanner li .info dl{width:100%; text-align:center; margin:auto;}
.nybanner li .info dl dt{ font-size:1.6rem; color:#FFF; text-transform:uppercase; display: flex; flex-wrap:wrap; align-items: center; justify-content:center; position:absolute; left:0; right:0; top:0; bottom:0;}
.nybanner li .info dl dd{ display:none;}

.fenlei-wap{ margin-top:1rem; font-size:1rem; display: flex; flex-wrap:wrap; align-items: center; justify-content:space-between; width:90%; margin:auto; margin-top:0.5rem;}
.fenlei-wap p{width: fit-content; background:#f5f5f5; border-radius:0.5rem; width:100%; text-align:center; margin-top:0.5rem;}
.fenlei-wap p a{ display:block; padding:1rem 0rem; border-radius:0.5rem;}
.fenlei-wap p:hover{background:#234189; color:#FFF;}

.active-about{background:#234189; color:#FFF;}

.nybanner1{width:100%;overflow: hidden;}
.nybanner1 li{position:relative; padding-bottom:180%;}
.nybanner1 li img{position:absolute; width:100%; height:100%; object-fit: cover;}
.nybanner1 li .info{ position:absolute; left:0; right:0; top:0; bottom:0; display: flex; flex-wrap:wrap; align-items: center; justify-content:center; background:rgba(0,0,0,0.3);}
.nybanner1 li .info dl{color:#FFF; width:84%; text-align:center; margin:auto;}
.nybanner1 li .info dl dt{ font-size:5rem;}
.nybanner1 li .info dl dd{ margin-top:5rem; font-size:3rem; line-height:4.5rem;}

.position{padding-top:1rem; font-size:1rem; color:#666; overflow:hidden; background:#f5f5f5; padding-bottom:1rem;}
.position .bod{width:90%; margin:auto; }
.position1{padding-top:1rem; font-size:1rem; color:#666; overflow:hidden; background:#f5f5f5; padding-bottom:1rem;}
.position1 .bod{width:90%; margin:auto; }
.position2{padding-top:1rem; font-size:1rem; color:#666; overflow:hidden; background:#f5f5f5; padding-bottom:1rem; margin-top:3.5rem;}
.position2 .bod{width:90%; margin:auto; }
.position3{padding-top:1rem; font-size:1rem; color:#666; overflow:hidden; background:#f5f5f5; padding-bottom:1rem; margin-top:3.5rem;}
.position3 .bod{width:90%; margin:auto; }

.about{overflow:hidden; background:#fff; width:90%; margin:auto;}
.about .bod{display:flex; flex-wrap:wrap; justify-content:space-between;}
.about .bod .fl{width:100%;}
.about .bod .fl dt{ font-size:1.6rem; margin-top:2rem; text-transform:uppercase;}
.about .bod .fl dt p{ font-size:1rem; margin-top:1rem; color:#234189; text-transform:none;}
.about .bod .fl dd{ margin-top:1rem; font-size:1rem; line-height:1.5rem;}
.about .bod .fl dd p{ margin-bottom:1rem;}
.about .bod .fr{width:100%; margin-top:0rem;}
.about .bod .fr video{width:100%;}

.about1{overflow:hidden; background:url(../images/about.jpg) center center no-repeat; background-size:cover; display: flex; flex-wrap:wrap; align-items: center; justify-content:space-between; margin-top:3rem; }
.about1 dl{width:100%; display: flex; flex-wrap:wrap; align-items: center; justify-content:center; text-align:center; height:22rem; color:#FFF; border-top:rgba(255,255,255,0.5) 1px solid; transition: all 0.5s;}
.about1 dl:nth-child(1){ border-top:none;}
.about1 dl ul{ margin:0px 1rem;}
.about1 dl dt img{filter:drop-shadow(#fff 0px 50000px); transform: translateY(-50000px); width:70px;}
.about1 dl dd{ margin-top:1rem; font-size:1.2rem; font-weight:bold;}
.about1 dl li{ margin-top:0.8rem; font-size:1rem; line-height:1.4rem;}
.about1 dl:hover{ background:rgba(35,65,137,0.8); transition: all 0.5s;}

.zhengce{overflow:hidden; margin-top:2rem; background:#fff; width:100%;}
.zhengce .bod{width:90%; margin:auto;}
.zhengce .bod dt{ font-size:1.6rem; text-transform:uppercase; font-weight:bold;}
.zhengce .bod dd{ margin-top:0.8rem; font-size:1rem; line-height:1.4rem;}
.zhengce .bod dd p{ margin-top:1rem;}
.zhengce .bod dd h1{ font-size:1.4rem; font-weight:bold; margin-top:1rem;}
.zhengce .bod dd h2{ font-size:1.3rem; font-weight:bold; margin-top:1rem;}
.zhengce .bod dd h3{ font-size:1.2rem; font-weight:bold; margin-top:1rem;}
.zhengce .bod dd h4{ font-size:1.1rem; font-weight:bold; margin-top:1rem;}
.zhengce .bod dd h5{ font-size:1rem; font-weight:bold; margin-top:1rem;}
.zhengce .bod dd h6{ font-size:0.9rem; font-weight:bold; margin-top:1rem;}

.plist{ overflow:hidden; width:94%; margin:auto;}
.plist .bod{ margin-top:0.5rem; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.plist .bod dl{ width:100%; margin-top:1rem;}
.plist .bod dl dt{ position:relative; padding-bottom:80%;}
.plist .bod dl dt img{ position:absolute; width:100%; height:100%;}
.plist .bod dl dt .info{position:absolute; left:0; right:0; top:0; bottom:0; display:flex; flex-wrap:wrap; align-items:center; background:rgba(35,65,137,0); transition: all 0.5s;}
.plist .bod dl dt .info ul{ color:#FFF; margin-left:1rem; margin-right:1rem;}
.plist .bod dl dt .info ul dd{ font-size:1.2rem; font-weight:bold; line-height:1.6rem;}
.plist .bod dl dt .info ul p{width:3rem; height:0.2rem; background:#fff; margin-top:1rem;}
.plist .bod dl dt .info ul li{width:fit-content; border:rgba(255,255,255,0.5) 1px solid; margin-top:1rem; padding:0.5rem 2rem; background:rgba(255,255,255,1); font-size:1.1rem; border-radius:2rem; transition: all 0.5s; color:#333}
.plist .bod dl dt .info ul li:hover{transition: all 0.5s; color:#234189}
.plist .bod dl:hover dt .info{background:rgba(35,65,137,0.8); transition: all 0.5s;}

.productlist{overflow:hidden; margin-top:1.5rem; display: flex; flex-wrap:wrap; justify-content:space-between; margin-bottom:5rem;}
.productlist .fl{width:100%; overflow:hidden;}
.productlist .fl .txt{display:none;}
.productlist .fr{width:100%;}
.productlist .fr .bod{ overflow:hidden; margin-top:1rem;}
.productlist .fr .bod dl{width:100%; margin-bottom:1rem; }
.productlist .fr .bod dl:nth-child(2n){ margin-right:0px;}
.productlist .fr .bod dl dt{position:relative; padding-bottom:60%; overflow:hidden; border:#ddd 1px solid; border-bottom:none}
.productlist .fr .bod dl dt img{position:absolute; width:100%; height:100%; transition: all 0.5s;}
.productlist .fr .bod dl dd{font-size:1rem; text-align:center; border:#ddd 1px solid; padding:1rem 0rem; background:#f5f5f5;}
.productlist .fr .bod dl:hover{opacity:0.8;}
.productlist .fr .bod dl:hover dt img{transition: all 0.5s; transform: scale(1.1);}

.sideMenu{overflow:hidden;}
.sideMenu h3{height:3rem; line-height:3rem; border:1px solid #ccc; background:#234189; display: flex; flex-wrap:wrap; align-items: center; justify-content:space-between; font-size:1rem; font-weight:normal; padding:0px 1rem; color:#FFF;}
.sideMenu h3 span{float:right; display:block; font-size:1.6rem;}
.sideMenu ul{color:#666; display:none; border:1px solid #ddd; margin-top:-1px;}
.sideMenu ul li{ font-size:1rem; overflow:hidden; background:#f5f5f5; padding:1rem; border-top:#ddd 1px solid;}
.sideMenu ul li span{ margin-right:0.5rem;}

.fanye{overflow:hidden; display: flex; flex-wrap:wrap; align-items:center; justify-content:center; margin-bottom:0rem; margin-top:1rem;}
.fanye .fenye2{display: flex;}
.fanye .fenye2 .page-num{color:#333; background:#FFF; padding:0.5rem 0.8rem; font-size:1em; flex:1; overflow:hidden; overflow:hidden; border:#ccc 1px solid; overflow:hidden; display: flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.fanye .fenye2 .page-num-current{ color:#fff; background:#ff5000; border:#ddd 0px solid; overflow:hidden; display: flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.fanye a{ display:none;}

.product{overflow:hidden; width:90%; margin:auto; padding-top:1rem; padding-bottom:2rem;}
.product .zuobian{ display:none;}
.product .bod{overflow:hidden; margin-bottom:2rem;}
.product .bod .fl{width:100%;}
.product .bod .fl .game163{overflow:hidden;}
.product .bod .fl .game163 .bigImg{overflow:hidden; width:100%;}
.product .bod .fl .game163 .bigImg li{ }
.product .bod .fl .game163 .bigImg li p{position:relative; padding-bottom:60%; }
.product .bod .fl .game163 .bigImg li p img{ position:absolute;width:98%; height:98%; border:1px solid #dcdddd; margin:auto;}
.product .bod .fl .game163 .smallScroll{margin-top:0.7rem; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; overflow:hidden;}
.product .bod .fl .game163 .sPrev{ width:10%}
.product .bod .fl .game163 .sPrev img{ width:100%;}
.product .bod .fl .game163 .sNext{width:10%}
.product .bod .fl .game163 .sNext img{ width:100%;}
.product .bod .fl .game163 .smallImg{float:left;  display:inline; width:78%; overflow:hidden;}
.product .bod .fl .game163 .smallImg ul{overflow:hidden; display: flex; flex-wrap:wrap; align-items:center; justify-content:space-between; width:100%;}
.product .bod .fl .game163 .smallImg li{width:25%;}
.product .bod .fl .game163 .smallImg li p{position:relative; padding-bottom:92%; width:92%; margin:auto; border:1px solid #ddd;}
.product .bod .fl .game163 .smallImg li p img{ position:absolute; width:100%; height:100%;}
.product .bod .fl .game163 .smallImg .on img{border-color:#5c1717;}
.product .bod .fr{ width:100%; margin-top:1.5rem;}
.product .bod .fr .title{font-size:1.4rem; margin-bottom:1rem; display:block;}
.product .bod .fr .shijian{color:#666; font-size:1rem; margin-bottom:1rem;}
.product .bod .fr .shijian span{ text-transform:uppercase; margin-right:1rem;}
.product .bod .fr .cishu{color:#666; font-size:1rem; margin-bottom:1rem;}
.product .bod .fr .cishu span{ text-transform:uppercase; margin-right:1rem;}
.product .bod .fr .jiage{font-size:1rem; margin-bottom:1rem;}
.product .bod .fr .jiage span{text-transform:uppercase; margin-right:1rem;}
.product .bod .fr .jiage i{font-size:1.6rem; font-style:normal; color:#F00;}
.product .bod .fr .canshu{ font-size:1rem; color:#666; line-height:1.4rem;}
.product .bod .fr .zixun{margin-top:1rem; background:#0d6fb8; color:#FFF; padding:1rem 1.5rem; border-radius:1rem; font-size:1rem; margin-bottom:2rem; text-align:center;}
.product .bod .www360buy{width:100%; margin-top:0rem; display:block; overflow:hidden;}
.product .bod .www360buy .hd{overflow:hidden; background:#f5f5f5;}
.product .bod .www360buy .hd ul{display: flex; flex-wrap:wrap; align-items:center; justify-content:space-between; border-top:#ddd 1px solid; border-left:#ddd 1px solid; border-bottom:#ddd 1px solid; overflow:hidden;}
.product .bod .www360buy .hd li{position:relative; height:3rem; line-height:3rem; text-align:center; border-top:0; width:100%; font-size:1rem}
.product .bod .www360buy .hd li p{border-bottom:#ddd 1px solid; border-right:#ddd 1px solid;}
.product .bod .www360buy .hd li.on{background:#0d6fb8; color:#fff; }
.product .bod .www360buy .bd{ margin-top:2rem; font-size:1rem; overflow:hidden;}
.product .bod .www360buy .lh{overflow:hidden; line-height:1.4rem; font-size:1rem;}
.product .bod .www360buy .lh img{ width:100%;}
.product .bod .www360buy .lh table{border:#CCC 1px solid; border-collapse:collapse;}
.product .bod .www360buy .lh table tr td{ border-right:#CCC 1px solid; padding:0; border-bottom:#CCC 1px solid; padding-left:10px; padding-right:10px;}
.product .bod .gao90{ margin-top:0rem; overflow:hidden;}
.product .message{overflow:hidden; padding-top:3rem;}
.product .message .txt{ text-align:center; margin-bottom:7rem;}
.product .message .txt dt{ font-size:2rem; font-family:"Bodoni Bd BT"; text-transform:uppercase; color:#eee;}
.product .message .txt dd{ font-size:1.2rem; font-weight:bold; text-transform:uppercase; margin-top:-1.5rem;}
.product .message dl{display: flex; flex-wrap:wrap; justify-content: space-between;}
.product .message dl p {width:100%;}
.product .message dl p input{width:100%; border-bottom:#ddd 1px solid !important; border:none; margin-bottom:1rem; padding-bottom:1rem; outline:none; font-size:1rem;}
.product .message dl img{ width:6rem; margin-bottom:1rem;}
.product .message dl textarea{ width:100%; border-bottom:#ddd 1px solid !important; border:none; outline:none; margin-bottom:1rem; font-family:Arial; font-size:1rem; color:#666;}
.product .message li textarea{ width:100%; border-bottom:#ddd 1px solid !important; border:none; height:5rem; outline:none; margin-bottom:1rem; font-family:Arial; font-size:1rem; color:#666;}
.product .message button{ width:98%; height:3rem; border:#234189 2px solid; background:none; color:#fff; font-size:1rem; margin:auto; text-transform:uppercase; background:#234189;}
.product .message button:hover{ background:#234189; color:#FFF; opacity:0.8;}
.product .bod .fl .product-img{ display:none;}

.clist{overflow:hidden; padding-top:1rem; padding-bottom:1rem;}
.clist .bod{width:94%; margin:auto;}
.clist .bod .item{}
.clist .bod .item1{display: flex; flex-wrap:wrap; align-items:center; justify-content: space-between; background:#f5f5f5; margin-bottom:1rem;}
.clist .bod .item1 .fl{width:100%;}
.clist .bod .item1 .fl dt{ position:relative; padding-bottom:60%;}
.clist .bod .item1 .fl dt img{ position:absolute; width:100%; height:100%;}
.clist .bod .item1 .fr{width:100%; margin-top:1rem; margin-bottom:1rem;}
.clist .bod .item1 .fr ul{ width:90%; margin:auto;}
.clist .bod .item1 .fr ul dd{ font-size:1.2rem; font-weight:bold;}
.clist .bod .item1 .fr ul p{background:#234189; width:5rem; height:0.2rem; margin-top:1rem; display:none;}
.clist .bod .item1 .fr ul li{width:10rem; background:#234189; height:3rem; margin-top:1rem; line-height:3rem; text-align:center; color:#FFF; border-radius:2rem; font-size:1rem;}
.clist .bod .item2{display: flex; flex-wrap:wrap; align-items:center; justify-content: space-between; background:#f5f5f5; margin-bottom:1rem;}
.clist .bod .item2 .fr{width:100%; margin-top:1rem;}
.clist .bod .item2 .fr dt{ position:relative; padding-bottom:60%;}
.clist .bod .item2 .fr dt img{ position:absolute; width:100%; height:100%;}
.clist .bod .item2 .fl{width:100%; margin-top:1.5rem;}
.clist .bod .item2 .fl ul{ width:90%; margin:auto;}
.clist .bod .item2 .fl ul dd{ font-size:1.2rem; font-weight:bold;}
.clist .bod .item2 .fl ul p{background:#234189; width:80px; height:5px; margin-top:30px; display:none;}
.clist .bod .item2 .fl ul li{width:10rem; background:#234189; height:3rem; margin-top:1rem; line-height:3rem; text-align:center; color:#FFF; border-radius:2rem; font-size:1rem;}

.caselist{overflow:hidden; padding-top:1rem; padding-bottom:1rem;}
.caselist .bod{width:94%; margin:auto;}
.caselist .bod .item{}
.caselist .bod .item1{display: flex; flex-wrap:wrap; align-items:center; justify-content: space-between; background:#f5f5f5; margin-bottom:1rem; border-radius:1rem;}
.caselist .bod .item1 .fl{width:100%;}
.caselist .bod .item1 .fl dt{ position:relative; padding-bottom:50%;}
.caselist .bod .item1 .fl dt img{ position:absolute; width:100%; height:100%;}
.caselist .bod .item1 .fr{width:100%; margin-bottom:1.5rem;}
.caselist .bod .item1 .fr ul{ width:90%; margin:auto;}
.caselist .bod .item1 .fr ul p{ margin-top:0.7rem; font-size:1rem; line-height:1.4rem;}
.caselist .bod .item1 .fr ul h1{ font-size:1.4rem; font-weight:bold; margin-top:1rem;}
.caselist .bod .item1 .fr ul h2{ font-size:1.3rem; font-weight:bold; margin-top:1rem;}
.caselist .bod .item1 .fr ul h3{ font-size:1.2rem; font-weight:bold; margin-top:1rem;}
.caselist .bod .item1 .fr ul h4{ font-size:1.1rem; font-weight:bold; margin-top:1rem;}
.caselist .bod .item1 .fr ul h5{ font-size:1rem; font-weight:bold; margin-top:1rem;}
.caselist .bod .item1 .fr ul h6{ font-size:0.9rem; font-weight:bold; margin-top:1rem;}
.caselist .bod .item2{display: flex; flex-wrap:wrap; align-items:center; justify-content: space-between; background:#f5f5f5; margin-bottom:1rem; border-radius:1rem;}
.caselist .bod .item2 .fr{width:100%; margin-top:1rem;}
.caselist .bod .item2 .fr dt{ position:relative; padding-bottom:50%;}
.caselist .bod .item2 .fr dt img{ position:absolute; width:100%; height:100%;}
.caselist .bod .item2 .fl{width:100%;}
.caselist .bod .item2 .fl ul{ width:90%; margin:auto;}
.caselist .bod .item2 .fl ul p{ margin-top:0.7rem; font-size:1rem; line-height:1.4rem;}
.caselist .bod .item2 .fl ul h1{ font-size:1.4rem; font-weight:bold; margin-top:1rem;}
.caselist .bod .item2 .fl ul h2{ font-size:1.3rem; font-weight:bold; margin-top:1rem;}
.caselist .bod .item2 .fl ul h3{ font-size:1.2rem; font-weight:bold; margin-top:1rem;}
.caselist .bod .item2 .fl ul h4{ font-size:26px; font-weight:bold; margin-top:1rem;}
.caselist .bod .item2 .fl ul h5{ font-size:22px; font-weight:bold; margin-top:1rem;}
.caselist .bod .item2 .fl ul h6{ font-size:18px; font-weight:bold; margin-top:1rem;}

.contact{ overflow:hidden; width:94%; margin:2rem auto;}
.contact .bod{display: flex; flex-wrap:wrap; justify-content: space-between;}
.contact .bod .fl{ width:100%; background:#eee; border:#ddd 1px solid;}
.contact .bod .fl .txt{text-align:center; margin-top:4rem; font-size:4rem;}
.contact .bod .fl .txt p{ display:none;}
.contact .bod .fl .message{margin:1rem;}
.contact .bod .fl .message form{display: flex; flex-wrap:wrap; align-items:center; justify-content: space-between;}
.contact .bod .fl .message form dl{width:100%; margin-bottom:1rem; font-size:1rem;}
.contact .bod .fl .message form input{width:100%; height:3rem; border:#CCC 1px solid; margin-top:0.5rem; font-size:1rem;}
.contact .bod .fl .message form ul{width:100%; margin-bottom:1rem; font-size:1rem;}
.contact .bod .fl .message form ul textarea{width:91.5%; border:#CCC 1px solid; margin-top:1rem; height:6rem; font-size:1rem; padding:1rem; font-family:Arial;}
.contact .bod .fl .message form button{width:100%; background:#ddd; color:#333; text-align:center; height:3rem; border:none; font-size:1em;}
.contact .bod .fr{ width:94%; margin:1rem auto;}
.contact .bod .fr h3{ font-size:1.2rem; margin-bottom:1rem;}
.contact .bod .fr p{ font-size:1rem; line-height:1.5rem; margin-top:1rem;}
.contact .bod .fr p img{width:100%;}

.news{width:90%; margin:1rem auto; overflow:hidden;}
.news .txt{ }
.news .txt dt{text-align:center; font-size:1.2rem;}
.news .txt dd{ display:none;}
.news .bod{margin-top:1rem; overflow:hidden; font-size:1rem; line-height:1.5rem; color:#666;}
.news .bod img{ width:100%;}

.search{display: flex; flex-wrap:wrap; align-items:center; justify-content:center; margin-top:2rem; width:100%;}
.search form{display: flex; flex-wrap:wrap; align-items:center; justify-content:center; width:94%; margin:auto;}
.search form input{ width:60%; height:55px; border-radius:60px 0px 0px 60px; border:#ddd 1px solid; outline:none; padding-left:5%;}
.search form button{ width:34%; height:57px; border-radius:0px 60px 60px 0px; border:#ddd 1px solid; background:#234189; outline:none; color:#FFF; font-size:18px;}
}

@media only screen and (max-width:767px){
.focusBox-wap{display:none;}
.focusBox {width:100%; height:100vh; overflow: hidden;}
.focusBox .pic{z-index:0; }
.focusBox .pic li{position:relative; height:100vh; display:flex; flex-wrap:wrap; align-items: center; justify-content:center;}
.focusBox .pic li img {position:absolute; height:100vh; object-fit: cover; transition: all 10s;}
.focusBox .pic li .info{ position:absolute; left:0; right:0; top:0; bottom:0; display:flex; flex-wrap:wrap; align-items: center; justify-content:center;}
.focusBox .pic li .info dl{ width:80%; margin:auto; text-align:center;}
.focusBox .pic li .info dl dt{font-size:1.6rem; color:#fff; font-weight:bold; text-transform:uppercase;}
.focusBox .pic li .info dl dd{ font-size:1.2rem; color:#fff; margin-top:30px; margin-bottom:50px; text-transform:uppercase;}
.focusBox .pic li .info dl p{width: fit-content; background:#234189; color:#FFF; margin:auto; font-size:1.1rem; text-transform:uppercase; padding:1rem 3rem; border-radius:30px;}
.focusBox .pic li:hover img{transition: all 10s; transform: scale(1.2);}
.focusBox .jiantou{position: absolute; bottom:1rem; right:1rem; display:flex; flex-wrap:wrap; align-items: center;  border:#ddd 1px solid; width:81px; height:35px; display:none;}
.focusBox .jiantou .prev,.focusBox .jiantou .next{display:flex; flex-wrap:wrap; align-items: center; justify-content:center; width:39px; height:35px;}
.focusBox .jiantou .prev img,.focusBox .jiantou .next img{width:20px; filter:alpha(opacity=80) !important;opacity:0.8 !important; display:block;}
.focusBox .jiantou .prev:hover img,.focusBox .jiantou .next:hover img{filter:alpha(opacity=100) !important;opacity:1 !important;display:block;}
.focusBox .jiantou p{width:1px; height:20px; background:#ddd;}
.focusBox .hd{ position:absolute; left:0; right:0px; bottom:2rem; display:flex; flex-wrap:wrap; align-items: center; justify-content:center;}
.focusBox .hd li{ width:1rem; height:1rem; background:rgba(255,255,255,0.4); border-radius:100%; margin:0rem 0.5rem;}
.focusBox .hd li.on{ background:rgba(255,255,255,1)}
}

@media (min-width:768px)and (max-width:1199px){
.focusBox {width:100%; height:100vh; overflow: hidden;}
.focusBox .pic{z-index:0; }
.focusBox .pic li{position:relative; height:100vh; display:flex; flex-wrap:wrap; align-items: center; justify-content:center;}
.focusBox .pic li img {position:absolute; width:100%; object-fit: cover; transition: all 10s;}
.focusBox .pic li .info{ position:absolute; left:0; right:0; top:0; bottom:0; display:flex; flex-wrap:wrap; align-items: center; justify-content:center;}
.focusBox .pic li .info dl{ width:80%; margin:auto; text-align:center;}
.focusBox .pic li .info dl dt{font-size:2rem; color:#fff; font-weight:bold; text-transform:uppercase;}
.focusBox .pic li .info dl dd{ font-size:1.2rem; color:#fff; margin-top:30px; margin-bottom:50px; text-transform:uppercase;}
.focusBox .pic li .info dl p{width: fit-content; background:#234189; color:#FFF; margin:auto; font-size:1.1rem; text-transform:uppercase; padding:1rem 3rem; border-radius:30px;}
.focusBox .pic li:hover img{transition: all 10s; transform: scale(1.2);}
.focusBox .jiantou{position: absolute; top:50%; left:0px; right:0px; display:flex; flex-wrap:wrap; align-items: center; justify-content: space-between;}
.focusBox .jiantou .prev,.focusBox .jiantou .next{display:flex; flex-wrap:wrap; align-items: center; justify-content:center;}
.focusBox .jiantou .prev img,.focusBox .jiantou .next img{width:50px; filter:alpha(opacity=40) !important;opacity:0.4 !important; display:block; filter:drop-shadow(#fff 0px 100000px); transform: translateY(-100000px);}
.focusBox .jiantou .prev:hover img,.focusBox .jiantou .next:hover img{filter:alpha(opacity=100) !important;opacity:1 !important;display:block;}
.focusBox .jiantou p{width:1px; height:45px; background:#ddd;}
.focusBox .hd { width:100%; position: absolute; bottom: 30px; text-align: center; font-size:0; z-index:1; }
.focusBox .hd li{margin: 0 5px; background: url(../images/dot.png) no-repeat 0 -16px; height: 16px; overflow: hidden; width: 16px; cursor: pointer;display:inline-block; *display:inline; zoom:1;  _background: url(../images/dot.png) no-repeat 0 -16px;}
.focusBox .hd .on{ background-position:0 0; }
}