.homeabout{background:url(../images/about_bg.jpg) no-repeat center/cover}
.home-left{width:45%}
.home-right{width:51%}
.home-right .homefont1{font-size: 16px;}
.home-right .homefont1 p{padding:5px 0; color:#666;}
.more{display: block; width: 115px; background: #fff; border: 1px solid #cc2643; text-align: center; line-height: 42px; margin-top: 25px; border-radius: 30px; transition: background-color .35s;}
.more:hover{background: #cc2643; border: 1px solid #cc2643; color: #fff;}

.chooselist{background:#fff;}
.chooselist .flex-index{overflow: hidden;}
.chooselist .shili-left{width:37.5%; overflow:hidden}
.chooselist .shili-right{width:62%;}
.chooselist .shili-right li:nth-child(1){width:100%; margin-top:0;}
.chooselist .shili-right li{width:49.5%; margin-top:0.8%;}

.chooselist .zzbox{position: relative;}
.chooselist .zzbox::after{content: ''; background-image: linear-gradient(to top, rgba(0, 0, 0, 0.4), rgba(255, 255, 255, 0)); width: 100%; height: 50%; display: block;position: absolute; z-index: 1; left:0; bottom:0;}
.chooselist h2{text-align: center; font-size: 18px; padding: 15px 0 0;}
.chooselist .zzboxbg{position: absolute; left: 25px; bottom: 20px; width:calc(100% - 50px); color:#eee; font-size:16px; line-height: 1.5; z-index:2;}
.chooselist .zzboxbg strong{ font-size:20px; display:block; margin-bottom:5px; color:#fff;}
.chooselist .zzfont{ z-index:2; position: absolute; background: rgba(15,157,71,.8); left: 50%;top: 50%; transform: translate(-50%,-50%) scale(0); color:#fff; display: flex; align-items: center; justify-content: center; -webkit-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease; overflow: hidden;}
.chooselist .zzbox:hover .zzfont{transform: translate(-50%,-50%) scale(1); width:calc(100% - 15px); height:calc(100% - 15px); line-height: 1.6;}
.chooselist .zzbox:hover .zzfont .zzfonttit{padding:10px 20px 0; font-size: 20px; font-weight: bold;}
.chooselist .zzbox:hover .zzfont .zzfontdesc{padding:5px 20px 20px;font-size:16px;}
.chooselist .zzbox:hover .zzfont .zzfont-top{position: absolute; top:20px; right:20px; width:40px}
.chooselist .zzbox:hover .zzfont .zzfont-bottom{position: absolute; bottom:0; left:0; width:100%; box-sizing: border-box; -webkit-box-sizing: border-box;}
.chooselist .zzbox:hover .zzboxbg{display: none;}

.idx_pro{background:url(../images/probg.jpg) no-repeat top center #f0f4f9}
.chooselist .titcen,.homeabout .titcen,.idx_pro .titcen,.newswrap .titcen{padding:0 0 40px}
.idx_pro .wrapper { position: relative;}
.idx_pro .pro_swiper,.idx_pro .honor_swiper,.idx_pro .client_swiper { overflow: hidden; position: relative;}
.idx_pro .pro_swiper .pro_swiperbox{background:#fff; padding:15px 15px 20px; width:auto;}
.idx_pro .pro_swiper .swiper-slide,.idx_pro .honor_swiper .swiper-slide,.idx_pro .client_swiper .swiper-slide {text-align: center;position: relative;z-index: 1;}
.idx_pro .swiper-button-prev i,.idx_pro .swiper-button-next i{ position: absolute; left:10px; top:12px; font-size: 22px; line-height: 1; color:#000;}
.idx_pro .swiper-button-prev{ top:48%;width: 45px;height: 45px; background: #fff; border-radius: 50%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.idx_pro .swiper-button-next{top: 48%;width: 45px;height: 45px; background: #fff; border-radius: 50%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.idx_pro .swiper-button-prev:hover,.idx_pro .swiper-button-next:hover{background: #cc2643;}
.idx_pro .swiper-button-prev:hover i,.idx_pro .swiper-button-next:hover i{ color:#fff;}
.idx_pro .swiper-button-prev i{ position: absolute; transform:rotate(-180deg);-ms-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-o-transform:rotate(-180deg);}
.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'; display: none;}
.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'; display: none;}
.idx_pro a .img {overflow: hidden;}
.idx_pro a .img img { width: 100%; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.idx_pro a:hover .img img{transform: scale(1.1);}
.idx_pro a .text{ text-align: center; font-size:18px; line-height: 1.6; font-weight:bold; padding: 15px 0 10px;}
.idx_pro a .textdesc{overflow: hidden; text-align: left; text-overflow: ellipsis; color:#999; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.idx_pro a:hover .text{ color: #cc2643;}
.idx_pro .swiper-pagination{bottom:-40px;}
.idx_pro .swiper-pagination-clickable .swiper-pagination-bullet{height: 12px;width:12px;border-radius: 10px;margin: 0 3px;opacity:1;background-color: #ccc;}
.idx_pro .swiper-pagination-bullet-active{width:20px !important;background: #cc2643 !important;opacity: 1 !important;}

.newswrap{background:#f0f4f9;}
.homenews{background:#fff; padding:40px 45px;}
.homenews li{width:30%; margin-right:5%; position:relative;}
.homenews li::after { position: absolute; right: -8%; top: 0; content: ""; display: block; width: 1px; height: 100%; background: #e6e6e6;}
.homenews li:last-child{margin-right:0}
.homenews li:last-child::after{display:none;}
.homenews .addtime{color:#666; text-align:left; border-bottom:2px solid #cc2643; width:max-content; margin-bottom:25px;}
.homenews .homenews-l{width:35%;}
.homenews .homenews-r{width:60%; font-size:16px; font-weight:bold; line-height:1.5}
.homenews .homenewsdesc{color:#666; line-height:1.6; margin-top:20px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
/*banner*/
.PC_ban{display: block;}
.Mob_ban,.Fast-nav{display: none;}
.banner{width: 100%;position: relative;}
.banner .swiper-button-next,.banner .swiper-button-prev{width: 40px;height: 40px; border-radius:50%; border:1px solid #fff; right:0px;}
.banner .swiper-button-next i,.banner .swiper-button-prev i { position: absolute; left:10px; top:8px; font-size: 22px; line-height: 1; color:#fff}
.banner .swiper-button-prev{left:0px;}
.banner .swiper-button-next {transform: rotate(-180deg);-ms-transform: rotate(-180deg);-webkit-transform: rotate(-180deg);}
.banner .swiper-slide {overflow: hidden;text-align: center;position: relative;}
.banner .swiper-slide:before{content: ''; background:rgba(0,0,0,.2); width:100%; height:100%; display: none; position:absolute; left:0; top:0;}
.banner .swiper-slide img{width:100%;object-fit: cover;}
.banner .swiper-pagination{bottom:5px;}
.banner .swiper-pagination-clickable .swiper-pagination-bullet{height: 4px;width:10px;border-radius: 2px;margin: 0 3px;opacity:1;background-color: #fff;}
.banner .swiper-pagination-bullet-active{width:20px !important;background: #ffff00 !important;opacity: 1 !important;}
.banner .swiper-button-next{right: 20px!important;left: auto!important;}
.banner .swiper-button-prev{left: 20px!important;}
.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'; display: none;}
.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'; display: none;}

.banner .mobfont {position: absolute; left:8%; width:auto; top: 20%; line-height: 1.5; color: #000; text-align: left;}
.banner .swiper-slide-active .mobfont h2{font-size:30px; line-height: 1; animation: bannertextright 1s ease both 400ms;}
.banner .swiper-slide-active .mobfont h3{font-size:45px; font-weight:bold; color:#cc2643; padding:15px 0 0; animation: bannertextdow 1s ease both 800ms;}
.banner .swiper-slide-active .mobfont h4{font-size:20px; padding:15px 0 0; animation: bannertextdow 1s ease both 1200ms;}
@keyframes bannertextright {0% {transform: translateX(-80px);opacity: 0;}100% {transform: translateX(0);opacity: 1;}}
@keyframes bannertextdow {0% {transform: translateY(30px);opacity: 0;}100% {transform: translateY(0);opacity: 1;}}
@media(max-width:1600px){
.banner .mobfont {left:7%; top: 16%;}
.banner .swiper-slide-active .mobfont h2{font-size:28px;}
.banner .swiper-slide-active .mobfont h3{font-size:40px; padding:10px 0 0;}
.banner .swiper-slide-active .mobfont h4{font-size:20px; padding:10px 0 0;}
}
@media(max-width:1480px){
.home-right .homefont1{font-size: 14px;}
.more{line-height: 38px; margin-top: 25px; width:110px;}
.banner .mobfont {left:6%; top: 15%;}
.banner .swiper-slide-active .mobfont h2{font-size:24px;}
.banner .swiper-slide-active .mobfont h3{font-size:36px; padding:10px 0 0;}
.banner .swiper-slide-active .mobfont h4{font-size:20px; padding:10px 0 0;}
.chooselist h2{text-align: center; font-size: 18px; padding: 15px 0 0;}
.chooselist .zzboxbg{font-size:14px;}
.chooselist .zzboxbg strong{ font-size:18px;}
.chooselist .zzbox:hover .zzfont .zzfonttit{padding:10px 20px 0; font-size: 18px;}
.chooselist .zzbox:hover .zzfont .zzfontdesc{padding:5px 20px 20px;font-size:14px;}
.chooselist .zzbox:hover .zzfont .zzfont-top{position: absolute; top:20px; right:20px; width:40px}
}
/*内页*/
.topblank{min-height:0px}
.mainwrapper{padding:40px 0;}
.inner-nav{background:#fff; padding:0 35px; font-size:0; color:#666;}
.inner-nav a{color:#666;}
.inner-nav a:hover{color:#cc2643;}
.inner-nav .nav-left-a {line-height:70px; position: relative; display: inline-block; font-size:16px; transition-duration: .3s; margin-right: 40px;}
.inner-nav .nav-left-b {line-height:70px; display: inline-block; font-size:16px;}
.inner-nav .nav-left-a:before {position: absolute; bottom: -1px; content: ""; display: block; width: 0; height: 2px; left: 22px; background: #cc2643; transition-duration: .3s;}
.inner-nav .nav-left-a:after { position: absolute; right: -20px; top: 50%; margin-top: -9px; content: ""; display: block; width: 1px; height: 18px; background: #ccc;}
.inner-nav .nav-left-a:last-child {margin-right: 0;}
.inner-nav .nav-left-a:last-child:after { opacity: 0; display: none;}
.inner-nav .nav-left-a:hover, .inner-nav .nav-left-a.cur {color: #cc2643; font-weight:bold;}
.inner-nav .nav-left-a:hover:before{width: 100%;left: 0;}
.inner-nav .inner-navright{font-size:14px;line-height:70px;}
.inner-nav .iconfont{color: #cc2643;}
.maincontentbox{background: #fff; margin-top:30px; padding:35px 45px; border-radius: 10px;}
.maincontent{font-size:16px; color:#444;}
.aboutfont{padding:10px 0 30px;}
.maintit{font-size:30px; font-weight:bold; color: #222; border-bottom:1px solid #ddd; text-align:center; margin-bottom:20px;}
.maincontent h3{font-size:20px; font-weight:bold; color: #cc2643;}
.maincontent p{padding:6px 0;}
.about-left{width:44%}
.about-right{width:52%}
.titcen{text-align:center; color:#999;}
.caselist{}
.caselist li{width:24%; margin-right:1.3%; margin-top:1.3%;}
.caselist li:nth-child(4n){margin-right:0;}
.casebox{padding:10px 0;}
.casebox .casetit{font-size:16px; line-height:40px; /* border-bottom:1px solid #e2e2e2; font-weight:bold; padding-bottom:5px; position:relative; */}
.caselist li .imgbox{overflow:hidden;}
/* .casebox .casetit:after{position: absolute; left: 0; bottom: -1px; content: ""; display: block; width: 0px; height: 1px; background: #cc2643; z-index:9;-webkit-border-radius: 3px; border-radius: 3px; -o-transition: all 0.5s ease; -webkit-transition: all .5s ease; transition: all 0.5s ease;}
.caselist li:hover .casetit:after{width: 100%;} */
.caselist li .imgbox img{-webkit-border-radius: 3px; border-radius: 3px; -o-transition: all 0.5s ease; -webkit-transition: all .5s ease; transition: all 0.5s ease;}
.caselist li:hover .imgbox img{transform: scale(1.1);}
.casebox .casedesc{color:#666; margin:15px 0; line-height:1.6; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.casebox .casemore{color:#cc2643; font-size:14px; font-style: italic; text-align:center;}
.shili{background:#f5f5f5; margin-top:20px; display:-webkit-flex; display: -ms-flexbox; display: flex; flex-direction: row; flex-wrap:wrap; justify-content:space-between; align-items:center;}
.shili:nth-of-type(2n){flex-direction: row-reverse;}
.shili-l{width:50%;}
.shili-l .shilibox{padding:35px; font-size:16px; color:#555;}
.shili-l .shilibox h4{font-size:26px; font-weight:bold; color:#333; padding:0 0 10px;}
.shili-l .shilibox h4:after{content: ""; display: block; width: 40px; height: 2px; background: #cc2643; margin:8px 0;}
.page_banner{background:no-repeat center/cover; min-height:480px; display:flex; align-items:center; justify-content:center; font-size:36px; color:#fff;}

.contact,.feedback{width:50%}
.contact .maintit,.feedback .maintit{font-size:24px; font-weight:bold; color: #222; border-bottom:0px solid #ddd; text-align:left; margin-bottom:15px;}
.contact{padding:0; font-size: 16px;}
.contactbox{padding:30px 20px 20px 40px;}
.feedback{background: #f9f9f9;}
.feedback form{padding:30px 50px 50px}
.contact .iconfont{color: #cc2643; display:inline-block; margin-right:10px; font-size:24px;}
.contact .contact-item{display:-webkit-flex; display: -ms-flexbox; display: flex; justify-content: flex-start; padding:15px 0;}
.contact .contact-item span{font-weight: bold; font-size: 18px; display: block; margin-bottom: 5px;}
.contact .contact-item .contact-iocn{width:40px; line-height: 1.5;}
.contact .contact-ewm{padding:5px 0 0;}
.contact .contact-ewm>div{display: inline-block; width:110px; margin-right:10px; text-align: center;}
.contact .contact-ewm img{border:1px solid #e3e3e3;}
.feedback .row{margin-top: 15px; display:-webkit-flex; display: -ms-flexbox; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;}
.feedback .row-input{width:100%}
.feedback .row-input input {width: 100%; height:50px;border: none; padding-left: 15px; border-radius: 4px; border: 1px solid #ddd;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.feedback .row textarea{width:100%;height: 100px; padding:1% 15px; min-height: 120px; line-height: 24px; border-radius: 4px; border: 1px solid #ddd;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; display: block;}
.feedback .row-right{margin-top: 15px;}
.feedback .row-right button{background:#cc2643; width: 140px;border: none; font-size: 14px; border-radius: 4px; line-height:46px; height:46px;color: #fff;cursor: pointer;}
.brand-right .feedback .row-input{width:49%}
.brand-right .feedback{width:100%; background: none;}
.brand-right .feedback .row-input input,.brand-right .feedback .row textarea,.brand-right .feedback .row textarea{border: 0;}
.mappk{width: 100%; height: 100%;}
.bgwhite{background: #fff;}
.boxshdow{box-shadow: 0 0 30px rgba(0,0,0,.1)}
.mappk .title {font-size: 16px; font-weight: bold; color: #222; padding-bottom: 5px;}
.mappk .content {font-size: 14px; color: #666; line-height: 1.5;}

.newslist{font-size:15px;}
.newslist li{margin-top:30px; border-bottom: 1px solid #e2e2e2; padding-bottom: 30px;}
.newslist li:first-child{margin-top:0px;}
.newsimg{width:25%; overflow: hidden; height:180px;}
.newsimg img{ width: 100%; height: 100%; object-fit: cover; object-position: center; -webkit-border-radius: 3px; border-radius: 3px; -o-transition: all 0.5s ease; -webkit-transition: all .5s ease; transition: all 0.5s ease;}
.newslist li:hover .newsimg img{transform: scale(1.1);}
.newslist li:hover h2{color: #cc2643;}
.newsdesc{width:71%;}
.newsfont{width:calc(100% - 220px); color:#666;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.newsfont h2{font-size:22px; color:#333; margin-bottom:5px;}
.addtime{width:200px; text-align:center;}
.addtime span{font-size:48px; line-height:1.4; font-family: 'Bebas'; display:block;}
.view-left{width:70%}
.viewbox{text-align:center; font-size:14px; color:#666;}
.viewimg{text-align:center; padding:20px 0;}
.viewcontent{}
.view-right{width:25%}
.tjnews{border:8px solid #f0f0f0; padding:20px; font-size:15px; margin-top:30px}
.tjnews h2{font-size:22px; font-weight:bold; color:#333;}
.tjnews li{padding:20px 0; border-bottom:1px solid #e2e2e2;}
.tjnews li:last-child{border-bottom:0px solid #e2e2e2;}
.tjnews a{display:block;}
.context{border:1px solid #e2e2e2; padding:10px 20px;}
.context li:last-child{border-top:1px solid #e2e2e2;}
.context li{padding:20px 0;}
.context span{ color:#000; display:block;}
.lefttitle{line-height: 80px; font-size:22px; padding-left:20px; background: url(../images/pbg.jpg) no-repeat center/cover; color:#fff;}
.leftproduct{width:20%}
.rightproduct{width:79%}
.leftmenu{}
.leftmenu li{border-bottom:1px solid #ddd; background:#f5f5f5; position: relative;}
.leftmenu li:before{content:''; border:1px solid #666; background:#fff; display: block; top:19px; width:8px; height:8px; border-radius: 6px; position:absolute; left:15px;}
.leftmenu a{display: block; padding:0 0 0 35px; line-height:45px}
.leftmenu a:hover{color:#fff;}
.leftmenu li:hover{background:#cc2643; color:#fff;}
.leftmenu li:hover:before{border:1px solid #fff; background:#cc2643;}
.productmainbox{padding:0 0 0 30px;}
.prosearch{border:8px solid #f0f0f0; margin-bottom:20px;}
.probtn{background:#cc2643; color:#fff; display: block; width:50px; height:50px;}
.prosearch input{height:50px; padding:0 15px; box-sizing: border-box;}
.probtn .iconfont{font-size:24px; color:#fff;}
/*产品*/
.topproductblank{background: #cc2643;height:90px;}
.location{line-height: 45px; font-size:0; position: sticky; top:90px; z-index: 9; background: #fff; box-shadow: inset 0 4px 4px -4px rgba(0,0,0,.1); border-bottom: 1px solid #eee;}
.location a{display: inline-block; margin-right:30px; font-size:16px; position: relative;}
.location a:hover{color:#cc2643;}
.location a::after{content:''; width:1px; height:20px; background: #ddd; position:absolute; right:-15px; top:54%; margin-top:-10px; display: block;}
.location a:last-child::after{display: none;}
.location .wrapper{width:auto; padding:0 3%;}

.productlist{padding:10px 0 30px;}
.productlist ul{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; flex-direction:row;}
.productlist li{background:#fff; border-radius: 6px; overflow: hidden; width:24%; margin-right:1.3%; margin-top:1.3%;}
.productlist li:nth-child(4n){margin-right:0;}
.productlist .prosortcontent{font-size:16px; color:#888; margin:6px 15px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.productlist h2{font-size: 20px; padding:15px 15px 0; font-weight: bold; text-align: center;}
.productlist li dl{display: block; padding:10px 0 0;}
.productlist li dl dd{border-bottom: 1px solid #e2e2e2; padding:6px 15px;}
.productlist li dl dd:last-child{border-bottom: 0px solid #e2e2e2;}
.productlist li dl dd img{-webkit-transition: all .5s ease; transition: all .5s ease; -moz-transition: all .5s ease;}
.productlist li dl dd .productbox{overflow: hidden; width:25%}
.productlist li dl dd:hover .productbox img{transform: scale(1.1);}
.productlist li dl dd h3{font-size:16px; width:70%;}
.productlist li dl dd:hover h3{font-weight:bold;color:#cc2643;}

.proxxsm{background:#fff; position: relative;}
.proxxsm:before{content:''; background: #f8f8f8; width:50%; height:100%; z-index: 0; right:0; top:0; position:absolute; display: block;}
.proxxsm .proxxsm-l{ box-sizing: border-box; -webkit-box-sizing: border-box; width:770px; box-sizing: border-box; -webkit-box-sizing: border-box; padding: 30px 0; display:-webkit-flex; display: -ms-flexbox; display: flex; flex-direction: row-reverse; flex-wrap:wrap; justify-content:space-between; background: #fff; position: relative; z-index: 1;
}
.proxxsm .proxxsm-r{width:calc(100% - 770px); position: relative; z-index: 1;}
.proxxsm .proxxsm-r .xxsmfont{padding:8% 0 0 10%;}
.proxxsm .proxxsm-r .xxsmfont h1{font-size:30px; line-height:2; border-bottom:2px solid #666; padding-bottom:10px;}
.proxxsm .proxxsm-r .xxsmfont-a{font-size:16px; line-height:1.8; padding:30px 0; color:#444;}
.proxxsm .proxxsm-r .xxsmfont-a p{padding:8px 0;}

.proxxsm .proxxsm-r .protel{font-weight:bold; font-size:18px; padding:25px 0;}
.proxxsm .proxxsm-r .protel span{color: #cc2643; font-size:24px; font-family: 'Bebas';}
.proxxsm .proxxsm-r .telbtn a{background: #cc2643; color:#fff; line-height: 45px; padding:0 40px; display: inline-block; margin-right:10px}
.proxxsm .proxxsm-r .telbtn a:last-child{background: #444; margin-right:0px}

.proitemlist p{text-align: center; line-height:1.5;}
.proitemlist ul{}
.proitemlist ul li{background: #fff; border-bottom: 1px solid #e2e2e2; padding:10px 0; display: flex; align-items: center; justify-content: space-between;}
.proitemlist ul li.proitemhead{background:#999; color:#fff;}
.proitemlist ul li:nth-child(2n){background: #f0f3f7;}
.proitemlist img{height:24px;display:inline-block; margin:0 8px;}
/* .proitemlist p:nth-child(3),.proitemlist p:nth-child(4),.proitemlist p:nth-child(5),.proitemlist p:nth-child(6),.proitemlist p:nth-child(7),.proitemlist p:nth-child(8),.proitemlist p:nth-child(9),.proitemlist p:nth-child(10){text-align: center; width:8.5%;} */
/* .proitemlist p:last-child,.proitemhead p:last-child{width:8%;} */
.proitemlist p:nth-child(n+4){width:8.5%;}
.proitemlist p:nth-child(1),.proitemlist p:nth-child(3){width:12%;}
.proitemlist p:nth-child(2){width:8%;}

.proxxtit{border-bottom:1px solid #e2e2e2; line-height:80px; background:#fff; border-top:5px solid #cc2643}
.proxxtit-l{font-size:30px; font-weight: bold;}
.proxxtit-r{font-size:22px; font-weight:bold; color: #cc2643}
.proxxcs{background:#fff; padding:45px 0;}
.proxxcs .feedback{width:100%}
.proxxcs .feedback .row:nth-child(1),.proxxcs .feedback .row:nth-child(2){width:49%; display: inline-block;}
.proxxcs .feedback .row:nth-child(2){float:right;}
.pd60{padding:60px 0 65px;}
.indextit{font-size:30px; font-weight: bold; text-align: center; color:#cc2643;}
.indextit:after{content:''; width:40px; height:2px; background:#ff6600; display: block; margin:0px auto 10px;}

.partner{padding:10px 0 0;}
.partner li{width:19.2%; margin-right: 1%; margin-top: 1%; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,.1);}
.partner li:nth-child(5n){margin-right:0}
.partner li .productbox{overflow: hidden; padding:10%;}
.partner .productbox img{-webkit-transition: all .5s ease; transition: all .5s ease; -moz-transition: all .5s ease;}
.partner li:hover .productbox img{transform: scale(1.1);}

.company{padding:0;}
.company li{width:23.5%; margin-right: 2%; margin-top: 1%; margin-bottom: 1%; background: #eee;}
.company li:nth-child(4n){margin-right:0}
.company li .productbox{overflow: hidden; padding:8px;}
.company .productbox img{-webkit-transition: all .5s ease; transition: all .5s ease; -moz-transition: all .5s ease;}
.company h2{font-size:14px; text-align: center; padding:0 0 4%;}
.company li:hover .productbox img{transform: scale(1.1);}

.honor{padding:0;}
.honor li{width:19.2%; margin-right: 1%; margin-top: 0.5%; margin-bottom: 0.5%;}
.honor li:nth-child(5n){margin-right:0}
.honor li .productbox{overflow: hidden;}
.honor .productbox img{-webkit-transition: all .5s ease; transition: all .5s ease; -moz-transition: all .5s ease;}
.honor h2{font-size:14px; text-align: center; padding:10px 0 0;}
.honor li:hover .productbox img{transform: scale(1.1);}
.photo{padding:20px 10px; border:1px solid #e2e2e2; position: relative;}
.photo .pics{padding-bottom:100%; position: relative; display: block; width: 100%; overflow: hidden;}
.photo .pics img{ position: absolute; left: 50%; top: 0; width: auto; height: 100%; *height: auto; transform: translate(-50%,0);}

.worklist{padding:0;}
.worklist li{width:23.5%; margin-right: 2%; margin-top: 1%; margin-bottom: 1%;}
.worklist li:nth-child(4n){margin-right:0}
.worklist li .productbox{overflow: hidden;}
.worklist .productbox img{-webkit-transition: all .5s ease; transition: all .5s ease; -moz-transition: all .5s ease;}
.worklist h2{font-size:14px; text-align: center; padding:10px 0 0;}
.worklist li:hover .productbox img{transform: scale(1.1);}

.downlist{display:-webkit-flex; display: -ms-flexbox; display: flex; flex-direction: row; flex-wrap:wrap;}
.downlist>a{display: block; width:32%; margin-right:2%; margin-top: 2%; transition: all .35s; position: relative; top: 0; background:url(../images/down.png) no-repeat right 15px center #eff1fa; background-size: 80px; overflow: hidden;}
.downlist>a:nth-child(3n){margin-right:0;}
.downlist>a:hover{top: -8px; background:url(../images/down.png) no-repeat right 15px center #cc2643; background-size: 80px; color:#fff;}
.downlist>a .tit{font-size: 16px; height: 120px; padding:0 80px 0 20px; display: flex; align-items: center;}

.downloadlist{overflow: hidden;}
.downloadlist h2{font-size: 16px; font-weight:bold; padding:20px 0 5px}
.downloadlist ul{margin:0 -8px;}
.downloadlist ul li {float:left; width:25%;}
.downloadlist ul li .downbox{ background:url(../images/downbtn.png) no-repeat 95% center #f0f2f8; margin:8px;-webkit-transition: all .5s ease;transition: all .5s ease;}
.downloadlist ul li:hover .downbox{background:url(../images/downbtn.png) no-repeat 95% center #deedea; color:#fff;}
.downloadlist ul li a{display: block; padding:15px;font-size: 14px;}
@media(max-width:1024px){
.downloadlist h2{font-size: 14px; padding:10px 0 5px}
.downloadlist ul{margin:0 -4px;}
.downloadlist ul li {float:left; width:50%;}
.downloadlist ul li .downbox{ margin:4px;}
.downloadlist ul li a{padding:8px 0 8px 10px}
}
/*底部*/
.footer {background:#1f1f1f; color:#aaa;}
.footer .foot{padding:40px 0;}
.footer h3{color:#00BA49; font-size:36px; font-family: 'Bebas'; line-height: 1.2;}
.footer h2{font-size:16px; font-weight:bold; color:#fff; margin-bottom:10px;}
.footer a{color:#aaa;}
.footer a:hover{color:#fff;}
.footer img{background: #fff; padding:3px; border-radius: 5px; overflow: hidden; max-width: 110px;}
.footmenu{padding:0;}
.footmenu li{line-height: 32px;}
.foot-left{width:calc(100% - 530px)}
.foot-right{width:310px;}
.foot-right .ewm{border-top:1px solid rgba(255, 255, 255, 0.1); padding:15px 0 0; margin-top:12px; line-height: 1.6;}
.copyright{border-top:1px solid rgba(255, 255, 255, 0.1); text-align: center; padding:20px 0;}
.copyright a{display: inline-block; margin-left: 10px;}

.kf_bar{position:fixed; top:300px; right:0; width:50px; height:203px; z-index:10;}
.kf_bar li{width:62px; height:50px; z-index:20;}
.kf_bar li.kfbar_li1{position:absolute; left:0;top:0;width:160px;}
.kf_bar li.kfbar_li2{position:absolute;top:51px;left:0;}
.kf_bar li.kfbar_li3{position:absolute;top:102px;left:0;}
.kf_bar li a{ display:block; color:#FFF; font-size:14px; height:50px; line-height:50px; overflow:hidden; background-color:#333e46; opacity:1; border-radius:6px;}
.kf_bar li a img{ display:block;float:left; vertical-align:middle; width:24px; height:24px; margin:12px 12px 14px 14px;}
.kf_bar li a:hover{ background-color:#cc2643;opacity:1;}
.kfbar_wx{display:none;position:absolute;top:-50px; left:-140px;}
.kfbar_wx img{ padding:10px; max-width:120px; background:#FFF;}
@media(max-width:1600px){
    .page_banner{min-height: 400px;}
    }
@media(max-width:1480px){
.footer h2{font-size:14px;}
.proxxsm .proxxsm-r .xxsmfont{padding:8% 0 0 10%;}
.proxxsm .proxxsm-r .xxsmfont h1{font-size:24px;}
.proxxsm .proxxsm-r .xxsmfont-a{font-size:14px; padding:25px 0;}
.proxxtit{line-height:65px; border-top:3px solid #cc2643}
.proxxtit-l{font-size:24px;}
.proxxtit-r{font-size:20px;}
.proxxcs{padding:30px 0;}
.indextit,.maintit{font-size:24px;}
.contact .maintit,.feedback .maintit{font-size:24px;}
.page_banner{min-height: 370px;font-size:26px;}
.productlist h2 span{font-size: 20px; padding: 0 15px;}
}
@media(max-width:1200px){
.PC_ban{display: none;}
.Mob_ban,.Fast-nav{display: block;}
body{line-height: 1.7;}
.topblank{min-height:55px}
.topproductblank{display: none;}
.wrapper{width:auto; padding:0 3%;}
.footer .foot{padding:15px 0;}
.footer h3{font-size:26px;}
.footer h2{font-size:14px; margin-bottom:0px;}
.footer img{padding:3px; max-width: 110px; display: block; margin: 0px auto;}
.foot-left{width:calc(100% - 330px);display: none;}
.foot-right{width:100%; text-align: center;}
.foot-right .flex-index{justify-content: flex-start;}
.foot-right .ewm{margin-top:0px; width:100%; border-top: 0; padding: 0;}
.foot-right .ewm.flex-index{flex-direction: column;}
.foot-right div{margin-right:0; width: 100%; margin-top: 8px;}
.copyright{padding:10px 0 50px;}
.copyright a{display: block; margin-left: 0px;}
.page_banner{background:no-repeat center/cover; min-height:150px; font-size:18px;}

.contact,.feedback{width:100%}
.contact .maintit,.feedback .maintit{font-size:16px; margin-bottom:10px;}
.contact{padding:0; font-size: 15px;}
.contactbox{padding:0;}
.contact .iconfont{font-size:18px;}
.contact .contact-item{padding:10px 0;}
.contact .contact-item .contact-iocn{width:30px;}
.contact .contact-item .contact-desc{width:calc(100% - 30px);}
.feedback .row-right button{width: 120px; line-height:40px; height:40px;}
.contact .contact-item span{font-size: 16px;}
.mappk{width: 100%; height: 300px; margin-top: 15px;}
.mappk .title {font-size: 14px;}
.mappk .content {font-size: 12px;}
.bgwhite{background: #fff;}
.boxshdow{box-shadow:none}

.feedback{padding:10px 0 0;}
.feedback .row{margin-top: 10px;}
.feedback .row-input input {width: 100%;height:36px; padding-left: 8px;}
.feedback .row-input textarea{width:100%;height: 80px; padding:1% 8px;}
.feedback .row-right{text-align: right;margin-top: 5px;}
.feedback .row-right input{width: 100px; line-height:38px; height:38px;}

.newslist{font-size:14px;}
.newslist li{background:#fff; margin-top:10px;}
.newslist li:first-child{margin-top:0px;}
.newsimg{width:100%; overflow: hidden; height:auto;}
.newsimg img{ width: 100%; height: 100%; object-fit: cover; object-position: center;}
.newslist li:hover .newsimg img{transform: scale(1.1);}
.newslist li:hover h2{color: #cc2643;}
.newsdesc{width:100%; font-size:12px; padding:15px 0; box-sizing: border-box;}
.newsfont{width:100%; color:#999;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.newsfont h2{font-size:16px;}
.addtime{width:100px; text-align:center; display: none;}
.addtime span{font-size:36px;}

.view-left{width:100%}
.viewbox{text-align:center; font-size:14px; color:#666;}
.viewimg{text-align:center; padding:10px 0;}
.viewcontent{}
.view-right{width:100%}
.tjnews{border:5px solid #f0f0f0; padding:10px; font-size:14px; margin-top:5px}
.tjnews h2{font-size:16px;}
.tjnews li{padding:15px 0;}

.context{border:0px solid #e2e2e2; padding:10px 0;}
.context li:last-child{border-top:0px solid #e2e2e2;}
.context li{padding:8px 10px; background: #eee; margin-top: 10px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.context span{ color:#000; display:inline-block; margin-right:5px;}

.lefttitle{line-height: 45px; font-size:16px; font-weight:bold; padding-left:20px; background:#f4f4f4; color:#222; position: relative;}
.lefttitle:after {content:''; position:absolute; display: block; width: 10px; height: 10px; top: 50%; right: 15px; margin-top: -8px; border-left: 1px solid #666; border-top: 1px solid #666; -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); -o-transform: rotate(225deg); transform: rotate(225deg);}
.leftproduct{width:100%}
.rightproduct{width:100%}
.leftmenu{display: none;}
.leftmenu li:before{top:14px;}
.leftmenu a{display: block; padding:0 0 0 32px; line-height:36px}
.productmainbox{padding:20px 0 0 0;}
.prosearch{border:8px solid #f0f0f0; margin-bottom:20px; display: none;}
/*产品*/
.location{display: none;}
.productlist{padding:0;}
.productlist ul{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; flex-direction:row;}
.productlist li{background:#fff; border-radius: 0px; overflow: hidden; width:100%; margin-right:0%; margin-top:1%;}
.productlist li:nth-child(2n){margin-right:0;}
.productlist .prosortcontent{font-size:14px; color:#888; margin:6px 12px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.productlist h2{font-size: 16px; padding:10px 12px 0;}
.productlist li dl{display: block; padding:10px 0 0;}
.productlist li dl dd{border-bottom: 1px solid #e2e2e2; padding:4px 12px;}
.productlist li dl dd .productbox{overflow: hidden; width:50px}
.productlist li dl dd h3{font-size:14px; width:calc(100% - 70px);}

.proxxsm{background:#fff; position: static;}
.proxxsm:before{display: none;}
.proxxsm .proxxsm-l{width:100%; padding:20px 0 0;}
.proxxsm .proxxsm-r{width:100%; position: relative; z-index: 1;}
.proxxsm .proxxsm-r .xxsmfont{padding:20px 0;}
.proxxsm .proxxsm-r .xxsmfont h1{font-size:16px; font-weight: bold; line-height:1.6; padding-bottom:5px;}
.proxxsm .proxxsm-r .xxsmfont-a{font-size:14px; padding:5px 0; color:#666;}
.proxxsm .proxxsm-r .proys{font-size:14px; padding:10px 0;}
.proxxsm .proxxsm-r .proys .iconfont{font-size:18px;}
.proxxsm .proxxsm-r .proys span{display: inline-block; width:30px;}
.proxxsm .proxxsm-r .protel{font-weight:bold; font-size:16px; padding:10px 0;}
.proxxsm .proxxsm-r .protel span{color: #cc2643; font-size:24px; font-family: 'Bebas';}
.proxxsm .proxxsm-r .telbtn a{line-height: 36px; padding:0 20px;}

.proitemlist{width: auto; display: flex; justify-content:flex-start; white-space: nowrap; overflow-x: scroll; overflow-y: hidden; padding: 0 0 15px;}
.proitemlist ul li{ width: auto; padding:0; display: flex; align-items: center; justify-content:flex-start;}
.proitemlist p:nth-child(3),.proitemlist p:nth-child(4),.proitemlist p:nth-child(5),.proitemlist p:nth-child(6),.proitemlist p:nth-child(7),.proitemlist p:nth-child(8),.proitemlist p:nth-child(9),.proitemlist p:nth-child(10){text-align: center; width:120px;}
.proitemlist p:last-child,.proitemhead p:last-child{width:100px;}
.proitemlist p:nth-child(1),.proitemlist p:nth-child(2){width:160px;}

.proitemlist::-webkit-scrollbar {width: 4px; background: #eee; height:4px;}
.proitemlist::-webkit-scrollbar-thumb { width: 4px; background-color: #ccc;}

.proxxtit{line-height:40px;border-top:2px solid #cc2643}
.proxxtit-l{font-size:18px; display:none;}
.proxxtit-r{font-size:16px;}
.proxxcs{background:#fff; padding:15px 0;}
.proxxcs .wrapper{ }
.proxxcs .feedback{width:100%}
.proxxcs .feedback .row:nth-child(1),.proxxcs .feedback .row:nth-child(2){width:100%; display: block;}
.proxxcs .feedback .row:nth-child(2){float:none;}
.pd60{padding:20px 0 20px;}
.indextit{font-size:16px; font-weight:bold; text-align: center; color:#333;}
.indextit:after{content:''; width:20px; height:2px; background:#cc2643; display: block; margin:3px auto;}

.mainwrapper{padding:20px 0;}
.inner-nav{background:#fff; padding:0 15px; width:100%; height: 50px; box-sizing: border-box; white-space: nowrap; overflow-x: scroll; overflow-y: hidden;}
.inner-nav .nav-left-a {line-height:50px; font-size:14px; margin-right: 40px;}
.inner-nav .nav-left-a:after { display: block;}
.inner-nav .nav-left-a:last-child {margin-right: 40px;}
.inner-nav .nav-left-a:last-child:after { opacity: 0; display: none;}
.inner-nav .nav-left-a:hover, .inner-nav .nav-left-a.cur {color: #cc2643; font-weight:bold;}
.inner-nav .inner-navright{font-size:14px;line-height:50px; width:100%;}
.inner-nav::-webkit-scrollbar {width: 4px; background: #fff; height:4px;}
.inner-nav::-webkit-scrollbar-thumb { width: 4px; background-color: #fff;}

.maincontentbox{background: #fff; margin-top:10px; padding:10px;}
.maincontent{font-size:14px; color:#444;}
.maintit{font-size:16px; line-height: 1.8; margin-bottom:10px;}
.maincontent h3{font-size:16px;}
.productlist li ul li h3{font-size:14px;}
.maincontent p{padding:5px 0;}
.titcen{text-align:center; font-size:12px;}

.caselist{padding:10px 0 0;}
.caselist li{width:49.5%; margin-right:1%; margin-top:1%; background: none;box-shadow: none;}
.caselist li:nth-child(2n){margin-right:0;}
.caselist li:nth-child(-n+3){margin-top:1%;}
.casebox{padding:10px 0;}
.casebox .casetit{font-size:14px; line-height:20px;padding-bottom:0;}
.caselist li .imgbox img{border-radius: 0; border: 1px solid #e3e3e3; box-sizing: border-box;}
.casebox .casedesc{ margin:10px 0 0;}
.casebox .casemore{font-size:12px; display: none;}
.shili{margin-top:10px;}
.shili-l{width:100%;}
.shili-l .shilibox{padding:15px; font-size:14px;}
.shili-l .shilibox h4{font-size:16px; padding:0 0 10px;}
.shili-l .shilibox h4:after{width: 20px; height: 2px; margin:5px 0 0;}

.partner{padding:0;}
.partner li{width:32%; margin-right: 2%; margin-top: 2%; box-shadow:none; border: 1px solid #e2e2e2; box-sizing: border-box;}
.partner li:nth-child(3n){margin-right:0}
.partner li:nth-child(5),.partner li:nth-child(10){margin-right:2%}
.partner li .productbox{overflow: hidden; padding:5px;}

.company{padding:0;}
.company li{width:49.5%; margin-right: 1%; margin-top: 1%; background: #eee;}
.company li:nth-child(2n){margin-right:0}
.company li .productbox{overflow: hidden; padding:0;}
.company h2{padding:2% 0;}

.honor{padding:0;}
.honor li{width:49.5%; margin-right: 1%; margin-top: 1%;}
.honor li:nth-child(2n){margin-right:0}
.honor li:nth-child(5){margin-right:1%}
.honor li .productbox{}
.honor h2{padding:2% 0 0;}
.worklist{padding:0;}
.worklist li{width:49.5%; margin-right: 1%; margin-top: 1%;}
.worklist li:nth-child(2n){margin-right:0}
.worklist li .productbox{}
.worklist h2{padding:2% 0 0;}
.photo{padding:5px 5px; border:0px solid #e2e2e2;}

.homeabout{background:url(../images/about_bg.jpg) no-repeat center/cover}
.home-left{width:100%}
.home-right{width:100%; padding:0 0 15px;}
.home-right .homefont1{font-size: 14px;}
.more{display: block; width: 80px; line-height: 26px; margin-top: 10px; font-size: 12px;}

.chooselist{background:#fff;}
.chooselist .shili-left{width:100%; overflow:hidden; margin-top:1%;}
.chooselist .shili-right{width:100%;margin-top:1%;}
.chooselist .shili-right li:nth-child(1){width:100%; margin-top:0;}
.chooselist .shili-right li{width:49.5%; margin-top:1%;}

.chooselist .zzbox{position: relative;}
.chooselist .zzbox img{width: 100%;}
.chooselist h2{text-align: center; font-size: 18px; padding: 15px 0 0;}
.chooselist .zzboxbg{left: 3%; bottom: 5px; width:94%; font-size:13px;}
.chooselist .zzboxbg strong{ font-size:16px; font-weight: normal;}

.chooselist .zzbox:hover .zzfont{width: 92%; height: 96%; line-height: 1.6; display: none;}
.chooselist .zzbox:hover .zzboxbg{display: block;}

.chooselist .titcen,.homeabout .titcen,.idx_pro .titcen,.newswrap .titcen{padding:0 15px 15px}
.idx_pro .pro_swiper .pro_swiperbox{background:#fff; padding:10px; width:auto;}
.idx_pro .swiper-button-prev i,.idx_pro .swiper-button-next i{ left:6px; top:6px; font-size: 18px;}
.idx_pro .swiper-button-prev{ top:48%;width: 30px;height: 30px;}
.idx_pro .swiper-button-next{top: 48%;width: 30px;height: 30px;}
.idx_pro a .text{ text-align: center; font-size:16px; padding: 15px 0 10px;}

.downloadlist{display:-webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; flex-wrap:wrap;}
.downloadlist>a{margin-right:0; width: 100%; margin-top: 2%; background-size: 40px;}
.downloadlist>a:hover{top:-3px; background-size: 40px;}
.downloadlist>a .tit{font-size: 14px; line-height: 60px; padding:0 0 0 15px;}

.swiper-slide .al_con {height: 400px;}
.index_4_bg{height: 400px;}
.index_4_mid:before {background:rgba(0,0,0,.4);}
.index_4_mid .jieshao{padding:0 20px;}
.index_4_mid .index_4_mid_2{font-size: 18px;transform: translateY(0);}
.index_4_mid .index_4_mid_3 {font-size: 14px; opacity: 1; transform: translateY(0); -webkit-line-clamp: 4; line-height:1.6; min-height:auto; padding:15px 0;}
.swiper-slide a:hover .index_4_mid .index_4_mid_2 {transform: translateY(0);}
.swiper-slide a:hover .index_4_mid .index_4_mid_3 {opacity: 1; transform: translateY(0);}
.index_4_mid .more_btn {font-size: 14px; padding-bottom: 15px;}

.newswrap{background:#f0f4f9;}
.homenews{background:#fff; padding:10px;}
.homenews li{width:100%; margin-right:0; padding:15px 0; position:static; border-bottom: 1px solid #eee;}
.homenews li::after {display: none;}
.homenews li:last-child{margin-right:0; border-bottom: 0;}
.homenews .addtime{border-bottom:1px solid #cc2643; margin-bottom:15px;}
.homenews .homenews-l{width:35%;}
.homenews .homenews-r{width:61%; font-size:16px; font-weight:normal; line-height:1.5}
.homenews .homenewsdesc{margin-top:12px;}
.banner .swiper-button-next,.banner .swiper-button-prev{display: none;}
}

.toolbar {position: fixed; z-index: 9999; right: 5px; bottom: 40%; width: 52px; font-size: 14px; background: #fff; border-radius: 4px; box-shadow:0 0 5px rgba(0,0,0,.1);border:1px solid #e2e2e2; border-bottom: 0;}
	.toolbar .toolitem {position: relative; padding: 8px 0; text-align: center;border-bottom:1px solid #e2e2e2;}
	.toolbar .toolitem p{line-height: 1.3; display: none;}
	.toolbar .toolitem .iconfont{font-size: 22px; line-height: 1.3; display: block;}
	.toolbar .toolitem .ysa{color: #25d366;}
	.toolbar .toolitem .ysb{color: #ff6600;}
	.toolbar .toolitem .ysc{color: #00BA49; font-size: 24px;}
	.toolbar .toolitem:last-child{border-bottom:0;}
	.toolbar .toolitem:hover .toolbox {opacity: 1;display: block;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease}
	.toolbar .toolbox {display: none;position: absolute;text-align: center;right: 52px;bottom: -1px;width: 130px;height: auto; padding: 5px; opacity: 0; background: #fff;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;border:1px solid #e2e2e2;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
	.toolbar a {display: block;}
	.toolbar .tooltit{color:#999;}
	.toolbar .toolimg{padding: 6px;}
	.toolbar .kfyes{display: block;}
	.toolbar .kfno{display: none;}
	.kefu_top{display:none;position:fixed;cursor:pointer;left:0;top:0;width:100%;height:100%;z-index:999;background:rgba(0,0,0,.6);}
	.kefu_top .kefudiv{cursor:pointer;width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-moz-box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;justify-content:center;-webkit-flex-wrap:nowrap;-moz-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;align-items:center;}
	.kefu_top .kefubox{text-align:center;width:200px;}
	.kefu_top .kefubox .layimg{display:block; border-radius:5px; background:#fff; padding:30px 0 20px}
	.kefu_top .kefubox .layimg img{width:120px}
	.kefu_top .kefubox .layimg p{font-size:14px; margin-top: 10px;}
	.kefu_top .layinfo{padding:6px 10px; border-radius:5px; background:#fff; margin-top:10px}
	@media(max-width:1024px){
	.kefu_top,.toolbar .kfyes{display: none;}
	.toolbar .kfno{display: block;}
	.toolbar {left:0; right: 0px; bottom: 0; min-height: 55px; width: 100%; background:#00BA49; border-radius: 0px; box-shadow:none;border:0px solid #e2e2e2;display:-webkit-flex; display: -ms-flexbox; display: flex; align-items: center; justify-content:space-between;}
	.toolbar .toolitem { padding: 0; width:33.33%; border-bottom:0px solid #e2e2e2; border-right: 1px solid rgba(255,255,255,.2);}
	.toolbar .toolitem:last-child{border-right: 0;}
	.toolbar .toolitem .iconfont{font-size: 20px;}
	.toolbar .toolitem .ysa{color: #fff;}
	.toolbar .toolitem .ysb{color: #fff;}
	.toolbar .toolitem .ysc{color: #fff; font-size: 20px;}
	.toolbar .toolitem p{color: #fff;}
	}
/*新增*/
.probig_swiper{width: calc(100% - 135px);}
.big-img{overflow: hidden;}
.prosamll_swiper{margin-top: 0px;}
.small-img{overflow: hidden; border: 1px solid #ddd; height:98px; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box;}
.small-img.swiper-slide-thumb-active{border-color: #f08501;}
.small-img img{ width: 100%; height:96px;}
.small-img{cursor: pointer; width: 100%; height: auto;}
.prosmall_box{position: relative; padding: 28px 0 0; width:120px; height:528px; overflow: hidden;}
.prosamll_swiper{width: 100%;}
.proimg_next,.proimg_per{position: absolute; z-index: 100; left: 0; height: 20px; width:100%; background: #ccc; display: flex; align-items: center; justify-content: center; cursor: pointer; overflow: hidden;}
.proimg_per{top: 0;}
.proimg_next{bottom: 0;}
.proimg_next i,.proimg_per i{font-size: 20px; width: 14px; color: #fff; display: block; margin: 0px auto; text-align: center;}
.proimg_per i{transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg);}
.proimg_next i{transform: rotate(270deg); -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg);}
.prolist-table {display: table; width: 100%;}
.table-row {display: table-row;}
.table-row:nth-of-type(2n){background: #f0f3f7;}
.item-content {display: table-cell;}
.table-row.toptable .item-content {background: #999; color: #fff;}
/* .table-row:not(:last-child) .item-content {border-bottom: 1px solid #979797;} */
.table-row .item-content {height: 48px;text-align: center;line-height: 48px;border-bottom: 1px solid #ddd;}
.table-row .item-content i{font-size: 20px;color:#ec0000; line-height: 48px; display: block;}
.table-row .item-content img{height:28px;display:inline-block; margin:0 6px;}
@media screen and (max-width: 1024px) {
.leftproduct{width:100%; padding:0;}
.probig_swiper{width:100%; display: none;}
.small-img{overflow: hidden; border: 0px solid #ddd; height:auto; width: 100%;}
.small-img img{ width: 100%; height:auto;}
.small-img{cursor: pointer; width: 100%; height: auto;}
.prosmall_box{ padding:0; width:100%; height:auto; overflow: hidden;}
.proimg_next,.proimg_per{height: 30px; width:30px; background: #ccc; border-radius: 50%;}
.proimg_per{top: 50%;}
.proimg_next{bottom: auto; left:auto; right: 0; top:50%;}
.proimg_next i,.proimg_per i{font-size: 20px; width: 14px; color: #fff; display: block; margin: 0px auto; text-align: center;}
.proimg_per i{transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg);}
.proimg_next i{transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg);}
.prolist-tabl {display: inline;}
.table-row {margin-bottom: 10px;display: block;}
.table-row.toptable {display: none;}
.table-row .item-content {background: #f0f3f7;display: block;text-align: right; font-size: 13px;border-bottom: 1px dotted #ddd; height: auto; line-height: 26px; padding:4px 10px}
.table-row .item-content:nth-of-type(1){background: #c4ede3;}
.table-row .item-content.cur{background: #c4ede3;}
.table-row .item-content img{height:26px;margin:0 0 0 12px;}
.table-row .item-content:nth-of-type(2n) {background: #fff;}
.table-row .item-content:before {content: attr(data-label);float: left; padding:0;text-align: left;/* margin-right:20px; min-width:120px; */}
.table-row:nth-of-type(2n){background: #f0f3f7;}
}