*{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;}

@media(min-width:1420px)and (max-width:300000px){
.width{width:96%; margin:auto;}

.top1bj{background: rgba(255,255,255,1); position: absolute; top: 0; left:0; width: 100%; z-index:999; right:0; box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.1); position:fixed;}
.top1bj .width{display:flex; flex-wrap:wrap; justify-content: space-between; height:120px;}
.top1bj .width .logo{display:flex; flex-wrap:wrap; justify-content: space-between; align-items: center; height:120px;}
.top1bj .width .logo dl{display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:120px;}
.top1bj .width .logo dl img{ height:70px;}
.top1bj .width #Menu-btn{display:none;}
.top1bj .width #Menu-btn dl{display:none;}
.top1bj .width #Menu-btn-h{display:none;}
.top1bj .width #menu1{display:none;}
.top1bj .width .yuyan{display:none;}
.active-head{color:#fff; background:#0057a7; height:120px; line-height:120px; display:block;}
.active-head h3 i{filter:drop-shadow(#fff 0px 120px); transform: translateY(-120px);}
.top1bj .width .fr{display:flex; flex-wrap:wrap; align-items:center;}
.top1bj .width .fr .search{margin-left:30px;}
.top1bj .width .fr .search img{width:14px;}
.top1bj .width .fr .navBar{position:relative; z-index:1; margin-left:20px;}
.top1bj .width .fr .nav h3{ font-size:100%; font-weight:normal; height:120px; line-height:120px; font-size:18px; padding:0px 20px;}
.top1bj .width .fr .nav .m{position:relative; float:left; display:inline; text-align:center;}
.top1bj .width .fr .nav .m h3 i{width:7px; height:120px; overflow:hidden; filter:alpha(opacity=60);opacity:0.6; margin-left:7px; display:flex; flex-wrap:wrap; align-items:center; float:right; overflow:hidden;}
.top1bj .width .fr .nav .m h3 i img{width:7px; height:4px;}
.top1bj .width .fr .nav .m:nth-child(4) h3 i,.top1bj .width .fr .nav .m:nth-child(7) h3 i{ display:none;}
.top1bj .width .fr .nav .on h3 i img{filter:drop-shadow(#0064a4 0px 120px); transform: translateY(-120px);}
.top1bj .width .fr .nav h3:hover{color:#fff; background:#0057a7;}
.top1bj .width .fr .nav h3:hover i{filter:drop-shadow(#fff 0px 105px); transform: translateY(-105px);}
.top1bj .width .fr .nav .sub{ display:none; /*默认隐藏*/ width:260px; position:absolute; left:0px; top:120px;  float:left; border-radius:0px; box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.1);}
.top1bj .width .fr .nav .sub dd{color:#666; text-align:left; background:#FFF; padding:15px 30px; border-bottom:#eee 1px solid; position: relative; z-index:999;}
.top1bj .width .fr .nav .sub dd:hover{color:#fff; background:#0057a7;}
.top1bj .width .fr .nav .sub dd .iinnoo{ position: absolute; left:260px; top:0px; width:0px; transition: all 0.5s; background:#fff;}
.top1bj .width .fr .nav .sub dd .iinnoo p{ display:none;}
.top1bj .width .fr .nav .sub dd:hover .iinnoo{position: absolute; left:260px; top:0px; width:260px; transition: all 0.5s;}
.top1bj .width .fr .nav .sub dd:hover .iinnoo p{display: block; padding:15px; color:#666; border-bottom:1px #eee solid; border-left:1px #eee solid; border-right:1px #eee solid;border-top:1px #eee solid; z-index:998;}
.top1bj .width .fr .nav .sub dd:hover .iinnoo p:hover{color:#fff; background:#0057a7;}

.topNav{position:relative; z-index:1; height: 40px; line-height:40px; font-family:"Microsoft YaHei",SimSun; font-size:16px; margin-left:10px;}
.topNav-width{ width: fit-content; margin:0 auto;  background-color: #FCFCFC; border:#ddd 1px solid;}
.topNav h3{ font-weight:normal; font-size:100%;}
.topNav dl{ zoom:1; }
.topNav dd{position:relative;  }
.topNav dd h3{}
.topNav dd h3 a{ height: 40px;line-height:40px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:0px 20px;}
.topNav dd h3 a i{ display:inline-block; width:8px; height:5px; margin:0 0 0 5px; overflow:hidden; vertical-align:middle; font-size:12px; line-height:13px; background: url(../images/icon1.png) 0 -61px no-repeat;}
.topNav dd h3 a:hover{background:#EDEEF0; color:#FF8400; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.topNav .welcome{ padding-right:15px; color:#FF8400;   }
.topNav .welcome a{  color:#FF8400;   }
.topNav dd ul{ display:none; /*默认隐藏*/ position:absolute; top:41px; left:-1px;  border:1px solid #ddd; border-top:#ddd 1px solid;  background:#fff; -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, .1); -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, .1); box-shadow: 3px 3px 3px rgba(0, 0, 0, .1); width:170px; z-index:9999;}
.topNav dd ul li{ line-height: 40px; border-bottom:#ddd 1px solid;}
.topNav dd ul li a{ display: block; color: #333; padding: 0 15px;  }
.topNav dd ul li a img{width:22px; margin-right:10px;}
.topNav dd ul li a:hover{ background:#FFF5DA; color:#E67902;    }
.topNav dd ul li a span{ color:#FF8400; margin-left:5px;   }
}

@media(min-width:1200px)and (max-width:1419px){
.width{width:96%; margin:auto;}

.top1bj{background: rgba(255,255,255,1); position: absolute; top: 0; left:0; width: 100%; z-index:999; right:0; box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.1); position:fixed;}
.top1bj .width{display:flex; flex-wrap:wrap; justify-content: space-between; height:120px;}
.top1bj .width .logo{display:flex; flex-wrap:wrap; justify-content: space-between; align-items: center; height:120px;}
.top1bj .width .logo dl{display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:120px;}
.top1bj .width .logo dl img{ height:70px;}
.top1bj .width #Menu-btn{display:none;}
.top1bj .width #Menu-btn dl{display:none;}
.top1bj .width #Menu-btn-h{display:none;}
.top1bj .width #menu1{display:none;}
.top1bj .width .yuyan{display:none;}
.active-head{color:#fff; background:#0057a7; height:120px; line-height:120px; display:block;}
.active-head h3 i{filter:drop-shadow(#fff 0px 120px); transform: translateY(-120px);}
.top1bj .width .fr{display:flex; flex-wrap:wrap; align-items:center;}
.top1bj .width .fr .search{margin-left:15px;}
.top1bj .width .fr .search img{width:14px;}
.top1bj .width .fr .navBar{position:relative; z-index:1; margin-left:20px;}
.top1bj .width .fr .nav h3{ font-size:100%; font-weight:normal; height:120px; line-height:120px; font-size:18px; padding:0px 10px;}
.top1bj .width .fr .nav .m{position:relative; float:left; display:inline; text-align:center;}
.top1bj .width .fr .nav .m h3 i{width:7px; height:120px; overflow:hidden; filter:alpha(opacity=60);opacity:0.6; margin-left:7px; display:flex; flex-wrap:wrap; align-items:center; float:right; overflow:hidden;}
.top1bj .width .fr .nav .m h3 i img{width:7px; height:4px;}
.top1bj .width .fr .nav .m:nth-child(5) h3 i,.top1bj .width .fr .nav .m:nth-child(6) h3 i,.top1bj .width .fr .nav .m:nth-child(6) h3 i{ display:none;}
.top1bj .width .fr .nav .on h3 i img{filter:drop-shadow(#0064a4 0px 120px); transform: translateY(-120px);}
.top1bj .width .fr .nav h3:hover{color:#fff; background:#0057a7;}
.top1bj .width .fr .nav h3:hover i{filter:drop-shadow(#fff 0px 105px); transform: translateY(-105px);}
.top1bj .width .fr .nav .sub{ display:none; /*默认隐藏*/ width:260px; position:absolute; left:0px; top:120px;  float:left; border-radius:0px; box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.1);}
.top1bj .width .fr .nav .sub dd{color:#666; text-align:left; background:#FFF; padding:15px 30px; border-bottom:#eee 1px solid; position: relative; z-index:999;}
.top1bj .width .fr .nav .sub dd:hover{color:#fff; background:#0057a7;}
.top1bj .width .fr .nav .sub dd .iinnoo{ position: absolute; left:260px; top:0px; width:0px; transition: all 0.5s; background:#fff;}
.top1bj .width .fr .nav .sub dd .iinnoo p{ display:none;}
.top1bj .width .fr .nav .sub dd:hover .iinnoo{position: absolute; left:260px; top:0px; width:260px; transition: all 0.5s;}
.top1bj .width .fr .nav .sub dd:hover .iinnoo p{display: block; padding:15px; color:#666; border-bottom:1px #eee solid; border-left:1px #eee solid; border-right:1px #eee solid;border-top:1px #eee solid; z-index:998;}
.top1bj .width .fr .nav .sub dd:hover .iinnoo p:hover{color:#fff; background:#0057a7;}

.topNav{position:relative; z-index:1; height: 40px; line-height:40px; font-family:"Microsoft YaHei",SimSun; font-size:16px; }
.topNav-width{ width: fit-content; margin:0 auto;  background-color: #FCFCFC; border:#ddd 1px solid;}
.topNav h3{ font-weight:normal; font-size:100%;}
.topNav dl{ zoom:1; }
.topNav dd{position:relative;  }
.topNav dd h3{}
.topNav dd h3 a{ height: 40px;line-height:40px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:0px 15px;}
.topNav dd h3 a i{ display:inline-block; width:8px; height:5px; margin:0 0 0 5px; overflow:hidden; vertical-align:middle; font-size:12px; line-height:13px; background: url(../images/icon1.png) 0 -61px no-repeat;}
.topNav dd h3 a:hover{background:#EDEEF0; color:#FF8400; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.topNav .welcome{ padding-right:15px; color:#FF8400;   }
.topNav .welcome a{  color:#FF8400;   }
.topNav dd ul{ display:none; /*默认隐藏*/ position:absolute; top:41px; left:-1px;  border:1px solid #ddd; border-top:0;  background:#fff; -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, .1); -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, .1); box-shadow: 3px 3px 3px rgba(0, 0, 0, .1); width:180px; z-index:9999;}
.topNav dd ul li{ line-height: 40px; border-bottom:#ddd 1px solid;}
.topNav dd ul li a{ display: block; color: #333; padding: 0 15px;  }
.topNav dd ul li a img{width:22px; margin-right:10px;}
.topNav dd ul li a:hover{ background:#FFF5DA; color:#E67902;    }
.topNav dd ul li a span{ color:#FF8400; margin-left:5px;   }
}

@media(min-width:1200px)and (max-width:300000px){
.width{width:96%; margin:auto;}

.shipin{ position: relative; width:100%; height:100Vh; overflow: hidden;}
.shipin li{background: url(../images/about.gif) no-repeat center center; background-size:contain; width:100%; height:100Vh;}
.shipin li video{width:100%; height:100vh; object-fit: cover;}

.focusBox {position: relative; width:100%; height:100Vh; overflow: hidden; }
.focusBox .pic{position:relative; z-index:0; }
.focusBox .pic img {width:100%; height:100vh; display: block; object-fit: cover;}
.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; }
.focusBox .prev,.focusBox .next { width: 60px; height: 90px; margin: -60px 0 0; background: url(../images/ad_ctr.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=20);opacity:0.2;  }
.focusBox .prev { left: 0; }
.focusBox .next { background-position: 0 -90px; right: 0; }
.focusBox .prev:hover,.focusBox .next:hover { filter:alpha(opacity=50) !important;opacity:0.5 !important;  }

#banner_main {overflow: hidden;position: relative;z-index: 2;width: 100%; height: 100vh;}
#banner_main .banner {height: 100vh;}
#banner {width: 100%;position: relative;overflow: hidden;z-index: 0; height: 100vh;}
#banner, .banner ul {height: 100vh;overflow: hidden;}
.banner li {width: 100%;position: absolute;z-index: 1;overflow: hidden;display: none; text-align:center;}
.banner li:first-child {display: block;}
.banner li a img {width: 100%;display: block;position: relative;left: 50%;margin-left: -50%;top: 0; height:100vh; object-fit: cover;}
.banner li img {height:100vh; object-fit: cover; width:100%;}
#banner .tip {width: 100%;height: 20px;line-height: 0;font-size: 0;text-align: center;position: absolute;left: 50%;margin-left: 50%;bottom: 42px;z-index: 3;}
#banner .tip {width: 100%;height: 20px;line-height: 0;font-size: 0;text-align: center;position: absolute;left: 50%;margin-left: 50%;bottom: 42px;z-index: 3;}
#banner .tip span {width: 16px;height: 16px;margin: 0 6px;display: inline-block;font-size: 0;cursor: pointer;background-position: -150px 0px;}
#banner .tip span.cur {background-position: -130px 0px;}
#banner #btn_prev, #banner #btn_next {width: 50px;height: 100px;position: absolute;top: 50%;z-index: 5;}
#banner #btn_prev {left: 8%;transition: all 0ms ease; background:url(../images/prev2.jpg); opacity: .4;}
#banner #btn_next {right: 8%;transition: all 0ms ease;  background:url(../images/next2.jpg);opacity: .4;}
#banner #btn_prev:hover {opacity: .8;filter: alpha(opacity=80);transition: all 600ms ease;left: 9%;}
#banner #btn_next:hover {opacity: .8;filter: alpha(opacity=80);transition: all 600ms ease;right: 9%;}

.index1{width:80%; margin:auto; padding-top:70px; padding-bottom:20px;}
.index1 .txt{text-align:center;}
.index1 .txt dt{width:fit-content; margin:auto; font-size:48px; font-weight:bold; font-weight:bold; text-transform:uppercase; background:url(../images/index1-bj.png) top left no-repeat; padding-left:40px; padding-top:20px;}
.index1 .txt dt p{background:url(../images/index1-bj-1.png) no-repeat bottom right; padding-right:15px; padding-bottom:0px;}
.index1 .txt dd{margin-top:15px !important; font-size:16px; width:1260px; margin:auto; line-height:28px;}
.index1 .bod{display: flex; flex-wrap:wrap; justify-content: space-between; margin-top:50px;}
.index1 .bod li{width:49%; background:#FFF; margin-bottom:50px;}
.index1 .bod li dd{position:relative; padding-bottom:60%; overflow:hidden; overflow:hidden; box-shadow:0 0 20px rgba(0, 0, 0, 0.15);}
.index1 .bod li dd img{position:absolute; width:100%; height:100%; transition: all 0.5s;}
.index1 .bod dd .info{position:absolute; left:0; bottom:0; right:0; height:0px; background:rgba(10,65,140,0); transition: all 0.5s;}
.index1 .bod li:hover dd .info{position:absolute; left:0; bottom:0; right:0; background:rgba(10,65,140,0.4); height:100%; transition: all 0.5s; display:flex; flex-wrap:wrap; align-items: center; justify-content:center;}
.index1 .bod li dd .info img{ width:50px; height:50px;}
.index1 .bod li:hover dd img{transform: scale(1.1); transition: all 0.5s;}
.index1 .bod li dt{ font-size:20px; margin-top:20px; display:flex; flex-wrap:wrap; align-items: center; justify-content:center; color:#666;}
.index1 .bod li:hover dt{ color:#0057a8;}

.index2{width:100%; padding-bottom:120px; background: url(../images/index2-bj.jpg) top center; padding-top:70px;}
.index2 .txt{margin-top:20px; text-align:center;}
.index2 .txt dt{font-size:48px; font-weight:bold;}
.index2 .txt dd{margin-top:15px;}
.index2 .bod{width:100%; margin:auto; padding-top:80px;}
.index2 .bod .item1{display:flex; flex-wrap:wrap; align-items: center; }
.index2 .bod .item1 dl{width:9.5%; margin-left:2.7%;}
.index2 .bod .item1 dl dt{position:relative; padding-bottom:100%; transform: rotate(45deg); border-radius:60px; overflow:hidden; border:#eee 1px solid;}
.index2 .bod .item1 dl dt img{position:absolute; width:100%; height:100%; transition: all 5s;}
.index2 .bod .item1 dl:nth-child(9){ margin-left:8.8%;}
.index2 .bod .item1 dl dt .info{ transition: all 0.5s; position:absolute; left:0; top:0; bottom:0; right:0; display:flex; flex-wrap:wrap; align-items: center; justify-content:center; background:rgba(10,65,140,0);}
.index2 .bod .item1 dl dt .info li{display:none;}
.index2 .bod .item1 dl:hover dt .info{ display:block; position:absolute; left:0; top:0; bottom:0; right:0; display:flex; flex-wrap:wrap; align-items: center; justify-content:center; background:rgba(10,65,140,0.6); transition: all 0.5s;}
.index2 .bod .item1 dl:hover dt .info li{transform: rotate(-45deg) !important; color:#FFF; text-align: center; display:block;}
.index2 .bod .item1 dl:hover dt img{transform: scale(1.2); transition: all 5s;}

.index3{width:100%; background: url(../images/index3.jpg) no-repeat center center; padding:80px 0px;}
.index3 .txt{ text-align:center; color:#FFF;}
.index3 .txt dt{font-size:48px; text-transform:uppercase; font-weight:bold;}
.index3 .txt dd{margin-top:15px;}
.index3 .bod{ width:80%; margin:auto; margin-top:60px; display:flex; flex-wrap:wrap; justify-content: space-between;}
.index3 .bod dl{ width:23%; background:rgba(255,255,255,1); border-radius:10px; margin-bottom:20px;}
.index3 .bod dl dt{ margin-top:40px; margin-left:40px; margin-right:40px; font-size:30px; color:#0057a8;}
.index3 .bod dl dt span{ font-size:18px; margin-left:10px; color:#333;}
.index3 .bod dl dd{ margin-left:40px; margin-right:40px; margin-top:15px; line-height:26px;}
.index3 .bod dl p{margin-left:40px; margin-right:40px; margin-bottom:40px; margin-top:40px; font-size:24px; width:35px; height:35px; display:flex; flex-wrap:wrap; align-items: center; justify-content:center; transition: all 0.5s; border-radius:100%;}
.index3 .bod dl:hover p{ background:#0057a8; color:#FFF; border-radius:100%;}

.index4{overflow:hidden; margin-top:80px; padding-bottom:30px;}
.index4 .txt dt{text-align:center; font-size:48px; text-transform:uppercase; font-weight:bold;}
.index4 .txt dd{margin-top:15px; text-align:center;}
.index4 .txt p{width:80%; margin:60px auto; box-shadow: 0 10px 20px #666;}
.index4 .txt p img{ width:100%; margin-bottom:-4px;}
.index4 .txt p video{width:100%;}
.index4 .bod{width:80%; margin:auto;}
.index4 .bod ul{ text-align:center; font-size:30px;}
.index4 .bod dl{display:flex; flex-wrap:wrap; align-items: center; justify-content:space-between; margin-top:50px;}
.index4 .bod dl dt{ width:60%; margin-right:5%;}
.index4 .bod dl dt p{ margin-bottom:15px; display:block; line-height:28px;}
.index4 .bod dl dd{ width:12%; border-left:1px solid #ddd; padding-left:3%; }
.index4 .bod dl dd span{ padding-bottom:30px; display:block;}
.index4 .bod dl dd p{ font-size:24px; margin-top:5px;}

.index5{overflow:hidden; margin-top:50px; background:url(../images/index5.jpg) center center; padding:80px 0px;}
.index5 .bod{ width:80%; margin:auto; background:#FFF; padding-top:70px;}
.index5 .bod .txt dt{text-align:center; font-size:48px; text-transform:uppercase; font-weight:bold;}
.index5 .bod .txt dd{text-align:center; width:1200px; margin:auto; margin-top:15px; line-height:26px;}
.index5 .bod .tmall-brand{ position: relative; width:94%; margin:auto; overflow: hidden; margin-top:50px; padding-bottom:60px;}
.index5 .bod .tmall-brand .fCl-slide li{display:flex; flex-wrap:wrap; align-items: center; justify-content:space-between;}
.index5 .bod .tmall-brand .fCl-slide li a{ display: block; width:32%; text-align: center; color: #666; overflow: hidden; border:#eee 1px solid; margin-bottom:15px;}
.index5 .bod .tmall-brand .fCl-slide li a img{ width:100%;}
.index5 .bod .tmall-brand .fCl-nav{display:flex; flex-wrap:wrap; align-items: center; justify-content:center; margin-top:50px;}
.index5 .bod .tmall-brand .fCl-nav li{width:12px; background:#CCC; height:12px; margin:0px 10px; border-radius:100%;}
.index5 .bod .tmall-brand .fCl-nav li.on{background:#0057a8;}

.index6{width:80%; margin:auto; margin-top:80px; margin-bottom:40px;}
.index6 .txt{font-size:48px; font-weight:bold; text-transform:uppercase; text-align:center;}
.index6 .bod{margin-top:50px; display:flex; flex-wrap:wrap; align-items: center; justify-content:space-between;}
.index6 .bod dl{width:31%; margin-bottom:40px;}
.index6 .bod dl dt{position:relative; padding-bottom:60%; border-radius:15px; overflow:hidden; box-shadow: 0 5px 10px #999;}
.index6 .bod dl dt img{position:absolute; width:100%; height:100%;}
.index6 .bod dl dd{margin-top:28px;}
.index6 .bod dl ul{margin-top:20px; display:flex; flex-wrap:wrap; align-items: center;}
.index6 .bod dl ul li{ color:#666;}
.index6 .bod dl ul span{margin-left:20px; background:#0057a8; color:#FFF; padding:10px 25px; border-radius:5px;}
.index6 .bod dl ul span:hover{background:#004c93;}

.foot{overflow:hidden; width:100%; background:#0057a8;}
.foot .bod{width:80%; margin:60px auto; display:flex; flex-wrap:wrap; justify-content:space-between; color:#FFF; overflow:hidden;}
.foot .bod .item1{width:8%; overflow:hidden;}
.foot .bod .item1 li img{height:100px;}
.foot .bod .item1 ul{margin-top:25px;}
.foot .bod .item1 dl{margin-top:15px; display:flex; flex-wrap:wrap; align-items: center;}
.foot .bod .item1 dl p{margin-right:10px;}
.foot .bod .item1 dl p img{width:40px; height:40px;}
.foot .bod .item2{width:25%; overflow:hidden;}
.foot .bod .item2 dt{font-size:18px;}
.foot .bod .item2 dd{margin-top:15px;}
.foot .bod .item2 dd p{margin-top:15px; line-height:24px;}
.foot .bod .item2 dd img{height:14px; margin-right:10px;}
.foot .bod .item3{width:30%; overflow:hidden;}
.foot .bod .item3 dt{font-size:18px;}
.foot .bod .item3 dd{margin-top:15px;}
.foot .bod .item3 dd p{margin-top:15px; line-height:24px;}
.foot .bod .item3 dd p a{color:#FFF;}
.foot .bod .sousuo{width:30%; overflow:hidden;}
.foot .bod .sousuo dt{font-size:18px;}
.foot .bod .sousuo form{margin-top:15px; display:flex; flex-wrap:wrap; justify-content:space-between;}
.foot .bod .sousuo form input{ width:45%; height:35px; border:none; margin-bottom:15px; outline:none; padding-left:10px;}
.foot .bod .sousuo form dd{display:flex; flex-wrap:wrap; align-items: center; width:100%;}
.foot .bod .sousuo form dd input{width:50%; margin-bottom:0px; margin-right:10px; outline:none; border:none;}
.foot .bod .sousuo form dd img{height:35px;}
.foot .bod .sousuo form textarea{ width:100%; height:80px; border:none; outline:none; margin-bottom:10px; padding-left:10px; color:#787878; font-family:Arial; font-size:14px; padding-top:6px;}
.foot .bod .sousuo form button{ margin-top:15px; width:200px; height:40px; background:#000; border:none; text-transform:uppercase; color:#FFF;}

.bottom{width:100%; background:#002455; 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{margin:0px 30px;}

.dibu{display:none;}

.toolbar {width:64px;position:fixed; right:5px; top:70%; z-index:999;}
.toolbar dd {width:64px; height:64px; margin-bottom:2px; position:relative; background:#0057a8; text-align:center; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; color:#fff; font-size:12px; border:#e5e5e5 1px solid；}
.toolbar dd i p img{width:30px;}
.toolbar dd i{font-style:normal;}
.toolbar .pop {position:absolute; right:0px; background:#0057a8; display:none; border:#e5e5e5 1px solid; top:0px;}
.toolbar .pop-code { padding:10px; border-radius:2px;}
.toolbar .pop-code1{bottom:12px; color:#fff; font-size:16px; border-radius:2px; width:260px; height:64px; line-height:64px;}
.toolbar .pop-code2{width: 180px; bottom:12px; color:#fff; font-size:14px; padding:5px 10px; border-radius:2px;}
.toolbar .pop-code img {width: 120px;height: 120px;display: block; margin:auto;}
.toolbar .pop-code h3 {text-align: center;color: #fff;font-size: 12px;font-weight:normal; white-space: nowrap; margin-top:10px; font-style: normal;}
.toolbar dd:nth-child(1){ border-radius:5px;}
.toolbar dd:nth-child(2){border-radius:5px;}
.toolbar-wap{ display:none;}

.nybanner{width:100%;overflow: hidden;}
.nybanner li{position:relative; padding-bottom:35%;}
.nybanner li img{position:absolute; width:100%; height:100%; object-fit: cover;}
.nybanner li .info{ position:absolute; left:0; right:0; top:0; 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:50px; 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;}
.active-about{background:#7cb736; color:#FFF;}

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

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

.tiao{ width:100%; overflow:hidden; height:100px;}

.about-txt{ width:90%; margin:auto; margin-top:40px; display: flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.about-txt dl{ background:#f5f5f5; margin:0px 10px;}
.about-txt dl a{ display:block; font-size:20px; padding:20px 30px;}
.about-txt dl:hover{ background:#0057a8; color:#FFF;}
.active-about-txt{background:#0057a8; color:#FFF;}

.aboutus{overflow:hidden; margin-top:80px; background:#fff; margin-bottom:70px; width:100%;}
.aboutus .bod{display:flex; flex-wrap:wrap; justify-content:space-between; width:90%; margin:auto;}
.aboutus .bod .fl{width:45%;}
.aboutus .bod .fl dt{ font-size:48px; text-transform:uppercase; font-weight:bold;}
.aboutus .bod .fl dt p{ font-size:16px; margin-top:10px; color:#234189; text-transform:none; font-weight:bold;}
.aboutus .bod .fl dd{ margin-top:30px; font-size:16px; line-height:30px;}
.aboutus .bod .fl dd p{ margin-top:20px; text-wrap:wrap !important;}
.aboutus .bod .fl dd p span{text-wrap:wrap !important;}
.aboutus .bod .fl dd span{text-wrap:wrap !important;}
.aboutus .bod .fl li{ font-size:20px;}
.aboutus .bod .fr{width:50%;}
.aboutus .bod .fr img{width:100%;}

.about-factory{ overflow:hidden; width:100%; margin:auto; margin-top:60px;}
.about-factory .txt{ text-align:center;}
.about-factory .txt dt{font-size:48px; font-weight:bold; margin-bottom:15px; text-transform:uppercase;}
.about-factory .txt dd{ width:80px; height:2px; background:#0057a8; margin:auto;}
.about-factory .bod{display: flex; flex-wrap:wrap; margin-top:40px; overflow:hidden;}
.about-factory .bod dl{width:25%; background:#f5f5f5;}
.about-factory .bod dl:nth-child(4n){ margin-right:0px;}
.about-factory .bod dl dt{ position:relative; padding-bottom:70%; margin-left:10px; margin-right:10px; margin-top:10px;}
.about-factory .bod dl dt img{ position:absolute; width:100%; height:100%;}
.about-factory .bod dl dd{ text-align:center; margin-top:20px; margin-bottom:20px;}

.index5-aboutus{overflow:hidden; margin-top:50px; background:url(../images/index5.jpg) center center; padding:80px 0px;}
.index5-aboutus .bod{ width:80%; margin:auto; background:#FFF; padding-top:70px;}
.index5-aboutus .bod .txt dt{text-align:center; font-size:48px; text-transform:uppercase; font-weight:bold;}
.index5-aboutus .bod .txt dd{text-align:center; width:1200px; margin:auto; margin-top:15px; line-height:26px;}
.index5-aboutus .bod .tmall-brand{ position: relative; width:94%; margin:auto; overflow: hidden; margin-top:50px; padding-bottom:60px;}
.index5-aboutus .bod .tmall-brand .fCl-slide li{display:flex; flex-wrap:wrap; align-items: center; justify-content:space-between;}
.index5-aboutus .bod .tmall-brand .fCl-slide li a{ display: block; width:32%; text-align: center; color: #666; overflow: hidden; border:#eee 1px solid; margin-bottom:15px;}
.index5-aboutus .bod .tmall-brand .fCl-slide li a img{ width:100%;}
.index5-aboutus .bod .tmall-brand .fCl-nav{display:flex; flex-wrap:wrap; align-items: center; justify-content:center; margin-top:50px;}
.index5-aboutus .bod .tmall-brand .fCl-nav li{width:12px; background:#CCC; height:12px; margin:0px 10px; border-radius:100%;}
.index5-aboutus .bod .tmall-brand .fCl-nav li.on{background:#0057a8;}

.honor{overflow:hidden; width:90%; margin:auto; padding-bottom:70px;}
.honor .txt{ text-align:center; margin-top:90px;}
.honor .txt dt{font-size:40px; font-weight:bold; margin-bottom:15px; text-transform:uppercase;}
.honor .txt dd{ width:80px; height:2px; background:#7cb736; margin:auto;}
.honor .bod{display: flex; flex-wrap:wrap; margin-top:60px; overflow:hidden;}
.honor .bod dl{width:15.5%; background:#f5f5f5; margin-bottom:30px; margin-right:1.4%;}
.honor .bod dl:nth-child(6n){ margin-right:0px;}
.honor .bod dl dt{ position:relative; padding-bottom:133%; margin-left:10px; margin-right:10px; margin-top:10px;}
.honor .bod dl dt img{ position:absolute; width:100%; height:100%;}
.honor .bod dl dd{ text-align:center; margin-top:20px; margin-bottom:20px;}

.factory{overflow:hidden; padding:100px 0px;}
.factory .txt{ text-align:center;}
.factory .txt dt{font-size:40px; font-weight:bold; margin-bottom:15px; text-transform:uppercase;}
.factory .hp-tab-newprd{width:90%; overflow: hidden; margin:0 auto; padding-top:70px;}
.factory .hp-tab-newprd .j-sw-nav{width: 100%; overflow: hidden; display:flex; flex-wrap:wrap; justify-content:center;}
.factory .hp-tab-newprd .j-sw-nav li{width:fit-content; padding:10px 40px; border:#eee 1px solid; margin:0px 10px; font-size:18px; border-radius:30px; background:#f5f5f5;}
.factory .newprd-s1, .newprd-s1 a{z-index:20}
.factory .newprd-s2, .newprd-s2 a{z-index:19}
.factory .newprd-s3, .newprd-s3 a{z-index:18}
.factory .newprd-s4, .newprd-s4 a{z-index:17}
.factory .newprd-s5, .newprd-s5 a{z-index:16}
.factory .newprd-s6, .newprd-s6 a{z-index:15}
.factory .newprd-s7, .newprd-s7 a{z-index:14}
.factory .hp-tab-newprd .j-sw-nav li:hover,.factory .hp-tab-newprd .j-sw-nav .on {z-index: 99; color: #fff; background:#7cb736;}
.factory .newprd-clip{margin-top:70px; width:100%;}
.factory .hp-tab-newprd .j-sw-c ul{display: flex; flex-wrap:wrap; justify-content: space-between;}
.factory .hp-tab-newprd .j-sw-c li{width:23.5%; background:#FFF; border:#FFF 10px solid;}
.factory .hp-tab-newprd .j-sw-c li dd{position:relative; padding-bottom:70%;}
.factory .hp-tab-newprd .j-sw-c li dd img{position:absolute; width:100%; height:100%;}
.factory .hp-tab-newprd .j-sw-c li p{ color:#333; margin-top:18px; text-align:center; margin-bottom:8px;}

.productlist{overflow:hidden; display: flex; flex-wrap:wrap; justify-content:space-between; width:90%; margin:auto; padding:40px 0px;}
.productlist .fl{width:20%;}
.productlist .fl .txt{ overflow:hidden;}
.productlist .fl .txt dt{ font-size:24px; color:#0057a8; font-weight:bold; text-transform:uppercase; background:url(../images/index1-bj-1.png) left center no-repeat; padding-left:25px; background-size:16px;}
.productlist .fl .txt dd{margin-top:20px;}
.productlist .fl .txt dd li{border:#eee 1px solid; transition: all 1s; display:block; margin:5px;}
.productlist .fl .txt dd li p{padding:20px;}
.productlist .fl .txt dd li:hover p{transition: all 1s; color:#fff; background:#0057a8;}
.productlist .fl .txt dd li .active p{transition: all 1s; color:#fff; background:#0057a8;}
.productlist .fr{width:78%;}
.productlist .fr .search{width:100%; margin:auto; padding-top:50px; display: flex; flex-wrap:wrap; align-items:center; justify-content: center; padding-bottom:50px;}
.productlist .fr .search form{display: flex; flex-wrap:wrap; align-items:center; justify-content: center;}
.productlist .fr .search form input{ width:600px; height:60px; outline:none; border:#CCC 1px solid; border-radius:60px 0px 0px 60px; padding-left:40px; font-size:16px;}
.productlist .fr .search form button{ width:140px; background:#0057a7; border:#0057a7 1px solid; height:62px; font-size:18px; color:#FFF; text-transform:uppercase; border-radius:0px 30px 30px 0px;}
.productlist .fr .bod{ overflow:hidden; display: flex; flex-wrap:wrap;}
.productlist .fr .bod dl{width:32%; margin-bottom:40px; float:left; margin-right:2%;}
.productlist .fr .bod dl:nth-child(3n){ margin-right:0px;}
.productlist .fr .bod dl dt{position:relative; padding-bottom:70%; overflow:hidden; display: flex; flex-wrap:wrap; justify-content:center; background:#f5f5f5; border:#ddd 1px solid;}
.productlist .fr .bod dl dt img{position:absolute; height:100%; transition: all 0.5s;}
.productlist .fr .bod dl dt .info{position:absolute; left:0; bottom:0; right:0; height:0px; background:rgba(10,65,140,0); transition: all 0.5s;}
.productlist .fr .bod dl dt .info img{ display:none;}
.productlist .fr .bod dl:hover dt .info{position:absolute;left:0;bottom:0;right:0;background:rgba(10,65,140,0.4);height:100%;transition:all 0.5s;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
.productlist .fr .bod dl:hover dt .info img{ width:50px; height:50px; display:block;}
.productlist .fr .bod dl dd{margin-top:20px; margin-bottom:20px; text-align:center;}
.productlist .fr .bod dl:hover dd{ color:#0057a8;}
.productlist .fr .bod dl p{width:fit-content; padding:10px 30px; border:#0057a8 1px solid; color:#0057a8; font-size:18px; margin:auto; transition: all 0.5s;}
.productlist .fr .bod dl:hover p{ background:#0057a8; color:#FFF; transition: all 0.5s;}
.productlist .fr .bod dl:hover dt img{transition: all 0.5s; transform: scale(1.1);}

.fanye{overflow:hidden; display: flex; flex-wrap:wrap; align-items:center; justify-content:center; margin-top:20px; padding-left:10px; padding-top:10px; padding-bottom:10px;}
.fanye .fenye2{display: flex;}
.fanye .fenye2 .page-num{color:#666;padding:5px;font-size:16px;flex:1;overflow:hidden;overflow:hidden;overflow:hidden;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;padding:10px 20px;}
.fanye .fenye2 .page-num-current{color:#fff; overflow:hidden; display: flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:10px 20px; background:#0057a8; border:#0057a8 1px solid;}
.fanye .fenye2 .page-num-current:hover{color:#ff9000;}
.fanye a{border:#ddd 1px solid; padding:10px 20px; margin:0px 5px; background:#f5f5f5; transition: all 0.5s;}
.fanye a:hover{background:#0057a8; color:#fff; transition: all 0.5s; border:#0057a8 1px solid;}

.ppp{width:90%; margin:auto; display: flex; flex-wrap:wrap; justify-content: space-between; margin-top:30px; padding-bottom:40px;}
.ppp .ppp-l{overflow:hidden; width:20%;}
.ppp .ppp-l .txt{ }
.ppp .ppp-l .txt dt{ font-size:24px; color:#0057a8; font-weight:bold; text-transform:uppercase; background:url(../images/index1-bj-1.png) left center no-repeat; padding-left:25px; background-size:16px;}
.ppp .ppp-l .txt dd{margin-top:20px;}
.ppp .ppp-l .txt dd li{border:#eee 1px solid; transition: all 1s; display:block; margin:5px;}
.ppp .ppp-l .txt dd li p{padding:20px;}
.ppp .ppp-l .txt dd li:hover p{transition: all 1s; color:#fff; background:#0057a8;}
.ppp .ppp-l .txt dd li .active p{transition: all 1s; color:#fff; background:#0057a8;}
.product{overflow:hidden; width:78%;}
.product .bod{margin-top:30px; display: flex; flex-wrap:wrap; justify-content: space-between;}
.product .bod .fl{width:50%;}
.product .bod .fl .game163{ display:none;}
.product .bod .fr{ width:46%;}
.product .bod .fr .txt dt{ font-size:30px; color:#0057a8; margin-bottom:25px;}
.product .bod .fr .txt dd{ font-size:18px;}
.product .bod .fr .txt li{ font-size:16px; margin-top:25px; line-height:26px; color:#666;}
.product .bod .fr .lainxi{display: flex; flex-wrap:wrap; align-items:center;margin-top:20px;}
.product .bod .fr .lainxi dl{ background:#f5f5f5; color:#333; width:180px; padding:12px 0px; text-align:center; border-radius:5px; border:#eee 1px solid;}
.product .bod .fr .lainxi dl:hover{background:#0057a8; color:#FFF;}
.product .bod .fr .lainxi ul{background:#fff; color:#333; width:180px; padding:12px 0px; text-align:center; border-radius:5px; border:#e5e5e5 1px solid; margin-left:15px;}
.product .bod .fr .lainxi ul:hover{background:#0057a8; color:#FFF;}
.product .www360buy{width:100%; margin-top:40px; display:block; overflow:hidden; }
.product .www360buy .hd{overflow:hidden;}
.product .www360buy .hd ul{display: flex; flex-wrap:wrap; align-items:center; justify-content: space-between;}
.product .www360buy .hd li{height:80px; line-height:80px; text-align:center; width:49.8%; background:#f5f5f5; font-size:20px;}
.product .www360buy .hd li.on{background:#0d6fb8; color:#fff; }
.product .www360buy .bd{ margin-top:30px;}
.product .www360buy .lh{overflow:hidden; line-height:24px;}
.product .www360buy .lh table{border:#ddd 1px solid !important; border-collapse:collapse; margin-right:20px; width:100% !important;}
.product .www360buy .lh table tr{ background:#eee !important;}
.product .www360buy .lh table tr td{border-right:#ddd 1px solid !important; padding:0; border-bottom:#CCC 1px solid !important; padding-left:10px; padding-right:10px;text-align:center;padding-top:10px !important;padding-bottom:10px !important;}
.product .www360buy .lh table tr:nth-child(2n){ background:#FFF !important;}
.product .www360buy .lh video{ width:80%; height:100%;}
.product .www360buy .lh h3{ font-size:24px; color:#234189; margin-top:30px; margin-bottom:10px;}
.product .www360buy .lh h1{ font-size:48px; margin-bottom:30px; margin-top:50px; color:#234189;}
.product .www360buy .lh p{ margin-top:10px;}
.product .www360buy .lh img{ width:100%;}
.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 ul{display: flex; flex-wrap:wrap; align-items:center; justify-content: space-between; margin-bottom:30px;}
.product .message ul p{ width:48%;}
.product .message ul p input{width:100%; border-bottom:#ddd 1px solid !important; border:none; padding-bottom:18px; outline:none; font-size:16px;}
.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:60px; border:#0057a8 1px solid; background:none; color:#fff; font-size:18px; text-transform:uppercase; background:#0057a8;}
.product .message button:hover{ background:#18488a; color:#FFF;}
.product .gengduo-txt li{ width:100%; font-size:34px; border-bottom:#0057a8 1px solid; color:#0057a8; margin-top:50px; padding-bottom:15px; font-weight:bold;}
.product .xiangguan{ margin-top:40px;}
.product .xiangguan dl{width:32%; margin-bottom:40px; float:left; margin-right:2%;}
.product .xiangguan dl:nth-child(3n){ margin-right:0px;}
.product .xiangguan dl dt{position:relative; padding-bottom:70%; overflow:hidden; display: flex; flex-wrap:wrap; justify-content:center; background:#f5f5f5;}
.product .xiangguan dl dt img{position:absolute; height:100%; transition: all 0.5s;}
.product .xiangguan dl dt .info{position:absolute; left:0; bottom:0; right:0; height:0px; background:rgba(10,65,140,0); transition: all 0.5s;}
.product .xiangguan dl dt .info img{ display:none;}
.product .xiangguan dl:hover dt .info{position:absolute;left:0;bottom:0; right:0; background:rgba(10,65,140,0.4); height:100%; transition: all 0.5s; display:flex; flex-wrap:wrap; align-items: center; justify-content:center;}
.product .xiangguan dl:hover dt .info img{ width:50px; height:50px; display:block; margin-left:50px;}
.product .xiangguan dl dd{margin-top:20px; margin-bottom:20px; text-align:center;}
.product .xiangguan dl:hover dd{ color:#0057a8;}
.product .xiangguan dl p{width:fit-content; padding:10px 30px; border:#0057a8 1px solid; color:#0057a8; font-size:18px; margin:auto; transition: all 0.5s;}
.product .xiangguan dl:hover p{ background:#0057a8; color:#FFF; transition: all 0.5s;}
.product .xiangguan dl:hover dt img{transition: all 0.5s; transform: scale(1.1);}

.jqzoom{width:100%;height:100%;position:relative;cursor:pointer;overflow:hidden;display:flex;align-items:center;justify-content:center}
.jqzoom img{ width:100%;}
.zoomdiv{z-index:200;position:absolute;top:0;left:0;width:500px;height:352px;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:100%;}
.spec-preview{width:100%;border:1px solid #ddd}
.spec-scroll{clear:both;width:100%;height:90px; display: flex; flex-wrap:wrap; align-items:center; justify-content: space-between; margin-top:20px;}
.spec-scroll .prev{float:left; font-size:36px; font-family:"宋体"; line-height:90px;}
.spec-scroll .next{float:right; font-size:36px; font-family:"宋体"; line-height:90px;}
.spec-scroll .next,.spec-scroll .prev{display:block;text-align:center;height:90px;cursor:pointer}
.spec-scroll .items{float:left;position:relative;width:88%;height:90px;overflow:hidden; }
.spec-scroll .items ul{position:absolute;width:100% !important;height:90px;overflow:hidden;}
.spec-scroll .items ul li{float:left;width:20%; height:90px;}
.spec-scroll .items ul li span{box-sizing:border-box;display:block;vertical-align:middle;width:90%; height:90%;border:1px solid #ddd; position:relative; padding-bottom:60%; margin-left:5%;}
.spec-scroll .items ul li span>img{width:100%;height:100%;position:absolute;}
.spec-scroll .items ul li span.active,.spec-scroll .items ul li span:hover{border:2px solid #0057a8;padding:0px}

.caselist1{ overflow:hidden; display: flex; flex-wrap:wrap; width:90%; margin:50px auto;}
.caselist1 dl{width:19%; margin-bottom:40px; float:left; margin-right:1.25%;}
.caselist1 dl:nth-child(5n){ margin-right:0px;}
.caselist1 dl dt{position:relative; padding-bottom:100%; overflow:hidden; background:#f5f5f5;}
.caselist1 dt img{position:absolute; height:100%; height:100%; transition: all 0.5s; object-fit: cover;}
.caselist1 dl dt .info{position:absolute; left:0; bottom:0; right:0; height:0px; background:rgba(10,65,140,0); transition: all 0.5s;}
.caselist1 dl dt .info img{ display:none;}
.caselist1 dl:hover dt .info{position:absolute;left:0;bottom:0;right:0;background:rgba(10,65,140,0.4);height:100%;transition:all 0.5s;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
.caselist1 dl:hover dt .info img{ width:30px; height:30px; display:block;}
.caselist1 dl dd{margin-top:20px; margin-bottom:20px; text-align:center;}
.caselist1 dl:hover dd{ color:#0057a8;}
.caselist1 dl p{width:fit-content; padding:10px 30px; border:#0057a8 1px solid; color:#0057a8; font-size:18px; margin:auto; transition: all 0.5s;}
.caselist1 dl:hover p{ background:#0057a8; color:#FFF; transition: all 0.5s;}
.caselist1 dl:hover dt img{transition: all 0.5s; transform: scale(1.1);}

.caselist{ overflow:hidden; width:90%; margin:auto; padding-bottom:40px;}
.caselist .txt{text-align:center; width:90%; margin:auto;}
.caselist .txt dt{ font-size:36px; font-weight:bold;}
.caselist .txt dd{ font-size:20px; color:#666; margin-top:20px;}
.caselist .txt li{ font-weight:bold; font-size:20px; margin-top:10px;}
.caselist .txt ul{ margin-top:30px;}
.caselist .txt ul video{ width:800px; height:600px;}
.caselist .tit{text-align:center; font-size:36px; font-weight:bold; margin-top:60px;}
.caselist .bod{ width:100%; overflow:hidden; margin-top:40px;}
.caselist .bod{ overflow:hidden; display: flex; flex-wrap:wrap;}
.caselist .bod dl{width:32%; margin-bottom:10px; float:left; margin-right:2%;}
.caselist .bod dl:nth-child(3n){ margin-right:0px;}
.caselist .bod dl dt{position:relative; padding-bottom:70%; overflow:hidden; display: flex; flex-wrap:wrap; justify-content:center; background:#f5f5f5;}
.caselist .bod dl dt img{position:absolute; height:100%; transition: all 0.5s;}
.caselist .bod dl dt .info{position:absolute; left:0; bottom:0; right:0; height:0px; background:rgba(10,65,140,0); transition: all 0.5s;}
.caselist .bod dl dt .info img{ display:none;}
.caselist .bod dl:hover dt .info{position:absolute;left:0;bottom:0;right:0;background:rgba(10,65,140,0.4);height:100%;transition:all 0.5s;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
.caselist .bod dl:hover dt .info img{ width:50px; height:50px; display:block;}
.caselist .bod dl dd{margin-top:20px; margin-bottom:20px; text-align:center;}
.caselist .bod dl:hover dd{ color:#0057a8;}
.caselist .bod dl:hover dt img{transition: all 0.5s; transform: scale(1.1);}

.joblist{overflow:hidden; width:90%; margin:auto; padding-bottom:70px;}
.joblist .txt{ text-align:center; margin-top:90px;}
.joblist .txt dt{font-size:40px; font-weight:bold; margin-bottom:15px; text-transform:uppercase;}
.joblist .txt dd{ width:80px; height:2px; background:#7cb736; margin:auto;}
.joblist .bod{display: flex; flex-wrap:wrap; margin-top:60px; overflow:hidden;}
.joblist .bod dl{width:23.875%; background:#f5f5f5; margin-bottom:30px; margin-right:1.5%;}
.joblist .bod dl:nth-child(4n){ margin-right:0px;}
.joblist .bod dl dt{ position:relative; padding-bottom:70%; margin-left:10px; margin-right:10px; margin-top:10px;}
.joblist .bod dl dt img{ position:absolute; width:100%; height:100%;}
.joblist .bod dl dd{ text-align:center; margin-top:20px; margin-bottom:20px;}

.service{overflow:hidden; width:90%; margin:auto; padding-top:70px; padding-bottom:60px;}
.service .txt{text-align:center;}
.service .txt dd{ font-size:36px; font-weight:bold; text-transform:uppercase; width:1200px; margin:auto; margin-top:15px;}
.service .liucheng{ margin-top:80px;}
.service .liucheng .item1{display: flex; flex-wrap:wrap; align-items:center; justify-content: space-between; width:100%; overflow:hidden;}
.service .liucheng dl{ width:20%; text-align:center;}
.service .liucheng dl dt{ width:108px; height:108px; overflow:hidden; margin:auto;}
.service .liucheng dl dt img{width:108px; height:108px;}
.service .liucheng dl:hover dt img{filter:drop-shadow(#0057a8 0px 108px); transform: translateY(-108px);}
.service .liucheng dl p{ margin-top:15px; font-size:22px; color:#666;}
.service .liucheng dl:hover p{color:#0057a8;}
.service .liucheng li{ width:5%;}
.service .liucheng .item2 { margin-top:30px; margin-bottom:30px; width:100%; overflow:hidden;}
.service .liucheng .item2 dl{ float:right;}
.service .liucheng .item3{display: flex; flex-wrap:wrap; align-items:center; justify-content: space-between; width:100%; overflow:hidden;}
.service .liucheng-wap{ display:none}
.service-list{overflow:hidden; width:100%; margin:auto; margin-top:60px;}
.service-list .item{ width:100%; overflow:hidden; display: flex; flex-wrap:wrap; align-items:center; justify-content: space-between; background:#f5f5f5; padding:50px 0px;}
.service-list .item .fl{ width:35%; margin-left:10%;}
.service-list .item ul{ width:100%; position:relative; padding-bottom:65%; overflow:hidden;}
.service-list .item ul img{ width:100%; height:100%; position:absolute; transition: all 1s;}
.service-list .item ul:hover img{transition: all 1s; transform: scale(1.1);}
.service-list .item dl{ width:70%; margin:auto; text-align:center;}
.service-list .item dl dt{ font-size:36px;}
.service-list .item dl dd{ width:80px; height:3px; background:#666; margin:15px auto;}
.service-list .item dl li{ margin-top:30px; font-size:16px; color:#666; line-height:28px;}
.service-list .item .fr{ width:35%; margin-right:10%;}
.service-list .item:nth-child(2n){ background:#FFF;}

.contact{overflow:hidden; margin-top:80px; background:#fff; margin-bottom:70px; width:100%;}
.contact .bod{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; width:90%; margin:auto;}
.contact .bod .fl{width:45%;}
.contact .bod .fl dt{ font-size:40px; text-transform:uppercase; font-weight:bold;}
.contact .bod .fl dt p{ font-size:16px; margin-top:10px; color:#234189; text-transform:none; font-weight:bold;}
.contact .bod .fl dd{ margin-top:30px; font-size:18px; line-height:26px;}
.contact .bod .fl dd p{ text-wrap:wrap !important; margin-top:10px;}
.contact .bod .fl dd p span{text-wrap:wrap !important;}
.contact .bod .fl dd span{text-wrap:wrap !important;}
.contact .bod .fl li{ font-size:20px;}
.contact .bod .fr{width:50%;}
.contact .bod .fr img{width:100%;}

.message-c{ width:80%; margin:auto; margin-bottom:40px;}
.message-c .tit{text-align:center; font-size:48px; font-weight:bold; text-transform:uppercase;}
.message-c form{display: flex; flex-wrap:wrap; justify-content: space-between; margin-top:40px;}
.message-c form .fl{ width:48%;}
.message-c form dl{width:100%; margin-bottom:25px; border:#CCC 1px solid;}
.message-c form input{width:100%; height:60px; border:none; overflow:hidden; outline:none; margin-left:15px; font-size:16px; padding-left:35px;}
.message-c form dl:nth-child(1) input{ background:url(../images/m1.jpg) no-repeat left center;}
.message-c form dl:nth-child(2) input{ background:url(../images/m2.jpg) no-repeat left center;}
.message-c form dl:nth-child(3) input{ background:url(../images/m3.jpg) no-repeat left center;}
.message-c form dl:nth-child(4) input{ background:url(../images/m4.jpg) no-repeat left center;}
.message-c form ul{width:100%; margin-bottom:25px;}
.message-c form .fr{ width:48%; border:#CCC 1px solid; margin-bottom:20px;}
.message-c form .fr textarea{width:100%; border:none; height:100%; background:url(../images/m5.jpg) no-repeat left top; margin-top:10px; margin-left:10px; font-size:16px; color:#666; font-family:Arial; padding-left:35px;}
.message-c form button{width:100%; background:#0057a8; color:#333; text-align:center; height:60px; border:none; font-size:18px; color:#FFF;}

.news{ overflow:hidden; background:#fff; padding-top:50px; width:90%; margin:auto; display: flex; flex-wrap:wrap; justify-content: space-between;}
.news .fl{ width:71%;}
.news .txt{ border-bottom:#CCC 1px dashed; padding-bottom:50px; margin-bottom:50px;}
.news .txt dt{font-size:30px; font-weight:bold;}
.news .txt dd{display: flex; flex-wrap:wrap; margin-top:10px; color:#666;}
.news .txt dd p{ margin-right:40px;}
.news .bod{overflow:hidden;}
.news .bod img{ width:100%; margin-bottom:40px;}
.news .bod p{ font-size:16px; color:#666; line-height:24px; margin-bottom:15px; text-wrap:wrap !important;}
.news .bod span{text-wrap:wrap !important;}
.news .gengduo{ border-top:#CCC 1px dashed; padding-top:50px;}
.news .gengduo dl{display: flex; flex-wrap:wrap; align-items:center; margin-bottom:20px;}
.news .gengduo dl img{ background:#0057a8; padding:8px; border-radius:100%;}
.news .gengduo dl span{ margin-left:15px;}
.news .fr{ width:24%;}
.news .fr ul{ background:#0057a8; color:#FFF; font-size:30px; text-align:center; padding:15px 0px; border-radius:20px 20px 0px 0px;}
.news .fr dl{ margin-top:20px; border-bottom:#CCC 1px dashed; padding-bottom:15px;}
.news .fr dl dt{ position:relative; padding-bottom:60%;}
.news .fr dl dt img{ position:absolute; width:100%; height:100%;}
.news .fr dl dd{ font-size:18px; margin-top:15px;}
.news .fr dl li{ margin-top:10px; color:#666;}

.p-search{width:1200px; margin:auto; padding-top:80px; display: flex; flex-wrap:wrap; align-items:center; justify-content: center;}
.p-search form{display: flex; flex-wrap:wrap; align-items:center; justify-content: center;}
.p-search form input{ width:600px; height:60px; outline:none; border:#CCC 1px solid; border-radius:60px 0px 0px 60px; padding-left:40px; font-size:16px;}
.p-search form button{ width:140px; background:#7cb736; border:#7cb736 1px solid; height:62px; font-size:18px; color:#FFF; text-transform:uppercase; border-radius:0px 30px 30px 0px;}

.jianshe{width:800px;position:fixed; left:50%; top:50%; z-index:999; height:200px; background:rgba(0,67,129,0.8); color:#fff; margin-left:-400px; margin-top:-100px;}
.jianshe dl{ text-align:center; line-height:200px; font-size:48px;}
}

@media only screen and (max-width:1200px){
.w94{width:94%; margin:auto;}
.top1bj{background:rgba(255,255,255,1); position: absolute; top:0px; left:0; width: 100%; z-index:999; position:fixed; border-bottom:rgba(0,0,0,0.1) 1px solid;}
.top1bj .width{height:4rem; display:flex; flex-wrap:wrap; align-items:center; justify-content: space-between;}
.top1bj .width .logo{display: flex; align-items:center;}
.top1bj .width .logo dl{}
.top1bj .width .logo dl img{ height:2.5rem;}
.top1bj .width .fr{ margin-right:0%;}
.top1bj .width .fr .search{}
.top1bj .width .fr .search img{ height:1.2rem;}
.top1bj .width .yuyan{position:absolute; right:16%; top:0; height:4rem; display:flex; flex-wrap:wrap; align-items:center;}
.top1bj .width .yuyan p{ margin-right:0.5rem;}
.top1bj .width .yuyan p img{ height:1rem; border: #ddd 1px solid}
.top1bj .width #Menu-btn{ position:absolute; right:10%; top:0; height:4rem; display:flex; flex-wrap:wrap; align-items:center;}
.top1bj .width #Menu-btn li{ color:#FFF; font-size:2.6rem; width: fit-content; border:#FFF 1px solid; padding:0.5rem 1.5rem; border-radius:1rem; background:rgba(255,255,255,0.2)}
.top1bj .width #Menu-btn dl{ margin-left:2.5rem;}
.top1bj .width #Menu-btn dl img{width:1.3rem;}
.top1bj .width #Menu-btn-h{overflow: hidden; display:none; background-color:rgba(255,255,255,1); position:absolute; left:3%; right:2%;}
.top1bj .width #Menu-btn-h .tutu{display: flex; align-items: center; justify-content: space-between; height:4rem;}
.top1bj .width #Menu-btn-h .tutu dd{}
.top1bj .width #Menu-btn-h .tutu dd img{height:2.5rem;}
.top1bj .width #Menu-btn-h .tutu dl{display: flex; align-items: center;}
.top1bj .width #Menu-btn-h .tutu dl li{color:#FFF; font-size:2.6rem; width: fit-content; border:#FFF 1px solid; padding:0.5rem 1.5rem; border-radius:1rem; background:rgba(255,255,255,0.2)}
.top1bj .width #Menu-btn-h .tutu dl dt{ margin-left:2rem;}
.top1bj .width #Menu-btn-h .tutu dl dt img{width:1.8rem;overflow:hidden;}
.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{list-style:none; background:#FFF; position:absolute; top:4rem; left:0; right:0; border-top:#eee 1px solid; height:100vh;}
.top1bj .width #menu1 .menu-wap .sideMenu{  border:1px solid #ddd;  }
.top1bj .width #menu1 .menu-wap .sideMenu h3{ height:50px; line-height:50px; padding-left:14px;  border-top:1px solid #e3e3e3; background:#f4f4f4; cursor:pointer; font-size:1.1rem; font-weight:normal; color:#333;}
.top1bj .width #menu1 .menu-wap .sideMenu h3 em{ float:right; display:block; width:40px; height:50px;   background:url(../images/icoAdd.png) 16px 24px no-repeat; cursor:pointer; }
.top1bj .width #menu1 .menu-wap .sideMenu h3.on em{ background-position:16px -48px; }
.top1bj .width #menu1 .menu-wap .sideMenu ul{color:#999; display:none; /* 默认都隐藏 */ padding-left:24px; padding-right:24px;}
.top1bj .width #menu1 .menu-wap .sideMenu ul li{ font-size:1rem; margin-top:0.8rem; border-bottom:#ddd 1px dashed; padding-bottom:0.8rem;}
.top1bj .width #menu1 .menu-wap .sideMenu p{font-weight:bold; display: flex; align-items: center; padding-left:15px; margin-top:0.8rem; border-bottom:#ddd 1px dashed; padding-bottom:0.8rem;}
.top1bj .width #menu1 .menu-wap .sideMenu p img{ height:1rem; margin-right:0.6rem;}
.navBar{ display:none;}
.topNav{ display:none;}

.shipin{ position: relative; width:100%; height:100Vh; overflow: hidden;}
.shipin li{background: url(../images/about.gif) no-repeat center top; background-size:contain; width:100%; height:100Vh; background-size:cover;}
.shipin li video{ display:none;}

.focusBox {position: relative; width:100%; height:100Vh; overflow: hidden; }
.focusBox .pic{position:relative; z-index:0; }
.focusBox .pic img { width:100%; height:100vh; display: block; object-fit: cover;}
.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; }
.focusBox .prev,.focusBox .next { width: 60px; height: 90px; margin: -60px 0 0; background: url(../images/ad_ctr.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=20);opacity:0.2;  }
.focusBox .prev { left: 0; }
.focusBox .next { background-position: 0 -90px; right: 0; }
.focusBox .prev:hover,.focusBox .next:hover { filter:alpha(opacity=50) !important;opacity:0.5 !important;  }

#banner_main {overflow: hidden;position: relative;z-index: 2;width: 100%;margin: 0 auto; height: 100vh;}
#banner_main .banner {height: 100vh;}
#banner {width: 100%;position: relative;overflow: hidden;z-index: 0; height: 100vh;}
#banner, .banner ul {height: 100vh;overflow: hidden;}
.banner li {width: 100%;position: absolute;z-index: 1;overflow: hidden;display: none;}
.banner li:first-child {display: block;}
.banner li img {width: 100%;display: block;position: relative;left: 50%;margin-left: -50%;top: 0; height:100vh; object-fit: cover;}
#banner .tip {width: 100%;height: 20px;line-height: 0;font-size: 0;text-align: center;position: absolute;left: 50%;margin-left: 50%;bottom: 42px;z-index: 3;}
#banner .tip span {width: 16px;height: 16px;margin: 0 6px;display: inline-block;font-size: 0;cursor: pointer;background-position: -150px 0px;}
#banner .tip span.cur {background-position: -130px 0px;}
#banner #btn_prev, #banner #btn_next {width: 50px;height: 100px;position: absolute;top: 300px;z-index: 5;}
#banner #btn_prev {left: 8%;transition: all 600ms ease; background:url(../images/prev2.png); opacity: .4;}
#banner #btn_next {right: 8%;transition: all 600ms ease;  background:url(../images/next2.png);opacity: .4;}
#banner #btn_prev:hover {opacity: .8;filter: alpha(opacity=80);transition: all 600ms ease;left: 9%;}
#banner #btn_next:hover {opacity: .8;filter: alpha(opacity=80);transition: all 600ms ease;right: 9%;}

.index1{overflow:hidden; width:90%; margin:auto; margin-top:2rem;}
.index1 .txt{text-align:center;}
.index1 .txt dt{width:fit-content; margin:auto; font-size:1.2rem; font-weight:bold; font-weight:bold; text-transform:uppercase; background:url(../images/index1-bj-1.png) no-repeat center left; padding-left:2rem; background-size:1.2rem;}
.index1 .txt dt p{background:url(../images/index1-bj-1.png) no-repeat center right; padding-right:2rem; background-size:1.2rem;}
.index1 .txt dd{margin-top:0.5rem !important; font-size:1rem; line-height:1.5rem; color:#666;}
.index1 .bod{display: flex; flex-wrap:wrap; justify-content: space-between; margin-top:1.5rem;}
.index1 .bod li{width:100%; background:#FFF; margin-bottom:1rem; overflow:hidden;}
.index1 .bod li dd{position:relative; padding-bottom:60%; overflow:hidden;}
.index1 .bod li dd img{position:absolute; width:100%; height:100%; transition: all 0.5s;}
.index1 .bod li dd .info{position:absolute; left:0; bottom:0; right:0; background:rgba(10,65,140,0.4); transition: all 0.5s; color:#FFF; height:0;}
.index1 .bod li dd .info img{width:2rem; height:1.5rem;}
.index1 .bod li:hover dd .info{position:absolute; left:0; bottom:0; right:0; background:rgba(10,65,140,0.85); height:100%; transition: all 0.5s; display:flex; flex-wrap:wrap; align-items: center; justify-content:center;}
.index1 .bod li:hover dd img{transform: scale(1.2); transition: all 1s;}
.index1 .bod li dt{font-size:1rem; text-align:center; display:flex; flex-wrap:wrap; align-items: center; justify-content:center; background:#0057a8; padding:0.8rem; color:#FFF;}
.index1 .bod li:hover dd .info img{ width:2rem; height:1.5rem;}

.index2{width:90%; margin:auto; padding-bottom:1.5rem;}
.index2 .txt{margin-top:1rem; text-align:center;}
.index2 .txt dt{font-size:1.2rem; font-weight:bold;}
.index2 .txt dd{margin-top:0.5rem !important; font-size:1rem; line-height:1.5rem; color:#666;}
.index2 .bod{margin-top:1.5rem;}
.index2 .bod .item1{display:flex; flex-wrap:wrap; align-items: center; justify-content:space-between}
.index2 .bod .item1 dl{width:47.5%; border-radius:3rem; overflow:hidden; margin-bottom:0.8rem; border:#ddd 1px solid;}
.index2 .bod .item1 dl dt{position:relative; padding-bottom:100%;}
.index2 .bod .item1 dl dt img{position:absolute; width:100%; height:100%; transition: all 5s;}
.index2 .bod .item1 dl dt .info{ transition: all 0.5s; position:absolute; left:0; top:0; bottom:0; right:0; display:flex; flex-wrap:wrap; align-items: center; justify-content:center; background:rgba(10,65,140,0);}
.index2 .bod .item1 dl dt .info li{display:none;}
.index2 .bod .item1 dl:hover dt .info{display:block;position:absolute;left:0;top:0;bottom:0;right:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;background:rgba(10,65,140,0.6);transition: all 0.5s;}
.index2 .bod .item1 dl:hover dt .info li{color:#FFF; text-align: center; display:block; font-size:1rem;}
.index2 .bod .item1 dl:hover dt img{transform: scale(1.2); transition: all 5s;}

.index3{width:100%; background: url(../images/index3.jpg) no-repeat center center; background-size:cover; padding-top:2rem; padding-bottom:1.5rem;}
.index3 .txt{text-align:center; color:#FFF;}
.index3 .txt dt{font-size:1.2rem; font-weight:bold;}
.index3 .txt dd{margin-top:0.5rem !important; font-size:1rem; line-height:1.5rem; color:#ddd;}
.index3 .bod{ width:84%; margin:auto; margin-top:1.5rem; display:flex; flex-wrap:wrap; justify-content: space-between;}
.index3 .bod dl{ width:100%; background:rgba(255,255,255,1); border-radius:0.8rem; margin-bottom:1rem;}
.index3 .bod dl dt{ margin-top:1.5rem; margin-left:1.5rem; margin-right:1.5rem; font-size:2rem; color:#0057a8;}
.index3 .bod dl dt span{ font-size:1rem; margin-left:1rem; color:#333;}
.index3 .bod dl dd{ margin-left:1.5rem; margin-right:1.5rem; margin-top:0.5rem; line-height:1.5rem; font-size:1rem;}
.index3 .bod dl p{margin-left:1.5rem; margin-right:1.5rem; margin-bottom:1.5rem; margin-top:1.2rem; font-size:1.2rem; width:2.2rem; height:2.2rem; display:flex; flex-wrap:wrap; align-items: center; justify-content:center; transition: all 0.5s; border-radius:100%; background:#0057a8; color:#FFF;}

.index4{overflow:hidden; margin-top:2rem;}
.index4 .txt{text-align:center; }
.index4 .txt dt{font-size:1.2rem; text-transform:uppercase; font-weight:bold;}
.index4 .txt dd{margin-top:0.5rem !important; font-size:1rem; line-height:1.5rem; color:#666;}
.index4 .txt p{width:90%; margin:1.5rem auto; box-shadow: 0 0.4rem 0.7rem #666;}
.index4 .txt p img{ width:100%; margin-bottom:-4px;}
.index4 .txt p video{width:100%;}
.index4 .bod{width:90%; margin:auto;}
.index4 .bod ul{ text-align:center; font-size:1.2rem; font-weight:bold;}
.index4 .bod dl{display:flex; flex-wrap:wrap; align-items: center; justify-content:space-between; margin-top:1rem;}
.index4 .bod dl dt{ width:100%; margin-bottom:0.5rem}
.index4 .bod dl dt p{ margin-bottom:1rem; display:block; line-height:1.5rem; font-size:1rem}
.index4 .bod dl dd{ width:100%; border-left:0.5rem solid #0057a8; padding:1rem; margin-bottom:1rem; background:#f5f5f5;}
.index4 .bod dl dd span{ padding-bottom:1rem; display:block; font-size:1rem}
.index4 .bod dl dd p{ font-size:1.2rem; margin-top:5px; font-weight:bold;}

.index5{overflow:hidden; margin-top:2rem; background:url(../images/index5.jpg) center center; padding:2rem 0px;}
.index5 .bod{ width:90%; margin:auto; background:#FFF; padding-top:1.5rem; padding-bottom:1.5rem;}
.index5 .bod .txt dt{text-align:center; font-size:1.2rem; text-transform:uppercase; font-weight:bold;}
.index5 .bod .txt dd{text-align:center; width:90%; margin:auto; margin-top:0.5rem; line-height:1.5rem; font-size:1rem;}
.index5 .bod .tmall-brand{ position: relative; width:94%; margin:auto; overflow: hidden; margin-top:1.5rem; padding-bottom:1.5rem;}
.index5 .bod .tmall-brand .fCl-slide li{display:flex; flex-wrap:wrap; align-items: center; justify-content:space-between;}
.index5 .bod .tmall-brand .fCl-slide li a{ display: block; width:48%; text-align: center; color: #666; overflow: hidden; border:#ccc 1px solid; margin-bottom:0.5rem;}
.index5 .bod .tmall-brand .fCl-slide li a img{ width:100%;}
.index5 .bod .tmall-brand .fCl-nav{position: absolute; left:0; bottom: 0; right:0; padding: 0 1rem;  display:flex; flex-wrap:wrap; align-items: center; justify-content:center;}
.index5 .bod .tmall-brand .fCl-nav li{width:0.8rem; background:#CCC; height:0.8rem; margin:0px 0.5rem; border-radius:100%;}
.index5 .bod .tmall-brand .fCl-nav li.on{background:#0057a8;}

.index6{width:90%; margin:auto; padding-top:1.5rem;}
.index6 .txt{font-size:1.2rem; font-weight:bold; text-transform:uppercase; text-align:center;}
.index6 .bod{margin-top:1rem; display:flex; flex-wrap:wrap; align-items: center; justify-content:space-between;}
.index6 .bod dl{width:100%; margin-bottom:1.5rem; border-bottom:#eee 1px solid; padding-bottom:1.5rem;}
.index6 .bod dl dt{position:relative; padding-bottom:60%; border-radius:1rem; overflow:hidden; box-shadow: 0 0.5rem 0.7rem #999;}
.index6 .bod dl dt img{position:absolute; width:100%; height:100%;}
.index6 .bod dl dd{margin-top:1.2rem; font-size:1rem;}
.index6 .bod dl ul{margin-top:0.6rem; display:flex; flex-wrap:wrap; align-items: center; font-size:1rem;}
.index6 .bod dl ul li{ color:#666;}
.index6 .bod dl ul span{margin-left:1rem; background:#0057a8; color:#FFF; padding:0.5rem 1rem; border-radius:0.5rem;}
.index6 .bod dl ul span:hover{background:#004c93;}

.foot{overflow:hidden; width:100%; background:#0057a8;}
.foot .bod{width:90%; margin:2rem auto; display:flex; flex-wrap:wrap; justify-content:space-between; color:#FFF;}
.foot .bod .item1{width:100%;}
.foot .bod .item1 li{ text-align:center;}
.foot .bod .item1 li img{height:4rem;}
.foot .bod .item1 ul{margin-top:1rem; font-size:1rem; text-align:center; font-weight:bold;}
.foot .bod .item1 dl{margin-top:1rem; display:flex; flex-wrap:wrap; align-items: center; justify-content:center;}
.foot .bod .item1 dl p{margin-right:0.5rem;}
.foot .bod .item1 dl p img{width:2rem; height:2rem;}
.foot .bod .item2{width:100%; margin-top:1.5rem; border-top:rgba(255,255,255,0.2) 1px solid; padding-top:1.5rem;}
.foot .bod .item2 dt{font-size:1rem; font-weight:bold;}
.foot .bod .item2 dd{margin-top:1rem;}
.foot .bod .item2 dd p{margin-top:0.5rem; line-height:1.5rem; font-size:1rem;}
.foot .bod .item2 dd p span{}
.foot .bod .item2 dd img{height:1rem; margin-right:0.6rem;}
.foot .bod .item3{width:100%; margin-top:1.5rem; border-top:rgba(255,255,255,0.2) 1px solid; padding-top:1.5rem;}
.foot .bod .item3 dt{font-size:1rem; font-weight:bold;}
.foot .bod .item3 dd{margin-top:1rem;}
.foot .bod .item3 dd p{margin-top:0.5rem; line-height:1.3rem; font-size:1rem;}
.foot .bod .sousuo{width:100%; margin-top:1.5rem; border-top:rgba(255,255,255,0.2) 1px solid; padding-top:1.5rem;}
.foot .bod .sousuo dt{font-size:1rem; font-weight:bold;}
.foot .bod .sousuo form{margin-top:1rem;}
.foot .bod .sousuo form input{ width:100%; height:3rem; border:none; margin-bottom:0.8rem; outline:none;}
.foot .bod .sousuo form dd{display:flex; flex-wrap:wrap; align-items: center;}
.foot .bod .sousuo form dd input{width:50%; height:3rem; margin-bottom:0px; margin-right:1rem; outline:none; border:none;}
.foot .bod .sousuo form dd img{height:3rem;}
.foot .bod .sousuo form textarea{ width:100%; height:5rem; border:none; outline:none; margin-bottom:0.6rem;}
.foot .bod .sousuo form button{ margin-top:0.8rem; width:100%; height:3rem; background:#000; border:none; text-transform:uppercase; color:#FFF; font-size:1rem;}

.bottom{ width:100%; background:#002455; overflow:hidden; text-align:center; color:#FFF; padding-top:1.5rem; padding-bottom:3.5rem;}
.bottom dl{font-size:1rem; margin-bottom:3rem; width:90%; margin:auto;}
.bottom dl dt{width:100%; display:block; margin-bottom:1rem;}

.dibu{background:#0057a8; height:3rem; position:fixed; bottom:0px; left:0; right:0; display: flex; flex-wrap:wrap; align-items: center; justify-content:center;}
.dibu dl{width:50%; display: flex; flex-wrap:wrap; align-items: center; justify-content:center; height:3rem; background:##0057a8;}
.dibu dl img{ width:2rem;}

.xuan{display:none;}

.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:10rem; bottom:0rem; 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:5rem; color:#FFF; text-transform:uppercase; display: flex; flex-wrap:wrap; align-items: center; justify-content:center;}
.nybanner li .info dl dd{font-size:2.8rem; line-height:4.5rem; display: flex; flex-wrap:wrap; align-items: center; justify-content:center; margin-top:2rem;}
.nybanner li .info dl dd p{width: fit-content; background:#FFF; border-radius:0.5rem; margin-bottom:1rem; margin-left:0.5rem; margin-bottom:0.5rem;}
.nybanner li .info dl dd p a{display:block; padding:1rem 2rem; border-radius:0.5rem;}
.nybanner li .info dl dd p:hover{background:#234189; color:#FFF;}
.active-about{background:#7cb736; color:#FFF;}

.nybanner1{width:100%;overflow: hidden; margin-top:2.9rem;}
.nybanner1 li{position:relative; padding-bottom:48%;}
.nybanner1 li img{position:absolute; width:100%; height:100%; object-fit: cover;}
.nybanner1 li .info{position:absolute; left:0; right:0; top:0; bottom:0rem; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:rgba(0,0,0,0); color:#fff; font-size:1.6rem; font-weight:bold;}

.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:3rem; font-size:2.6rem; color:#666; overflow:hidden; background:#f5f5f5; padding-bottom:3rem;}
.position1 .bod{width:90%; margin:auto; }
.position2{padding-top:3rem; font-size:2.6rem; color:#666; overflow:hidden; background:#f5f5f5; padding-bottom:3rem;}
.position2 .bod{width:90%; margin:auto; }

.about-txt{ width:94%; margin:auto; margin-top:1rem; display: flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.about-txt dl{ background:#f5f5f5; width:100%; text-align:center; margin-bottom:1rem;}
.about-txt dl a{ display:block; font-size:1rem; padding:1rem 0rem;}
.about-txt dl:hover{ background:#0057a8; color:#FFF;}
.active-about-txt{background:#0057a8; color:#FFF;}

.aboutus{overflow:hidden; margin-top:1.5rem; background:#fff; width:100%;}
.aboutus .bod{display:flex; flex-wrap:wrap; align-items: center; justify-content:space-between; width:90%; margin:auto;}
.aboutus .bod .fl{width:100%;}
.aboutus .bod .fl dt{ font-size:1.2rem; text-transform:uppercase; font-weight:bold;}
.aboutus .bod .fl dt p{ font-size:1rem; margin-top:0.6rem; color:#234189; text-transform:none; font-weight:bold;}
.aboutus .bod .fl dd{ margin-top:0rem; font-size:1rem; line-height:1.5rem;}
.aboutus .bod .fl dd p{ margin-top:1rem;}
.aboutus .bod .fr{width:100%; margin-top:1.5rem;}
.aboutus .bod .fr img{width:100%;}

.about-factory{ overflow:hidden; width:100%; margin:auto; margin-top:1.5rem;}
.about-factory .txt{ text-align:center;}
.about-factory .txt dt{font-size:1.2rem; font-weight:bold; margin-bottom:0.6rem; text-transform:uppercase;}
.about-factory .txt dd{ width:4rem; height:3px; background:#0057a8; margin:auto;}
.about-factory .bod{display: flex; flex-wrap:wrap; margin-top:40px; overflow:hidden;}
.about-factory .bod dl{width:100%; background:#f5f5f5;}
.about-factory .bod dl dt{ position:relative; padding-bottom:70%; margin:0.5rem;}
.about-factory .bod dl dt img{ position:absolute; width:100%; height:100%;}
.about-factory .bod dl dd{ text-align:center; margin-top:0.7rem; margin-bottom:0.7rem; font-size:1rem;}

.index5-aboutus{overflow:hidden; margin-top:2rem; background:url(../images/index5.jpg) center center; padding:2rem 0px;}
.index5-aboutus .bod{ width:90%; margin:auto; background:#FFF; padding-top:1.5rem;}
.index5-aboutus .bod .txt dt{text-align:center; font-size:1.2rem; text-transform:uppercase; font-weight:bold;}
.index5-aboutus .bod .txt dd{text-align:center; width:90%; margin:auto; margin-top:0.5rem; line-height:1.5rem; font-size:1rem;}
.index5-aboutus .bod .tmall-brand{ position: relative; width:94%; margin:auto; overflow: hidden; margin-top:1.5rem; padding-bottom:1.5rem;}
.index5-aboutus .bod .tmall-brand .fCl-slide li{display:flex; flex-wrap:wrap; align-items: center; justify-content:space-between;}
.index5-aboutus .bod .tmall-brand .fCl-slide li a{ display: block; width:48%; text-align: center; color: #666; overflow: hidden; border:#ccc 1px solid; margin-bottom:0.5rem;}
.index5-aboutus .bod .tmall-brand .fCl-slide li a img{ width:100%;}
.index5-aboutus .bod .tmall-brand .fCl-nav{display:flex; flex-wrap:wrap; align-items: center; justify-content:center;}
.index5-aboutus .bod .tmall-brand .fCl-nav li{width:0.8rem; background:#CCC; height:0.8rem; margin:0px 0.5rem; border-radius:100%;}
.index5-aboutus .bod .tmall-brand .fCl-nav li.on{background:#0057a8;}

.about{overflow:hidden; background:#fff; width:90%; margin:auto; padding-top:4rem; padding-bottom:3rem;}
.about .bod{display:flex; flex-wrap:wrap; align-items: center; justify-content:space-between;}
.about .bod .txt{width:100%;}
.about .bod .txt dt{ font-size:3.6rem; text-transform:uppercase; text-align:center; font-weight:bold;}
.about .bod .txt dt p{ font-size:2.6rem; margin-top:1.5rem; color:#7cb736; text-transform:none; font-weight:bold;}
.about .bod .txt dd{ margin-top:3rem; font-size:2.6rem; line-height:4.2rem;}
.about .bod .txt li{ margin-top:30px; font-size:16px; line-height:30px;}
.about .bod .bod{width:100%; margin-top:4rem;}
.about .bod .bod video{width:100%;}

.honor{overflow:hidden; width:90%; margin:auto; padding-bottom:4rem;}
.honor .txt{ text-align:center; margin-top:90px;}
.honor .txt dt{font-size:3.6rem; font-weight:bold; margin-bottom:1.5rem; text-transform:uppercase;}
.honor .txt dd{ width:6rem; height:0.4rem; background:#7cb736; margin:auto;}
.honor .bod{display: flex; flex-wrap:wrap; justify-content:space-between; margin-top:4rem; overflow:hidden;}
.honor .bod dl{width:48%; background:#f5f5f5; margin-bottom:2rem;}
.honor .bod dl dt{ position:relative; padding-bottom:120%; margin-left:1.5rem; margin-right:1.5rem; margin-top:1.5rem;}
.honor .bod dl dt img{ position:absolute; width:100%; height:100%;}
.honor .bod dl dd{ text-align:center; margin-top:2rem; margin-bottom:2rem; font-size:2.6rem;}

.factory{overflow:hidden; padding-bottom:2rem;}
.factory .txt{ text-align:center; text-transform:uppercase; margin-top:6rem;}
.factory .txt dt{font-size:3.6rem; font-weight:bold; margin-bottom:1.5rem;}
.factory .txt dd{ width:6rem; height:0.4rem; background:#7cb736; margin:auto;}
.factory .hp-tab-newprd{width:94%; overflow: hidden; margin:0 auto; padding-top:4rem;}
.factory .hp-tab-newprd .j-sw-nav{width: 100%; overflow: hidden; display:flex; flex-wrap:wrap; justify-content:center;}
.factory .hp-tab-newprd .j-sw-nav li{border:#ccc 1px solid; font-size:2.8rem; border-radius:6rem; margin-bottom:2rem; width:100%; text-align:center; padding:1.5rem;}
.factory .newprd-s1, .newprd-s1 a{z-index:20}
.factory .newprd-s2, .newprd-s2 a{z-index:19}
.factory .newprd-s3, .newprd-s3 a{z-index:18}
.factory .newprd-s4, .newprd-s4 a{z-index:17}
.factory .newprd-s5, .newprd-s5 a{z-index:16}
.factory .newprd-s6, .newprd-s6 a{z-index:15}
.factory .newprd-s7, .newprd-s7 a{z-index:14}
.factory .hp-tab-newprd .j-sw-nav li:hover,.factory .hp-tab-newprd .j-sw-nav .on {z-index: 99; color: #fff; background:#7cb736;}
.factory .newprd-clip{margin-top:2.5rem; width:100%;}
.factory .hp-tab-newprd .j-sw-c ul{display: flex; flex-wrap:wrap; justify-content: space-between;}
.factory .hp-tab-newprd .j-sw-c li{width:48.5%; background:#eee; margin-bottom:2rem;}
.factory .hp-tab-newprd .j-sw-c li dd{position:relative; padding-bottom:70%; margin-left:1.5rem; margin-right:1.5rem; margin-top:1.5rem;}
.factory .hp-tab-newprd .j-sw-c li dd img{position:absolute; width:100%; height:100%;}
.factory .hp-tab-newprd .j-sw-c li p{ color:#333; margin-top:2rem; text-align:center; margin-bottom:2rem; font-size:2.8rem;}

.productlist{overflow:hidden; display: flex; flex-wrap:wrap; justify-content:space-between; width:90%; margin:auto; padding-top:1.5rem; padding-bottom:0.5rem;}
.productlist .fl{width:100%;}
.productlist .fl .txt{ overflow:hidden;}
.productlist .fl .txt dt{ font-size:1.2rem; color:#0057a8; font-weight:bold; text-transform:uppercase; background:url(../images/index1-bj-1.png) left center no-repeat; padding-left:1.8rem; background-size:1.2rem;}
.productlist .fl .txt dd{margin-top:0.8rem; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.productlist .fl .txt dd li{border:#eee 1px solid; transition: all 1s; display:block; margin:5px; font-size:1rem; width:100%;}
.productlist .fl .txt dd li p{padding:0.6rem 1rem;}
.productlist .fl .txt dd li:hover p{transition: all 1s; color:#fff; background:#0057a8;}
.productlist .fl .txt dd li .active p{transition: all 1s; color:#fff; background:#0057a8;}
.productlist .fr{width:100%;}
.productlist .fr .search{width:94%; margin:auto; padding-top:1rem; display: flex; flex-wrap:wrap; align-items:center; justify-content: center;}
.productlist .fr .search form{display: flex; flex-wrap:wrap; align-items:center; justify-content: center; width:100%; overflow:hidden; border:#CCC 1px solid; border-radius:3rem;}
.productlist .fr .search form input{ width:65%; height:3rem; outline:none; font-size:1rem; padding-left:5%; border:none;}
.productlist .fr .search form button{ width:30%; background:#7cb736; border:none; height:3rem; font-size:18px; color:#FFF; text-transform:uppercase; font-size:1rem;}
.productlist .fr .bod{ overflow:hidden; margin-top:1rem;}
.productlist .fr .bod dl{width:100%; margin-bottom:1.5rem; }
.productlist .fr .bod dl dt{position:relative; padding-bottom:70%; overflow:hidden; display: flex; flex-wrap:wrap; justify-content:center; background:#f5f5f5;}
.productlist .fr .bod dl dt img{position:absolute; height:100%; transition: all 0.5s;}
.productlist .fr .bod dl dt .info{ display:none;}
.productlist .fr .bod dl dd{margin-top:0.8rem; margin-bottom:0.8rem; text-align:center; font-size:1rem;}
.productlist .fr .bod dl:hover dd{ color:#0057a8;}
.productlist .fr .bod dl p{width:fit-content; padding:0.6rem 1rem; border:#0057a8 1px solid; color:#0057a8; font-size:1rem; margin:auto; transition: all 0.5s;}
.productlist .fr .bod dl:hover p{ background:#0057a8; color:#FFF; transition: all 0.5s;}
.productlist .fr .bod dl:hover dt img{transition: all 0.5s; transform: scale(1.1);}

.fanye{overflow:hidden; display: flex; flex-wrap:wrap; align-items:center; justify-content:center; margin-top:0; font-size:1rem;}
.fanye .fenye2{display: flex;}
.fanye .fenye2 .page-num{color:#666; padding:5px; flex:1; overflow:hidden; overflow:hidden; overflow:hidden; display: flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:0.5rem;}
.fanye .fenye2 .page-num-current{color:#fff; overflow:hidden; display: flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:0.5rem; background:#0057a8; border:#0057a8 1px solid;}
.fanye .fenye2 .page-num-current:hover{color:#ff9000;}
.fanye a{border:#ddd 1px solid; padding:0.5rem; background:#f5f5f5; transition: all 0.5s; margin-bottom:0.3rem;}
.fanye a:hover{background:#0057a8; color:#fff; transition: all 0.5s; border:#0057a8 1px solid;}

.tiao{ overflow:hidden; height:2.9rem;}

/*product*/
.ppp .ppp-l{ display:none;}
.product{overflow:hidden; margin-top:1.2rem;}
.product .neiye-txt{ font-size:1.2rem;}
.product .bod{margin-top:1rem; overflow:hidden; margin-bottom:0rem;}
.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:67.7%; }
.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:15px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; overflow:hidden;}
.product .bod .fl .game163 .sPrev{font-size:2rem; font-family:"宋体"; color:#666;}
.product .bod .fl .game163 .sNext{font-size:2rem; font-family:"宋体"; color:#666;}
.product .bod .fl .game163 .sPrev:hover{ color:#0057a8;}
.product .bod .fl .game163 .sNext:hover{ color:#0057a8;}
.product .bod .fl .game163 .smallImg{float:left;  display:inline; width:84%; 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:33%;}
.product .bod .fl .game163 .smallImg li p{position:relative; padding-bottom:67.7%; 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:#0057a8;}
.product .bod .fr{ width:100%; margin-top:1rem;}
.product .bod .fr .txt{ overflow:hidden;}
.product .bod .fr .txt dt{ font-size:1.2rem; color:#0057a8; margin-bottom:1rem; margin-top:0.5rem;}
.product .bod .fr .txt li{ font-size:1rem; margin-top:0rem; line-height:1.5rem; color:#666;}
.product .bod .fr .lainxi{display: flex; flex-wrap:wrap; align-items:center; justify-content:space-between;  margin-top:2rem; }
.product .bod .fr .lainxi dl{ background:#f5f5f5; color:#333; width:48%; padding:0.6rem 0rem; text-align:center; border-radius:0.5rem; overflow:hidden; border:#eee 1px solid; font-size:1rem;}
.product .bod .fr .lainxi dl:hover{background:#0057a8; color:#FFF;}
.product .bod .fr .lainxi ul{ background:#fff; color:#333; width:48%; padding:0.6rem 0px; text-align:center; border-radius:0.5rem; overflow:hidden; border:#eee 1px solid; font-size:1rem;}
.product .bod .fr .lainxi ul:hover{background:#0057a8; color:#FFF;}
.product .www360buy{width:100%; margin-top:2rem; display:block; overflow:hidden; }
.product .www360buy .hd{overflow:hidden;}
.product .www360buy .hd ul{display: flex; flex-wrap:wrap; align-items:center; justify-content: space-between;}
.product .www360buy .hd li{height:3rem; line-height:3rem; text-align:center; width:49.8%; background:#f5f5f5;font-size:1.2rem;}
.product .www360buy .hd li.on{background:#0d6fb8; color:#fff; }
.product .www360buy .bd{ margin-top:0.6rem;}
.product .www360buy .lh{overflow:hidden; line-height:24px;}
.product .www360buy .lh table{border:#ddd 1px solid !important; border-collapse:collaps; width:100% !important;}
.product .www360buy .lh table tr{ background:#eee !important;}
.product .www360buy .lh table tr td{border-right:#ddd 1px solid !important; padding:0; border-bottom:#ddd 1px solid !important; text-align:center;padding-top:0.3rem !important;padding-bottom:0.3rem !important; font-size:1rem; line-height:1.3rem;}
.product .www360buy .lh table tr:nth-child(2n){ background:#FFF !important;}
.product .www360buy .lh video{ width:100%; height:100%;}
.product .www360buy .lh h3{ font-size:1.4rem; color:#234189; margin-top:1rem; margin-bottom:0.5rem;}
.product .www360buy .lh h1{ font-size:1.8rem; margin-bottom:1rem; margin-top:1rem; color:#234189;}
.product .www360buy .lh h2{ font-size:1.6rem; margin-bottom:1rem; margin-top:1rem; color:#234189;}
.product .www360buy .lh h4{ font-size:1.2rem; margin-bottom:1rem; margin-top:1rem; color:#234189;}
.product .www360buy .lh h5{ font-size:1rem; margin-bottom:1rem; margin-top:1rem; color:#234189; font-weight:bold;}
.product .www360buy .lh p{ margin-top:0.7rem;}
.product .www360buy .lh img{ width:100%;}
.product .message{overflow:hidden; display:block; padding-top:1.5rem;}
.product .message .txt{ text-align:center;}
.product .message .txt dt{ font-size:2rem; font-family:"Bodoni Bd BT"; text-transform:uppercase; color:#eee;}
.product .message .txt dd{ font-size:1.4rem; 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:#eee 1px solid !important; border:none; height:3rem; line-height:3rem; outline:none; font-size:1rem;}
.product .message ul{display: flex; flex-wrap:wrap; align-items:center; justify-content: space-between;}
.product .message ul p{ width:50%;}
.product .message ul p input{width:100%; border-bottom:#eee 1px solid !important; border:none; outline:none; font-size:1rem; height:3rem; line-height:3rem;}
.product .message ul p img{ height:3rem; margin-left:0.5rem;}
.product .message dl p textarea{width:100%; border-bottom:#eee 1px solid !important; border:none; outline:none;  font-family:Arial; font-size:1rem; color:#f52f3d; height:3rem; line-height:3rem;}
.product .message li textarea{width:100%; border-bottom:#eee 1px solid !important; border:none; height:6rem; outline:none; margin-bottom:1rem; font-family:Arial; font-size:1rem; color:#666; margin-top:1rem;}
.product .message button{width:100%; height:3rem; border:#0057a8 1px solid; background:none; color:#fff; font-size:1rem; text-transform:uppercase; background:#0057a8;}
.product .message button:hover{ background:#18488a; color:#FFF;}
.product .gengduo-txt li{ width:100%; font-size:1.4rem; border-bottom:#0057a8 1px solid; color:#0057a8; margin-top:2rem; padding-bottom:0.5rem; font-weight:bold;}
.product .xiangguan{ margin-top:1rem;}
.product .xiangguan dl{width:100%; margin-bottom:1.5rem; }
.product .xiangguan dl dt{position:relative; padding-bottom:70%; overflow:hidden; display: flex; flex-wrap:wrap; justify-content:center; background:#f5f5f5;}
.product .xiangguan dl dt img{position:absolute; height:100%; transition: all 0.5s;}
.product .xiangguan dl dt .info{ display:none;}
.product .xiangguan dl dd{margin-top:0.8rem; margin-bottom:0.7rem; text-align:center; font-size:1rem;}
.product .xiangguan dl:hover dd{ color:#0057a8;}
.product .xiangguan dl p{width:fit-content; padding:0.6rem 1rem; border:#0057a8 1px solid; color:#0057a8; margin:auto; transition: all 0.5s; font-size:1rem;}
.product .xiangguan dl:hover p{ background:#0057a8; color:#FFF; transition: all 0.5s;}
.product .xiangguan dl:hover dt img{transition: all 0.5s; transform: scale(1.1);}

.product-img{ display:none;}

.caselist1{ overflow:hidden; display: flex; flex-wrap:wrap; width:90%; margin:auto; margin-top:1.5rem;}
.caselist1 dl{width:48.5%; margin-bottom:0rem; float:left; margin-right:3%;}
.caselist1 dl:nth-child(2n){ margin-right:0px;}
.caselist1 dl dt{position:relative; padding-bottom:100%; overflow:hidden; background:#f5f5f5;}
.caselist1 dt img{position:absolute; height:100%; height:100%; transition: all 0.5s; object-fit: cover;}
.caselist1 dl dt .info{position:absolute; left:0; bottom:0; right:0; height:0px; background:rgba(10,65,140,0); transition: all 0.5s;}
.caselist1 dl dt .info img{ display:none;}
.caselist1 dl:hover dt .info{position:absolute;left:0;bottom:0;right:0;background:rgba(10,65,140,0.4);height:100%;transition:all 0.5s;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
.caselist1 dl:hover dt .info img{ width:2rem; height:2rem; display:block;}
.caselist1 dl dd{margin-top:1rem; margin-bottom:1rem; text-align:center;}
.caselist1 dl:hover dd{ color:#0057a8;}
.caselist1 dl p{width:fit-content; padding:10px 30px; border:#0057a8 1px solid; color:#0057a8; font-size:18px; margin:auto; transition: all 0.5s;}
.caselist1 dl:hover p{ background:#0057a8; color:#FFF; transition: all 0.5s;}
.caselist1 dl:hover dt img{transition: all 0.5s; transform: scale(1.1);}

.caselist{ overflow:hidden; width:90%; margin:auto; padding-bottom:40px;}
.caselist .txt{text-align:center; width:100%; margin:auto;}
.caselist .txt dt{ font-size:1.6rem; font-weight:bold;}
.caselist .txt dd{ font-size:1rem; color:#666; margin-top:1rem; line-height:1.5rem;}
.caselist .txt li{ font-weight:bold; font-size:1rem; margin-top:0.5rem;}
.caselist .txt ul{ margin-top:2rem;}
.caselist .txt ul video{ width:100%; height:15rem;}
.caselist .tit{text-align:center; font-size:1.6rem; font-weight:bold; margin-top:2rem;}
.caselist .bod{ width:100%; overflow:hidden; margin-top:1rem;}
.caselist .bod{ overflow:hidden; display: flex; flex-wrap:wrap;}
.caselist .bod dl{width:100%}
.caselist .bod dl dt{position:relative; padding-bottom:70%; overflow:hidden; display: flex; flex-wrap:wrap; justify-content:center; background:#f5f5f5;}
.caselist .bod dl dt img{position:absolute; height:100%; transition: all 0.5s;}
.caselist .bod dl dt .info{position:absolute; left:0; bottom:0; right:0; height:0px; background:rgba(10,65,140,0); transition: all 0.5s;}
.caselist .bod dl dt .info img{ display:none;}
.caselist .bod dl:hover dt .info{position:absolute;left:0;bottom:0;right:0;background:rgba(10,65,140,0.4);height:100%;transition:all 0.5s;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
.caselist .bod dl:hover dt .info img{ width:2rem; height:2rem; display:block;}
.caselist .bod dl dd{margin-top:1rem; margin-bottom:1rem; text-align:center;}
.caselist .bod dl:hover dd{ color:#0057a8;}
.caselist .bod dl:hover dt img{transition: all 0.5s; transform: scale(1.1);}

.service{overflow:hidden; width:90%; margin:auto; padding-top:2rem; padding-bottom:0rem;}
.service .txt{text-align:center;}
.service .txt dt{font-size:1.4rem; color:#666;}
.service .txt dd{ font-size:1.6rem; margin-top:1rem; font-weight:bold;}
.service .txt dd p{ margin-top:1rem; font-weight:normal;}
.service .txt li{ margin-top:1rem; font-size:1.6rem; color:#666;}
.service .liucheng-wap{ margin-top:2rem;}
.service .liucheng-wap .item{display: flex; flex-wrap:wrap; justify-content: space-between; width:100%; overflow:hidden;}
.service .liucheng-wap dl{ width:48%; text-align:center; margin-bottom:1rem; background:#f5f5f5; display: flex; flex-wrap:wrap; align-items:center; justify-content:center; padding-bottom:2rem;}
.service .liucheng-wap dl dt{ width:4rem; height:4rem; overflow:hidden; margin:1.5rem;}
.service .liucheng-wap dl dt img{width:4rem; height:4rem;}
.service .liucheng-wap dl:hover dt img{filter:drop-shadow(#0057a8 0px 4rem); transform: translateY(-4rem);}
.service .liucheng-wap dl p{ margin-left:1.5rem; margin-right:1.5rem; font-size:1rem;}
.service .liucheng-wap li{ width:10%; text-align:center;}
.service .liucheng-wap li img{ width:1.5rem;}
.service .liucheng{ display:none}
.service-list{overflow:hidden; width:100%; margin:auto; margin-top:1rem;}
.service-list .item{ width:100%; overflow:hidden; display: flex; flex-wrap:wrap; align-items:center; justify-content: space-between; background:#f5f5f5; padding:1.3rem 0px;}
.service-list .item .fl{ width:90%; margin:auto;}
.service-list .item ul{ width:100%; position:relative; padding-bottom:65%;}
.service-list .item ul img{ width:100%; height:100%; position:absolute; transition: all 1s;}
.service-list .item ul:hover img{transition: all 1s; transform: scale(1.1);}
.service-list .item dl{text-align:center;}
.service-list .item dl dt{ font-size:1.4rem;}
.service-list .item dl dd{ width:3rem; height:2px; background:#333; margin:0.7rem auto;}
.service-list .item dl li{ margin-top:1rem; font-size:16px; color:#666; line-height:1.7rem;}
.service-list .item .fr{width:90%; margin:auto; margin-top:1rem;}
.service-list .item:nth-child(2n){ background:#FFF;}

.joblist{overflow:hidden; width:90%; margin:auto; padding-bottom:4rem;}
.joblist .txt{ text-align:center; margin-top:90px;}
.joblist .txt dt{font-size:3.6rem; font-weight:bold; margin-bottom:15px; text-transform:uppercase;}
.joblist .txt dd{ width:6rem; height:0.4rem; background:#7cb736; margin:auto;}
.joblist .bod{display: flex; flex-wrap:wrap; margin-top:60px; overflow:hidden;}
.joblist .bod dl{width:48.5%; background:#f5f5f5; margin-bottom:2rem; margin-right:3%;}
.joblist .bod dl:nth-child(2n){ margin-right:0px;}
.joblist .bod dl dt{ position:relative; padding-bottom:70%; margin-left:1.5rem; margin-right:1.5rem; margin-top:1.5rem;}
.joblist .bod dl dt img{ position:absolute; width:100%; height:100%;}
.joblist .bod dl dd{ text-align:center; margin-top:2rem; margin-bottom:2rem; font-size:2.6rem;}

.news{ overflow:hidden; background:#fff; padding-top:1.5rem; width:90%; margin:auto;}
.news .fl{ width:100%;}
.news .txt{ border-bottom:#CCC 1px dashed; padding-bottom:1.5rem; margin-bottom:1.5rem;}
.news .txt dt{font-size:1.2rem; font-weight:bold;}
.news .txt dd{margin-top:1rem; color:#666;}
.news .txt dd p{}
.news .bod{overflow:hidden;}
.news .bod img{ width:100%; margin-bottom:1rem;}
.news .bod p{ font-size:1rem; color:#666; line-height:1.5rem; margin-bottom:0.5rem; text-wrap:wrap !important;}
.news .bod span{text-wrap:wrap !important;}
.news .gengduo{ border-top:#CCC 1px dashed; padding-top:50px;}
.news .gengduo dl{display: flex; flex-wrap:wrap; align-items:center; margin-bottom:20px;}
.news .gengduo dl p{width:8%; background:#0057a8; width:1.5rem; height:1.5rem; display: flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:100%;}
.news .gengduo dl p img{ width:0.8rem;}
.news .gengduo dl span{ margin-left:15px; width:86%;}
.news .fr{ width:100%; display:block;}
.news .fr ul{ background:#0057a8; color:#FFF; font-size:30px; text-align:center; padding:15px 0px; border-radius:20px 20px 0px 0px;}
.news .fr dl{ margin-top:20px; border-bottom:#CCC 1px dashed; padding-bottom:15px;}
.news .fr dl dt{ position:relative; padding-bottom:60%;}
.news .fr dl dt img{ position:absolute; width:100%; height:100%;}
.news .fr dl dd{ font-size:18px; margin-top:15px;}
.news .fr dl li{ margin-top:10px; color:#666;}

.contact{overflow:hidden; margin-top:1.5rem; background:#fff; margin-bottom:1.5rem; width:100%;}
.contact .bod{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; width:90%; margin:auto;}
.contact .bod .fl{width:100%;}
.contact .bod .fl dt{text-transform:uppercase; font-weight:bold;}
.contact .bod .fl dd{ margin-top:1rem; font-size:1rem; line-height:1.5rem;}
.contact .bod .fl dd p{ text-wrap:wrap !important; margin-top:10px;}
.contact .bod .fl dd p span{text-wrap:wrap !important;}
.contact .bod .fl dd span{text-wrap:wrap !important;}
.contact .bod .fl li{ font-size:1.1rem;}
.contact .bod .fr{width:100%; margin-top:1.5rem;}
.contact .bod .fr img{width:100%;}

.message-c{ width:90%; margin:auto; margin-bottom:1rem;}
.message-c .tit{text-align:center; font-size:1.4rem;}
.message-c form{display: flex; flex-wrap:wrap; justify-content: space-between; margin-top:1rem;}
.message-c form .fl{ width:100%;}
.message-c form dl{width:100%; margin-bottom:1rem; border:#CCC 1px solid;}
.message-c form input{width:100%; height:3rem; border:none; overflow:hidden; outline:none; margin-left:0.5rem; font-size:16px; padding-left:2rem;}
.message-c form dl:nth-child(1) input{ background:url(../images/m1.jpg) no-repeat left center;}
.message-c form dl:nth-child(2) input{ background:url(../images/m2.jpg) no-repeat left center;}
.message-c form dl:nth-child(3) input{ background:url(../images/m3.jpg) no-repeat left center;}
.message-c form dl:nth-child(4) input{ background:url(../images/m4.jpg) no-repeat left center;}
.message-c form ul{width:100%; margin-bottom:25px;}
.message-c form .fr{ width:100%; border:#CCC 1px solid; margin-bottom:1rem;}
.message-c form .fr textarea{width:100%; border:none; height:8rem; background:url(../images/m5.jpg) no-repeat left top; margin-top:0.8rem; margin-left:0.5rem; font-size:1rem; color:#666; font-family:Arial; padding-left:2rem;}
.message-c form button{width:100%; background:#0057a8; color:#333; text-align:center; height:3rem; border:none; font-size:18px; color:#FFF;}

.p-search{width:94%; margin:auto; padding-top:80px; display: flex; flex-wrap:wrap; align-items:center; justify-content: center;}
.p-search form{display: flex; flex-wrap:wrap; align-items:center; justify-content: center; width:100%; overflow:hidden; border:#CCC 1px solid; border-radius:3rem;}
.p-search form input{ width:65%; height:3rem; outline:none; font-size:1rem; padding-left:5%; border:none;}
.p-search form button{ width:30%; background:#7cb736; border:none; height:3rem; font-size:18px; color:#FFF; text-transform:uppercase; font-size:1rem;}

.jianshe{width:80%;position:fixed; left:10%; top:50%; z-index:999; height:100px; background:rgba(0,67,129,0.8); color:#fff; margin-top:-50px;}
.jianshe dl{ text-align:center; line-height:100px; font-size:2rem;}
}