* {margin:0;padding:0;font-family:'微软雅黑';}
body {color:#140b09;overflow-x:hidden;position:relative;}
img {max-width:100%;}
a {text-decoration:none;color:#424852;}
a:hover {color:#bf0101;}
ul,li {list-style:none;}
input,button,select {outline:none;}
video {width:100%;height:auto;}
.clear {clear:both;}
.whspsp {white-space:nowrap;}
.flex {display:flex;justify-content:space-between;align-items:center;}
.inner {margin:0 auto;max-width:1300px;}
.box {padding:10px;background:#fff;border-radius:20px;}
h3 {font-size:40px;margin-bottom:20px;}
.mg {margin-top:10px;margin-bottom:10px;}
.red {color:#f35d20;}
.show{display: flex;}
.hideen{display: none;}
.block {margin:70px auto;}
.header {font-size:20px;font-weight:bold;background:rgb(255,255,255);position: relative;z-index: 99999;position: fixed;top: 0;left: 0;width: 100%;box-shadow: 0 0 10px #eee;}
.header .logo {flex:2;}
.header .logo img {height:85px;animation:scale 1s 0s infinite linear alternate;}
.header .menu {justify-content:space-around;flex:2;position:relative;}
.header .sbar {transition:all .3s;position:absolute;left:42px;top:27px;height:5px;background:#bf0101;width:50px;}
.header .menu li {position:relative;display:inline-block;font-size:16px;transition:all 1s;}
.header .menu li .list{display: none; position: absolute;left: 0;right: 0;top: 40px;background: #fff;box-shadow: 0 0 10px #eee;padding: 10px;border-radius: 10px;width: 100px;}
.header .menu li .list a{display: block;text-align: center;border-bottom: 1px solid #eee;padding-bottom: 10px;margin-bottom: 10px;}
.header .menu li .list a:last-child{border-bottom:none;padding-bottom: 0;margin-bottom: 0;}
.header .menu li.cur a,.header .menu li:hover a {color:#bf0101;}
.header .menu li .list a{color: #424852;transition: all .3s;}
.header .menu li .list a:hover{color: #bf0101;}
.banner img {display:block;width:100%;}
.menuls{border-top: 1px solid #eee;padding: 20px 0;}
/* .header .menu li.cur::after {display:block;width:80%;position:absolute;left:10%;top:130%;height:5px;background:#bf0101;content:'';}*/
.header .tel {margin-left:20px;}
.header .tel img {margin-right:10px;}
.about {position:relative;height:400px;}
.about .left {width:700px;position:absolute;left:50%;margin-left:-650px;padding-top:100px;}
.about .left p {font-size:16px;line-height:28px;margin-bottom:50px;}
.about .left a {border:1px solid #3e3e3e;background:#fff;font-size:16px;padding:15px 50px;border-radius:40px;display:inline-block;margin-right:20px;}
.about .left a.zx {animation:button 2s 1s infinite linear alternate;box-shadow:0 0 10px #bf0000;opacity:0.8;background:#bf0000;border:1px solid #bf0000;color:#fff;}
.about .right {position:absolute;right:0;margin-left:-650px;}
/* .about .right img {max-width:50%;}*/
.news .title {border-bottom:1px solid #f1f1f1;margin-bottom:40px;}
.news .cate a {margin-left:40px;padding-bottom:10px;font-size:18px;}
.news .cate a:hover {color:#bf0101;border-bottom:5px solid #bf0101;}
.news .time {transition:all .3s;text-align:center;padding-top:10px;font-size:28px;background:url(../images/bg_news1.png) no-repeat;background-size:contain;width:71px;height:109px;font-weight:bold;color:#fff;}
.news .item:hover .time {background:url(../images/bg_news2.png) no-repeat;background-size:contain;}
.news .news_cont {width:330px;}
.news .item_head {margin-bottom:10px;height: 247px;overflow: hidden;}
.news .item_main {align-items: normal;}
.news .item_head img {display:block;width: 100%; transition: all .3s;}
.news .news_cont .tit {transition:all .3s;font-size:20px;font-weight:bold;color:#474748;margin-bottom:10px;display:block;}
.news .item:hover .news_cont .tit {color:#d27910;}
.news .item:hover .item_head img {transform: scale(1.3);}
.news .news_cont .desc {font-size:14px;line-height:24px;color:#919191;}
.more {text-align:center;margin:50px auto;}
.more a {font-size:16px;background:#fff;text-align:center;border:1px solid #3e3e3e;border-radius:40px;padding:17px 65px;display:inline-block;}
.case {position:relative;}
.case .tit a {padding:10px 35px;background:#fff;border:1px solid #3e3e3e;border-radius:40px;font-size:16px;}
.case .item {position:relative;margin-bottom:20px;border-radius:20px;overflow:hidden;width:465px;}
.case .item.cur {width:820px;}
.case .item img {width:100%;height: 335px;}
.case .cont {flex-flow:row wrap;}
.case .item .bgImg {display:block;}
.case .item .wd {transition:all .3s;padding:50px;box-sizing:border-box;position:absolute;top:0;left:0;width:100%;z-index:999;height:100%;color:#fff;}
.case .item .wd .h3 {font-size:30px;padding-bottom:20px;margin-bottom:20px;}
.case .item .wd .h3::after {width:80px;height:2px;background:#fff;content:"";display:block;margin-top:30px;}
.case .item.cur .wd,.case .item:hover .wd {background:url(../images/bg_case.png) repeat-y;background-size:contain;}
.case .item.cur .wd .hide {width:60%;display:block;top:45%;}
.case .item .wd .hide {position:absolute;top:100%;transition:all .3s;}
.case .item .wd .hide p {font-size:16px;line-height:1.8;}
.case .item .wd .hide a {font-size:14px;color:#fff;margin-top:50px;display:block;}
.case .item:hover .hide {top:45%;}
.case .tit {margin-bottom:30px;}
.product {position:relative;background:url(../images/bg_product.png) no-repeat;height:848px;color:#fff;background-size: 100% 100%;}
.product .product_top h3 {margin-bottom:0;}
.product .product_top p {font-size:14px;margin-top:10px;color:#f0e0e1;}
.product .product_title {margin-top:30px;padding-bottom:30px;}
.product .product_title a {color:#fff;font-size:18px;position:relative;margin-right:100px;display:inline-block;}
.product .product_title a.cur::after {display:block;top:50px;position:absolute;left:0;content:"";width:90%;height:5px;background:#fff;}
.product .product_cont {padding-top:50px;border-top:1px solid #c6595c;}
.product .product_cont ul li {width:31%;border-radius:20px;overflow:hidden;}
.product .product_cont ul li .img {width:100%;display:block;transition: all .3s;height: 350px;background: #e7e4ff;}
.product .product_cont ul li p {background-color:#d27910;padding:30px 0;color:#fff;text-align:center;position: relative;transition: all .5s;opacity: .9;}
.product .product_cont ul li p::before{content: "";position: absolute;left: 0;top: 100%;height: 100%;display: block;width: 100%;transition: all .5s;background: #df8b28;z-index: -1;}
.product .product_cont ul li:hover p::before{top: 0;}
.product .product_cont ul li:hover .img{transform: scale(1.1);}
.pagelist{margin-top: 80px;}
.pagelist ul{display: flex; justify-content: center;align-items: center;}
.pagelist ul li{margin-right: 10px;}
.pagelist ul li.active a{background: #bf0101;color: #fff;}
.pagelist li a{padding: 5px 10px;border: 1px solid #eee;display: block;}

.product_top {padding-top:173px;}
.footer {background:url(../images/bg_footer.png) no-repeat;position:relative;height:348px;color:#fff;padding-top:270px;background-size:cover;}
.footer .link {margin-top:50px;}
.footer .link a {color:#e1e0f0;margin-right:20px;font-size:14px;transition:all .3s;}
.footer .link a:hover {color:#fff;}
.footer .left img {animation:scale 1s 0s infinite linear alternate;}
.footer .center {text-align:center;}
.footer .center p {margin-top:10px;}
.footer .right {font-size:14px;line-height:33px;background:url(../images/phone.png) no-repeat;padding-left:80px;}
.footer .copyright {border-top:1px solid #a2171a;padding-top:30px;text-align:center;margin-top:30px;font-size:14px;color:#a18383;}
.footer .copyright a {color:#a18383;}
.mainBody {min-height:500px;background:url(../images/bg2.png) center no-repeat;}
.news_section {background:url(../images/bg2.jpg) center no-repeat;}
.productList{background:url(../images/bg4.jpg) center no-repeat;min-height:400px;}
.caseList{background:url(../images/bg3.jpg) center no-repeat;padding-top: 30px;}
/* 新闻*/
.newsCenter .item {padding:40px 0;position:relative;}
.newsCenter .item .inner {position:relative;z-index:99;}
.newsCenter .item::after {display:block;position:absolute;content:"";width:0%;height:100%;background:#fafafc;left:0;bottom:-2px;transition:all 1s;}
.newsCenter .item:hover:after {width:100%;}
.newsCenter .item:hover .itemr {color:#d27910;}
.newsCenter .item img {display:block;margin-right:30px;width:400px;height:236px;}
.newsCenter .item:hover a {color:#d27910;}
.newsCenter .item .iteml {align-items:normal;margin-right:30px;}
.newsCenter .item .itemr {text-align:center;line-height:28px;font-size:18px;color:#474747;}
.newsCenter .item .itemr .yefen {line-height:50px;font-size:55.86px;border-bottom:1px solid #474747;margin-bottom:10px;padding-bottom:10px;transition:all .5s;}
.newsCenter .item:hover .itemr .yefen {border-bottom:1px solid #d27910;}
.newsCenter .item .centers h4 {margin-bottom:20px;font-size:20px;}
.newsCenter .item .centers p {line-height:1.8;}
.newsCenter .item a.amore {border:1px solid #eee;border-radius:40px;padding:10px 35px;display:inline-block;margin-top:60px;background:#fff;transition:all .3s;}
.newsCenter .item:hover a.amore {border:1px solid #d27910;background:#d27910;color: #fff;}
.newsCenter.downList .item a.amore{margin-top: 0;}
.bgray {background:#f5f8fa;}
.mainAbt .section {padding:100px 0;}
.mainAbt .section .sec_wd {width:50%;line-height:1.8;}
.mainAbt .section .sec_wd .title {margin-bottom:40px;}
.mainAbt .section img {width:40%;box-shadow: 0 0 10px; border-radius: 20px;}
.mainAbt .sec_wd h3 {font-size:56px;text-align:center;font-family:math;margin:0;}
.filters {padding:15px 20px;margin-bottom:30px;border-radius:3px;background:#f9f9f9;}
.filter-item {margin-bottom:7px;position:relative;border-bottom:1px dashed #eaeaea;}
.filter-item:last-child {border-bottom:none;padding-bottom:0;margin-bottom:0;}
.filter-item>span {font-weight:600;position:absolute;left:0;top:5px;}
#posts {margin-top:20px;}

.grids {margin:0 -10px 20px;position:relative;justify-content:space-between;display:flex;flex-flow:row wrap;}
.grids.waterfall {display:block;}
.grids .grid {width:420px;margin-bottom:30px;background:#fff;box-shadow:0 0 15px rgba(0,0,0,0.075);position:relative;border-radius:3px;background-size:cover;background-position:center;background-repeat:no-repeat;transition:all .3s ease 0s;}
.grids .grid:hover {box-shadow:0 0 15px rgba(0,0,0,0.15);-webkit-transform:translateY(-3px);transform:translateY(-3px);}
.grids .grid.grid-tj:after {content:"推荐";position:absolute;right:8px;top:8px;background:#ff5f33;font-size:12px;padding:0 4px;border-radius:2px;color:#fff;z-index:9;}
.grids .grid.grid-ts:before {position:absolute;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.3);content:"";border-radius:3px;}
.grids .grid .img {overflow:hidden;border-radius:3px 3px 0 0;position:relative;text-align: center; background-size: cover;}
.grids .grid .img a {display:block;height:100%;}
.grids .grid .img a img{transform: scale(1.1);height: 300px;transition: all .3s;}
.grids .grid .thumb {width:100%;height:100%;border-radius:3px 3px 0 0;transition:all .3s ease-out 0s;object-fit:cover;background:#fff;display:block;font-size:0;}
.grids .grid .thumb:hover {-webkit-transform:scale(1.03);transform:scale(1.03);transition:all .3s ease-out 0s;}
.grids .grid.grid-ts img {visibility:hidden;}
.grids.waterfall .grid .img {height:auto !important;}
.grids .grid h3 {font-size:15px;font-weight:normal;margin:15px 10px 10px;position:relative;}
.grids .grid h3 a {color:#062743;transition: all .5s; line-height:20px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;height:20px;}
.grids .grid.grid-ts h3 a {color:#e0e0e0 !important;}
.grids .grid p {padding:0px 10px 10px;margin:0;color:#AAB2BD;}
.grids .grid .grid-meta {color:#8a92a9;padding:0 10px 10px 10px;font-size:12px;height:30px;overflow:hidden;}
.grids .grid.grid-ts .grid-meta {color:#a7abb7;}
.grids .grid.grid-ts .cat {color:#a7abb7;}
.grids .grid .grid-meta .price {float:right;}
.grids .grid .grid-meta .price .fee {background:#a7abb7;padding:1px 4px;color:#fff;border-radius:2px;}
.grids .grid:hover .img a img{transform: scale(1.2);}
.grids .grid:hover h3 a{color: #bf0101}
.filter {display:inline-block;font-size:16px;}
.filter a {display:inline-block;margin:3px;padding:6px 15px;color: #999;border-radius: 20px;border:1px solid #eee;}
.filter a.active {background:#bf0000;color:#fff}
.filter .icon {font-size:13px;}
.hot{padding: 100px 0;position: relative;}
.hot .item{padding: 2%;width: 24%;position: relative;transition: all .5s;top: 0}
.hot .item .itemImg{text-align: center;}
/*.hot .item .itemImg img{width: 50%;}*/
.hot .item .itemWd{margin-top: 20px;}
.hot .item .itemWd .tit{text-align: center;font-size: 24px;margin-bottom: 20px;}
.hot .item .itemWd .desc{color: #999;line-height: 1.8;}
.hot .item:hover{top:-30px;box-shadow: 0 0 10px #ccc;background: #bf0101;color: #fff;}
.hot .item:hover .desc{color: #fff;}

/*.mainAbt .sec_wd h3:hover {color:#bf0101;}*/
.mainAbt .sec_wd .title::before {content:"";width:52px;height:1px;background-color:#4a4a4a;display:block;margin-left:58%;transform:rotate(135deg);margin-bottom:20px;}
.mainAbt .sec_wd h2 {font-size:25px;text-align:center;margin:0px;}
.mainAbt .sec_wd .title::after {content:"";width:52px;height:1px;background-color:#4a4a4a;display:block;margin-left:32%;transform:rotate(135deg);margin-top:35px;}
.mainAbt .sec_wd .title.namemark::before {margin-left:55%;margin-bottom:30px;}
.mainAbt .sec_wd .title.namemark::after {margin-left:40%;margin-top:35px;}
/* 联系我们*/
.con-title {height:120px;line-height:28px;padding-top:60px;font-size:30px;font-weight:300;text-align:center;box-sizing:border-box;}
.con-title svg {height:28px;}
.con-desc {position:relative;top:-23px;height:32px;line-height:32px;text-align:center;font-size:15px;font-weight:400;color:#999;}
.product-container .product-list {margin-top:18px;flex-flow:row wrap;}
.product-container .product-item {position:relative;margin-bottom:30px;display:block;width:360px;height:90px;background:#fff;box-shadow:0 4px 20px 5px rgba(68,93,127,0.1);border-radius:4px;transition:transform .3s ease,box-shadow .3s ease;}
.product-container .product-item:nth-child(3n+3),.product-item:last-child {margin-left:0;}
.product-container .product-item .product-card {display:block;width:100%;height:100%;transition:filter .3s,transform .3s;padding:20px 20px 20px 90px;box-sizing:border-box;}
.product-container .product-item:not(.more) .product-card:before {display:none;content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#b6c5d6;opacity:.2;filter:alpha(opacity=20);z-index:1;border-radius:4px;}
.product-container .product-item:not(.more):hover {transform:translateY(-10px);box-shadow:0 2px 15px 0 rgba(68,93,127,0.24);}
.product-container .product-item:not(.more):hover .product-card {filter:blur(3px);}
.product-container .product-item:not(.more):hover .product-card:before {display:block;}
.product-container .product-item .product-icon {position:absolute;top:20px;left:20px;width:50px;height:50px;}
.product-container .product-item.jz .product-icon {background:url(../images/jz.svg) 0 0 no-repeat;}
.product-container .product-item.mall .product-icon {background:url(../images/mall.svg) 0 0 no-repeat;}
.product-container .product-item.ktu .product-icon {background:url(../images/kt.svg) 0 0 no-repeat;}
.product-container .product-item.edu .product-icon {background:url(../images/edu.svg) 0 0 no-repeat;}
.product-container .product-item.hd .product-icon {background:url(../images/hd.svg) 0 0 no-repeat;}
.product-container .product-item.flyer .product-icon {background:url(../images/flyer.svg) 0 0 no-repeat;}
.product-container .product-item.wxast .product-icon {background:url(../images/wxast.svg) 0 0 no-repeat;}
.product-container .product-item.qz .product-icon {background:url(../images/qz.svg) 0 0 no-repeat;}
.product-container .product-item.yk .product-icon {background:url(../images/yk.svg) 0 0 no-repeat;}
.product-container .product-item.yx .product-icon {background:url(../images/yx.svg) 0 0 no-repeat;}
.product-container .product-item .product-name {line-height:20px;font-size:18px;color:#333;}
.product-container .product-item.new .product-name:after {content:"新品";position:relative;top:2px;margin-left:10px;display:inline-block;vertical-align:top;width:40px;height:18px;line-height:18px;background-color:#fed08d;background:linear-gradient(77deg,#fed08d 0,#f8d5af 100%);border-radius:4px;color:#a36610;font-size:12px;text-align:center;}
.product-container .product-item .product-desc {margin-top:6px;color:#999;font-size:13px;opacity:.7;filter:alpha(opacity=70);}
.product-container .product-item .product-link {position:absolute;top:50%;left:50%;margin-left:-50px;margin-top:0;width:100px;height:34px;line-height:34px;background-color:#2576fb;background:linear-gradient(90deg,#2576fb 0,#59a3ff 100%);border-radius:17px;color:#fffefe;font-size:13px;text-align:center;opacity:0;transition:margin-top .3s ease,opacity .3s ease;opacity:0;z-index:2;}
.product-container .product-item:hover .product-link {opacity:1;margin-top:-17px;}
.product-container .product-item.more {height:210px;box-shadow:none;background:url(../images/icon-bg.png) -30px -826px no-repeat;}
.product-container .product-item.more:before {content:"";position:absolute;top:46px;left:34px;width:48px;height:4px;background:#ffe6c2;border-radius:2px;box-shadow:0 2px 6px 0 rgba(68,93,127,0.25);}
.product-container .product-item.more .product-more-title {margin-top:70px;margin-left:33px;font-size:26px;line-height:26px;font-family:Source Han Sans CN;font-weight:500;color:#fff;text-shadow:0 2px 6px rgba(68,93,127,0.25);}
.product-container .product-item.more .product-more-btn {margin-left:34px;margin-top:28px;position:relative;display:block;width:100px;height:34px;line-height:34px;border-radius:17px;font-size:13px;color:#5283cf;text-align:center;box-shadow:0 8px 14px 1px rgba(36,108,215,0.18);transition:color .3s ease;}
.product-container .product-item.more .product-more-btn:before,.product-container .product-item.more .product-more-btn:after {content:"免费使用";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:17px;opacity:0;filter:alpha(opacity=0);transition:opacity .3s,filter .3s;}
.am-breadcrumb{padding: 20px 0;}
.news_show .intro{margin-top: 20px;margin-bottom: 50px}
.news_show h1{font-size:24px;margin-bottom: 10px;text-align: center;}
.news_show .info{color: #999;font-size: 14px;text-align: center;}


.down-layer {position:fixed;z-index:100;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.4);opacity:0;visibility:hidden;-webkit-transition:all .5s ease;transition:all .5s ease;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
.down-layer.show {opacity:1;visibility:visible;}
.down-layer .container {background:#fff;width:40%;position:relative;}
.down-layer .container .close {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-family:"iconfont";color:#fff;font-size:18px;position:absolute;z-index:5;top:5px;right:10px;}
.down-layer .container .close:hover {-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
.down-layer .container .title {line-height:70px;background:#000;background-size:cover;color:#fff;font-size:20px;text-align:center;}
.down-layer .scroll {height:520px;overflow-y:auto;}
.down-layer .scroll::-webkit-scrollbar {width:10px;}
.down-layer .scroll::-webkit-scrollbar-thumb {background:#000;border-radius:10px;}
.down-layer .scroll::-webkit-scrollbar-track {background:rgba(0,0,0,.15);}
.down-layer .form {padding:20px 60px 0 40px;}
.down-layer .form li {padding-bottom:10px;}
.down-layer .form li .name {position:relative;line-height:46px;padding-left:15px;font-size:16px;color:#000;}
.down-layer .form li .name:before {content:"";display:block;position:absolute;left:0;top:50%;width:3px;height:16px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);background:#000;border-radius:3px;}
.down-layer .form li .name em {color:red;}
.down-layer .form li .input {border:rgba(204,204,204,.7) solid 1px;border-radius:px;}
.down-layer .form li .input input::-webkit-input-placeholder {color:#999;}
.down-layer .form li .input input::-moz-placeholder {color:#999;}
.down-layer .form li .input input:-moz-placeholder {color:#999;}
.down-layer .form li .input input:-ms-input-placeholder {color:#999;}
.down-layer .form li .input textarea::-webkit-input-placeholder {color:#999;}
.down-layer .form li .input textarea::-moz-placeholder {color:#999;}
.down-layer .form li .input textarea:-moz-placeholder {color:#999;}
.down-layer .form li .input textarea:-ms-input-placeholder {color:#999;}
.down-layer .form li .input input {width:100%;height:40px;line-height:40px;font-size:14px;padding:0 2px;color:#333;}
.down-layer .form .submit {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:46px;border-radius:5px;font-size:16px;color:#fff;cursor:pointer;background:#140b09;margin-top:30px;}

/*波浪*/
.marquee-box {overflow:hidden;width:100%;position:absolute;left:0;top:0;}
.marquee {width:8000%;height:118px;}
.wave-list-box {float:left;}
.wave-list-box ul {float:left;height:118px;overflow:hidden;zoom:1;}
.wave-list-box ul li {height:118px;width:100%;float:left;line-height:30px;list-style:none;}
.wave-box {position:relative;height:118px;background:#fff;}
/*动画*/
.bar {animation:opcity 2s 1s infinite linear alternate;opacity:.5;}
.shadow {animation:shadow 1s infinite linear alternate;}
.scale {animation:scale .3s infinite linear alternate;}
.star1 {animation:opcity 2s 1s infinite linear alternate;position:absolute;width:300px;top: 0;left: 0;opacity:0.1;}
.mounse {animation:opcity 2s 1s infinite linear alternate;position:absolute;width:50px;height:50px;border-radius:0%;z-index:-1;background:url(../images/logo_footer.png) no-repeat;background-size:contain;}
.star2 {animation:boxShadow 12s infinite linear;position:absolute;bottom:-80px;left:-300px;width:300px;height:161px;}
.star3 {animation:boxShadow2 5s infinite linear alternate;position:absolute;bottom:-80px;left:-500px;width:300px;height:161px;}
#menu{display: none;}
#menu {position: relative;}
#menu ul {display: none; position: absolute;z-index: 9999;background: #FFFFFF;box-shadow: 0 17px 67px 8px rgba(0,0,0,0.1);border: 4px solid #F4F6F8;right: -37px;border-radius: 50px;padding: 10px;box-sizing: border-box;top: 30px;width: 100px;}
#menu img {width: 1.67rem} 
#menu ul li{border-bottom: 0.04rem solid #E5E5E5;padding-bottom: 10px;margin-bottom: 10px;font-size: 14px;text-align: center;}
#menu ul li:last-child{border-bottom:none;padding-bottom: 0;margin-bottom: 0;}

.right-nav {
	box-shadow: 0 0 10px #d7d7d7;
     position: fixed;

     top: 20%;

     right: 20px;

     background: #fff;

     border-radius: 50px;

     z-index:999999999;

     padding: 20px 15px;

 }

 

 .right-nav li {

     width: 100%;

     list-style: none;

     margin-bottom: 10px;

     text-align: center;

     cursor: pointer;

     position: relative;

 }

 

 .right-nav li .dw {

     width: 2.4rem;

     position: absolute;

     left: -2.4rem;

     background: #fff;

     box-shadow: 0 0 15px #BFBFBF;

     display: none;

     padding: 10px;

     transition-duration: .5s;

     top: -0.05rem;

     border-radius: 10px;

 }

 

 .right-nav li .dw a {

     line-height: 30px;

     font-size: 16px;

     display: inline-block;

     width: 100%;

 }

 

 .right-nav li .dw a:hover {

     color: #b21b21;

 }

 /* 

 .right-nav li:hover .dw {

     display: block;

     left: -2.3rem;

 } */



.hz-logo{ background:url(../images/dq-bg02.jpg) no-repeat center; padding:30px 50px 80px;background-size: cover;}
.hz-logo ul{ height:500px; position:relative; }
.hz-logo ul li{position:absolute;animation:myfirstd linear infinite 2s;}
.hz-logo ul li p{width:0; height:0;background:#fff; border-radius:50%;-moz-box-shadow:0px 3px 5px #D4D4D4; -webkit-box-shadow:0px 3px 5px #D4D4D4; box-shadow:0px 3px 5px #D4D4D4;  z-index:2; overflow:hidden; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); transition-duration:2s;}

.hz-logo .swiper-slide-active ul li p{width:110px; height:110px;}

.mainAbt p{text-indent: 32px;}

.hz-logo ul li p img{ position:absolute; top:0; left:0; bottom:0; right:0; margin:auto; width:70%;  max-width:70%; }
.hz-logo ul li:nth-child(1){ top:7%; left:3%; transform:scale(0.8);animation:myfirstd1 linear infinite 3s;}
.hz-logo ul li:nth-child(2){ top:10%; left:14%; transform:scale(0.6);}
.hz-logo ul li:nth-child(3){ top:25%; left:5%;transform:scale(0.5);animation:myfirstd1 linear infinite 3s;}
.hz-logo ul li:nth-child(4){ top:8%; left:26%; transform:scale(0.6);}
.hz-logo ul li:nth-child(5){ top:30%; left:16%;animation:myfirstd1 linear infinite 3s;}
.hz-logo ul li:nth-child(6){ top:45%; left:3%;transform:scale(0.4);  }
.hz-logo ul li:nth-child(7){ top:65%; left:7%;transform:scale(0.8);animation:myfirstd1 linear infinite 3s; }
.hz-logo ul li:nth-child(8){ top:58%; left:18%;transform:scale(0.5) ; }
.hz-logo ul li:nth-child(9){ top:42%; left:28%;transform:scale(0.5) ;animation:myfirstd1 linear infinite 3s;}
.hz-logo ul li:nth-child(10){ top:65%; left:28%;transform:scale(0.6);  }
.hz-logo ul li:nth-child(11){ top:90%; left:10%;transform:scale(0.6); animation:myfirstd1 linear infinite 3s;}
.hz-logo ul li:nth-child(12){ top:8%; right:3%; transform:scale(0.8); }
.hz-logo ul li:nth-child(13){ top:5%; right:14%; transform:scale(0.6);animation:myfirstd1 linear infinite 3s;}
.hz-logo ul li:nth-child(14){ top:25%; right:6%;transform:scale(0.5); }
.hz-logo ul li:nth-child(15){ top:8%; right:26%; transform:scale(0.6);animation:myfirstd1 linear infinite 3s;}
.hz-logo ul li:nth-child(16){ top:25%; right:16%; }
.hz-logo ul li:nth-child(17){ top:35%; right:3%;transform:scale(0.4) ;animation:myfirstd1 linear infinite 3s;}
.hz-logo ul li:nth-child(18){ top:50%; right:10%;transform:scale(0.8);  }
.hz-logo ul li:nth-child(19){ top:52%; right:18%;transform:scale(0.5) ;animation:myfirstd1 linear infinite 3s;}
.hz-logo ul li:nth-child(20){ top:42%; right:24%;transform:scale(0.5);  }
.hz-logo ul li:nth-child(21){ top:73%; right:22%;transform:scale(0.6); animation:myfirstd1 linear infinite 3s;}
.hz-logo ul li:nth-child(22){ top:80%; right:10%;transform:scale(0.6) ; }
 

 .right-nav li img {display: inline-block;transition: all .5s;border-radius: 50%;max-width: 35px;}
 .right-nav li:hover img {transform: rotate(360deg);}
 @keyframes myfirstd {0% {margin-top:0px;} 40% {margin-top:8px;} 100% {margin-top:0px;}}
@keyframes myfirstd1 {0% {margin-top:0px;} 40% {margin-top:18px;} 100% {margin-top:0px;}}
@keyframes opcity {0% {opacity:0.1;}
100% {opacity:0.6;}
;}
@keyframes boxShadow2 {0% {bottom:-260px;left:-500px;transform:scale(3);}
50% {bottom:-260px;left:60%;transform:scale(3);}
100% {bottom:-100px;left:130%;transform:scale(1.5);}
;}
@keyframes boxShadow {0% {bottom:-80px;left:-300px;transform:scale(1.1);}
50% {bottom:-260px;left:60%;transform:scale(3);}
100% {bottom:-200px;left:100%;transform:scale(0.9);}
;}
@keyframes button {0% {box-shadow:0 0 10px #bf0000;opacity:0.8;}
50% {opacity:1;box-shadow:0 0 20px #bf0000;}
100% {opacity:0.8;box-shadow:0 0 10px #bf0000;}
;}
@keyframes shadow {0% {transform:rotate(-20deg);}
100% {transform:rotate(20deg);}
;}
@keyframes scale {0% {transform:scale(0.9);}
100% {transform:rotate(1.1);}
;}
.mobile{display:none!important};
.pc{display:block!important};
@media (max-width: 1600px) {
    .about .left{
    	width: 460px;
    	padding-top: 40px;
    }
	.about .right{text-align: right;}
    .about .right img{max-width: 900px;position: relative;top: 20px;}
}

@media (max-width: 750px) {

     .mobile{display:block!important};
     .filter a{font-size: 12px}
     .case .item img{height: auto;}
     #menu ul{ border-radius:10px;right:-17px;}

    .header .menu,.header .tel,.mounse,.right-nav,.star3,.mainAbt .sec_wd .title::after,.mainAbt .sec_wd .title::before,.newsCenter .item .itemr,.am-breadcrumb,.star1,.about .right,.hot .item .itemWd .desc,.star2,.news .time,.news .cate{display: none;}
    .product-container .product-item{width: 80%;margin-left: 10%!important;}
    .newsCenter.downList .item .itemr{display: block;margin-top: 20px;}
    .newsCenter.downList .item .inner{align-items: baseline;}
    .newsCenter.downList .item a.amore{font-size: 16px;padding: 5px 20px;}
    .mainAbt .sec_wd h3{font-size: 24px;}
    .mainAbt .section{padding: 30px 0;}
    .down-layer .container{width: 90%;top: 30px;}
    .mainAbt .section .sec_wd .title{margin-bottom: 10px;}
    .mainAbt .sec_wd h2{font-size: 20px;}
    .mainAbt .section .sec_wd{width: 90%;}
    .mainAbt .section .sec_wd p{font-size: 14px;color: #999;}
    .mainAbt .section .flex{flex-flow: column-reverse;}
    .mainAbt .section.bgray .flex{flex-flow: column;}
    .newsCenter .item{border-bottom: 1px solid #eee;}
    .newsCenter .item img{width:100%;height: auto;}
    .newsCenter .item .inner,.newsCenter .item .iteml{flex-flow: column;}
    .newsCenter .item .iteml{margin-right: 0;}
    .newsCenter{padding:0 10px;}
    .product .product_cont ul li .img{height: auto;}
    .flex{flex-flow: column;}
    .pc{display:none!important};
    .newsCenter .item{padding: 20px 0}
    .newsCenter .item .centers p{font-size: 14px;color: #999;}
    .newsCenter .item .centers h4{padding-top: 20px;}
    .newsCenter .item .centers a.amore{margin-top: 20px;}
    .inner{max-width: 90%;}
    .news_show{padding-top: 30px;}
    .prenext{font-size: 14px;align-items: baseline;}
    .prenext a{margin-bottom: 10px;}
    .news_show h1{font-size: 18px;}
    .news_show .info{font-size: 12px;}
    .grids .grid .img a img{height: auto;}
    .news_show .intro{font-size: 14px;line-height: 1.8}
    .case .item .wd .h3{font-size: 20px;margin-bottom: 10px;padding-bottom: 10px;}
    h3{font-size: 24px;}
    .hot{padding: 0}
    .news .item{padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid #eee;}
    .news .item_head{height: auto;}
    .news .news_cont .tit{font-size: 16px;}
    .news .news_cont .desc{font-size: 12px;line-height: 1.8;}
    .hot .item .itemWd .tit{font-size: 16px;}
    .hot .flex,.header .flex{flex-flow: row;}
    .about .left{width: 90%;position: initial;margin-left: 5%;padding-top: 20px;text-align: center;}
    .footer{height: auto;}
    .footer .link,.footer .left,.case .tit a{display: none;}
    .about .left a{padding: 10px 35px;}
    .footer .copyright{padding-bottom: 30px;}
    .hot .item .itemImg{min-height: 75px;}
    .about .left p{font-size: 14px;line-height: 1.8;}
    .product .product_title a{margin-right: 5%;font-size: 16px;}
    .product{background: #9d0000 url(../images/bg_product.png) no-repeat;padding-bottom: 30px;}
    .product_top{padding-top: 30px;text-align: center;}
    .header .logo img{height: 55px;}
    .product .product_cont ul li{width: 90%;margin-bottom: 15px;}
    .product .product_cont ul li p{padding: 10px 0;font-size: 14px;}
    .case .item{animation: none!important;}
    .product{height: auto;}
    .footer .right{padding-left: 0;background: none;text-align: center;margin-top: 15px;}
    .case .item .wd .hide p{font-size: 14px;}
    .case .item .wd .hide a{margin-top: 20px;}
    .case .item .wd .h3::after{margin-top: 13px;}
    .case .item .bgImg{min-height: 240px;} 
    .case .item .wd{padding: 8%;}
    .case .item.cur .wd .hide,.case .item:hover .hide{top: 34%;width: 85%;}
    .banner{height: 150px;overflow: hidden;}
    /* .banner img{transform: scale(3);} */
    #menu{display: block;}
    .hz-logo{padding: 0}
     .filters .inner{max-width: 100%}
     .filter a{font-size: 12px}
     .filters{padding:10px 0px;box-shadow: none!important;}
     .hz-logo .swiper-slide-active ul li p{width:80px; height:80px;}

}