@charset "utf-8";
*{margin:0;padding:0;box-sizing:border-box;outline:0;-webkit-tap-highlight-color:transparent}
ol, ul, li {list-style:none}
a{display:block;text-decoration:none;color:#666;}
@media screen and (min-width:768px){body::-webkit-scrollbar{display:none}}
/*************公共样式global start**************/
html,body{background:#f7f7f7;overflow-x:hidden;font-family:"Microsoft Yahei",-apple-system,"PingFang SC","Helvetica Neue",STHeiti,Tahoma,Simsun,sans-serif;}
.icon{background-size:cover;background-position: center}
.main-header,.head{height:12.5vw;line-height:12.5vw;font-size:4vw;font-weight: bold;background:#fff}
.head{display:flex;align-items:center;}
.head>.logo-wrap{padding-left:3.9vw;display:flex;align-items:center;flex:1 1 0;}
.logo{width: 19.3vw;height:auto;}
.title{font-size: 3.7vw;text-indent: 0px;flex:1 1 0;padding-left: 10px;}
.tel{font-size: 0;padding-left:5px;}
.main-header .icon-header-phone{width:5.3vw;height:5.3vw;display:inline-block;background-image:url(../m/icons/dianhua-2.png);display: none;}
.head-menu{position:relative;width:12.5vw;height:12.5vw;background:0;border:none;-webkit-appearance:none;}
.icon-menu-burg{position:absolute;width:4.6vw;height:4.6vw;left:3.9vw;top:3.9vw;background-image:url(../m/icons/caidanlan.png);}
.menu-show .icon-menu-burg{background-image:url(../m/icons/chazi.png);}
/*************公共样式global end**************/
/********************/
.index-wrap{background:#fff;}
.index-banner{background:#eee;height:60vw;}
.swiper-slide>img{object-fit:cover}
.swiper-btn-left,.swiper-btn-right{position:absolute;width:7vw;height:7vw;top:50%;margin-top:-3.5vw;z-index:1;}
.swiper-btn-left{left:2vw;background-image:url(../m/icons/zuo.png)}
.swiper-btn-right{right:2vw;background-image:url(../m/icons/you.png);}
/***********/
.links{font-weight:bold;font-size:0;text-align: center;margin-top:5.62vw;}
.links>li{display:inline-block;width:19%;margin-left:4%}
.links>li:first-child{margin:0}
.links a{font-size:3.1vw;margin-top:4vw;}
.links .icon{display:inline-block;width:56px;height: 56px;}
/***************/
.sec-head{font-size:3.9vw;margin-top:9.375vw;text-align: center;font-weight:bold;color:#2a2a2b;}
.title-en{font-size:4vw;line-height:1.5}
.title-zh{font-size:4.5vw;line-height:1.5;height:3.75vw;}
.sub-title{margin-top:5.468vw;}
.hr{position:relative;font-size:2.65vw;}
.hr-txt::before,.hr-txt::after{content:'';position:absolute;width:8vw;top:50%;border-top:solid 2px #ddd;}
.hr-txt::before{left:-8vw;}
.hr-txt::after{right:-8vw;}
.hr-txt{position:relative;display:inline-block;font-size:3.2vw;font-weight:lighter;padding:0 10px;/* white-space:nowrap; */color:#aaa;}
/*******************/
.product-wrap .tab-page-wrap{margin-top:5.468vw;}
.tab-column-4,.img-column-2{font-size:3.6vw}
.tab-column-4{margin:5.468vw 4% 0;display:flex;flex-wrap:wrap;text-align:center}
.tab-column-4>li{padding:8px 0;margin-top:1.5%;margin-left:3%;width: 31.3%;background:#f7f7f7;}
.tab-column-4>li:nth-child(3n-2){margin-left:0;}
.tab-column-4>li.active{color:#fff;background:#333;}
.tab-column-4 a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.tab-page-wrap{margin-bottom:7.03vw;}
.tab-page-wrap>.tab-pages{display: none}
.tab-page-wrap>.tab-pages.active{display:block}

.img-column-2{display: flex;flex-wrap:wrap;margin:0 4vw;justify-content: space-between;}
.img-column-2>.img-item{width:45vw;height:40vw;text-align: center;}
.img-column-2>.img-item:nth-child(n+3){margin-top:15px;}
.img-item img{display:block;max-width:100%;height:34vw;object-fit:cover}
.img-item div{padding-top:6px;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;}
.img-column-2>.img-item:nth-child(2n-1){margin-left:0;}
.btn-more-wrap{padding:0 4vw}
.btn-more{width:100%;display:block;text-decoration:none;font-size:3.1vw;text-align:center;padding:2.3vw 0;background: #09a0e8;color:#fff;border:none;border-radius:.625vw;}
.btn-more::after{content:'+';}
/***************************/
.advt-wrap{padding:9.375vw 4vw 5.468vw;margin-top:9.375vw;background:#333 url(http://jcjffnet.5.wangshangying.net/upimage/20190330115148.JPG) center/cover}
.advt-wrap>.sec-head{margin:0;color:#fff;}
.advt-wrap .hr-txt{color:#FDFDFD;}
.adv-list{margin-top:5.468vw;}
.adv-item{display:flex;padding:2.3vw 4.3vw;margin-top:1.875vw;background:#fff;border-radius:3px}
.adv-item a{display: flex;}
.adv-item .adv-img{width:26.25vw;height:19.7vw;object-fit:cover}
.adv-item .adv-desc{padding-left:2.1vw;flex:1;}
.adv-title{font-size:4.2vw;font-weight: bold;padding:1.87vw 0;color:#3a3a3a;font-weight:lighter}
.adv-subtitle{font-size:2.96vw;line-height:3.74vw;color:#a9a9a9;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden}
/********************/
.show-case{}
.case-list{overflow:hidden;margin:3vw;margin-top:5.468vw;margin-bottom:7.03vw;font-size:0;}
.case-item{display:inline-block;width:29.7vw;height:22.1vw;margin:.78vw;margin-top:0;background: #ddd}
.case-item:first-child{width:61vw;height:45.5vw;float:left;}
.case-item:nth-child(n+3){margin-top:.78vw;}
.case-item img{width:100%;height:100%;object-fit:cover}
/*******************/

.about{padding:0 4vw;font-size:4vw;overflow: hidden}
.about-wrap{margin-top:5.468vw;font-size:3.125vw;line-height:5.45vw}
.about-wrap>img{width:100%;max-width:100%;display: block}
.about-wrap>.about-txt{margin:5.468vw 0 7.03vw;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 6;line-height: 2;font-size: 3.7vw;text-indent: 7vw;}
.about .btn-more-wrap{padding:0}
/***********/
.news-wrap{padding:0 4vw;}
.news-list{margin-top:5.468vw;}
.news-date{float:left;width: 15vw;height: 15vw;padding:2.968vw 0;border-radius:50%;text-align:center;color:#999;background: #f7f7f7;}
.news-date>.news-date-day{font-size:4.68vw;line-height:4.68vw;height:4.68vw}
.news-date>.news-date-ym{font-size: 2.65vw;line-height:2.65vw;height:2.65vw}
.news-desc{overflow:hidden;padding-left: 5vw}
.news-title{font-size:4.2vw;color:#333;line-height:4.75vw;white-space: nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:lighter}
.news-subtitle{font-size: 3.5vw;line-height:1.5;color:#a9a9a9;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;padding-top: 1.2vw;}
.news-item{margin-top:5vw;}
.news-item:first-child{margin-top:0;}
/***********************/

.contact-wrap{}
.contact-wrap>.sec-head{margin-bottom:5.468vw}
.phones{font-size:4vw;padding:3.125vw 4vw;overflow:hidden;color:#777;background:#f7f7f7;}
.phones .icon{display:inline-block;width:7.5vw;height:7.5vw;vertical-align: middle}
.phone-txt {flex:1;height: 9vw;line-height: 9vw;display: inline-block;margin-left:3vw;border-left: solid 1px #f7f7f7;padding-left:3vw;overflow:hidden;white-space: nowrap;text-overflow:ellipsis;}
.phones>li{background:#fff;margin:1.5625vw 0;padding:3vw;border-radius:3px;}
.phones a{display:flex}
.contact-wrap .icon-phone{background-image:url(../m/icons/dianhua.png);}
.contact-wrap .icon-loc{background-image:url(../m/icons/dizhi.png)}
.contact-wrap .icon-email{background-image:url(../m/icons/youxaing.png)}
.contact-wrap .icon-fax{background-image:url(../m/icons/chuanzhen.png)}
.contact-wrap .icon-web{background-image:url(../m/icons/wangzhi.png)}
/*************************/
.msg-wrap{padding:0 4vw 3.1vw}
.msg-wrap>.sec-head{margin-bottom:5.468vw;}
.txt-input{width: 100%;font-size:3.5vw;font-family:sans-serif;height: 9vw;line-height: 1.5;border:solid 1px #dedede;padding:2vw;margin-top: 3.1vw;-webkit-appearance:none;}
.txt-input::-webkit-input-placeholder{font-size:3.5vw;line-height:1.5;}
.txt-input:first-child{margin-top:0;}
.txtarea{resize:none;height: 21vw;display: block;line-height:1.5}
.btn-submit{letter-spacing:2px;-webkit-appearance:none;}
.submit-wrap{position: relative;margin: 7.03vw 0 0;}
.submit-wrap::after{content:'';position: absolute;top:2.6vw;left:50%;width:9.3vw;height:9.3vw;margin-left:9.3vw;pointer-events:none;background:url(../m/icons/shou.png) no-repeat center/contain;}
/************/
.copyright{padding-top:10.6vw;padding-bottom:2vw;font-size:2.81vw;text-align: center;color:#bebebe;background:#f7f7f7;}
.copyright a{display:inline;color:#bebebe;}
/*************公共样式global start**************/
.main-footer,.main-footer>.foot{height: 14.2vw}
.main-footer>.foot{position:fixed;width:100%;bottom:0;font-size:2.65vw;display: flex;text-align: center;z-index:1;background: #09a0e8;-webkit-transition:-webkit-transform .3s;transition:transform .3s;}
.foot>a{text-decoration:none;flex:1 0 20%;color:#fff;}
.foot .icon{display:block;width:7.5vw;height: 7.5vw;margin:1.5vw auto 0;}
.foot>.back-to-top{/*display:none;*/position: absolute;width:12.18vw;height:12.18vw;top:-17.805vw;right:5.625vw;margin:0;background-image:url(../m/icons/xiangshang.png);}
.foot .icon-home{background-image:url(../m/icons/shouye.png)}
.foot .icon-phone{background-image:url(../m/icons/dianhua.png)}
.foot .icon-wechat{background-image:url(../m/icons/weixin.png)}
.foot .icon-msg{background-image:url(../m/icons/liuyan.png)}
.foot .icon-loc{background-image:url(../m/icons/daohang.png)}
/**********************/
.main-menu{position:fixed;top:0;left:100%;width:70vw;height:100%;overflow-y:auto;color:#d2d2d2;background:#2a2a2a;-webkit-transition:left .3s;transition:left .3s;}
.menu-list{margin-left:10vw;font-size:4vw;}
.menu-list>li{list-style:circle;line-height: 13vw;border-bottom:solid 1px #555}
.main-menu a{text-decoration:none;color:#d2d2d2}
.sub-menu-list a{color:#959595}
.sub-menu.show{border:none}
.sub-menu-list{display: none}
.show>.sub-menu-list{display:block}
.menu-list>.sub-menu{position:relative}
.menu-list>.sub-menu.show{}
.sub-menu::after{content:'';position:absolute;top:5vw;right:6vw;width:3vw;height:3vw;background:url(../m/icons/xiala.png) center/cover}
.sub-menu.show::after{background-image:url(../m/icons/shouqi.png);}
.sub-menu-list>li{list-style: disc;color:#959595;}
/*******************/
.main-header,.main-wrap{-webkit-transition:-webkit-transform .3s;transition:transform .3s}
.menu-mask{display:none;position:fixed;left:0;top:0;width:30%;height:100%;z-index:999}
.menu-show .main-menu{left:30vw;}
.menu-show .main-wrap{-webkit-transform:translateX(-70%);transform:translateX(-70%)}
.menu-show .menu-mask{display: block;}
.menu-show .main-header{-webkit-transform:translateX(-70%);transform:translateX(-70%)}
.menu-show .foot{-webkit-transform:translateX(-70%);transform:translateX(-70%);}
.menu-show{overflow-y:hidden}
/*************公共样式global end**************/
/**********内页通用样式common start***************/
body::-webkit-scrollbar{width:0}
img{display: block;max-width: 100%}
.banner-wrap{/*height:46.25vw;*/background:#fff;margin:2.5vw 3.125vw;padding:4.6875vw 3.75vw;font-size:3.75vw;}
.banner-wrap>.navi-breadcrumb{display:inline}
.banner{height:42.5vw;background:url(../imgs/banner.jpg)top center/ cover;}
.banner-txt-left{width:49.53vw;height:100%;padding:13vw 0 0 6.25vw;color:#fff;background:rgba(42,42,43,.96)}
.banner-title{font-size:5.46vw;font-weight:bold;margin-bottom:3vw}
.banner-desc{font-size:3.125vw;line-height:4.25vw}

.body-txt{color:#8b8b8b;font-size:3.125vw;line-height:4.25vw;padding:4.6875vw 3.75vw;margin:2.5vw 3.125vw;background:#fff;word-break:break-all}
/****************/
.footer{padding:4.6875vw .625vw;margin:2.5vw 3.125vw;background:#fff}
.footer .header{padding-right:3.125vw;display:flex;align-items:center;font-size:3.75vw;line-height:3.75vw;}
.header .title{font-size:4vw;margin-left:3.125vw;padding-left:1.875vw;color:#2a2a2b;height: 3.75vw;border-left:solid .9375vw}
.header .more-btn{font-size:2.5vw;text-align:center;width:13.4375vw;padding:2px 0;color:#fff;background:#2a2a2b;border-radius:.3125vw}
.products{margin-top:4.6875vw;display:flex}
.rec-product .slide-btn{position:relative;width:3.125vw;}
.rec-product .slide-btn::before{content:'';position:absolute;width:0;height:0;top:50%;margin-top:-1.71vw;border:solid 1.71vw transparent;}
.rec-product .slide-btn-prev::before{border-left:none;border-right-color:#2a2a2b;}
.rec-product .slide-btn-next::before{border-right:none;border-left-color:#2a2a2b;right:0;}
.rec-product .slide-container{flex:1 1 0;}

.product-item{width:26.875vw;/*margin-left:2.81vw;*/border:solid 1px #ecebeb;}
.product-item .product-img{width:100%;height:18.75vw;}
.product-item .product-title{color:#333;font-size:2.65vw;height:5.46875vw;line-height:5.46875vw;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.footer-hr{margin:4.68vw 3.125vw;border-top:solid 1px #f5f5f5;}
.rec-news-list{font-size:3.6vw;margin:1.56vw 3.125vw 0;}
.rn-item{border-top:dashed 1px #f5f5f5;overflow: hidden;}
.rn-item:first-child{border:none;}
.rn-item:last-child>.rn-link{margin-bottom:0;}
.rn-link{margin:2.3vw 0;display:flex}
.rn-title{flex:1 1 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rn-date{display:none;margin-left:5.625vw;}
/**********内页通用样式common end***************/