@charset"utf-8";
/*宽度(vw) = x / 1920 * 100;*/
/*高度(vh) =x / 1080 * 40;*/
/*(px宽度/ window.innerWidth) * 100=vw宽度*/
body {
--theme: #91bc15;
--background: #fff;
--backmain: #303133;
--classA: #999;
--classB: #e4e7ed;
--classC: #ebeef5;
--classD: #f3f3f3;
--radius-wrap: 8px;
--radius-inner: 4px;
--text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
--box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.76);
max-width: 1920px;
margin: 0 auto;
}
@media (min-width: 1500px) {
.container {
max-width: 1400px;
}
}
@media (min-width: 1700px) {
.container {
max-width: 1600px;
}
}
a{color: var(--backmain)}
a:hover{color: var(--theme);text-decoration: none}
header{padding: .2rem 0px;box-shadow: var(--box-shadow)}
header.fixed{position: fixed;width: 100%;background: #fff;z-index: 999;}
header .container{display: flex;justify-content: space-between}
header .logo{padding: 10px 0px}
header .nav .item{padding: 0 .2rem}
header .nav .item a{display: flex;justify-content: center;align-items: center;font-family: 'chelthmitc_bk_btbook';height: 100%;font-size: .16rem;text-transform: uppercase;}
.openBtn,header .btn{display: none}
.scale{transition: 1s all;}
.scale-act{transform: scale(1.05)}
.inproduct {padding: .8rem 0px}
.inproduct .container{display: flex;justify-content: space-between}
.inproduct .container img{width: 100%}
.inproduct .l{margin-right: .2rem}
.inproduct .tit{margin-top: .2rem; padding:.4rem 0px;}
.inproduct .tit h3{font-size: .55rem;text-transform: capitalize;text-align: center;margin-bottom: .2rem; font-family: 'chelthmitc_bk_btbook';}
.inproduct .tit h4{font-size: .14rem;text-transform: uppercase;text-align: center;font-family: 'chelthmitc_bk_btbook'; position: relative;padding-bottom: .1rem;}
.inproduct .tit h4:after{content: '';position: absolute;left: 50%;bottom:0px;margin-left:-38px;width: 76px;height: 2px;background: #0C0C0C}
.inproduct .r{display:flex;flex-direction:column-reverse;justify-content: space-between}
.hotProduct .tit{margin: .2rem 0}
.hotProduct .tit h3{font-size: .55rem;text-align: center;margin-bottom: .2rem; font-family: 'chelthmitc_bk_btbook';}
.hotProduct .tit h4{font-size: .14rem;text-align: center; position: relative;padding-bottom: .1rem}
.hotProduct .tit h4:after{content: '';position: absolute;left: 50%;bottom:0px;margin-left:-38px;width: 76px;height: 2px;background: #0C0C0C}
.hotpro-container{margin-top:.3rem}
.hotpro-container .pic{text-align: center}
.hotpro-container .wenzi{text-align: center;padding: .2rem 0;background: #eee}
.hotpro-container .wenzi h3{font-size: .14rem;padding: .1rem 0 }
.hotpro-container .wenzi h4{font-size: .12rem;color: #999}
.hotpro-container .swiper-slide{position: relative;background: #fff;padding: 20px 0px 20px;}
.swiper-button-prev{background-image:url('data:image/svg+xml;charset=utf-8,');}
.swiper-button-next{background-image:url('data:image/svg+xml;charset=utf-8,');}
.inThumbs {padding: .8rem 0px 0px;display: flex;justify-content:center}
.inThumbs .container img{width: 100%}
.inThumbs .l{display: flex;flex-direction: column;}
.inThumbs .l .tit{flex: auto;display: flex;flex-direction: column;justify-content: center;}
.inThumbs .tit{margin-top: .2rem; padding:1.2rem 0px;}
.inThumbs .tit h3{font-size: .39rem;text-transform: capitalize;text-align: center;margin-bottom: .4rem ;margin-bottom: .2rem; font-family: 'chelthmitc_bk_btbook';}
.inThumbs .tit h4{font-size: .39rem;text-transform: capitalize;text-align: center; position: relative;padding-bottom: .1rem;font-family: 'chelthmitc_bk_btbook';}
.inThumbs .tit h4:after{content: '';position: absolute;left: 50%;bottom:-22px;margin-left:-38px;width: 76px;height: 2px;background: #0C0C0C}
.inThumbs .r{display:flex;flex-direction:column;justify-content: space-between}
.inThumbs .r .tit{margin-top:0;padding: 1.2rem 0px;flex: auto;background: #f5f5f5;}
.inThumbs .r .tit form{display: flex;flex-direction: column;justify-content: center;align-items: center}
.inThumbs .r .tit form button{ font-family: 'chelthmitc_bk_btbook';}
.inThumbs .r .tit form button:hover{background: var(--theme)}
.inThumbs form input{width: 70%;border: none;border-bottom: 1px solid #999;background: none;margin-bottom: 20px;padding: 20px 10px}
.inThumbs form button{width: 250px;height: 60px;line-height: 60px;border:none;background: #0C0C0C;color: #fff;margin-top: 50px}
footer{background: #333333;padding: .8rem 0px 0;color: #fff}
footer .footnav{display: flex;justify-content: space-evenly;margin-bottom: .5rem}
footer .footnav ul{width: 25%}
footer .footnav li{text-transform:capitalize;line-height: 30px;color: #666;margin-bottom: 4px}
footer .footnav li a{color: #666}
footer .footnav li:first-of-type{margin-bottom: 20px;text-transform: uppercase;color: #fff}
footer .copy{text-align: center;border-top: 1px solid #4c4a4a;padding: .2rem 0}
/*inner*/
.fl {float: left;}
.fr {float: right;}
/* loaction */
.location {width: 100%;background: #fff;position: relative;z-index: 99;border-bottom: 1px solid #eee;}
.location .sitepath {color: #363636;line-height: 60px;}
.location .sitepath s {width: 22px;height: 20px;background-position: 0 0;margin-right: 6px;}
.location .sitepath a {color: #363636;text-transform: uppercase}
.location .sitepath a:hover {color: var(--theme);}
.location .menu {height: 60px;line-height: 60px;}
.location .menu span {width: 1px;height: 16px;margin: 0 16px 0 14px;background-position: -206px -36px;}
.location .menu a {padding: 0;height: 60px;line-height: 60px;margin-left: 35px;text-align: center;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;color: #363636;display: inline-block;position: relative;}
.location .menu a i {position: absolute;bottom: 0;left: 50%;width: 0;height: 2px;background-color: var(--theme);-webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.location .menu a:hover i, .location .menu a.hover i {width: 100%;margin-left: -50%;}
.pagebar .pagination {display: flex;justify-content: center;margin-top: 10px;}
.pagination a {background: #fff;border: 1px solid #ccc;color: #333;line-height:20px;font-size: 14px;padding: 2px 12px;margin: 0 3px;border-radius: 3px;}
.pagination span {color: #333;font-size: 14px;padding: 8px 2px;margin: 0 5px;border-radius: 3px;}
.pagination a:hover {color: var(--theme);border: 1px solid var(--theme);}
.pagination a.page-num-current {color: #fff;background:var(--theme);}
.gridlist {width: 100%;}
.gridlist .item .pic{padding-bottom: 100%;position: relative;display: flex;align-items: flex-start;box-shadow: -2px -2px 20px 0px #eee;}
.gridlist .item {width: calc(100% / 4 - 20px);margin: 0 26px 30px 0;float: left;position: relative;overflow: hidden;}
.gridlist .item:first-child {margin-left: 0;}
.gridlist .item img { height: 100%;object-fit: contain; position: absolute;left: 0px;top: 50%;width: 100%;transform: translateY(-50%);}
.gridlist .item h3 {color: #000;line-height: 22px;text-align: center;padding-top: 24px;overflow: hidden;font-family: "microsoft yahei";white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.gridlist .item h3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;}
.gridlist .item .txt {font-size: 12px;color: #999999;margin-top: 10px;line-height: 20px;height: 40px;overflow: hidden;font-family: "microsoft yahei";}
.gridlist .item:hover .bg {left: 0;}
.gridlist .item:hover .plus {left: 0;}
.gridlist .item:hover img {-webkit-filter: brightness(110%);filters: brightness(110%);}
.gridlist .item:hover h3 {color: var(--theme);}
.gridlist .item:nth-of-type(4n){margin-right: 0px}
.gridlist.gridlist34 .item {width: 180px;margin: 0 0 30px 24px;}
.gridlist.gridlist34 .item:first-child {margin-left: 0;}
.gridlist.gridlist34 .item img, .gridlist.gridlist34 .item .bg, .gridlist.gridlist34 .item .plus {width: 180px;height: 240px;}
.showproduct .details .tit {padding: 20px 0;border-bottom: 1px solid #e8e8e8;line-height: 30px;margin-bottom: 40px;}
.showproduct .details .tit h2 {font-size: 24px;font-weight: normal;font-weight: bold;text-align: center}
.showproduct .details .tit p {color: #be9a78}
.showproduct .details .tit span {color: #717171;font-weight: bold;display: none}
.showproduct .details .text {line-height: 36px;color: #898989;padding: 20px 0; border-top: 1px solid #eee;margin-top: 40px;}
.showproduct .text_cur {line-height: 70px;border-top: 1px solid #e8e8e8}
.showproduct .text_cur span {max-width: 45%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.showproduct .text_cur a {color: #000;}
.showproduct .text_cur a:hover {color: #be9a78;}
#TABCateNav {height: 75px;min-width: 740px;font-size: 16px;font-weight: 500;margin-bottom: 20px;}
ul#OFCate {width: 100%;height: 75px;overflow: hidden;}
ul#OFCate li {width: 25%;width: -webkit-calc(100% / 4);width: calc(100% / 4);}
#TABCateNav li {float: left;border-right: 1px solid #FFF;}
#TABCateNav li a {color: #FFF;font-weight: 600;display: block;width: 100%;height: 75px;background-color: var(--theme);}
#TABCateNav .Inner {width: 100%;height: 75px;display: flex;-webkit-align-items: center;align-items: center;webkit-justify-content: center;justify-content: center;}
#TABCateNav span {font-size: 10px;font-size: 1rem;padding-right: 5px;font-weight: 500;}
#TABCateNav li.Current a {color: #000;background-color: #e2e2e2;position: relative;}
#TABCateNav li.Current a:after {content: '';top: 0;right: 20px;position: absolute;height: 75px;width: 20px;background: url(../images/TabArrow.png) 100% 50% no-repeat;}
#TABCateNav li a:hover:after {content: ' ';top: 0;right: 20px;position: absolute;height: 75px;width: 20px;background: url(../images/TabArrow.png) 100% 50% no-repeat;}
#TABCateNav li a:hover {background-color: #FFF;color: #000;position: relative;}
.innerabout .title{margin: 40px 0px;font-size:.32rem;text-align: center;}
.innerabout .cont1 {overflow: hidden;border-bottom: 1px dotted #d3d3d3;padding: 0 0 0 0;margin: 0 0 40px 0;}
.innerabout .cont1_left, .cont1_left .p {font-size: 14px;color: #727272;line-height: 35px;margin: 0;text-align: justify;}
.innerabout .cc{padding: 10px 0px}
.pc-slide .ml{text-align: center; padding-top: 10px;}
.pc-slide {width: 500px;margin: 0 auto}
.pc-slide .swiper-slide img{height: 100%;object-fit: contain; border: 1px solid #e1ecc0;cursor: cell}
.view .swiper-container {width: 500px;height: 500px;}
.view .arrow-left {background: url(../images/index_tab_l.png) no-repeat left top;position: absolute;left: 10px;top: 50%;margin-top: -25px;width: 28px;height: 51px;z-index: 10;}
.view .arrow-right {background: url(../images/index_tab_r.png) no-repeat left bottom;position: absolute;right: 10px;top: 50%;margin-top: -25px;width: 28px;height: 51px;z-index: 10;}
.preview {width: 100%;margin-top: 10px;position: relative;}
.preview .swiper-container {width: 430px;height: 82px;margin-left: 35px;}
.preview .swiper-slide {width: 87px;height: 82px;cursor:pointer;}
.preview .slide6 {width: 82px;}
.preview .arrow-left {background: url('data:image/svg+xml;charset=utf-8,') center;position: absolute;left: 0px;top: 50%;margin-top: -20px; width: 40px;height: 40px;z-index: 10;}
.preview .arrow-right {background: url('data:image/svg+xml;charset=utf-8,') center;position: absolute;right: 0px;top: 50%;margin-top: -20px; width: 40px;height: 40px;z-index: 10;}
.preview img {padding: 1px;}
.preview .active-nav img { padding: 0;border: 1px solid #999;box-shadow: 0px -2px 7px 0px #999}
.shownews .details .tit {padding: 20px 0;border-bottom: 1px solid #e8e8e8;line-height: 30px;}
.shownews .details .tit h2 {font-size: 30px;font-weight: normal;font-weight: bold;text-align: center}
.shownews .details .tit p {color: #be9a78}
.shownews .details .tit span {color: #717171;font-weight: bold;display: none}
.shownews .details .text {line-height: 36px;color: #121212;padding: 20px 0;}
.shownews .text_cur {line-height: 70px;border-top: 1px solid #e8e8e8}
.shownews .text_cur span {max-width: 45%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.shownews .text_cur a {color: #000;}
.shownews .text_cur a:hover {color: #be9a78;}
.listsnewtu .gridlist li a{display: flex;padding: 40px 0px;border-bottom: 1px solid #e7e7e7;align-items: stretch}
.listsnewtu .gridlist li a .date{width: 100px;height: 100px;background: var(--theme);color: #fff;display: flex;flex-direction: column;justify-content: center;align-items: center}
.listsnewtu .gridlist li a .getdate{font-size: 24px;margin-bottom: 10px}
.listsnewtu .gridlist li a .wenzi{font-size: 16px;flex: auto;padding-left: 40px;display: flex;flex-direction: column;justify-content: center;}
.listsnewtu .gridlist li a .wenzi h3{font-size:18px;margin-bottom: 20px;font-weight: bold}
.listsnewtu .gridlist li a .wenzi desc{font-size:16px}
.contact .page {overflow: hidden;padding: 60px 0;}
.contact .page:after {content: '';display: block;clear: both;}
.contact .page.on {background: #f9f9f9;}
.contact .page_tit {margin-bottom: 40px;text-align: center;}
.contact .page_tit h3 {font-size: 30px;margin-bottom: 20px;font-weight: normal;}
.contact .page_tit h2 {font-size: 28px;}
.contact .page_tit p {color: var(--theme);font-size: 24px}
.contact .page_tit p span:before, .page_tit p span:after {display: inline-block;width: 30px;height: 1px;background: #999;vertical-align: middle;content: '';margin: 0 2px;margin-bottom: 2px;}
.contact .page_tag ul li {margin-left: -4px;display: inline-block;}
.contact .page_tag {text-align: center;}
.contact .page_tag a {display: block;line-height: 30px;padding: 0 23px;color: #7e7e7e;position: relative;}
.contact .page_tag .on a, .page_tag a:hover {background: #be9a78;color: #fff;}
.contact .page_tag .on a:before, .page_tag a:hover:before {color: #be9a78}
.contact .page_tag a:before {content: '|';display: block;position: absolute;left: -2px;}
.contact .page_tag li:first-child a:before {display: none;}
.contact .pro_list ul:after {content: '';display: block;clear: both;}
.contact .pro_list li {width: 33.333%;float: left;text-align: center;}
.contact .pro_list h3 {font-size: 16px;color: #000;font-weight: normal;}
.contact .pro_list p {padding: 10px 0 15px;color: #be9a78;background: no-repeat bottom center;}
.contact .pro_list ul {display: none;margin-top: 20px;}
.contact .pro_list ul.on {display: block;}
.contact .pro_list ul.on li {animation-name: zoomIn;animation-duration: 1s;animation-fill-mode: both;}
.contact .about_list2 {max-width: 1100px;margin: 0 auto;border-top: 1px solid #e8e8e8;margin-top: 30px;padding-top: 30px;}
.contact .cont_list ul li {width: 33.333%;float: left;text-align: center;}
.contact .cont_list ul li .text {margin-top: 20px;color: #434343}
.contact .cont_list ul li .text h3 {font-size: 16px;font-weight: normal;color: #000;margin-bottom: 10px;}
.contact .message {max-width: 710px;margin: 0 auto;}
.contact .message ul li {width: 50%;float: left;}
.contact .page.on {background: #f9f9f9;}
.contact .div_input input {width: 100%;border: 0;background: none;text-align: left;}
.contact .div_input textarea {width: 100%;height: 150px;border: 0;background: none;resize: none;padding: 10px 0;}
.contact .message ul li:last-child {width: 100%;}
.contact .message ul {margin-bottom: 30px;}
.contact .message .div_input {margin: 5px;line-height: 40px;border: 1px solid #e9e9e9;background: #fff;padding: 0 15px;}
.contact input[type="submit"] {cursor: pointer;border: none}
.contact .xxj {color: #fff;display: block;line-height: 44px;width: 140px;text-align: center;background: var(--theme);margin: 0 auto; font-size: .18rem;}
.contact .btn{padding: 20px 0px}
@media (max-width: 760px) {
.openBtn,header .btn{display: block}
header .logo img{width: 3rem}
header .openBtn{margin-top: .2rem}
header .nav{display:none;flex-direction:column;justify-content:center;position: fixed;left: 0px;top:0px;width: 100%;height: 100%;background: var(--theme);z-index: 999}
header .nav .item a{font-size: 0.4rem;color: #fff;line-height: 40px;}
.inproduct .tit h3{font-size: 0.35rem;}
.hotpro-container .swiper-slide{padding: 0px}
.inThumbs{flex-direction: column}
.inThumbs .tit h3,.inThumbs .tit h4{font-size: .32rem}
.inThumbs form button{ width: 150px;height: 40px;line-height: 40px;font-size: 12px}
.inThumbs form input{width: 98%;font-size: .24rem}
footer .footnav ul:not(:last-of-type){display: none}
footer .footnav li:first-of-type,footer .footnav li{margin-bottom: 10px}
footer .footnav{margin-bottom: 20px}
footer .copy{font-size: 12px;}
.gridlist .item{width: calc(100% / 2 - 10px);margin-right: 10px;margin-bottom: 10px}
.gridlist .item h3{padding-top: .2rem}
/*栏目*/
#TABCateNav{width: 100%;min-width: auto;height:auto;margin-bottom: 0px;}
ul#OFCate{height: auto}
#TABCateNav li a{height: 40px}
#TABCateNav .Inner{height: 40px;font-size: .22rem}
.page-item.page-link{display: none}
.pagination{flex-wrap: wrap}
.pagination a{margin: 3px}
.showproduct .text_cur a,.showproduct .text_cur span{font-size: .24rem}
/*----*/
.showproduct .details .tit h2{font-size: .32rem;}
.preview .swiper-container{width: 100%;margin: 0px}
.pc-slide{width: 100%;}
.pc-slide .swiper-slide{text-align: center}
.view .swiper-container{width: 100%;height: 300px}
.contact .page{padding: 20px 0px}
.contact .cont_list ul li{width: 100%;margin-bottom: 20px;}
.contact .xxj{width: 100px;line-height: 30px}
}