*{margin:0;padding:0}
body{color:#333; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-family: "微软雅黑"; font-size:16px; width:100%;}
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:1200px)and (max-width:300000px){
.w1200{width:1200px; margin:auto;}
.w90{ width:90%; margin:auto;}

.top1bj{width: 100%; z-index:999; color:#333; background: #f5f5f5;}
.top1bj .logo{display:flex; flex-wrap:wrap; justify-content:centrt; height:180px; }
.top1bj .logo .logo-img{display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; border-bottom:#CCC 1px solid; width:100%; overflow:hidden;}
.top1bj .logo .logo-img dl{ width:50%; border-right:#CCC 1px solid; display:block; padding-bottom:20px;}
.top1bj .logo .logo-img dl img{ height:62px; margin-right:30px; float:right;}
.top1bj .logo .logo-img ul{ width:48%; font-size:30px; font-weight:bold; text-transform:uppercase; padding-bottom:20px;}
.top1bj .logo .logo-img ul p{ text-transform:none; font-size:24px;}
.top1bj .logo .tiaojian{display:flex; flex-wrap:wrap; align-items: center; justify-content:center; width:100%; overflow:hidden;}
.top1bj .logo .tiaojian dd{display:flex; flex-wrap:wrap; align-items: center; margin-left:50px; margin-right:50px; margin-top:10px; margin-bottom:10px;}
.top1bj .logo .tiaojian dd img{ width:25px; margin-right:15px;}
.top1bj #Menu-btn{display:none;}
.top1bj #Menu-btn-h{display:none;}
.top1bj #menu1{display:none;}
.top1bj .navBar{position:relative; z-index:99;   color:#fff; height:50px; line-height:50px; background:#0d6fb8;}
.top1bj .navBar .w1200{display:flex; flex-wrap:wrap; align-items: center; justify-content:space-between;}
.top1bj .navBar .nav{display:flex; flex-wrap:wrap; align-items:center;}
.top1bj .navBar .nav .m{position:relative;}
.top1bj .navBar .nav .m a{padding:0 40px; display:block;}
.top1bj .navBar .nav .m:hover{color:#fff; background:#222;}
.top1bj .navBar .nav .m i{display:inline-block;width:11px;height:7px;background:url(../images/icon.png) no-repeat;overflow:hidden;vertical-align:middle;filter:alpha(opacity=50);opacity:0.5; margin-left:10px;}
.top1bj .navBar .nav .on i{filter:alpha(opacity=100);opacity:1;  }
.top1bj .navBar .nav .sub{display:none; width:300px; position:absolute; left:20px; top:50px;  background:#fff; line-height:30px; border-radius:5px; padding-top:0px; box-shadow: 10px 10px 10px 0PX rgba(0,0,0,0.2);}
.top1bj .navBar .nav .sub li{color:#333; text-transform:capitalize; position:relative; border-bottom:#eee 1px solid;}
.top1bj .navBar .nav .sub li a{padding-left:20px; padding-right:20px; padding-bottom:10px; padding-top:10px;}
.top1bj .navBar .nav .sub li a span{float:right; font-family:"宋体";}
.top1bj .navBar .nav .sub li .info{display:none;}
.top1bj .navBar .nav .sub li:hover{color:#0d6fb8;}
.top1bj .navBar .nav .sub li:hover .info{display:block; position:absolute; left:300px; padding-top:0px; top:0px; background:#fff; border-radius:5px; width:300px; color:#333; box-shadow: 10px 10px 10px 0PX rgba(0,0,0,0.2);}
.top1bj .navBar .nav .sub li:hover .info dt{border-left:#CCC 1px solid; border-bottom:#eee 1px solid;}
.top1bj .navBar .nav .sub li:hover .info dt a{padding-left:20px; padding-right:20px; padding-bottom:10px; padding-top:10px;}
.top1bj .navBar .nav .sub li:hover .info dt:hover{color:#0d6fb8;}
.top1bj .navBar .fr form{display:flex; flex-wrap:wrap; align-items: center;}
.top1bj .navBar .fr form input{width:140px;height:30px;border:#CCC 1px solid;border-radius:30px 0px 0px 30px;border-right:none !important; outline:none; padding-left:20px; }
.top1bj .navBar .fr form button{width:50px;height:32px; border:#CCC 1px solid;border-radius:0px 30px 30px 0px;background:#FFF;border-left:none !important;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}

.active{background:#222;color:#fff;}

.header11{background:#222; position:fixed; width:100%;top:0;z-index:999; display:none; color:#fff}
.header11 .navBar{position:relative; z-index:1;   color:#fff; height:50px; line-height:50px; width:1200px; margin:auto;}
.header11 .navBar .w1200{display:flex; flex-wrap:wrap; align-items: center; justify-content:space-between;}
.header11 .navBar .nav{display:flex; flex-wrap:wrap; align-items:center;}
.header11 .navBar .nav .m{position:relative;}
.header11 .navBar .nav .m a{padding:0 25px; display:block;}
.header11 .navBar .nav .m i{display:inline-block;width:11px;height:7px;background:url(../images/icon.png) no-repeat;overflow:hidden;vertical-align:middle;filter:alpha(opacity=50);opacity:0.5; margin-left:10px;}
.header11 .navBar .nav .on i{filter:alpha(opacity=100);opacity:1;  }
.header11 .navBar .nav .sub{display:none; width:300px; position:absolute; left:0px; top:50px;  background:#eee; line-height:30px; border-radius:5px; padding-top:10px; padding-bottom:10px; box-shadow: 2px 2px 4px 0PX #CCC;}
.header11 .navBar .nav .sub li{color:#333; text-transform:capitalize; position:relative;}
.header11 .navBar .nav .sub li a span{ float:right; font-family:"宋体";}
.header11 .navBar .nav .sub li .info{ display:none;}
.header11 .navBar .nav .sub li:hover .info{display:block; position:absolute; left:300px; top:0px; background:#eee; border-radius:5px; width:300px;}
.header11 .navBar .nav .sub li:hover .info dt{ border-left:#CCC 1px solid; line-height:12px; padding-bottom:20px;}
.header11 .navBar .nav .sub li:hover .info dt:nth-child(1){ padding-top:20px;}
.header11 .navBar .fr form{display:flex; flex-wrap:wrap; align-items: center;}
.header11 .navBar .fr form input{width:200px;height:30px;border:#CCC 1px solid;border-radius:30px 0px 0px 30px;border-right:none !important; outline:none; padding-left:20px;}
.header11 .navBar .fr form button{width:50px;height:32px; border:#CCC 1px solid;border-radius:0px 30px 30px 0px;background:#FFF;border-left:none !important;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}

.focusBox {width:100%; height:649px; overflow: hidden; position:relative;}
.focusBox .pic{z-index:0; }
.focusBox .pic li{height:649px;}
.focusBox .pic li img {position:absolute; width:100%; height:100%; object-fit: cover;}
.focusBox .jiantou{position:absolute; bottom:45%; color:#fff; left:1.5%; right:1.5%; display: flex; align-items: center; justify-content:space-between;}
.focusBox .jiantou .prev{font-size:48px; font-family:"宋体"; font-weight:bold;}
.focusBox .jiantou .next{font-size:48px; font-family:"宋体"; font-weight:bold;}
.focusBox .jiantou:hover{color:#333;}
.focusBox .hd {width:100%;position:absolute;bottom:20px;text-align:center;font-size:0;z-index:1; }
.focusBox .hd li{margin:0 5px;background:#ccc;overflow:hidden;height:12px;width:12px;cursor:pointer;display:inline-block; *display:inline; zoom:1; border-radius:100%;}
.focusBox .hd .on{background:#333;}

.index1{overflow:hidden; width:100%; margin-top:60px;}
.index1 .txt{ border-bottom:#eee 1px solid; overflow:hidden; display: flex; flex-wrap:wrap; align-items:center; justify-content: space-between;}
.index1 .txt .fl dt{ font-size:30px; text-transform:uppercase;color:#0d6fb8; font-weight:bold; padding-bottom:20px;}
.index1 .txt .fl dd{ width:45px; height:3px; background:#0d6fb8;}
.index1 .txt .fr{ color:#999;}
.index1 .bod{margin-top:40px; display: flex; flex-wrap:wrap; justify-content: space-between; overflow:hidden;}
.index1 .bod dl{width:18.5%; margin-bottom:30px;}
.index1 .bod dl dt{ position:relative; padding-bottom:100%; overflow:hidden; border:#eee 1px solid; border-radius:10px;}
.index1 .bod dl dt img{ position:absolute; width:100%; height:100%;}
.index1 .bod dl li{border-top:#eee 6px solid; padding-top:15px; font-size:14px; color:#666;}
.index1 .bod dl:hover li{color:#0d6fb8;}
.index1 .bod dl dd{margin-top:10px; font-size:14px; font-weight:bold;}

.index2{overflow:hidden; width:100%; margin-top:60px; background:#f5f5f5; padding-bottom:90px;}
.index2 .txt{font-size:42px; font-weight:bold; margin-top:80px;}
.index2 .txt dd{ margin-bottom:15px; text-align:center;}
.index2 .txt p{ width:40px; height:3px; background:#666; margin:auto;}
.index2 .bod{margin-top:40px; display: flex; flex-wrap:wrap; justify-content: space-between; overflow:hidden; padding-bottom:40px;}
.index2 .bod dl{width:18.5%; margin-bottom:30px;}
.index2 .bod dl dt{ position:relative; padding-bottom:100%; overflow:hidden; border:#eee 1px solid; border-radius:10px;}
.index2 .bod dl dt img{ position:absolute; width:100%; height:100%;}
.index2 .bod dl li{border-top:#ddd 6px solid; padding-top:15px; font-size:14px; color:#666;}
.index2 .bod dl:hover li{color:#0d6fb8;}
.index2 .bod dl dd{margin-top:10px; font-size:14px; font-weight:bold;}
.index2 .more{ width:400px; height:60px; background:#FFF; border-radius:60px; text-align:center; font-size:18px; line-height:60px; margin:auto; text-transform:uppercase;}
.index2 .more:hover{ background:#0d6fb8; color:#FFF;}

.index3{ width:1200px; overflow:hidden; padding:40px 0px; margin:auto;}
.index3 img{ width:100%;}

.index4{overflow:hidden; border-top:#eee 1px solid; padding-top:90px; margin-top:0px; padding-bottom:60px; background:url(../images/index4.jpg) center center no-repeat;}
.index4 .bod{display: flex; flex-wrap:wrap; justify-content: space-between; width:1200px; margin:auto;}
.index4 .bod dl{ width:100%; text-align:center; color:#FFF;}
.index4 .bod dl dt{font-size:30px; text-transform:uppercase; font-weight:bold;}
.index4 .bod dl dd{margin-top:30px;}
.index4 .bod dl dd p{margin-bottom:15px; line-height:30px;}
.index4 .bod dl ul{ text-align:center; margin-top:50px; margin-bottom:50px;}
.index4 .bod dl li{ width:400px; height:60px; line-height:60px; background:#0d6fb8; color:#FFF; font-size:14px; text-transform:uppercase; text-align:center; margin:auto; border-radius:60px; font-size:18px;}

.index5{ width:1200px; margin:auto; overflow:hidden; padding-top:90px; padding-bottom:30px;}
.index5 .txt{ text-align:center;}
.index5 .txt dd{ font-size:42px; text-transform:uppercase; font-weight:bold;}
.index5 .txt p{ margin-top:15px; text-transform:uppercase; font-size:18px; color:#666;}
.index5 .bod{display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:60px;}
.index5 .bod dl{ width:31%; margin-bottom:60px;}
.index5 .bod dl dd{ font-size:24px; text-align:center; margin-bottom:20px; color:#999;}
.index5 .bod dl dt{width:160px; border:#e2afaf 2px solid; border-radius:30px; height:120px; margin:auto;}
.index5 .bod dl dt p{ margin-top:15px; margin-left:15px; width:160px; border-radius:30px 30px 0px 30px; height:120px; background:#999; color:#FFF; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; font-size:24px;}
.index5 .bod dl li{font-size:14px; text-align: center; width:80%; margin:auto; padding-top:40px; color:#666;}
.index5 .bod dl:hover dt{border:#0d6fb8 2px solid;}
.index5 .bod dl:hover dt p{ background:#0d6fb8;}
.index5 .bod dl:hover dd{ color:#0d6fb8;}
.index5 .bod dl:hover li{ color:#0d6fb8;}

.index6{ background:#f5f5f5; overflow:hidden; padding:80px 0px;}
.index6 .txt{ text-align:center; margin-bottom:50px;}
.index6 .txt dd{ font-size:36px; text-transform:uppercase; font-weight:bold;}
.index6 .txt p{ margin-top:10px; text-transform:uppercase; font-size:16px; color:#666;}
.index6 .bod{display: flex; flex-wrap:wrap; justify-content: space-between; width:1200px; margin:auto;}
.index6 .bod dl{ width:118px; margin-bottom:-2px;}
.index6 .bod dl img{ width:100%;}

.index7{overflow:hidden; width:100%; padding-bottom:90px;}
.index7 .txt{font-size:42px; font-weight:bold; margin-top:90px;}
.index7 .txt dd{ margin-bottom:15px; text-align:center;}
.index7 .txt p{ width:40px; height:3px; background:#666; margin:auto;}
.index7 .bod{margin-top:40px; display: flex; flex-wrap:wrap; justify-content: space-between; overflow:hidden; padding-bottom:40px;}
.index7 .bod dl{width:18.5%; margin-bottom:30px;}
.index7 .bod dl dt{ position:relative; padding-bottom:100%; overflow:hidden; border:#eee 1px solid; border-radius:10px;}
.index7 .bod dl dt img{ position:absolute; width:100%; height:100%;}
.index7 .bod dl li{border-top:#ddd 6px solid; padding-top:15px; font-size:14px; color:#666;}
.index7 .bod dl:hover li{color:#0d6fb8;}
.index7 .bod dl dd{margin-top:10px; font-size:14px; font-weight:bold;}
.index7 .more{ width:400px; height:60px; background:#eee; border-radius:60px; text-align:center; font-size:18px; line-height:60px; margin:auto; text-transform:uppercase;}
.index7 .more:hover{ background:#0d6fb8; color:#FFF;}

.xf{display:none;}

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

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

.position{ overflow:hidden; padding:25px 0px;}
.position .bod{ width:1200px; margin:auto;}

.nybanner{width:100%;overflow: hidden;}
.nybanner li{position:relative; height:500px;}
.nybanner li img{position:absolute; width:100%; height:100%; object-fit: cover;}
.nybanner li .info{ position:absolute; top:0; bottom:0; display: flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.nybanner li .info dl{color:#FFF; width:600px;}
.nybanner li .info dl dt{ font-size:42px; color:#333;}
.nybanner li .info dl dd{ margin-top:10px; font-size:14px; color:#333; display: flex; flex-wrap:wrap;}
.nybanner li .info dl dd p a{ margin-right:15px; background:#fff; margin-top:15px; padding:10px 15px; border-radius:5px; display:block;}
.nybanner li .info dl dd p a:hover{background:#19b0cb; color:#FFF !important;}
.nybanner li .info dl dd p .active3{background:#19b0cb; display:block; color:#FFF !important;}

.about{overflow:hidden; margin-top:20px; background:#FFF; border-radius:8px; overflow:hidden; padding:20px; font-size:16px; line-height:30px;}
.about p{ margin-bottom:20px; color:#666;}

.productlist{overflow:hidden; background:#f5f5f5; padding-bottom:40px; border-bottom:#eee 1px solid;}
.productlist .bod{display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between; margin-top:25px;}
.productlist .bod .fl{width:242px; border:#eee 1px solid; overflow:hidden; overflow:hidden; background:#FFF; box-shadow: 2px 4px 8px 0 rgba(0,0,0,.05); border-radius:8px;}
.productlist .bod .fl dl{border-bottom:#eee 1px solid; font-size:14px;}
.productlist .bod .fl dl a{ display:block; padding:15px 0px;}
.productlist .bod .fl dl p{ margin-left:20px; padding-right:20px;}
.productlist .bod .fr{width:930px;}
.productlist .bod .fr .tt{border-bottom:#eee 1px solid; background:#FFF; border-radius:8px; padding:20px; overflow:hidden;}
.productlist .bod .fr .tt dt{ font-size:22px; text-transform:uppercase; font-weight:bold;}
.productlist .bod .fr .tt dd{ margin-top:10px;}
.productlist .bod .fr .tt dd p{ float:left; width: fit-content; margin-right:10px; border:#CCC 1px solid; margin-bottom:10px; border-radius:30px; font-size:14px;}
.productlist .bod .fr .tt dd p a{padding:8px 20px; display:block; border-radius:30px;}
.productlist .bod .fr .neirong{display:flex; flex-wrap:wrap; margin-top:20px;}
.productlist .bod .fr .neirong dl{width:23.5%; margin-bottom:20px; margin-right:2%;}
.productlist .bod .fr .neirong dl:nth-child(4n){margin-right:0px;}
.productlist .bod .fr .neirong dl dt{position:relative; padding-bottom:100%; border:#eee 1px solid;}
.productlist .bod .fr .neirong dl dt img{position:absolute; width:100%; height:100%;}
.productlist .bod .fr .neirong dl dd{margin-top:10px; font-size:14px; color:#666;}
.productlist .bod .fr .neirong dl li{margin-top:10px; font-size:14px; font-weight:bold;}
.productlist .bod .fr .neirong dl:hover dd{color:#0d6fb8;}
.productlist-active{border-left:#f60 5px solid; color:#f60;}
.productlist-active1{color:#fff; background:#f60;}

.productlist1{overflow:hidden; padding-bottom:40px; background:#f5f5f5; border-bottom:#eee 1px solid;}
.productlist1 .bod{display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between; margin-top:25px;}
.productlist1 .bod .fl{width:242px; border:#eee 1px solid; overflow:hidden; overflow:hidden; background:#FFF; box-shadow: 2px 4px 8px 0 rgba(0,0,0,.05); border-radius:8px;}
.productlist1 .bod .fl dl{border-bottom:#eee 1px solid; font-size:14px;}
.productlist1 .bod .fl dl a{ display:block; padding:15px 0px;}
.productlist1 .bod .fl dl p{ margin-left:20px; padding-right:20px;}
.productlist1 .bod .fr{width:930px;}
.productlist1 .bod .fr .tt{border-bottom:#eee 1px solid; background:#FFF; border-radius:8px; padding:20px; overflow:hidden;}
.productlist1 .bod .fr .tt dt{ font-size:22px; text-transform:uppercase; font-weight:bold;}

.productlist2{overflow:hidden; background:#f5f5f5; padding-bottom:40px; border-bottom:#eee 1px solid;}
.productlist2 .bod{display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between; margin-top:25px;}
.productlist2 .bod .fl{width:242px; border:#eee 1px solid; overflow:hidden; overflow:hidden; background:#FFF; box-shadow: 2px 4px 8px 0 rgba(0,0,0,.05); border-radius:8px;}
.productlist2 .bod .fl dl{border-bottom:#eee 1px solid; font-size:14px;}
.productlist2 .bod .fl dl a{ display:block; padding:15px 0px;}
.productlist2 .bod .fl dl p{ margin-left:20px; padding-right:20px;}
.productlist2 .bod .fr{width:930px;}
.productlist2 .bod .fr .tt{border-bottom:#eee 1px solid; background:#FFF; border-radius:8px; padding:20px; overflow:hidden;}
.productlist2 .bod .fr .tt dt{ font-size:22px; text-transform:uppercase; font-weight:bold;}
.productlist2 .bod .fr .tt dd{ margin-top:10px;}
.productlist2 .bod .fr .tt dd p{ float:left; width: fit-content; margin-right:10px; border:#CCC 1px solid; margin-bottom:10px; border-radius:30px; font-size:14px;}
.productlist2 .bod .fr .tt dd p a{padding:8px 20px; display:block; border-radius:30px;}
.productlist2 .bod .fr .neirong{display:flex; flex-wrap:wrap; margin-top:20px;}
.productlist2 .bod .fr .neirong dl{width:23.5%; margin-bottom:20px; margin-right:2%;}
.productlist2 .bod .fr .neirong dl:nth-child(4n){margin-right:0px;}
.productlist2 .bod .fr .neirong dl dt{position:relative; padding-bottom:100%; border:#eee 1px solid;}
.productlist2 .bod .fr .neirong dl dt img{position:absolute; width:100%; height:100%;}
.productlist2 .bod .fr .neirong dl dd{margin-top:10px; font-size:14px; color:#666;}
.productlist2 .bod .fr .neirong dl li{margin-top:10px; font-size:14px; font-weight:bold;}
.productlist2 .bod .fr .neirong dl:hover dd{color:#0d6fb8;}

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

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

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

.newslist{width:100%; margin-top:20px;}
.newslist dl{border-bottom:#ccc 1px dashed; display:flex; flex-wrap:wrap; align-items:center; padding-bottom:10px; margin-bottom:10px;}
.newslist dl dt{width:80px; background:#19b0cb; text-align:center; color:#FFF; font-size:30px; margin-right:30px; line-height:30px; padding-top:15px; padding-bottom:15px;}
.newslist dl dt p{ font-size:14px; line-height:14px;}
.newslist dl li{ display:none;}
.newslist dl dd{width:820px; font-size:16px; color:#333; line-height:18px; margin-bottom:0px; padding-top:15px;}
.newslist dl dd p{ font-size:12px; color:#999; margin-top:10px; line-height:20px;}
.newslist dl dd:hover{ color:#333;}

.news{overflow:hidden; background:#f5f5f5; padding:20px;}
.news .txtt{ }
.news .txtt dt{text-align:center; font-size:16px; color:#333;}
.news .txtt dd{display: flex; flex-wrap:wrap; justify-content: center; color:#666; overflow:hidden; margin-top:10px;}
.news .txtt dd p{margin:0px 20px; font-size:12px;}
.news .txtt li{ background:#FFF; border:#eee 1px solid; font-size:12px; line-height:20px; padding:10px; margin-top:-10px;}
.news .bod{margin-top:20px; overflow:hidden;}
.news .bod img{ width:100%; margin-bottom:40px;}
.news .gd{ width:100%; margin-top:20px; border-top:#ddd 1px dashed; padding-top:20px;}
.news .gd dl{ margin-bottom:10px;}
}

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

.top1bj{position: absolute; top: 0; left:0; width: 100%; z-index: 2; position:fixed; background:#eee;}
.top1bj .yuyan{display:none;}
.top1bj .w1200{height:11rem; display: flex; justify-content: space-between; align-items: center;}
.top1bj .w1200 .logo-img{position:absolute; display: flex; align-items: center; left:3%; right:3%; bottom:0; height:11rem;}
.top1bj .w1200 .logo-img dl img{height:5rem;}
.top1bj .w1200 .logo-img ul,.top1bj .w1200 .logo-img dt,.top1bj .w1200 .logo-img dd{ display:none;}
.top1bj .w1200 .tiaojian{display:none;}
.top1bj .w1200 #Menu-btn{position:absolute; right:3%; display: flex; align-items: center;}
.top1bj .w1200 #Menu-btn img{width:4.3rem;}
.top1bj .w1200 #Menu-btn-h{overflow: hidden; display:none; position:absolute; left:0%; right:0%; background:#fff; height:9.5rem;}
.top1bj .w1200 #Menu-btn-h .tutu{display: flex; align-items: center; justify-content: space-between; margin-left:3%; margin-right:4%; height:7rem;}
.top1bj .w1200 #Menu-btn-h .tutu dl{display: flex; align-items: center;}
.top1bj .w1200 #Menu-btn-h .tutu dl img{ height:5rem;overflow:hidden;}
.top1bj .w1200 #Menu-btn-h .tutu dd img{height:5rem;}
.top1bj .w1200 #menu1{position:absolute; display:none; top:0rem; right:0; left:0; bottom:0; margin:0; padding:0; z-index:5;}
.top1bj .w1200 #menu1 .menu-wap{font-size:3rem;list-style:none; background:#fff; position:absolute; top:7rem; left:0; right:0; border-top:rgba(255,255,255,0.4) 0.2rem solid; color:#333; padding-top:2rem; padding-bottom:6rem;}
.top1bj .w1200 #menu1 .menu-wap li{font-weight:normal; font-size:2.8rem; padding-left:4rem; padding-right:4rem; padding-top:2rem; padding-bottom:2rem; border-bottom:rgba(255,255,255,1) 1px solid;}
.top1bj .w1200 #menu1 .menu-wap li span{ float:right; font-family:"宋体";}
.top1bj .navBar{display:none;}

.header11{display:none;}

.focusBox {width:100%; height:33rem; overflow: hidden; margin-top:11rem; position:relative; background:#f8f6f3;}
.focusBox .pic{z-index:0; }
.focusBox .pic li{height:25rem;}
.focusBox .pic li img {position:absolute; width:100%; height:100%; object-fit: cover;}
.focusBox .jiantou{display:none;}
.focusBox .hd {width:100%;position:absolute;bottom:3rem;text-align:center;font-size:0;z-index:1;}
.focusBox .hd li{margin:0 0.5rem;background:#f8f6f3;overflow:hidden;height:1.2rem;width:1.2rem;cursor:pointer;display:inline-block; *display:inline; zoom:1; border-radius:100%; border:#333 0.4rem solid;}
.focusBox .hd .on{background:#333; border:#333 0.4rem solid;}

.index1{overflow:hidden; width:100%; margin-top:4rem;}
.index1 .txt{ border-bottom:#ccc 1px solid; overflow:hidden; display: flex; flex-wrap:wrap; align-items:center; justify-content: space-between;}
.index1 .txt .fl dt{ font-size:3rem; text-transform:uppercase;color:#0d6fb8; font-weight:bold; padding-bottom:2rem;}
.index1 .txt .fl dd{ width:5rem; height:0.4rem; background:#0d6fb8;}
.index1 .txt .fr{ color:#999; font-size:2.8rem;}
.index1 .bod{margin-top:4rem; display: flex; flex-wrap:wrap; justify-content: space-between; overflow:hidden;}
.index1 .bod dl{width:48.5%; margin-bottom:3rem;}
.index1 .bod dl dt{ position:relative; padding-bottom:100%; overflow:hidden; border:#eee 1px solid; border-radius:10px;}
.index1 .bod dl dt img{ position:absolute; width:100%; height:100%;}
.index1 .bod dl li{border-top:#eee 1rem solid; padding-top:2rem; font-size:2.6rem; color:#666; line-height:3.5rem;}
.index1 .bod dl:hover li{color:#0d6fb8;}
.index1 .bod dl dd{margin-top:1.5rem; font-size:2.6rem; font-weight:bold;}

.index2{overflow:hidden; width:100%; margin-top:2rem; background:#f5f5f5; padding-bottom:4rem;}
.index2 .txt{font-size:3.6rem; font-weight:bold; margin-top:4rem;}
.index2 .txt dd{ margin-bottom:1.5rem; text-align:center;}
.index2 .txt p{ width:5rem; height:0.4rem; background:#666; margin:auto;}
.index2 .bod{margin-top:4rem; display: flex; flex-wrap:wrap; justify-content: space-between; overflow:hidden; padding-bottom:40px;}
.index2 .bod dl{width:48.5%; margin-bottom:3rem;}
.index2 .bod dl dt{ position:relative; padding-bottom:100%; overflow:hidden; border:#eee 1px solid; border-radius:10px;}
.index2 .bod dl dt img{ position:absolute; width:100%; height:100%;}
.index2 .bod dl li{border-top:#ddd 1rem solid; padding-top:2rem; font-size:2.6rem; color:#666; line-height:3.5rem;}
.index2 .bod dl:hover li{color:#0d6fb8;}
.index2 .bod dl dd{margin-top:1.5rem; font-size:2.6rem; font-weight:bold;}
.index2 .more{ width:70%; height:8rem; background:#FFF; border-radius:5rem; text-align:center; font-size:2.8rem; line-height:8rem; margin:auto; text-transform:uppercase;}
.index2 .more:hover{ background:#0d6fb8; color:#FFF;}

.index3{ width:90%; overflow:hidden; padding:4rem 0px; margin:auto;}
.index3 img{ width:100%;}

.index4{overflow:hidden; border-top:#eee 1px solid; padding-top:5rem; margin-top:0px; padding-bottom:6rem; background:url(../images/index4.jpg) center center no-repeat; background-size:cover;}
.index4 .bod{display: flex; flex-wrap:wrap; justify-content: space-between; width:90%; margin:auto;}
.index4 .bod dl{ width:100%; text-align:center; color:#FFF;}
.index4 .bod dl dt{font-size:3.6rem; text-transform:uppercase; font-weight:bold;}
.index4 .bod dl dd{margin-top:3rem;}
.index4 .bod dl dd p{margin-bottom:3rem; line-height:4rem; font-size:2.6rem;}
.index4 .bod dl ul{ text-align:center; margin-top:5rem; margin-bottom:5rem;}
.index4 .bod dl li{ width:70%; height:8rem; line-height:8rem; background:#0d6fb8; color:#FFF; font-size:2.8rem; text-transform:uppercase; text-align:center; margin:auto; border-radius:5rem;}

.index5{ width:94%; margin:auto; overflow:hidden; padding-top:5rem; padding-bottom:3rem;}
.index5 .txt{ text-align:center;}
.index5 .txt dd{ font-size:3.6rem; text-transform:uppercase; font-weight:bold;}
.index5 .txt p{ margin-top:1.5rem; text-transform:uppercase; font-size:2.6rem; color:#666;}
.index5 .bod{display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:4rem;}
.index5 .bod dl{ width:48%; margin-bottom:4rem; background:#f5f5f5; padding:4rem 0rem; border-radius:2rem;}
.index5 .bod dl dd{ font-size:2.8rem; text-align:center; margin-bottom:20px; color:#999;}
.index5 .bod dl dt{width:18rem; border:#e2afaf 3px solid; border-radius:3rem; height:14rem; margin:auto;}
.index5 .bod dl dt p{ margin-top:1.5rem; margin-left:1.5rem; width:18rem; border-radius:3rem 3rem 0rem 3rem; height:14rem; background:#999; color:#FFF; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; font-size:3rem;}
.index5 .bod dl li{font-size:2.8rem; text-align: center; padding-top:4rem; color:#666; width:90%; margin:auto;}
.index5 .bod dl:hover dt{border:#0d6fb8 2px solid;}
.index5 .bod dl:hover dt p{ background:#0d6fb8;}
.index5 .bod dl:hover dd{ color:#0d6fb8;}
.index5 .bod dl:hover li{ color:#0d6fb8;}

.index6{ background:#f5f5f5; overflow:hidden; padding:5rem 0rem;}
.index6 .txt{ text-align:center; margin-bottom:50px;}
.index6 .txt dd{ font-size:3.6rem; text-transform:uppercase; font-weight:bold;}
.index6 .txt p{ margin-top:1rem; text-transform:uppercase; font-size:2.6rem; color:#666;}
.index6 .bod{display: flex; flex-wrap:wrap; justify-content: space-between; width:94%; margin:auto;}
.index6 .bod dl{ width:32%; margin-bottom:1rem;}
.index6 .bod dl img{ width:100%;}
.index6 .bod dl:nth-child(19),.index6 .bod dl:nth-child(20){ display:none;}

.index7{overflow:hidden; width:100%; padding-bottom:5rem;}
.index7 .txt{font-size:3.6rem; font-weight:bold; margin-top:5rem;}
.index7 .txt dd{margin-bottom:2rem; text-align:center;}
.index7 .txt p{width:5rem; height:0.4rem; background:#666; margin:auto;}
.index7 .bod{margin-top:4rem; display: flex; flex-wrap:wrap; justify-content: space-between; overflow:hidden; padding-bottom:40px;}
.index7 .bod dl{width:48%; margin-bottom:3rem;}
.index7 .bod dl dt{ position:relative; padding-bottom:100%; overflow:hidden; border:#eee 1px solid; border-radius:10px;}
.index7 .bod dl dt img{ position:absolute; width:100%; height:100%;}
.index7 .bod dl li{border-top:#ddd 1rem solid; padding-top:2rem; font-size:2.6rem; color:#666; line-height:3.5rem;}
.index7 .bod dl:hover li{color:#0d6fb8;}
.index7 .bod dl dd{margin-top:1.5rem; font-size:2.6rem; font-weight:bold;}
.index7 .more{ width:70%; height:8rem; background:#eee; border-radius:5rem; text-align:center; font-size:2.8rem; line-height:8rem; margin:auto; text-transform:uppercase;}
.index7 .more:hover{ background:#0d6fb8; color:#FFF;}


.foot{width:100%; overflow:hidden; background:#f5f5f5;}
.foot .foot1{overflow:hidden;}
.foot .foot1 .txt{margin-top:5rem; text-align:center;}
.foot .foot1 .txt dt{font-size:3.6rem;}
.foot .foot1 .txt p{font-size:2.4rem; text-transform:uppercase; margin-top:1.5rem; color:#999;}
.foot .foot1 .txt dd{font-size:2.4rem; margin-top:2.5rem;}
.foot .foot1 .bod{margin-top:4rem; padding-bottom:4rem;}
.foot .foot1 .bod dl{display: flex; flex-wrap:wrap; align-items: center; justify-content:center; width:80%; border:#333 2px solid; margin:auto; padding:2rem 0rem; margin-bottom:2rem;}
.foot .foot1 .bod dl img{ width:3rem;}
.foot .foot1 .bod dl span{ margin-left:1.5rem; font-size:2.8rem;}

.bottom{ width:100%; background:#020e20; overflow:hidden; text-align:center; color:#FFF; padding-top:4rem; padding-bottom:4.5rem; margin-bottom:11rem;}
.bottom dl{font-size:2.6rem; margin-bottom:3rem;}
.bottom dl dd{display: flex; flex-wrap:wrap; align-items: center; justify-content:center; margin:1.5rem 0rem;}
.bottom dl dd span{ margin:0px 3rem;}
.bottom ul{color:#999; font-size:2.4rem; width:90%; margin:auto; line-height:4rem;}

.xf{height:11rem; position:fixed; bottom:0; left:0; right:0; background:#0d6fb8; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; padding-left:2rem; padding-right:2rem;}
.xf dl{}
.xf dl a{display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.xf dl img{ width:4rem; margin-right:1rem;}
.xf dl span{ font-size:2.4rem; color:#FFF;}

.position{ overflow:hidden; padding:3rem 0px; margin-top:11rem;}
.position .bod{ width:94%; margin:auto; font-size:2.6rem;}

.nybanner{width:100%;overflow: hidden; margin-top:7rem;}
.nybanner li{position:relative; padding-bottom:30%;}
.nybanner li img{position:absolute; width:100%; height:100%; object-fit: cover;}
.nybanner li .info{ position:absolute; left:0; right:0; top:0rem; bottom:0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.nybanner li .info dl{color:#333; width:84%; text-align:center; margin:auto;}
.nybanner li .info dl dt{font-size:3.5rem;}
.nybanner li .info dl dd{display:none;}

.about{overflow:hidden; margin-top:20px; background:#FFF; border-radius:8px; overflow:hidden; font-size:2.6rem; line-height:4.5rem;}
.about p{ margin-bottom:3rem; color:#666;}

.productlist{overflow:hidden; background:#f5f5f5; margin-top:0;}
.productlist .bod{display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between; margin-top:25px;}
.productlist .bod .fl{width:100%; overflow:hidden; overflow:hidden; border-radius:8px; display:flex; flex-wrap:wrap; justify-content:space-between;}
.productlist .bod .fl dl{font-size:2.4rem; width:49%; background:#FFF; margin-bottom:1rem; display:block; display: flex; flex-wrap:wrap; align-items:center;}
.productlist .bod .fl dl a{ display:block; padding:1.5rem 0rem;}
.productlist .bod .fl dl p{ margin-left:1.5rem; padding-right:1.5rem;}
.productlist .bod .fr{width:100%; margin-top:2rem;}
.productlist .bod .fr .tt{border-bottom:#eee 1px solid; background:#FFF; border-radius:8px; padding:2rem; overflow:hidden;}
.productlist .bod .fr .tt dt{ font-size:3rem; text-transform:uppercase; font-weight:bold;}
.productlist .bod .fr .neirong{display:flex; flex-wrap:wrap; ; justify-content:space-between;}
.productlist .bod .fr .neirong dl{width:48.5%; margin-bottom:3rem;}
.productlist .bod .fr .neirong dl dt{position:relative; padding-bottom:100%; border:#ddd 1px solid;}
.productlist .bod .fr .neirong dl dt img{position:absolute; width:100%; height:100%;}
.productlist .bod .fr .neirong dl dd{margin-top:2rem; font-size:2.6rem; line-height:3.5rem;}
.productlist .bod .fr .neirong dl:hover dd{color:#333;}
.productlist .bod .fr .neirong dl li{ margin-top:1.5rem; font-size:2.6rem; font-weight:bold;}
.productlist-active{border-left:#f60 0.5rem solid; color:#f60; display:block;}
.productlist-active1{color:#fff; background:#f60;}

.productlist1 .bod{display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between; border-top:#CCC 1px solid;}
.productlist1 .bod .fl{ display:none;}
.productlist1 .bod .fr{width:100%; margin-top:2rem;}
.productlist1 .bod .fr .tt{border-bottom:#eee 1px solid; background:#FFF; border-radius:8px; overflow:hidden;}
.productlist1 .bod .fr .tt dt{ font-size:3rem; text-transform:uppercase; font-weight:bold;}
.productlist1 .bod .fr .tt dd{ margin-top:1.5rem;}
.productlist1 .bod .fr .tt dd p{ float:left; width: fit-content; margin-right:1rem; border:#CCC 1px solid; margin-bottom:1rem; border-radius:6rem; font-size:2.6rem;}
.productlist1 .bod .fr .tt dd p a{padding:1rem 3rem; display:block; border-radius:6rem;}

.productlist2{overflow:hidden; background:#f5f5f5; margin-top:0;}
.productlist2 .bod{display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between; margin-top:25px;}
.productlist2 .bod .fl{ display:none;}
.productlist2 .bod .fr{width:100%; margin-top:2rem;}
.productlist2 .bod .fr .tt{border-bottom:#eee 1px solid; background:#FFF; border-radius:8px; padding:2rem; overflow:hidden;}
.productlist2 .bod .fr .tt dt{ font-size:3rem; text-transform:uppercase; font-weight:bold;}
.productlist2 .bod .fr .tt dd{ margin-top:1.5rem;}
.productlist2 .bod .fr .tt dd p{ float:left; width: fit-content; margin-right:1rem; border:#CCC 1px solid; margin-bottom:1rem; border-radius:5rem; font-size:2.6rem;}
.productlist2 .bod .fr .tt dd p a{padding:1rem 3rem; display:block; border-radius:5rem;}
.productlist2 .bod .fr .neirong{display:flex; flex-wrap:wrap; ; justify-content:space-between;}
.productlist2 .bod .fr .neirong dl{width:48.5%; margin-bottom:3rem;}
.productlist2 .bod .fr .neirong dl dt{position:relative; padding-bottom:100%; border:#ddd 1px solid;}
.productlist2 .bod .fr .neirong dl dt img{position:absolute; width:100%; height:100%;}
.productlist2 .bod .fr .neirong dl dd{margin-top:2rem; font-size:2.6rem; line-height:3.5rem;}
.productlist2 .bod .fr .neirong dl:hover dd{color:#333;}
.productlist2 .bod .fr .neirong dl li{ margin-top:1.5rem; font-size:2.6rem; font-weight:bold;}
.productlist-active{border-left:#f60 0.5rem solid; color:#f60; display:block;}
.productlist-active1{color:#fff; background:#f60;}

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

.product{overflow:hidden; width:90%; margin:auto; padding-top:2rem; padding-bottom:2rem;}
.product .zuobian{ display:none;}
.product .bod{overflow:hidden; margin-bottom:2rem;}
.product .bod .fl{width:100%;}
.product .bod .fl .game163{overflow:hidden;}
.product .bod .fl .game163 .bigImg{overflow:hidden; width:100%;}
.product .bod .fl .game163 .bigImg li{ }
.product .bod .fl .game163 .bigImg li p{position:relative; padding-bottom:98%; }
.product .bod .fl .game163 .bigImg li p img{ position:absolute;width:98%; height:98%; 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:5rem; font-family:"宋体"; color:#666;}
.product .bod .fl .game163 .sNext{font-size:5rem; font-family:"宋体"; color:#666;}
.product .bod .fl .game163 .sPrev:hover{ color:#0d6fb8;}
.product .bod .fl .game163 .sNext:hover{ color:#0d6fb8;}
.product .bod .fl .game163 .smallImg{float:left;  display:inline; width:90%; overflow:hidden;}
.product .bod .fl .game163 .smallImg ul{overflow:hidden; display: flex; flex-wrap:wrap; align-items:center; justify-content:space-between; width:100%;}
.product .bod .fl .game163 .smallImg li{width:25%;}
.product .bod .fl .game163 .smallImg li p{position:relative; padding-bottom:92%; width:92%; margin:auto; border:1px solid #ddd;}
.product .bod .fl .game163 .smallImg li p img{ position:absolute; width:100%; height:100%;}
.product .bod .fl .game163 .smallImg .on img{border-color:#0d6fb8;}
.product .bod .fr{ width:100%; margin-top:3rem;}
.product .bod .fr .title{font-size:3rem; margin-bottom:2rem; display:block;}
.product .bod .fr .shijian{color:#666; font-size:2.4rem; margin-bottom:2rem;}
.product .bod .fr .shijian span{ text-transform:uppercase; margin-right:2rem;}
.product .bod .fr .cishu{color:#666; font-size:2.4rem; margin-bottom:2rem;}
.product .bod .fr .cishu span{ text-transform:uppercase; margin-right:2rem;}
.product .bod .fr .jiage{font-size:2.4rem; margin-bottom:4rem;}
.product .bod .fr .jiage span{text-transform:uppercase; margin-right:2rem;}
.product .bod .fr .jiage i{font-size:3.5rem;; font-style:normal; color:#F00;}
.product .bod .fr .canshu{ font-size:2.6rem; color:#666; line-height:4rem;}
.product .bod .fr .zixun{margin-top:2rem; background:#0d6fb8; color:#FFF; padding:1.5rem 2rem; border-radius:1rem; font-size:2.4rem; margin-bottom:5rem;}
.product .bod .www360buy{width:100%; margin-top:2rem; display:block; overflow:hidden;}
.product .bod .www360buy .hd{overflow:hidden; background:#f5f5f5;}
.product .bod .www360buy .hd ul{display: flex; flex-wrap:wrap; align-items:center; justify-content:space-between; border-top:#ddd 1px solid; border-left:#ddd 1px solid; border-bottom:#ddd 1px solid; overflow:hidden;}
.product .bod .www360buy .hd li{position:relative; height:8rem; line-height:8rem; text-align:center; border-top:0; width:50%; font-size:2.8rem}
.product .bod .www360buy .hd li p{border-bottom:#ddd 1px solid; border-right:#ddd 1px solid;}
.product .bod .www360buy .hd li.on{background:#0d6fb8; color:#fff; }
.product .bod .www360buy .bd{ margin-top:2rem; font-size:2.4rem; overflow:hidden;}
.product .bod .www360buy .lh{overflow:hidden; line-height:4rem;}
.product .bod .www360buy .lh img{ width:100%;}
.product .bod .www360buy .lh table{border:#CCC 1px solid; border-collapse:collapse;}
.product .bod .www360buy .lh table tr td{ border-right:#CCC 1px solid; padding:0; border-bottom:#CCC 1px solid; padding-left:10px; padding-right:10px;}
.product .bod .gao90{ margin-top:0rem; overflow:hidden;}
.product .message{overflow:hidden; padding-top:9rem;}
.product .message .txt{ text-align:center; margin-bottom:7rem;}
.product .message .txt dt{ font-size:6rem; font-family:"Bodoni Bd BT"; text-transform:uppercase; color:#eee;}
.product .message .txt dd{ font-size:4rem; font-weight:bold; text-transform:uppercase; margin-top:-4rem;}
.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:#ccc 2px solid !important; border:none; margin-bottom:4rem; padding-bottom:2.5rem; outline:none; font-size:2.4rem;}
.product .message dl img{ width:26rem; margin-bottom:3rem;}
.product .message dl textarea{ width:100%; border-bottom:#ccc 2px solid !important; border:none; outline:none; margin-bottom:4rem; font-family:Arial; font-size:2.4rem; color:#666;}
.product .message li textarea{ width:100%; border-bottom:#ccc 2px solid !important; border:none; height:20rem; outline:none; margin-bottom:4rem; font-family:Arial; font-size:2.4rem; color:#666;}
.product .message button{ width:98%; height:8rem; border:#0d6fb8 2px solid; background:none; color:#0d6fb8; font-size:2.4rem; margin:auto;}
.product .message button:hover{ background:#0d6fb8; color:#FFF;}
.product .bod .fl .product-img{ display:none;}

.newslist{width:100%;}
.newslist dl{border-bottom:#ccc 1px dashed; display:flex; flex-wrap:wrap; align-items:center; margin-bottom:2rem;}
.newslist dl dt{ display:none;}
.newslist dl li{width:100%; background:#f5f5f5; color:#666; font-size:2.5rem; line-height:4.5rem; height:5rem; padding-top:15px; padding-left:2rem;}
.newslist dl dd{width:100%; font-size:2.6rem; color:#333; padding-top:1rem;}
.newslist dl dd p{ font-size:2.4rem; color:#999; margin-top:0.5rem; line-height:4rem;}
.newslist dl dd:hover{ color:#333;}

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

.news{overflow:hidden;}
.news .txtt{ }
.news .txtt dt{text-align:center; font-size:3rem; color:#333;}
.news .txtt dd{display: flex; flex-wrap:wrap; justify-content: center; color:#666; overflow:hidden;}
.news .txtt dd p{margin:1rem 2rem; font-size:2.4rem;}
.news .txtt li{background:#f5f5f5; font-size:2.4rem; line-height:4rem; padding:1.5rem;}
.news .bod{margin-top:2rem; overflow:hidden; font-size:2.6rem; line-height:5rem;}
.news .bod img{ width:100%;}
.news .gd{ width:100%; margin-top:3rem; border-top:#999 2px dashed; padding-top:3rem; padding-bottom:1rem;}
.news .gd dl{ margin-bottom:2rem; font-size:2.6rem;}

.caselist{display: flex; flex-wrap:wrap; justify-content: space-between;}
.caselist dl{width:48.5%; margin-bottom:3rem;}
.caselist dl dt{ position:relative; padding-bottom:70%;}
.caselist dl dt img{ position:absolute; width:100%; height:100%; text-align:center;}
.caselist dl dd{ font-size:2.8rem; color:#333; margin-top:1rem;}
}