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

/*清除浮动*/
.clearfix {*zoom: 1;}
.clearfix:after {visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}

@media(min-width:1200px)and (max-width:3000px){
.w80{ width:80%; margin:auto; overflow:hidden;}

/*head*/
.header{width:100%; height:100px; z-index:99999; background:rgba(255,255,255,1); position:absolute; position:fixed; display: flex; flex-wrap:wrap; align-items: center; justify-content: space-between;}
.header .fl{display: flex; flex-wrap:wrap; align-items: center; height:100px; margin-left:5%;}
.header .fl img{ height:60px;}
.header .fr{margin-right:5%;}
.header .heng{display: flex; flex-wrap:wrap; align-items: center; height:100px;}
.header .heng .dh{display: flex; align-items: center; justify-content: center; height:100px;}
.header .heng .dh dl{float:left; margin:0px 18px; font-size:15px; text-transform:uppercase;height:100px; display: flex; flex-wrap:wrap; align-items: center;}
.header .fr #Menu-btn{ display:none;}
.header .fr #menu{ display:none;}


/* body */
.index1{display: flex; flex-wrap:wrap; align-items: center; justify-content: space-between; width:90%; margin:100px auto;}
.index1 .fl{ width:55%;}
.index1 .fl .txt{ font-size:24px; font-weight:bold;}
.index1 .fl .content{ margin-top:20px; line-height:28px; color:#333;}
.index1 .fl .content p{ margin-top:15px;}
.index1 .fl .anniu{ margin-top:40px; width:50px; height:50px; border-radius:50%; background:#f5f5f5; text-align:center; line-height:50px; font-size:20px;}
.index1 .fl .anniu:hover{ background:#bf0015; color:#FFF;}
.index1 .fl .history{ margin-top:40px; display: flex; flex-wrap:wrap; align-items: center; justify-content: space-between;}
.index1 .fl .history dl{ width:49.9%; text-align:center;}
.index1 .fl .history dl:nth-child(2){ border-left:#ddd 1px solid;}
.index1 .fl .history dl dt{ font-size:36px; display: flex; flex-wrap:wrap; align-items:flex-start; justify-content:center;}
.index1 .fl .history dl dt span{ font-size:14px; color:#666; margin-left:5px; padding-top:5px;}
.index1 .fl .history dl dd{ margin-top:8px; color:#666; font-size:14px;}
.index1 .fr{ width:35%;}
.index1 .fr img{ width:100%;}

.index2{margin-top:5rem;}
.index2 .bod{ width:100%; overflow:hidden; margin-bottom:4rem;}
.index2 .bod dl{width:49.5%; background:#999; float:left; margin-bottom:1%; margin-left:1%;}
.index2 .bod dl dt{padding-bottom:49%; position:relative;}
.index2 .bod dl dt img{ position:absolute; width:100%; height:100%; object-fit: cover;}
.index2 .bod dl dt ul{ position:absolute; top:0; right:0; left:0; bottom:0; display:flex; align-items:center; justify-content:center; font:24px; color:#FFF; transition:0.5s ease-in; border:rgba(255,255,255,0.3) 1px solid;}
.index2 .bod dl dt ul dd{ font-size:24px; text-align:center;}
.index2 .bod dl dt ul dd p{ font-size:16px; margin-top:10px;}
.index2 .bod dl dt ul:hover{ top:20px; right:20px; left:20px; bottom:20px; transition:0.5s ease-in; background:rgba(0,0,0,0.15); border:rgba(255,255,255,0.3) 1px solid;}
.index2 .bod dl:nth-child(1){margin-left:0px;}
.index2 .bod dl:nth-child(2n){margin-left:0px;}
.index2 .bod dl:nth-child(2){margin-left:1%;}
.index2 .bod dl:nth-child(1) dt{padding-bottom:100%;}

.sousuo{display: flex; flex-wrap:wrap; justify-content: space-between; font-size:16px; overflow:hidden; width:70%; margin:auto; padding-top:2rem;}
.sousuo dl{width:32%; border:#333 2px solid; height:50px; line-height:50px; overflow:hidden; text-align:center;}
.sousuo ul{width:32%;height:50px; line-height:50px; background:#333; color:#FFF; text-align:center;}

.index-txt{text-align:center; overflow:hidden;}
.index-txt dt{font-size:48px; text-transform:uppercase; margin-bottom:15px; }
.index-txt dd{ font-size:16px; width:1100px; margin:auto; color:#999;}

.index3{ overflow:hidden; width:90%; margin:100px auto;}
.index3 .bod{overflow:hidden; padding-top:40px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.index3 .bod dl{width:18.5%; margin-bottom:30px;}
.index3 .bod dl dt{position:relative; padding-bottom:100%; display:flex; flex-wrap:wrap; justify-content:center; background:#FFF; overflow:hidden; border:#eee 1px solid;}
.index3 .bod dl dt img{position:absolute; height:100%; transition: all 5s;}
.index3 .bod dl li{border-top:#eee 8px solid; padding-top:10px; text-align:center; font-size:18px;}
.index3 .bod dl p{text-align:center; font-size:16px; color:#999; margin-top:5px;}
.index3 .bod dl:hover dt img{transition: all 5s; transform: scale(1.2);}
.index3 .bod dl:hover li{ color:#bf0015; transition: all 1s; border-top:#bf0015 8px solid;}
.index3 .bod dl:hover p{ color:#bf0015; transition: all 1s;}

.index4{overflow:hidden; width:100%; background:#000;}
.index4 poster{ width:100%;}

.index5{width:100%; overflow:hidden; background:#f5f5f5; padding-top:100px; padding-bottom:50px;}
.index5 .bod{ width:80%; margin:auto; margin-top:50px; display: flex; flex-wrap:wrap; justify-content: space-between;}
.index5 .bod dl{ width:31%; margin-bottom:50px;}
.index5 .bod dl dt{ position:relative; padding-bottom:143%; overflow:hidden; border:#ddd 10px solid;}
.index5 .bod dl dt img{ position:absolute; width:100%; height:100%; transition: all 5s;}
.index5 .bod dl dd{ margin-top:20px;}
.index5 .bod dl ul{ margin-top:20px; display:flex; flex-wrap:wrap;}
.index5 .bod dl ul li{width: fit-content; background:#FFF; padding:10px 30px; transition: all 1s; border-radius:5px;}
.index5 .bod dl ul p{ padding:10px 30px; font-weight:bold; transition: all 1s;}
.index5 .bod dl dt:hover img{transition: all 5s; transform: scale(1.2);}
.index5 .bod dl dd:hover{ color:#bf0015;}
.index5 .bod dl ul li:hover{background:#bf0015; color:#FFF; transition: all 1s;}
.index5 .bod dl ul p:hover{color:#bf0015; transition: all 1s;}

.index6{width:80%; overflow:hidden; margin:auto; padding-top:100px; padding-bottom:50px;}
.index6 .bod{display: flex; flex-wrap:wrap; justify-content: space-between; margin-top:60px;}
.index6 .bod dl{width:30.5%; margin-bottom:50px;}
.index6 .bod dl dt{ position:relative; padding-bottom:60%; overflow:hidden;}
.index6 .bod dl dt img{ position:absolute; width:100%; height:100%; transition: all 5s;}
.index6 .bod dl dd{ margin-top:15px;}
.index6 .bod dl p{ margin-top:10px; font-size:14px; color:#666; line-height:22px;}
.index6 .bod dl:hover dt img{transition: all 5s; transform: scale(1.2);}

/*footer*/
.foot{width:100%; overflow:hidden; background:#f5f5f5; padding-bottom:60px;}
.foot .foot1{overflow:hidden;}
.foot .foot1 .txt{margin-top:100px; text-align:center;}
.foot .foot1 .txt dt{font-size:36px; text-transform:uppercase;}
.foot .foot1 .txt dd{font-size:24px; margin-top:25px; text-transform:uppercase;}
.foot .foot1 .bod{overflow:hidden; width:80%; margin:40px auto; display: flex; flex-wrap:wrap; align-items: center; justify-content:space-between;}
.foot .foot1 .bod dl{ border:#666 2px solid; width:31.5%; padding:25px 0px;}
.foot .foot1 .bod dl dt{margin:0px 25px; text-align:center;}
.foot .foot1 .bod dl dt img{ margin-bottom:15px;}
.foot .foot1 .bod dl dt p{font-size:16px; line-height:26px;}

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

/*******内页样式********/
.nybanner{width:100%;overflow: hidden;}
.nybanner li{position:relative; height:600px;}
.nybanner li img{width:100%; height:100%; position:absolute; object-fit: cover;}

.about-ny{width:100%;}
.about-ny .bod{ font-size:16px; line-height:30px; color:#666; width:1200px; margin:auto; text-align:center; padding-top:20px; padding-bottom:30px;}
.about-ny .bod p{ margin-bottom:20px;}
.active-about{ color:#bf0015;}

.txt-about{text-transform:uppercase;}
.txt-about dt{font-size:36px; width:80%; margin:auto; text-align:center; margin-top:60px;}
.txt-about dd{background:#f5f5f5;}
.txt-about dd li{display: flex; flex-wrap:wrap; align-items: center; height:80px; width:80%; margin:auto; }
.txt-about dd li p{width: fit-content; margin-right:60px;}

.caselist{width:90%; overflow:hidden; margin:auto; padding-top:50px; padding-bottom:50px;}
.caselist .bod{display: flex; flex-wrap:wrap; justify-content: space-between;}
.caselist .bod dl{width:23.5%; margin-bottom:30px;}
.caselist .bod dl dt{ position:relative; padding-bottom:60%; overflow:hidden;}
.caselist .bod dl dt img{ position:absolute; width:100%; height:100%; transition: all 5s;}
.caselist .bod dl dd{ margin-top:15px;}
.caselist .bod dl p{ margin-top:10px; font-size:14px; color:#666; line-height:22px;}
.caselist .bod dl:hover dt img{transition: all 5s; transform: scale(1.2);}

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

.nybanner1 {width:100%;overflow: hidden;}
.nybanner1 li{position:relative; margin-bottom:-4px;}
.nybanner1 li img{width:100%; height:100%;}
.nybanner1 li .info{position: absolute; bottom:0; left:0; right:0; top:0; background:rgba(0,0,0,0.2); color:#fff; display:flex; align-items:center; justify-content:center;}
.nybanner1 li .info dl{text-align:center;}
.nybanner1 li .info dl dt{font-size:5rem; margin-bottom:15px;}
.nybanner1 li .info dl dd{ text-align:center;}
.nybanner1 li .info dl dd p{ margin-top:15px; line-height:30px; font-size:1.4rem;}
.nybanner1 li .info dl li{ width:40px; height:2px; background:#FFF; margin:auto; margin-top:30px;}

.nybanner2 {width:100%;overflow: hidden;}
.nybanner2 li{padding-bottom:45%; position:relative;margin-bottom:-4px;}
.nybanner2 li img{width:100%; height:100%;position:absolute; object-fit: cover;}
.nybanner2 li .info{position: absolute; bottom:0; left:0; right:0; top:0; background:rgba(0,0,0,0.2); color:#fff; display:flex; align-items:center; justify-content:center;}
.nybanner2 li .info dl{text-align:center;}
.nybanner2 li .info dl dt{font-size:5rem; margin-bottom:15px;}
.nybanner2 li .info dl dd{ text-align:center; position:absolute; left:0; right:0; bottom:50px;}
.nybanner2 li .info dl dd p{line-height:30px; font-size:1.4rem;}
.nybanner2 li .info dl li{ width:40px; height:2px; background:#FFF; margin:auto; margin-top:30px;}

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

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

.productlist{overflow:hidden; display: flex; flex-wrap:wrap; justify-content:space-between; width:90%; margin:auto; padding:40px 0px;}
.productlist .fl{width:100%;}
.productlist .fl .txt{ overflow:hidden;}
.productlist .fl .txt dd{margin-top:20px; display: flex; flex-wrap:wrap; justify-content:center;}
.productlist .fl .txt dd li{border:#eee 1px solid; margin-left:5px; margin-right:5px; margin-bottom:10px;}
.productlist .fl .txt dd li a{padding:15px 20px; display:block;}
.productlist .fl .txt dd li .active{display:block; color:#fff; background:#bf0015;}
.productlist .fl .txt dd li:hover{color:#bf0015;}
.productlist .fr{width:100%; margin-top:40px;}
.productlist .fr .bod{ overflow:hidden; display: flex; flex-wrap:wrap;}
.productlist .fr .bod dl{width:18.8%; margin-bottom:40px; float:left; margin-right:1.5%;}
.productlist .fr .bod dl:nth-child(5n){ margin-right:0px;}
.productlist .fr .bod dl dt{position:relative; padding-bottom:100%; overflow:hidden; display: flex; flex-wrap:wrap; justify-content:center; border:#eee 1px solid;}
.productlist .fr .bod dl dt img{position:absolute; height:100%; transition: all 0.5s;}
.productlist .fr .bod dl dd{border-top:#eee 10px solid; padding-top:15px;}
.productlist .fr .bod dl p{font-size:14px; color:#666; margin-top:3px;}
.productlist .fr .bod dl:hover{opacity:0.8;}
.productlist .fr .bod dl:hover dt img{transition: all 0.5s; transform: scale(1.1);}

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

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

.jqzoom{width:100%;height:100%;position:relative;cursor:pointer;overflow:hidden;display:flex;align-items:center;justify-content:center}
.jqzoom img{height:400px;}
.zoomdiv{z-index:200;position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;border:1px solid #ddd;display:none;overflow:hidden}
.zoomdiv .bigimg{position:absolute;top:0;left:0;max-width:unset;max-height:unset}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0;left:0;width:20px;height:20px;border:1px solid #ddd;background:#fafafa;opacity:.5;-moz-opacity:.5;-khtml-opacity:.5;filter:alpha(Opacity=50)}
.jqZoomPup img{ width:400px;}
.spec-preview{height:400px;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 #bf0015;padding:0px}

.ppp{ overflow:hidden; height:100px; background:#000;}

.newslist{width:80%; overflow:hidden; margin:auto; padding-top:100px; padding-bottom:50px;}
.newslist .bod{margin-top:60px; overflow:hidden;}
.newslist .bod dl{width:30.5%; margin-bottom:50px; float:left; margin-right:4.25%;}
.newslist .bod dl:nth-child(3n){ margin-right:0px;}
.newslist .bod dl dt{ position:relative; padding-bottom:60%; overflow:hidden;}
.newslist .bod dl dt img{ position:absolute; width:100%; height:100%; transition: all 5s;}
.newslist .bod dl dd{ margin-top:15px;}
.newslist .bod dl p{ margin-top:10px; font-size:14px; color:#666; line-height:22px;}
.newslist .bod dl:hover dt img{transition: all 5s; transform: scale(1.2);}

.news{width:1200px; margin:auto; padding-top:80px; padding-bottom:80px;}
.news li{ text-align:center; font-size:30px; text-transform:uppercase; margin-bottom:40px;}
.news ul{display: flex; flex-wrap:wrap; justify-content: center; margin-bottom:40px;}
.news ul p{ margin:0px 40px;}
.news dt{ width:80%; margin:auto; text-align:center;}
.news dt img{width:100%;}
.news dd{text-align:center; font-size:16px; line-height:24px; margin-top:40px;}
.news dd p{ margin-bottom:20px;}

.clear{clear: both;}
.xiala{background: #fff; position: absolute; top:100px; left: 0; right: 0; z-index: 11; border-top:rgba(0,0,0,0.1) 1px solid; overflow:hidden;}
.xiala .bod{display: none;}
.xiala .item{ width:99%; margin:auto; padding-top:80px; padding-bottom:80px; overflow:hidden; display: flex;align-items: center;}
.xiala .item .fl{width:40%; display:block; margin-right:5%;}
.xiala .item .fl dd{font-size: 16px; padding-top:20px; text-transform:uppercase; transition: all 0.5s; display:block;}
.xiala .item .fl dd span{ margin-left:15px;}
.xiala .item .fl dd:hover{ margin-left:15px; transition: all 0.5s; color:#bf0015;}
.xiala .item .fr{color:#FFF; width:55%; display:block;}
.xiala .item .fr .tu{ overflow:hidden; display: flex;align-items: center; justify-content:space-between;}
.xiala .item .fr .tu li{width:46%; position:relative; padding-bottom:20%; overflow:hidden;}
.xiala .item .fr .tu li img{width:100%; height:100%; position:absolute;}
.xiala .item .fr .tu li p{height:1px; position:absolute; bottom:0; color:rgba(255,255,255,0); }
.xiala .item .fr .tu li:hover p{position:absolute; bottom:0; left:0; right:0; background:rgba(0,0,0,0.7); height:100%; transition: all 0.5s; color:#FFF; display: flex;align-items: center; justify-content: center;text-transform:uppercase;}
.xiala .item1{width:90%; margin:auto; display: flex; flex-wrap:wrap; align-items: center; justify-content:center; padding-top:70px; padding-bottom:30px;}
.xiala .item1 ul{width:15%; margin-bottom:40px; margin-right:2%;}
.xiala .item1 ul:nth-child(6n){ margin-right:0px;}
.xiala .item1 ul li{overflow:hidden;}
.xiala .item1 ul li img{width:100%; height:100%; transition: all 5s;}
.xiala .item1 ul p{ text-align:center; margin-top:15px;}
.xiala .item1 ul:hover li img{transition: all 5s; transform: scale(1.2);}
.xiala .item1 ul:hover p{ color:#bf0015;}
.xiala .item2{ width:99%; margin:auto; padding-top:80px; padding-bottom:80px; overflow:hidden; display: flex;align-items: center;}
.xiala .item2 .fl{width:25%; display:block; margin-right:5%;}
.xiala .item2 .fl dd{font-size: 16px; padding-top:20px; text-transform:uppercase; transition: all 0.5s; display:block;}
.xiala .item2 .fl dd span{ margin-left:15px;}
.xiala .item2 .fl dd:hover{ margin-left:15px; transition: all 0.5s; color:#bf0015;}
.xiala .item2 .fr{color:#FFF; width:70%; display:block;}
.xiala .item2 .fr .tu{ overflow:hidden; display: flex;align-items: center; justify-content:space-between;}
.xiala .item2 .fr .tu li{width:32%; position:relative; padding-bottom:20%; overflow:hidden;}
.xiala .item2 .fr .tu li img{width:100%; height:100%; position:absolute;}
.xiala .item2 .fr .tu li p{height:1px; position:absolute; bottom:0; color:rgba(255,255,255,0); }
.xiala .item2 .fr .tu li:hover p{position:absolute; bottom:0; left:0; right:0; background:rgba(0,0,0,0.7); height:100%; transition: all 0.5s; color:#FFF; display: flex;align-items: center; justify-content: center;text-transform:uppercase;}

.service{ overflow:hidden; width:90%; margin:auto; padding:100px 0px; display: flex; flex-wrap:wrap; justify-content: space-between;}
.service .item1{ width:48%;}
.service .item1 .txt{ overflow:hidden;}
.service .item1 .txt dt{ border-top:#bf0015 10px solid; font-size:30px; text-transform:uppercase; padding-top:15px;}
.service .item1 .txt dd{ margin-top:50px; color:#bf0015; font-size:24px;}
.service .item1 .txt li{ margin-top:20px;}
.service .item1 .txt li p{ margin-bottom:10px;}
.service .item1 .bod{ overflow:hidden; margin-top:60px; display: flex; flex-wrap:wrap; align-items: center; justify-content: space-between;}
.service .item1 .bod .fl{ width:48%;}
.service .item1 .bod .fl dt{color:#bf0015; font-size:18px; font-weight:bold;}
.service .item1 .bod .fl dt p{ font-weight:normal; font-size:24px;}
.service .item1 .bod .fl dd{ margin-top:20px;}
.service .item1 .bod .fl dd p span{ font-size:36px; color:#bf0015; margin-top:0px;}
.service .item1 .bod .fl dd p{ font-size:16px; line-height:20px; display: flex; align-items:flex-start; margin-bottom:10px;}
.service .item1 .bod .fl li{ text-align:center;}
.service .item1 .bod .fl li img{ width:60%;}
.service .item1 .bod .fl ul{ text-align:center;}
.service .item1 .bod .fr{ width:48%;}
.service .item1 .bod .fr dt{color:#bf0015; font-size:18px; font-weight:bold;}
.service .item1 .bod .fr dt p{ font-weight:normal; font-size:24px;}
.service .item1 .bod .fr dd{ margin-top:20px;}
.service .item1 .bod .fr dd p span{ font-size:36px; color:#bf0015; margin-top:0px;}
.service .item1 .bod .fr dd p{ font-size:16px; line-height:20px; display: flex; align-items:flex-start; margin-bottom:10px;}
.service .item1 .bod .fr li{ text-align:center;}
.service .item1 .bod .fr li img{ width:60%;}
.service .item1 .bod .fr ul{ text-align:center; margin-bottom:30px;}
.service .item2{ width:48%;}
.service .item2 .txt{ border-top:#bf0015 10px solid; font-size:30px; text-transform:uppercase; padding-top:15px;}
.service .item2 .bod{ margin-top:60px;}
.service .item2 .bod .wenan1{display: flex; flex-wrap:wrap; align-items: center; justify-content: space-between;}
.service .item2 .bod .wenan1 .fl{ width:56%;}
.service .item2 .bod .wenan1 .fl dt{color:#bf0015;}
.service .item2 .bod .wenan1 .fl dd{ margin-top:30px; font-weight:bold; margin-bottom:10px;}
.service .item2 .bod .wenan1 .fl li{margin-bottom:10px;}
.service .item2 .bod .wenan1 .fl span{ padding-top:40px; display:block;}
.service .item2 .bod .wenan1 .fl ul{ margin-top:20px;}
.service .item2 .bod .wenan1 .fl dl{ margin-top:30px; color:#bf0015;}
.service .item2 .bod .wenan1 .fr{ width:36%;}
.service .item2 .bod .wenan1 .fr dl{ text-align:center; margin-top:60px;}
.service .item2 .bod .wenan1 .fr dl img{ width:100%;}
.service .item2 .bod .wenan1 .fr dl p{ text-align:center;}
.service .item2 .bod .wenan2{display: flex; flex-wrap:wrap; align-items: center; justify-content: space-between; margin-top:60px;}
.service .item2 .bod .wenan2 .fl{ width:56%;}
.service .item2 .bod .wenan2 .fl li{margin-bottom:10px;}
.service .item2 .bod .wenan2 .fl ul{ margin-top:20px;}
.service .item2 .bod .wenan2 .fl dl{ margin-top:30px; color:#bf0015;}
.service .item2 .bod .wenan2 .fr{ width:36%;}
.service .item2 .bod .wenan2 .fr li{text-align:center;}
.service .item2 .bod .wenan2 .fr li p{ text-align:center;}

.contact{ overflow:hidden; width:80%; margin:auto; padding-top:40px; padding-bottom:50px;}
.contact .bod{display: flex; flex-wrap:wrap; align-items:flex-start; justify-content: space-between;}
.contact .bod .fl{ width:60%;}
.contact .bod .fl .message{}
.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 dl input{ width:100%; height:40px; border:#CCC 1px solid; margin-top:5px; outline:none;}
.contact .bod .fl .message form li{display: flex; flex-wrap:wrap; align-items:center; width:100%; margin-bottom:25px;}
.contact .bod .fl .message form li input{ width:48%; margin-right:4%; height:40px; border:#CCC 1px solid; outline:none;}
.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:#bf0015; color:#fff; text-align:center; height:50px; border:none; font-size:18px; text-transform:uppercase;}
.contact .bod .fr{ width:30%; font-size:16px; line-height:36px; margin-right:5%;}
.contact .bod .fr h3{ font-size:24px; margin-bottom:20px;}
.contact .bod .fr p{ font-size:16px; line-height:24px; margin-top:15px;}
}

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

.header{width:100%; height:10rem; z-index:99999; background:rgba(255,255,255,1); position:fixed; display: flex; flex-wrap:wrap; align-items: center; justify-content: space-between;}
.header .fl{display: flex; flex-wrap:wrap; align-items: center; height:10rem; margin-left:3%;}
.header .fl img{ height:5rem;}
.header .fr .heng{ display:none;}
.header .fr #Menu-btn{overflow:hidden;display:block; position:absolute; right:3%; top:0; height:10rem; display: flex; flex-wrap:wrap; align-items: center;}
.header .fr #Menu-btn img{width:4rem;}
.header .fr #Menu-btn-h{display:none; background: none; position:absolute; right:3%; top:0; height:10rem; display: flex; flex-wrap:wrap; align-items: center;}
.header .fr #Menu-btn-h img{width:5rem; height:5rem; overflow:hidden;z-index:1; overflow:hidden; float:left; z-index:999;}
.header .fr #menu{display:none;}
.header .fr #menu .daohang{overflow:hidden; margin-top:10rem; background-color:rgba(255,255,255,1); height:100vh; position:absolute; top:0; left:0; width:100%; padding-top:2rem;}
.header .fr #menu li{list-style:none;border-bottom:#eee 1px solid; margin-bottom:2rem; padding-bottom:2rem; background:#FFF; font-size:2.6rem; margin-left:4%;}
.header .fr #menu .border_none{border-bottom:none;}
.header .fr #menu li a{color:#666;display:block;width:100%;}

.index1{ margin-top:5rem; display: flex; flex-wrap:wrap; align-items: center; justify-content: space-between; }
.index1 .fl{ width:100%;}
.index1 .fl .txt{ font-size:2.8rem; font-weight:bold;}
.index1 .fl .content{ margin-top:2rem; line-height:4.5rem; font-size:2.4rem; color:#666;}
.index1 .fl .content p{ margin-top:1.5rem;}
.index1 .fl .anniu{ margin-top:4rem; width:10rem; height:10rem; border-radius:50%; background:#f5f5f5; text-align:center; line-height:9.5rem; font-size:5rem;}
.index1 .fl .anniu:hover{ background:#bf0015; color:#FFF;}
.index1 .fl .history{ margin-top:3rem; display: flex; flex-wrap:wrap; align-items: center; justify-content: space-between;}
.index1 .fl .history dl{ width:100%; text-align:center; border:#ccc 1px solid; margin-top:2rem; padding:3rem 0rem; background:#f5f5f5;}
.index1 .fl .history dl dt{ font-size:6rem; display: flex; flex-wrap:wrap; align-items:flex-start; justify-content:center;}
.index1 .fl .history dl dt span{ font-size:2.4rem; color:#666; margin-left:1rem; padding-top:1rem;}
.index1 .fl .history dl dd{ margin-top:0rem; font-size:2.4rem; margin-left:2rem; margin-right:2rem; line-height:4.5rem; color:#333;}
.index1 .fl .wenan{ margin-top:6rem; font-size:2.8rem;}
.index1 .fl .wenan p{ font-size:1.6rem; color:#666; margin-top:0.5rem;}
.index1 .fr{ width:100%; margin-top:5rem;}
.index1 .fr img{ width:100%;}

.index2{margin-top:3rem;}
.index2 .bod{ width:100%; overflow:hidden; margin-top:1.5rem;}
.index2 .bod dl{width:100%; background:#999; float:left; margin-bottom:1rem;}
.index2 .bod dl dt{padding-bottom:49%; position:relative;}
.index2 .bod dl dt img{ position:absolute; width:100%; height:100%; object-fit: cover;}
.index2 .bod dl dt ul{position:absolute; top:0; right:0; left:0; bottom:0; display:flex; align-items:center; justify-content:center; font:24px; color:#FFF; transition:0.5s ease-in;}
.index2 .bod dl dt ul dd{font-size:3rem; text-align:center; text-shadow:0.6rem 0.6rem 0.6rem rgba(0,0,0,1); text-transform:uppercase;}
.index2 .bod dl dt ul dd p{ font-size:2.8rem; margin-top:1.5rem; text-shadow:0.5rem 0.5rem 0.5rem rgba(0,0,0,1);}
.index2 .bod dl:nth-child(1) dt{padding-bottom:100%;}

.sousuo{display: flex; flex-wrap:wrap; justify-content: space-between; font-size:2.4rem; overflow:hidden; width:92%; margin:auto; padding-top:3rem; padding-bottom:3rem; text-transform:uppercase;}
.sousuo dl{width:100%; border:#666 1px solid; height:6rem; line-height:6rem; overflow:hidden; margin-bottom:1.5rem; color:#666; text-align:center;}
.sousuo ul{width:100%;height:6rem; line-height:6rem; background:#333; color:#FFF; text-align:center;}

.index-txt{text-align:center; overflow:hidden;}
.index-txt dt{font-size:3.4rem; text-transform:uppercase; margin-bottom:15px; }
.index-txt dd{ font-size:2.4rem; color:#999; line-height:4rem; width:90%; margin:auto;}

.index3{ overflow:hidden; width:94%; margin:2em auto;}
.index3 .bod{overflow:hidden; padding-top:3rem; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.index3 .bod dl{width:48.5%; margin-bottom:30px;}
.index3 .bod dl dt{position:relative; padding-bottom:100%; display:flex; flex-wrap:wrap; justify-content:center; background:#FFF; overflow:hidden; border:#eee 1px solid;}
.index3 .bod dl dt img{position:absolute; height:100%; transition: all 5s;}
.index3 .bod dl li{border-top:#eee 1rem solid; padding-top:1rem; text-align:center; font-size:2.6rem; transition: all 1s;}
.index3 .bod dl p{text-align:center; font-size:2.2rem; color:#999; transition: all 1s;}
.index3 .bod dl:hover dt img{transition: all 5s; transform: scale(1.2);}
.index3 .bod dl:hover li{ color:#bf0015; transition: all 1s;}
.index3 .bod dl:hover p{ color:#bf0015; transition: all 1s;}

.index4{overflow:hidden; width:100%; background:#000;}
.index4 poster{ width:100%;}

.index5{width:100%; overflow:hidden; background:#f5f5f5; padding-top:5rem; padding-bottom:50px;}
.index5 .bod{ width:80%; margin:auto; margin-top:3rem; display: flex; flex-wrap:wrap; justify-content: space-between;}
.index5 .bod dl{ width:100%; margin-bottom:4rem;}
.index5 .bod dl dt{ position:relative; padding-bottom:143%; overflow:hidden; border:#ddd 1rem solid;}
.index5 .bod dl dt img{ position:absolute; width:100%; height:100%; transition: all 5s;}
.index5 .bod dl dd{ margin-top:1.5rem; font-size:2.4rem}
.index5 .bod dl ul{ margin-top:1.5rem; display:flex; flex-wrap:wrap; font-size:2.4rem;}
.index5 .bod dl ul li{width: fit-content; background:#FFF; padding:10px 30px; transition: all 1s; border-radius:5px;}
.index5 .bod dl ul p{ padding:10px 30px; font-weight:bold; transition: all 1s;}
.index5 .bod dl dt:hover img{transition: all 5s; transform: scale(1.2);}
.index5 .bod dl dd:hover{ color:#bf0015;}
.index5 .bod dl ul li:hover{background:#bf0015; color:#FFF; transition: all 1s;}
.index5 .bod dl ul p:hover{color:#bf0015; transition: all 1s;}

.index6{width:94%; overflow:hidden; margin:auto; padding-top:5rem; padding-bottom:1rem;}
.index6 .bod{display: flex; flex-wrap:wrap; justify-content: space-between; margin-top:3rem;}
.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:1rem; font-size:2.4rem; color:#999; line-height:3.5rem;}

.foot{width:100%; overflow:hidden; background:#f5f5f5; padding-bottom:0rem;}
.foot .foot1{overflow:hidden;}
.foot .foot1 .txt{margin-top:5rem; text-align:center;}
.foot .foot1 .txt dt{font-size:3.5rem; text-transform:uppercase;}
.foot .foot1 .bod{overflow:hidden; width:94%; margin:3rem auto; display: flex; flex-wrap:wrap; align-items: center; justify-content:space-between;}
.foot .foot1 .bod dl{ border:#999 0.1rem solid; width:100%; padding:2rem 0px; margin-bottom:2rem; background:#FFF;}
.foot .foot1 .bod dl dt{margin:0px 2.5rem; text-align:center;}
.foot .foot1 .bod dl dt img{ display:none;}
.foot .foot1 .bod dl dt p{font-size:2.6rem; line-height:3.5rem;}

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

/*******内页样式********/
.nybanner{width:100%;overflow: hidden;}
.nybanner li{display:block !important;}
.nybanner li img{display:block !important; width:100%;}

.about-ny{width:100%;}
.about-ny .bod{ font-size:2.6rem; line-height:4.5rem; color:#666; width:94%; margin:auto; text-align:center; padding-top:1.5rem; padding-bottom:2rem;}
.about-ny .bod p{ margin-bottom:2rem;}
.active-about{ color:#bf0015;}

.txt-about{text-transform:uppercase;}
.txt-about dt{font-size:3.6rem; width:94%; margin:auto; text-align:center; margin-top:5rem;}
.txt-about dd{background:#f5f5f5;}
.txt-about dd li{display: flex; flex-wrap:wrap; align-items: center; width:94%; margin:auto; font-size:2.6rem; padding:3rem 0rem;}
.txt-about dd li p{width: fit-content; margin-right:2.5rem;}

.nybanner2 {width:100%;overflow: hidden;}
.nybanner2 li{padding-bottom:60%; position:relative;}
.nybanner2 li img{width:100%; height:100%; position:absolute; object-fit: cover;}
.nybanner2 li .info{position: absolute; bottom:0; left:0; right:0; top:0; background:rgba(0,0,0,0.2); color:#fff; display:flex; align-items:center; justify-content:center;}
.nybanner2 li .info dl{text-align:center;}
.nybanner2 li .info dl dt{font-size:5rem; margin-bottom:15px;}
.nybanner2 li .info dl dd{ text-align:center; position:absolute; left:0; right:0; bottom:50px;}
.nybanner2 li .info dl dd p{font-size:2.6rem;}
.nybanner2 li .info dl li{ width:40px; height:2px; background:#FFF; margin:auto; margin-top:30px;}

.caselist{width:94%; overflow:hidden; margin:auto; padding-top:3rem; padding-bottom:1rem;}
.caselist .bod{display: flex; flex-wrap:wrap; justify-content: space-between;}
.caselist .bod dl{width:100%; margin-bottom:3rem;}
.caselist .bod dl dt{ position:relative; padding-bottom:60%; overflow:hidden;}
.caselist .bod dl dt img{ position:absolute; width:100%; height:100%; transition: all 5s;}
.caselist .bod dl dd{ margin-top:2rem; font-size:2.6rem; text-align:center;}
.caselist .bod dl:hover dt img{transition: all 5s; transform: scale(1.2);}

.fanye{overflow:hidden; display: flex; flex-wrap:wrap; align-items:center; margin-top:20px; background:#f5f5f5; padding-left:2rem; padding-top:2rem; padding-bottom:2rem; font-size:2.6rem;}
.fanye .fenye2{display: flex; font-size:2.6rem;}
.fanye .fenye2 .page-num{color:#666; padding:5px; font-size:2.6rem; 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:#bf0015; border:#ddd 0px solid; overflow:hidden; display: flex; flex-wrap:wrap; align-items:center; justify-content:center; font-size:2.6rem;}
.fanye a{margin:0 1rem; font-size:2.6rem;}

.productlist{overflow:hidden; margin-top:12rem; display: flex; flex-wrap:wrap; justify-content:space-between; margin-bottom:5rem;}
.productlist .fl{width:100%; overflow:hidden;}
.productlist .fl .txt{overflow:hidden;}
.productlist .fl .txt dd{margin-top:20px; display: flex; flex-wrap:wrap; justify-content:center;}
.productlist .fl .txt dd li{border:#eee 1px solid; margin-left:0.5rem; margin-right:0.5rem; margin-bottom:1rem; font-size:2.6rem; background:#f5f5f5;}
.productlist .fl .txt dd li a{padding:1.5rem 2rem; display:block;}
.productlist .fl .txt dd li .active{display:block; color:#fff; background:#bf0015;}
.productlist .fl .txt dd li:hover{color:#bf0015;}
.productlist .fr{width:100%;}
.productlist .fr .bod{ overflow:hidden; margin-top:4rem; display: flex; flex-wrap:wrap; justify-content:space-between;}
.productlist .fr .bod dl{width:48.5%; margin-bottom:4rem;}
.productlist .fr .bod dl dt{position:relative; padding-bottom:100%;overflow:hidden; border:#CCC 1px solid; display: flex; flex-wrap:wrap; justify-content:center;}
.productlist .fr .bod dl dt img{position:absolute; height:100%; transition: all 0.5s;}
.productlist .fr .bod dl dd{font-size:3rem; border-top:#eee 1rem solid; padding-top:1.5rem;}
.productlist .fr .bod dl p{font-size:2.6rem; color:#666; margin-top:0.5rem;}
.productlist .fr .bod dl li{ border-top:#aaa 1px dashed; margin-top:1.5rem; padding-top:1.2rem; font-size:2.6rem; line-height:3.5rem;}
.productlist .fr .bod dl:hover{opacity:0.8;}
.productlist .fr .bod dl:hover dt img{transition: all 0.5s; transform: scale(1.1);}

.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{display:flex; flex-wrap:wrap; justify-content:center;}
.product .bod .fl .game163 .bigImg li p{height:50rem;}
.product .bod .fl .game163 .bigImg li p img{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%; display:flex; flex-wrap:wrap; justify-content:center;}
.product .bod .fl .game163 .smallImg li p{height:10rem;}
.product .bod .fl .game163 .smallImg li p img{ height:10rem;}
.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:#bf0015; 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:20rem; margin-bottom: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:#bf0015 2px solid; background:none; color:#fff; font-size:2.8rem; margin:auto; text-transform:uppercase; background:#bf0015;}
.product .message button:hover{ background:#bf0015; color:#FFF; opacity:0.8;}
.product .bod .fl .product-img{ display:none;}

.ppp{ overflow:hidden; height:10rem; background:#000;}

.position{padding-top:3rem; font-size:2.6rem; color:#666; overflow:hidden; background:#f5f5f5; padding-bottom:3rem;}
.position .bod{width:90%; margin:auto; }

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

.newslist{width:94%; overflow:hidden; margin:auto; padding-top:3rem; padding-bottom:2rem;}
.newslist .bod{overflow:hidden;}
.newslist .bod dl{width:100%; margin-bottom:3rem; float:left; margin-right:4.25%;}
.newslist .bod dl dt{ position:relative; padding-bottom:60%; overflow:hidden;}
.newslist .bod dl dt img{ position:absolute; width:100%; height:100%; transition: all 5s;}
.newslist .bod dl dd{ margin-top:2rem; font-size:2.68rem;}
.newslist .bod dl p{ margin-top:1rem; font-size:2.6rem; color:#666; line-height:3.5rem;}
.newslist .bod dl:hover dt img{transition: all 5s; transform: scale(1.2);}

.news{width:94%; margin:auto; padding-top:80px; padding-bottom:80px; font-size:2.6rem;}
.news li{ text-align:center; font-size:3rem; text-transform:uppercase; margin-bottom:40px;}
.news ul{margin-bottom:40px; text-align:center}
.news ul p{ margin-bottom:1rem;}
.news dt{ width:94%; margin:auto; text-align:center;}
.news dt img{width:100%;}
.news dd{text-align:center; font-size:2.6rem; line-height:4.5rem; margin-top:2rem;}
.news dd p{ margin-bottom:2rem;}

.service{ overflow:hidden; width:94%; margin:auto; padding:3rem 0px; display: flex; flex-wrap:wrap; justify-content: space-between;}
.service .item1{ width:100%;}
.service .item1 .txt{ overflow:hidden;}
.service .item1 .txt dt{ border-top:#bf0015 1rem solid; font-size:3.2rem; text-transform:uppercase; padding-top:2rem;}
.service .item1 .txt dd{ margin-top:4rem; color:#bf0015; font-size:3rem;}
.service .item1 .txt li{ margin-top:2rem;}
.service .item1 .txt li p{ margin-bottom:1rem; font-size:2.6rem;}
.service .item1 .bod{ overflow:hidden; margin-top:60px; display: flex; flex-wrap:wrap; align-items: center; justify-content: space-between;}
.service .item1 .bod .fl{ width:100%;}
.service .item1 .bod .fl dt{color:#bf0015; font-size:2.6rem; font-weight:bold;}
.service .item1 .bod .fl dt p{ font-weight:normal; font-size:3rem;}
.service .item1 .bod .fl dd{ margin-top:2rem;}
.service .item1 .bod .fl dd p span{ font-size:8rem; color:#bf0015;}
.service .item1 .bod .fl dd p{ font-size:2.6rem; line-height:3.5rem; display: flex; align-items:flex-start; margin-bottom:1rem;}
.service .item1 .bod .fl li{ text-align:center;}
.service .item1 .bod .fl li img{ width:60%;}
.service .item1 .bod .fl ul{ text-align:center; font-size:2.6rem;}
.service .item1 .bod .fr{ width:100%; margin-top:4rem;}
.service .item1 .bod .fr dt{color:#bf0015; font-size:2.6rem; font-weight:bold;}
.service .item1 .bod .fr dt p{ font-weight:normal; font-size:3rem;}
.service .item1 .bod .fr dd{ margin-top:20px;}
.service .item1 .bod .fr dd p span{ font-size:36px; color:#bf0015; margin-top:0px;}
.service .item1 .bod .fr dd p{ font-size:2.6rem; line-height:3.5rem; display: flex; align-items:flex-start; margin-bottom:1rem;}
.service .item1 .bod .fr li{ text-align:center;}
.service .item1 .bod .fr li img{ width:60%;}
.service .item1 .bod .fr ul{ text-align:center; margin-bottom:4rem; font-size:2.6rem;}
.service .item2{ width:100%; margin-top:3rem;}
.service .item2 .txt{ border-top:#bf0015 1rem solid; font-size:3rem; text-transform:uppercase; padding-top:2rem;}
.service .item2 .bod{ margin-top:4rem; font-size:2.6rem;}
.service .item2 .bod .wenan1{display: flex; flex-wrap:wrap; align-items: center; justify-content: space-between;}
.service .item2 .bod .wenan1 .fl{ width:100%;}
.service .item2 .bod .wenan1 .fl dt{color:#bf0015;}
.service .item2 .bod .wenan1 .fl dd{ margin-top:3rem; font-weight:bold; margin-bottom:1.5rem;}
.service .item2 .bod .wenan1 .fl li{margin-bottom:10px;}
.service .item2 .bod .wenan1 .fl span{ padding-top:40px; display:block;}
.service .item2 .bod .wenan1 .fl ul{ margin-top:20px;}
.service .item2 .bod .wenan1 .fl dl{ margin-top:30px; color:#bf0015;}
.service .item2 .bod .wenan1 .fr{ width:100%;}
.service .item2 .bod .wenan1 .fr dl{text-align:center;}
.service .item2 .bod .wenan1 .fr dl img{ width:70%;}
.service .item2 .bod .wenan1 .fr dl p{ text-align:center; margin-top:1rem;}
.service .item2 .bod .wenan2{display: flex; flex-wrap:wrap; align-items: center; justify-content: space-between; margin-top:5rem;}
.service .item2 .bod .wenan2 .fl{ width:100%;}
.service .item2 .bod .wenan2 .fl li{margin-bottom:1.5rem;}
.service .item2 .bod .wenan2 .fl ul{ margin-top:2rem;}
.service .item2 .bod .wenan2 .fl dl{ margin-top:3rem; color:#bf0015;}
.service .item2 .bod .wenan2 .fr{ width:100%; margin-top:2rem;}
.service .item2 .bod .wenan2 .fr li{text-align:center;}
.service .item2 .bod .wenan2 .fr li img{ width:60%;}
.service .item2 .bod .wenan2 .fr li p{ te xt-align:center; margin-top:2rem}

.contact{ overflow:hidden; width:94%; margin:auto; padding-top:40px; padding-bottom:50px;}
.contact .bod{display: flex; flex-wrap:wrap; align-items:flex-start; justify-content: space-between;}
.contact .bod .fl{ width:100%;}
.contact .bod .fl .message{}
.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.6rem}
.contact .bod .fl .message form dl input{ width:100%; height:8rem; border:#CCC 1px solid; margin-top:1rem; outline:none;}
.contact .bod .fl .message form li{display: flex; flex-wrap:wrap; align-items:center; width:100%; margin-bottom:3rem;}
.contact .bod .fl .message form li input{ width:100%; margin-right:4%; height:8rem; border:#CCC 1px solid; outline:none;}
.contact .bod .fl .message form li img{ height:8rem; margin-top:1.5rem}
.contact .bod .fl .message form ul{width:100%; margin-bottom:3rem; font-size:2.6rem}
.contact .bod .fl .message form ul textarea{ width:100%; border:#CCC 1px solid; margin-top:1rem; height:15rem; outline:none;}
.contact .bod .fl .message form button{ width:100%; background:#bf0015; color:#fff; text-align:center; height:8rem; border:none; font-size:2.8rem; text-transform:uppercase;}
.contact .bod .fr{ width:100%;}
.contact .bod .fr h3{ font-size:3.2rem; margin-bottom:3rem;}
.contact .bod .fr p{ font-size:2.6rem; line-height:4.5rem; margin-top:2rem;}

}