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

.top1bj{background: rgba(255,255,255,1); position: absolute; top: 0; left:0; width: 100%; z-index: 2; color:#333; border-bottom:rgba(255,255,255,0.3) 1px solid; 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:110px;}
.top1bj .width .logo{display:flex; flex-wrap:wrap; justify-content: space-between; align-items: center;}
.top1bj .width .logo img{height:65px;}
.top1bj .width .logo dd{ margin-left:60px;}
.top1bj .width .fr{display:flex; flex-wrap:wrap; align-items: center; height:110px;}
.top1bj .width .fr .navBar{position:relative; z-index:1;}
.top1bj .width .fr .nav{ position:relative; font-family:"Microsoft YaHei",SimSun,SimHei; }
.top1bj .width .fr .nav h3{ font-size:100%; font-weight:normal; font-size:16px; text-transform:uppercase;}
.top1bj .width .fr .nav .m{ float:left;  position:relative; z-index:1; margin-right:40px; height:110px; display:flex; flex-wrap:wrap; align-items: center;}
.top1bj .width .fr .nav h3 a{ display:block; text-align:center;  }
.top1bj .width .fr .nav h3 a:hover{ color:#0d6fb8}
.top1bj .width .fr .nav .sub{ display:none; position:absolute; left:-20px; top:110px; z-index:1; width:200px; border:1px solid #eee; border-top:0;  background:#fff; box-shadow: 0px 0 10px 0px rgba(0, 0, 0, 0.1);}
.top1bj .width .fr .nav .sub li{margin-bottom:-1px; padding:15px 20px; border-bottom:1px solid #eee; font-size:15px; transition: all 0.5s; position:relative;}
.top1bj .width .fr .nav .sub li:hover{ color:#0d6fb8; padding-left:30px; transition: all 0.5s;}
.top1bj .width .fr .nav .sub li .san{ display:none;}
.top1bj .width .fr .nav .sub li:hover .san{ display:inline-block; position:absolute; left:200px; top:0px; width:200px; background:#FFF; box-shadow: 0px 0 10px 0px rgba(0, 0, 0, 0.1);}
.top1bj .width .fr .nav .sub li:hover .san p{ padding:15px 20px; border-bottom:1px solid #eee; color:#333; transition: all 0.5s;}
.top1bj .width .fr .nav .sub li .san p:hover{color:#0d6fb8; padding-left:30px; transition: all 0.5s;}
.top1bj .width .fr .topNav{position:relative; z-index:1; height: 40px; line-height:40px; background:#fff;width:120px; border:#eee 1px solid; margin-right:40px; border-radius:5px;}
.top1bj .width .fr .topNav:hover{border-radius:5px 5px 0 0;}
.top1bj .width .fr .topNav dd h3{font-weight:normal; font-size:16px;}
.top1bj .width .fr .topNav dd h3 a{ display:flex; flex-wrap:wrap; justify-content: space-between; align-items: center; padding:0px 15px;}
.top1bj .width .fr .topNav dd h3 a i{ display:inline-block; width:12px; height:7px; overflow:hidden; vertical-align:middle; background: url(../images/icon.png) no-repeat right center;   }
.top1bj .width .fr .topNav dd h3 a:hover,.topNav dd.on h3 a{color:#0d6fb8;    }
.top1bj .width .fr .topNav dd ul{ display:none; position:absolute; width:140px;  top:40px; left:0; border-top:0;  background:#fff; box-shadow: 0px 0 10px 0px rgba(0, 0, 0, 0.1); border-radius:0px 0px 5px 5px;}
.top1bj .width .fr .topNav dd ul li{}
.top1bj .width .fr .topNav dd ul li a{ display: block; color: #333; padding: 0 15px;  }
.top1bj .width .fr .topNav dd ul li a:hover{color:#0d6fb8;}
.top1bj .width .fr .topNav dd ul li a span{ color:#FF8400; margin-left:5px;   }
.top1bj .width .fr img{ width:18px; float:right;}
.top1bj #Menu-btn{display:none;}
.top1bj #Menu-btn-h{display:none;}
.top1bj #menu1{display:none;}
.top1bj:hover{background:#FFF; color:#333;}
.active-head{color:#0d6fb8;}

.focusBox {width:100%; height:100vh; overflow: hidden;}
.focusBox .pic{z-index:0; }
.focusBox .pic li{ position:relative; height:100vh;}
.focusBox .pic li img { position:absolute; width:100%; height:100%; object-fit: cover;}
.focusBox .pic li .info{ position:absolute; left:0; right:0; top:240px; width:1200px; margin:auto; color:#0d6fb8;}
.focusBox .pic li .info dl{text-align:center; font-size:60px; font-weight:bold;}
.focusBox .pic li .info dl span{ font-weight:normal;}
.focusBox .pic li .info dd{display:flex; flex-wrap:wrap; justify-content: space-between; align-items: center; color:#FFF; margin-top:35px;}
.focusBox .pic li .info dd p{ width:23%; text-align:center; background:#0d6fb8; margin-bottom:20px; font-size:20px; border-radius:5px; padding-top:5px; padding-bottom:10px;}
.focusBox .pic li .info dd p span{ font-size:24px; margin-right:15px;}
.focusBox .pic li .info ul{text-align:center; font-size:36px; margin-top:30px;}
.focusBox .pic li:nth-child(2) .info{color:#fff; top:200px !important;}
.focusBox .pic li:nth-child(2) .info dd,.focusBox .pic li:nth-child(3) .info dd,.focusBox .pic li:nth-child(4) .info dd,.focusBox .pic li:nth-child(5) .info dd{ display:none;}
.focusBox .jiantou{position: absolute; bottom:5%; right:3%; color:#FFF;}
.focusBox .jiantou .prev {font-size:40px; font-family:"宋体"; border:#FFF 1px solid; padding-top:8px; padding-bottom:8px; padding-left:20px; font-weight:bold;}
.focusBox .jiantou .next {font-size:40px; font-family:"宋体"; border:#FFF 1px solid; padding:8px 20px; font-weight:bold; margin-left:-1px;}

.index2{background:#fff; padding-top:100px; padding-bottom:50px; border-top:#eee 1px solid}
.index2 .txt{margin-bottom:60px; font-size:30px; font-weight:bold; text-align:center; text-transform:uppercase;}
.index2 .bod{display:flex; flex-wrap:wrap;justify-content: space-between;}
.index2 .bod dl{width:23.5%; margin-bottom:25px;}
.index2 .bod dl dt{overflow:hidden; position: relative; padding-bottom:70%; border:#eee 1px solid;}
.index2 .bod dl dt img{position:absolute; width:100%; height:100%; object-fit: cover;}
.index2 .bod dl dd{ font-size:16px; text-align:center; border-top:#eee 7px solid; padding:20px 0px;}

.index1{ overflow:hidden; background:url(../images/index1.jpg) no-repeat bottom center; width:100%; color:#FFF; padding-bottom:60px;}
.index1 .txt{ font-size:36px; text-align:center; margin-top:100px; text-transform:uppercase;}
.index1 .bod{display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:70px;}
.index1 .bod dl{ width:47%; margin-bottom:60px;}
.index1 .bod dl img{ width:100%;}
.index1 .bod dl dt{ font-size:24px;}
.index1 .bod dl dd{ margin-top:15px; line-height:26px; color:rgba(255,255,255,0.8); width:80%;}

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

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

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

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

.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;}
.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:30px; display: flex; flex-wrap:wrap; align-items: center; justify-content:center; margin-bottom:50px;}
.foot .foot1 .bod dl{display: flex; flex-wrap:wrap; align-items: center; justify-content:center; width:320px; border:#333 2px solid; height:60px; margin:30px;}
.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;}

.nybanner{width:100%;overflow: hidden;}
.nybanner li{position:relative; height:700px;}
.nybanner li img{position:absolute; width:100%; height:100%; object-fit: cover;}
.nybanner li .info{position:absolute;left:0;right:0;top:110px; bottom:0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; font-size:36px; color:#FFF; text-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.5); background:rgba(0,0,0,0.4);}
.nybanner li .txt{ position:absolute; left:0; right:0; bottom:20px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.nybanner li .txt dl{ background:#58b75d; margin:0px 10px; text-align:center; color:#FFF; font-size:18px; border-radius:30px;}
.nybanner li .txt dl a{ display:block; padding:12px 40px; width: fit-content; border-radius:30px;}
.nybanner li .txt dl:hover{ background:#0d6fb8;}
.active-txt{background:#0d6fb8;}

.position{font-size:16px; overflow:hidden; background:#f5f5f5; height:80px; line-height:80px;}
.position .bod{width:85%; margin:auto; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.position1{width:100%; margin:auto; padding-top:30px; font-size:14px;}
.tiao{ overflow:hidden; height:110px;}

.about{overflow:hidden; background:#fff; margin-bottom:70px; width:85%; margin:auto;}
.about .bod{text-align:center;}
.about .bod dt{font-size:36px; margin-top:100px; font-weight:bold;}
.about .bod dt span{font-weight:normal;}
.about .bod dt p{font-size:24px; margin-top:20px; font-weight:normal;}
.about .bod dd{margin-top:60px; font-size:16px; line-height:30px; width:1200px; margin:auto;}
.about .bod dd p{ margin-bottom:20px;}

.case{ overflow:hidden; width:85%; margin:auto; padding-top:40px; padding-bottom:100px;}
.case .txt{ text-align:center; font-size:36px;}
.case .txt ul{display: flex; flex-wrap:wrap; align-items:center;}
.case .txt ul li{background:#58b75d; color:#FFF;border-radius:5px; font-size:16px; margin-right:15px;}
.case .txt ul li a{ display:block; padding:10px 25px; }
.case .txt ul li:hover{ background:#0d6fb8;}
.case .bod{ margin-top:60px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.case .bod .fl{ width:45%;}
.case .bod .fl dt{ font-size:36px;}
.case .bod .fl dt span{ margin-left:15px; font-size:18px;}
.case .bod .fl dd{ margin-top:50px;}
.case .bod .fl dd p{ margin-top:20px; line-height:28px; color:#666;}
.case .bod .fr{ width:50%;}
.case .bod .fr dt{ position: relative; padding-bottom:60%;}
.case .bod .fr dt img{ position:absolute; width:100%; height:100%; object-fit: cover;}
.active-case{background:#0d6fb8; border-radius:5px;}

.productlist{overflow:hidden; display: flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between; width:85%; margin:auto; padding:60px 0px; }
.productlist .fl{width:19%; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); border:#eee 1px solid;}
.productlist .fl dl{background:#f5f5f5; padding:25px; border-top:#0d6fb8 3px solid !important; border:#eee 1px solid; font-size:24px; font-weight:bold;}
.productlist .fr{width:78%;}
.productlist .fr .bod{ overflow:hidden; display: flex; flex-wrap:wrap;}
.productlist .fr .bod dl{width:23.5%; margin-bottom:40px; margin-right:2%; float:left;}
.productlist .fr .bod dl:nth-child(4n){ margin-right:0px;}
.productlist .fr .bod dl dt{position:relative; padding-bottom:70%; border-radius:5px; overflow:hidden; border:#eee 1px solid;}
.productlist .fr .bod dl dt img{position:absolute; width:100%; height:100%; transition: all 0.5s; object-fit: cover;}
.productlist .fr .bod dl dd{ border-top:#eee 6px solid; padding-top:15px;}
.productlist .fr .bod dl ul{ margin-top:18px; background:#0d6fb8; font-size:14px; text-align:center; line-height:40px; color:#FFF; border-radius:30px;}
.productlist .fr .bod dl:hover{opacity:0.8;}
.productlist .fr .bod dl:hover dt img{transition: all 0.5s; transform: scale(1.1);}

.sideMenu{ }
.sideMenu h3{padding-left:15px;  border-top:1px solid #eee; background:#f5f5f5f5; cursor:pointer; font-weight:normal; font-size:16px; padding-top:15px; padding-bottom:15px;}
.on-on{color:#F00;}
.sideMenu h3 em{ float:right; display:block; width:40px; height:50px;   background:url(../images/icoAdd.png) 16px 10px no-repeat; cursor:pointer; }
.sideMenu h3.on em{ display:none;}
.sideMenu ul{color:#999; display:none;}
.sideMenu ul li{ font-size:16px; margin:10px 15px;}
.sideMenu h3.on{ color:#0d6fb8;}
.active-on{color:#0d6fb8;}

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

.product{overflow:hidden; padding-bottom:40px; display: flex; flex-wrap:wrap; justify-content: space-between; width:1200px; margin:auto; padding-top:50px;}
.product .zuobian{ width:28%;}
.product .zuobian .txt dl{background:#f5f5f5; padding:25px; border-top:#0d6fb8 3px solid !important; border:#eee 1px solid; font-size:24px; font-weight:bold;}
.product .bod{display: flex; flex-wrap:wrap; justify-content: space-between; width:68%;}
.product .bod .fl{width:400px;}
.product .bod .fl .game163{display:none;}
.product .bod .fr{width:380px;}
.product .bod .fr .title{font-size:24px; margin-bottom:10px; display:block;}
.product .bod .fr .shijian{color:#666; font-size:14px; margin-bottom:10px;}
.product .bod .fr .shijian span{ text-transform:uppercase; margin-right:10px;}
.product .bod .fr .cishu{color:#666; font-size:14px; margin-bottom:10px;}
.product .bod .fr .cishu span{ text-transform:uppercase; margin-right:10px;}
.product .bod .fr .jiage{font-size:16px; margin-bottom:20px;}
.product .bod .fr .jiage span{text-transform:uppercase; margin-right:10px;}
.product .bod .fr .jiage i{font-size:30px; font-style:normal; color:#F00;}
.product .bod .fr .canshu{ color:#666; line-height:26px;}
.product .bod .fr .zixun{margin-top:30px; background:#0d6fb8; width: fit-content; color:#FFF; padding: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}

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

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

@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: 2; position:fixed; border-bottom:rgba(0,0,0,0.2) 1px solid;}
.top1bj .width{height:9rem; display:flex; flex-wrap:wrap; align-items:center; justify-content: space-between;}
.top1bj .width .logo{display: flex; align-items:center; margin-left:4%;}
.top1bj .width .logo img{height:6rem;}
.top1bj .width .home{display:none;}
.top1bj .width .fr{ display:none}
.top1bj .width #Menu-btn{ position:absolute; right:4%; top:0; height:9rem; display:flex; flex-wrap:wrap; align-items:center;}
.top1bj .width #Menu-btn img{width:4.3rem;}
.top1bj .width #Menu-btn-h{overflow: hidden; display:none; background-color:rgba(255,255,255,1); position:absolute; left:4%; right:3.8%;}
.top1bj .width #Menu-btn-h .tutu{display: flex; align-items: center; justify-content: space-between; height:9rem;}
.top1bj .width #Menu-btn-h .tutu dd img{height:6rem;}
.top1bj .width #Menu-btn-h .tutu dl{display: flex; align-items: center;}
.top1bj .width #Menu-btn-h .tutu dt{font-size:2.2rem; background:#d8a92e; color:#FFF; padding:0.5rem 2rem; border-radius:0.5rem;}
.top1bj .width #Menu-btn-h .tutu dl img{width:4rem;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{font-size:3rem;list-style:none; background:#FFF; position:absolute; top:9rem; left:0; right:0; border-top:#ccc 1px solid; height:100vh;}
.top1bj .width #menu1 .menu-wap li{font-weight:normal; font-size:2.6rem; padding-left:4rem; padding-right:4rem; padding-top:3rem; padding-bottom:3rem; text-transform:uppercase;}
.top1bj .width #menu1 .menu-wap li a{display: flex; align-items: center; justify-content: space-between;}
.top1bj .navBar{display:none;}

.focusBox {width:100%; height:100vh; overflow: hidden;}
.focusBox .pic{z-index:0; }
.focusBox .pic li{ position:relative; height:100vh;}
.focusBox .pic li img { position:absolute; width:100%; height:100%; object-fit: cover;}
.focusBox .pic li .info{ position:absolute; left:0; right:0; top:20rem; width:94%; margin:auto; color:#0d6fb8;}
.focusBox .pic li .info dl{text-align:center; font-size:4rem; font-weight:bold;}
.focusBox .pic li .info dd{display:flex; flex-wrap:wrap; justify-content: space-between; align-items: center; color:#FFF; margin-top:4rem;}
.focusBox .pic li .info dd p{ width:48%; text-align:center; background:#0d6fb8; margin-bottom:2rem; font-size:2.6rem; border-radius:0.5rem; padding-top:1rem; padding-bottom:2rem;}
.focusBox .pic li .info dd p span{ font-size:3.4rem; margin-right:1.5rem;}
.focusBox .pic li .info ul{text-align:center; font-size:4rem; margin-top:4rem; text-shadow: 1rem 1rem 1rem rgba(0,0,0,0.5);}
.focusBox .pic li:nth-child(2) .info{top:20rem !important; width:60%; margin:auto; color:#FFF;}
.focusBox .pic li:nth-child(2) .info dl{text-shadow: 1rem 1rem 1rem rgba(0,0,0,0.5);}
.focusBox .pic li:nth-child(2) .info dl{ font-size:5rem;}
.focusBox .pic li:nth-child(2) .info dd,.focusBox .pic li:nth-child(3) .info dd,.focusBox .pic li:nth-child(4) .info dd,.focusBox .pic li:nth-child(5) .info dd{ display:none;}
.focusBox .jiantou{position: absolute; bottom:5%; right:3%; color:#FFF;}
.focusBox .jiantou .prev {font-size:8rem; font-family:"宋体"; border:#FFF 1px solid; padding-top:2rem; padding-bottom:2rem; padding-left:4rem; font-weight:bold; padding-right:1rem;}
.focusBox .jiantou .next {font-size:8rem; font-family:"宋体"; border:#FFF 1px solid; font-weight:bold; margin-left:-1px; padding-top:2rem; padding-bottom:2rem; padding-left:5rem; padding-right:4rem;}

.index2{background:#fff; padding-top:6rem; padding-bottom:2rem; border-top:#eee 1px solid}
.index2 .txt{margin-bottom:4rem; font-size:3.2rem; text-align:center;}
.index2 .bod{display:flex; flex-wrap:wrap;justify-content: space-between;}
.index2 .bod dl{width:100%; margin-bottom:3rem;}
.index2 .bod dl dt{overflow:hidden; position: relative; padding-bottom:70%; border:#ccc 1px solid;}
.index2 .bod dl dt img{position:absolute; width:100%; height:100%; object-fit: cover;}
.index2 .bod dl dd{ font-size:2.6rem; text-align:center; border-top:#eee 1rem solid; padding:2rem 0px;}

.index1{ overflow:hidden; background:url(../images/index1.jpg) no-repeat bottom center; width:100%; color:#FFF; padding-bottom:2rem; background-size:cover;}
.index1 .txt{ font-size:3.2rem; text-align:center; margin-top:6rem;}
.index1 .bod{display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:5rem;}
.index1 .bod dl{ width:100%; margin-bottom:5rem;}
.index1 .bod dl img{ width:100%;}
.index1 .bod dl dt{ font-size:2.8rem;}
.index1 .bod dl dd{ margin-top:1.5rem; line-height:4rem; color:rgba(255,255,255,0.8); font-size:2.4rem;}

.index3{overflow:hidden; padding:5rem 0px;}
.index3 .txt{text-align:center;}
.index3 .txt dt{font-size:2.8rem;}
.index3 .txt dd{font-size:3.2rem; color:#58b75d; margin-top:1rem; margin-bottom:1rem; font-weight:bold;}
.index3 .txt p{color:#666; font-size:2.4rem; width:66%; margin:auto;}
.index3 .bod{margin-top:80px; display:flex; flex-wrap:wrap; justify-content:space-between;}
.index3 .bod dl{width:100%; background:#eee; border-radius:0.5rem; padding-bottom:6rem; transition: all 0.5s; margin-bottom:2rem; background:#0d6fb8; color:#FFF;}
.index3 .bod dl p{font-size:6rem; text-align: center; padding-top:5rem; font-family:Arial;}
.index3 .bod dl dt{font-size:2.6rem; font-weight:bold; text-align:center; margin-top:2rem; margin-bottom:3rem;}
.index3 .bod dl dd{display:none;}
.index3 .bod dl li{width:3rem; height:0.5rem; background:#fff; margin:auto;}
.index3 .bod dl ul{width:8rem; margin:auto; margin-top:3rem; overflow:hidden;}
.index3 .bod dl ul img{width:8rem; filter:drop-shadow(#fff 0px 8rem); transform: translateY(-8rem);}
.index3 .bod dl:nth-child(2n){background:#58b75d;}

.index4{overflow:hidden; width:94%; margin:auto;}
.index4 .txt{display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.index4 .txt img{height:4rem;}
.index4 .txt span{font-size:3.2rem; margin-left:1.5rem; padding-bottom:0.5rem;}
.index4 .slider{min-width:100%;  height:44rem;  position:relative; overflow:hidden; background:#fff; text-align:center; margin-top:4rem;}
.index4 .slider .bd{width:100%; position:absolute;}
.index4 .slider .bd li{width:100%;  overflow:hidden;}
.index4 .slider .bd li img{display:block; width:100%; height:34rem;}
.index4 .slider .bd li dl{height:10rem; display: flex; flex-wrap:wrap; align-items:center; justify-content: space-between;}
.index4 .slider .bd li dl dt{font-size:3.2rem;}
.index4 .slider .bd li dl dt span{font-size:2.6rem; margin-left:1.5rem;}
.index4 .slider .bd li dl dd{font-size:4rem;}
.index4 .slider .tempWrap{overflow:visible !important }
.index4 .slider .tempWrap ul{}
.index4 .slider .pnBtn{position:absolute; z-index:1; top:0; width:100%; cursor:pointer;   }
.index4 .slider .prev{left:-94%; margin-left:0px;  }
.index4 .slider .next{left:94%;  margin-left:0;  }
.index4 .slider .pnBtn .blackBg{ display:none;}
.index4 .slider .pnBtn .arrow{position:absolute; top:0px; z-index:1; width:50px; height:34rem;}
.index4 .slider .prev .arrow{right:0; background:url(../images/prev.png) no-repeat center;}
.index4 .slider .next .arrow{left:0; background:url(../images/next.png) no-repeat center;}

.index5{overflow:hidden; margin-top:4rem; background:url(../images/index5.jpg) center center no-repeat; padding:6rem 0px; color:#FFF; background-size:cover;}
.index5 .txt{ text-align:center; font-size:3rem;}
.index5 .txt span{ font-weight:bold; margin-right:10px;}
.index5 .bod{ width:90%; margin:auto; margin-top:3rem;}
.index5 .bod dt{ text-align:center; font-size:2.4rem;}
.index5 .bod dt p{ margin-bottom:2rem; line-height:4.5rem;}
.index5 .bod dd{ font-size:2.6rem; font-weight:bold; text-align:center; margin-top:6rem;}
.index5 .bod dd span{ margin:0px 1.5rem;}
.index5 .bod ul{display: flex; flex-wrap:wrap; align-items:center; justify-content:center; margin-top:4rem;}
.index5 .bod ul li{ width:16rem; border-radius:100%; border:#FFF 1px solid; height:16rem; margin:2rem; display: flex; flex-wrap:wrap; align-items:center; justify-content:center; transition: all 0.5s;}
.index5 .bod ul li a{ width:6rem; text-align:center; font-size:2.6rem;}
.index5 .bod ul li:hover{ background:#FFF; color:#58b75d; transition: all 0.5s;}

.index6{overflow:hidden; margin-top:6rem; margin-bottom:3rem;}
.index6 .txt{text-align:center;}
.index6 .txt dt{font-size:3.2rem; font-weight:bold;}
.index6 .txt ul{display: flex; flex-wrap:wrap; align-items:center; justify-content:center; margin-top:3rem;}
.index6 .txt ul li{width:16rem; background:#58b75d; margin:0px 1.5rem; padding:1.5rem; color:#FFF; border-radius:0.5rem; font-size:2.4rem;}
.index6 .txt ul li:hover{background:#0d6fb8;}
.index6 .bod{display: flex; flex-wrap:wrap; justify-content: space-between; margin-top:4rem;}
.index6 .bod dl{width:100%; margin-bottom:3rem;}
.index6 .bod dl dt{position:relative; padding-bottom:60%;}
.index6 .bod dl dt img{position:absolute; width:100%; height:100%;}
.index6 .bod dl dd{margin-top:2rem; font-size:2.6rem;}
.index6 .bod dl p{margin-top:1.5rem; font-size:2.4rem; color:#666; line-height:4rem;}

.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;}
.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;}

.nybanner{width:100%;overflow: hidden;}
.nybanner li{position:relative; height:50rem;}
.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; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; font-size:4rem; color:#FFF; text-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.5); background:rgba(0,0,0,0.4); padding-bottom:10rem;}
.nybanner li .txt{ position:absolute; left:0; right:0; bottom:20px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.nybanner li .txt dl{ background:#58b75d; margin:0px 0.5rem; text-align:center; color:#FFF; font-size:2.8rem; border-radius:3rem; margin-bottom:1rem;}
.nybanner li .txt dl a{ display:block; padding:1rem 4rem; width: fit-content; border-radius:30px;}
.nybanner li .txt dl:hover{ background:#0d6fb8;}
.active-txt{background:#0d6fb8;}

.position{font-size:14px; overflow:hidden; background:#f5f5f5;}
.position .bod{width:94%; margin:auto; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; font-size:2.6rem; padding:3rem 0rem;}
.position1{width:100%; margin:auto; padding-top:30px; font-size:14px;}
.tiao{ overflow:hidden; height:9rem;}

.about{overflow:hidden; background:#fff; width:94%; margin:auto; padding:5rem 0rem;}
.about .bod{text-align:center;}
.about .bod dt{font-size:3.6rem; font-weight:bold;}
.about .bod dt span{font-weight:normal;}
.about .bod dt p{font-size:2.8rem; margin-top:1rem; font-weight:normal;}
.about .bod dd{margin-top:3rem; font-size:2.6rem; line-height:5rem;}
.about .bod dd p{ margin-bottom:2rem;}
.about .bod img{width:100%;}

.case{ overflow:hidden; width:94%; margin:auto; padding-top:40px; padding-bottom:100px;}
.case .txt{ text-align:center; font-size:36px;}
.case .txt ul{display: flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.case .txt ul li{ background:#58b75d; color:#FFF;border-radius:5px; font-size:2.8rem; width:48.5%; margin-bottom:2rem;}
.case .txt ul li a{ display:block; padding:1.5rem 3rem;}
.case .txt ul li:hover{ background:#0d6fb8;}
.case .bod{ margin-top:3rem; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.case .bod .fl{ width:100%;}
.case .bod .fl dt{ font-size:3.6rem;}
.case .bod .fl dt span{ margin-left:1.5rem; font-size:3rem;}
.case .bod .fl dd{ margin-top:3rem; font-size:2.6rem;}
.case .bod .fl dd p{ margin-top:2rem; line-height:4.5rem; color:#666;}
.case .bod .fr{ width:100%;}
.case .bod .fr dt{ position: relative; padding-bottom:60%;}
.case .bod .fr dt img{ position:absolute; width:100%; height:100%; object-fit: cover;}
.active-case{background:#0d6fb8; border-radius:5px;}

.productlist{overflow:hidden; display: flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between; width:94%; margin:auto; padding:2rem 0px; }
.productlist .fl{width:100%; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); border:#eee 1px solid;}
.productlist .fl dl{background:#f5f5f5; padding:2rem; border-top:#0d6fb8 0.8rem solid !important; border:#ccc 1px solid; font-size:3rem; font-weight:bold;}
.productlist .fr{width:100%; margin-top:4rem;}
.productlist .fr .bod{ overflow:hidden;}
.productlist .fr .bod dl{width:98%; margin:auto; padding-bottom:4rem;}
.productlist .fr .bod dl dt{position:relative; padding-bottom:70%; border-radius:0; overflow:hidden; border:#aaa 1px solid; border-bottom:none;}
.productlist .fr .bod dl dt img{position:absolute; width:100%; height:100%; transition: all 0.5s; object-fit: cover;}
.productlist .fr .bod dl dd{font-size:2.8rem; border-top:1.5rem #eee solid; padding-top:2rem; }
.productlist .fr .bod dl ul{ margin-top:2rem; background:#0d6fb8; font-size:2.8rem; width:60%; text-align:center; line-height:6rem; color:#FFF; border-radius:5rem;}
.productlist .fr .bod dl:hover{opacity:0.8;}
.productlist .fr .bod dl:hover dt img{transition: all 0.5s; transform: scale(1.1);}

.sideMenu{ }
.sideMenu h3{padding-left:2rem;  border-top:1px solid #ccc; background:#f5f5f5f5; cursor:pointer; font-weight:normal; font-size:2.6rem; padding-top:2.5rem; padding-bottom:2.5rem;}
.on-on{color:#F00;}
.sideMenu h3 em{ float:right; display:block; width:4rem; height:8rem;   background:url(../images/icoAdd.png) 16px 1rem no-repeat; cursor:pointer; background-size:cover;}
.sideMenu h3.on em{ background: none; cursor:pointer; background-size:cover;}
.sideMenu ul{color:#999; display:none;}
.sideMenu ul li{ font-size:2.8rem; margin:1.5rem 2rem;}
.sideMenu h3.on{ color:#0d6fb8;}
.active-on{color:#0d6fb8;}

.fanye{overflow:hidden; display: flex; flex-wrap:wrap; align-items:center; justify-content:center; margin-bottom:0rem; margin-top:2rem;}
.fanye .fenye2{display: flex;}
.fanye .fenye2 .page-num{color:#333; background:#FFF; padding:5px 15px; 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:#fff; background:#0d6fb8; border:#ddd 0px solid; overflow:hidden; display: flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.fanye a{ display:none;}

.product{overflow:hidden; width:90%; margin:auto; padding-top: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 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;}

.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 .message{margin:3rem 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 li{ width:100%; font-size:2.8rem;}
.contact .bod .fl .message form li p{display: flex; flex-wrap:wrap; align-items:center; width:100%; margin-bottom:3rem;}
.contact .bod .fl .message form li p input{ width:100%; margin-bottom:1rem;}
.contact .bod .fl .message form li p img{ height:8rem;}
.contact .bod .fl .message form input{width:100%; height:7rem; border:#CCC 1px solid; margin-top:1rem; font-size:2.8rem; outline:none;}
.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; outline:none;}
.contact .bod .fl .message form button{width:100%; background:#ddd; color:#333; text-align:center; height:8rem; border:none; font-size:2.8rem;}
.contact .bod .fr{ width:94%; margin:4rem auto; font-size:2.8rem; line-height:5rem;}
.contact .bod .fr p{ margin-bottom:2rem;}
.contact .bod .fr img{ width:100%;}

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