/*首页*/
.wrapper{width:1400px; margin:0px auto;}
.w1260{width:1260px;}
.pd60{padding:80px 0}
.ptbd60{padding:40px 0 80px}
.hometitle{line-height: 1; font-size: 24px; color: #1f59a8; font-family: 'Montserrat-B';}
.leftproduct{width:66%; margin-top: -3%;}
.rightproduct{width:31.68%; margin-top: -3%;}
.sortlist{text-align: center;}
.sortlist li{width:48%; margin-top: 3%; display: block; background: #fff; box-shadow:0 1px 3px rgba(0,0,0,.2); border-radius: 4px; overflow: hidden;}
.sortlist li .pic,.rightlist .pic{position: relative; z-index: 0;}
.sortlist li .pic::before,.rightlist .pic::before{content: "";width: 100%;height: 100%;background:#fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) scale(0);z-index: 1;opacity:1;transition: all 0.4s;}
.sortlist .pic i,.rightlist .pic i{width: 60px; height: 60px; border-radius: 50px; line-height: 60px;font-size: 24px; background: #1f59a8;color:#fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) scale(0);z-index: 1;opacity: 0;transition: all 0.4s;}
.sortlist li .zzfont,.rightlist .zzfont{font-size: 16px; line-height: 1.5; padding: 15px;}
.sortlist li:hover .zzfont,.rightlist:hover .zzfont{color:#1f59a8}
.sortlist li:hover .pic::before,.rightlist:hover .pic::before{transform: translate(-50%,-50%) scale(1); opacity: 0.8;}
.sortlist li:hover .pic i,.rightlist:hover .pic i{transform: translate(-50%,-50%) scale(1);opacity: 1;}

.rightlist img{width:100%}
.rightlist{margin-top: 6%; background: #fff; box-shadow:0 1px 3px rgba(0,0,0,.2); border-radius: 4px; text-align: center; overflow: hidden;}
.rightcontact{background: #005582; color:#fff; padding:29px 25px; margin-top:5%; border-radius: 4px;}
.rightrequest{background: #555; color:#fff; padding:0 25px; border-radius: 4px; min-height: 70px;}
.con-left{width:50px}
.con-left .iconfont{font-size: 36px; line-height: 1; display: block;}
.con-right{width:calc(100% - 55px); line-height: 1.5;}
.con-right p{padding-top:6px;}
.con-right h3{font-size: 16px;}

.newswrap{background:none;}
.homenews{margin-top: 1.5%;}
.homenews li{width:49.3%; background: #fff; box-shadow:0 1px 3px rgba(0,0,0,.2); padding:20px 20px;border-radius: 4px; display: block;-webkit-transition: all .5s ease; transition: all .5s ease; -moz-transition: all .5s ease;}
.homenews h2{font-size: 16px; min-height: 36px; font-family: 'Lato-Bold'; line-height:18px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.homenews .newsdesc{line-height: 1.5; margin: 15px 0 15px; color:#999; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.homenews .more {color: #aaa; padding-right: 28px; background: url(../images/njt.png) right center no-repeat; width: -webkit-max-content; width: max-content;-webkit-transition: all .5s ease; transition: all .5s ease; -moz-transition: all .5s ease;}
.homenews li:hover .more{background: url(../images/njt-2.png) right center no-repeat; color:#444;}
.homenews span{display: none; padding: 8px 0; border-bottom: 1px solid #eee; color:#1f59a8}
.homenews li:hover{background:#fafafa}
.homenews .homenews-l{width:26%; overflow: hidden;}
.homenews li .homenews-l img{width:100%; -webkit-transition: all .5s ease; transition: all .5s ease; -moz-transition: all .5s ease;}
.homenews li:hover .homenews-l img{transform: scale(1.1);}
.homenews .homenews-r{width:70%}
.aboutmore{border:2px solid #999; color: #000; display: inline-block; padding: 12px 30px; transition: all .5s ease;}
.aboutmore:hover{background: #000; border:2px solid #000; color: #fff;}
.brand {background:url(../images/mbg.jpg) no-repeat center center; color: #fff; padding:60px 0}
.brand .wrapper{display:-webkit-flex; display: -ms-flexbox; display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.brandtita{font-size:24px; line-height:1.1; font-family: 'Lato-Bold';}
.brandtitb{font-size: 16px; margin: 20px 0 30px;}
.brand .aboutmore{border:2px solid #fff;color: #fff;}
.brand .aboutmore:hover{background: #fff;color: #333;}
.brand .brand-l{width:45%}
.brand .brand-r{width:45%; font-size: 16px;}
.brand .brand-r .brand-img{max-width:24.5%; text-align: center; line-height: 1.2;}
.brand .brand-r .brand-img img{width:80px; padding: 10px; margin-bottom: 10px; border: 1px solid #fff; border-radius: 100px; display: inline-block;}
.partners{padding:40px 0 0;}
.kefulogo{}
.kefulogo li{background: #fff; box-shadow:0 1px 3px rgba(0,0,0,.2); width:13.5%; padding:5px 0; border-radius: 4px; margin-top: 1.5%;}
/* .kefulogo li{background: #fff; box-shadow:0 1px 3px rgba(0,0,0,.2); width:15.5%; height: 105px; border-radius: 4px; display: flex; align-items:center; justify-content: center; margin-top: 1.5%; position: relative;}
.kefulogo img{position: absolute;top: 0; left: 0; object-fit: contain; display: inline-block; right: 0; margin: 0 auto; height: 100%; width: 100%; padding:25px;} */
.aboutcontent{font-size: 15px;}
.aboutcontent a{color:#1f59a8; text-decoration: underline;}
.aboutcontent strong{color:#000; font-size: 16px; display: inline-block;}
.aboutcon{padding:0}
.aboutcon .aboutcon-l{width:48%}
.aboutcon .aboutcon-r{width:48%; line-height: 1.7;}
.aboutcontent .hometitle,.features .hometitle{padding-bottom: 25px; line-height: 1.2; font-size: 20px; display: block;}
.features{padding:70px 0; background: #f0f3f3;}
.features .features-l{width:19.4%; border: 1px solid #ddd; border-radius: 5px; background: #fcfcfc; padding:20px;}
.features .bluebg{background:#1f59a8; border-radius: 100px; width:70px; height: 70px; padding: 10px; margin: 10px auto 0;}
.features .features-l h3{font-size: 16px; color:#1f59a8; text-align: center; padding: 10px 0;}

.contact-left{width:42%; font-size: 16px; line-height: 1.6;}
.contact-left img{width:40px}
.contact-left dd{padding:20px 0}
.contact-left h3{font-family: 'Montserrat-B'; font-size: 16px; padding: 10px 0 0;}
.contact-right{width:54%; padding-left:4%; border-left:1px solid #ddd; box-sizing: border-box; -webkit-box-sizing: border-box;}

.contact-right .inp1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 15px}
.contact-right .inp1 .item { width: calc(340 / 700 * 100%);}
.contact-right .inp1 .item input { width: 100%; height: 50px; background-color: #f6f6f6; border: none; padding: 0 10px;}
.contact-right .inp3 {margin-top:15px;}
.contact-right .inp3 textarea {width: 100%; height:120px; padding: 10px; background-color: #f5f5f5; border: none;}

.path{background: #fff; padding: 20px 0 0;}.path .wrapper{position: relative; padding-left:25px;}.path a{display: inline-block; color:#777;}.path a:hover{text-decoration: underline;}.path i:before{content: ''; display: block; background: url(../images/home.png) no-repeat; background-size: 16px; width:16px; height: 16px; position:absolute; left:0; top:50%; margin-top: -8px;}.path .split::after{content: '>'; color: #ccc; margin: 0 10px; display: inline-block;}

.video{width:100%;height:100%;object-fit:fill; display: block;}
.videobox{font-size: 16px; text-align:center; background: #fff;}

.pro-left{width:76%; margin-top: 2%;}
.pro-right{width: 22%; background: #f5f5f5; padding: 8px; margin-top: 2%;}
.pro-right .rightlist img{width:100%}
.pro-right .rightlist{ margin-bottom: 0; margin-top:8px; background: #fff; box-shadow:none; text-align: center; overflow: hidden;}
.pro-right .rightlist .zzfont{font-size: 16px;}
.abtsm{font-size: 16px; padding-top: 20px;}
.abtsm p{padding:5px 0}
.abtsm a{color:#1f59a8; text-decoration: underline;}
.productlist{}
.productlist li{width:32%; margin-right: 2%; margin-top: 2%; border: 1px solid #dadada;background: #fafafa;}
.productlist li:nth-child(-n+3){margin-top:0;}
.productlist li:nth-child(3n){margin-right:0}
.productlist h2{font-size: 16px; text-align:center; background: #fafafa; line-height: 1.5; padding:10px; -webkit-transition: all .5s ease; transition: all .5s ease; -moz-transition: all .5s ease;}
.productlist li a{text-decoration: none;}
.productlist li .fdj{ position: absolute; z-index: 5; right:0; bottom:0; opacity: 0; -webkit-transform: translate(30px, 30px);-ms-transform: translate(30px, 30px);transform: translate(30px, 30px);-webkit-transition: all .3s ease -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
.productlist li:hover .fdj{ opacity: 1; -webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);transform: translate(0, 0);}
.productlist li .pic{position: relative; z-index: 0; overflow: hidden;}
.productlist li .pic::before{content: "";width: 0;height: 0;background:#fff;position: absolute;left: 0;top: 0;z-index: 1;opacity:0;transition: all 0.4s;}
.productlist li:hover .pic::before{opacity: 0.8; width: 100%;height: 100%;}
.cpsmbox{padding:0 0 50px}
.sm-left{width:47%}
.sm-left img{border: 1px solid #e2e2e2;}
.sm-right{width:47%;}
.sm-right .sm-font{font-size: 16px; padding:25px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; margin-top: 30px; margin-bottom: 30px;}
.sm-right .sm-font strong{color:#000}
.sm-right h2{font-family: 'Lato-Bold'; color: #1f59a8; font-size: 22px; margin-bottom: 10px;}
#tag{}
#tag>a{font-size: 16px; font-family: 'Lato-Bold'; padding: 14px 30px; background: #fff; border: 1px solid #e2e7e7; margin-right: -1px; margin-bottom: -1px;}
#tag>a:hover{color: #1f59a8;}
#tag>a.active{background: #f6f7fb; color: #1f59a8; position: relative; border-bottom: 0px none;}
#tag>a.active::before{content: ''; display: block; width: calc(100% + 2px); height: 2px; background: #1f59a8; position: absolute; left: -1px; top: -1px;}
.proxxcontent table,td,tr,th{border-collapse:collapse; width: 100%; color:#222}
.proxxcontent table td{width:auto; border: #e2e7e7 solid 1px; padding: 10px; line-height: 1.5;}
.proxxcontent table tr:nth-of-type(2n){background:#f6f7fb;}
.proxxcontent{background: #fff; border-top: 1px solid #e6e7e7; font-size: 16px; padding: 50px 0 0;}
.proxxcontent strong{color:#000; font-size: 15px;}

.newslist{max-width: 1200px; margin:0px auto;}
.newslist li{width:31%; margin-right:3.5%; margin-top: 3.5%; background: #fff; border: 1px solid #e5e5e5; border-radius: 3px; display: block;-webkit-transition: all .5s ease; transition: all .5s ease; -moz-transition: all .5s ease;}
.newslist li:nth-child(-n+3){margin-top:0;}
.newslist li:nth-child(3n){margin-right:0;}
.newslist h2{font-size: 20px; min-height: 60px; line-height:30px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.newslist .newsbox{padding: 30px 25px}
.newslist .newsdesc{line-height: 1.5; margin: 15px 0 15px; color:#999; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.newslist .newsimg{position: relative;z-index: 0;}
.newslist .newsimg::before{content:''; position: absolute; left:0; top:0; width:100%; height:100%; opacity: 0; z-index: 1; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; background:rgba(0,159,227,0.5);}
.newslist .newsimg .imgicon{width: 52px; height: 52px; border-radius: 50px; border:2px solid #fff; background: url(../images/rightjt.png) no-repeat center center; position: absolute; left: 50%; top: 50%; margin-top: -28px; margin-left:-28px; z-index: 2; opacity: 0; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;}
.newslist .more {color: #1f59a8; font-weight: bold; padding-right: 28px; background: url(../images/njt.png) right center no-repeat; width: -webkit-max-content; width: max-content; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;}
.newslist li:hover .more{background: url(../images/njt-2.png) right center no-repeat; color:#444;}
.newslist li:hover{box-shadow: 0 0 10px rgba(0,0,0,.1);}
.newslist li:hover .newsimg::before{opacity: 1;}
.newslist li:hover .newsimg .imgicon{opacity: 1;}

.viewbox{text-align: center;}
.viewbox h3{font-size: 22px; line-height:1.8; text-align: center; margin-bottom: 15px;}
.viewcontent{color:#666;}
.news-paged{background:#eee; margin-top: 40px; margin-bottom: 40px;}
.news-paged>div{ width:33%; height:60px; line-height:60px; position: relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.news-paged a{display:block; overflow:hidden; o-text-overflow:ellipsis; text-overflow:ellipsis; white-space:nowrap;}
.news-paged a:hover{color:#1f59a8}
.news-paged-prev{border-left:none !important; text-align: left; padding-left: 38px; padding-right: 10px;}
.news-paged-next{text-align: right; padding-right: 38px; padding-left:20px; border-left:1px solid #fff;}
.news-paged-list{text-align: center; padding-left: 95px;border-left:1px solid #fff;}
.news-paged-prev:before{ width:10px; height: 20px; background:url(../images/arrow_2.png) left center no-repeat; content:''; position: absolute; left:20px; top:50%; margin-top: -10px;}
.news-paged-list:before{width:20px; height: 20px; background:url(../images/arrow_4.png) left center no-repeat; content:''; position: absolute; left:50%; top:50%; margin-top: -10px; margin-left: -10px;}
.news-paged-next:after{width:10px; height: 20px; background:url(../images/arrow_3.png) left center no-repeat; content:''; position: absolute; right:20px; top:50%; margin-top: -10px;}

.enquiry_btn{/* display:-webkit-flex; display:flex; justify-content:space-between; align-items:center; */}
.enquiry_btn a{width:200px; color:#fff; z-index: 0; overflow: hidden; display:-webkit-flex; display:flex; justify-content:space-between; align-items:center; padding:15px; border-radius: 2px; position: relative; transition:all 0.5s ease;-webkit-transform:all 0.5s ease;}
.enquiry_btn a.on_enq{background:#1f59a8;}
.enquiry_btn a:after{display:inline-block;content:''; background: url(../images/rightjt.png) no-repeat; width:20px; height: 20px; background-size: cover;}
.enquiry_btn a:before{content: "";position: absolute;width: 0;height: 100%;left: 50%;top: 0;z-index: -1;opacity: 0;background: #0b80e2; transition: all 0.4s ease;}
.enquiry_btn a:hover:before{width: 100%;left: 0;opacity: 1;}
.enquiry_btn.on_enquiry{width:-webkit-max-content; width:max-content; background:#1f59a8; color:#fff; z-index: 0; overflow: hidden; display:-webkit-flex; display:flex; justify-content:space-between; align-items:center; cursor: pointer; padding:18px 30px; border-radius: 2px; position: relative; transition:all 0.5s ease;-webkit-transform:all 0.5s ease;}
.enquiry_btn.on_enquiry:before{content: "";position: absolute;width: 0;height: 100%;left: 50%;top: 0;z-index: -1;opacity: 0;background: #0b80e2; transition: all 0.4s ease;}
.enquiry_btn.on_enquiry:hover{ background: #1f59a8; color:#fff;}
.enquiry_btn.on_enquiry:hover:before{width: 100%;left: 0;opacity: 1;}

.context{border-top:1px solid #eee; border-bottom: 1px solid #eee; padding:10px 20px; background: #fafafa;}
.context ul{display:-webkit-flex; display: -ms-flexbox; display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.context li{line-height: 35px;}
.ny_banenr{height: 260px; background:no-repeat center/cover;}
/*360图*/
.main-right dt{position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);z-index:5;color:#fff;opacity:1;transition:all 0.5s ease;-webkit-transform:all 0.5s ease;}
.hr{position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);z-index:5;}
.hr img{-webkit-transform:rotate(360deg);animation:rotation 10s linear infinite;-moz-animation:rotation 10s linear infinite;-webkit-animation:rotation 10s linear infinite;-o-animation:rotation 10s linear infinite;}
@-webkit-keyframes rotation{from{-webkit-transform:rotate(0deg);}
to{-webkit-transform:rotate(360deg);}
}
/*广告位*/
.topblank{min-height: 0px;}
.PC_ban{display: block;}
.Mob_ban,.Fast-nav{display: none;}
.banner{width: 100%; position: relative; background: #000000; background: no-repeat center/cover;}
.banner .wrapper{min-height: 500px; width:auto; max-width: 1500px;}
.banner .ban-l{width:400px; font-family:'Montserrat-R'; font-size: 28px; line-height: 1.6;}
.banner .ban-r{width:calc(100% - 400px)}
.banner .ban-r-r{width:36%; position: relative; min-height: 300px; padding-bottom: 60px; display: flex; align-items: center; justify-content: center;}
.banner .ban-r-r:nth-child(2){width:26%}
.banner p{color:#fff;}
.banner p:nth-child(3){color:#ffff00;}
.banner dd{color:#fff; padding: 40px 0 0; font-size: 20px;}
.banner h2{position:absolute; color:#fff; font-size: 16px; padding:5px; text-align: center; line-height: 1.2; background:rgba(0,0,0,.5); color:#fff; border-radius: 30px; max-width: 70%; bottom: 0; left:0; right:0; margin: 0px auto;}
.banner .ban-r-r:nth-child(2) h2{max-width: 95%;}
.banner .banimg{animation: bannertexttop 1s ease both 800ms;}
.banner .banimg img{-webkit-transition: all .5s ease; transition: all .5s ease; -moz-transition: all .5s ease;}
.banner .banimg:hover img{transform: scale(1.06);}
.banner h2,.banner dd{animation: bannertextdow 1s ease both 800ms;}
.banner p{animation: bannertextright 1s ease both 400ms;}
@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;}}
@keyframes bannertexttop {0% {transform: translateY(-30px);opacity: 0;}100% {transform: translateY(0);opacity: 1;}}

.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;}
.banner .swiper-slide img{width:100%}
.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;}

@media(max-width:1480px){
	.wrapper{width:auto; padding:0 4%}
	.banner .ban-l{ font-size: 24px;}
	.w1260{width:1200px;}
	.brand { min-height:400px;}
	.brandtita{font-size:22px;}
	.brandtitb{font-size: 15px;}

	.brand .aboutmore{border:1px solid #fff;}
	.path .wrapper{position: relative; padding-left:4%;}
	
	.proxxcontent{font-size: 14px; padding: 40px 0 0;}
	.proxxcontent strong{color:#000; font-size: 15px;}
}
@media(max-width:1280px){
	.w1260{width:1160px;}
}
@media(max-width:1024px){
	.banner .wrapper{min-height: auto; padding:20px 0; background: url(../images/314mb.jpg) no-repeat center/cover;}
	.banner .ban-l{width:100%; font-size: 22px; line-height: 1.6;}
	.banner .ban-r{width:100%; min-height: auto; padding: 20px 0 0;}
	.banner .ban-r-r{min-height: auto; padding-bottom: 0;}
	.banner p{color:#fff; text-align: center;}
	.banner p:nth-child(3){color:#ffff00;}
	.banner dd{color:#fff; padding: 15px 0 0; font-size: 16px; text-align: center;}
	.banner h2{display: none;}
	
	.PC_ban{display: none;}
	.Mob_ban,.Fast-nav{display: block;}
	.banner .swiper-button-next,.banner .swiper-button-prev{display:none;}
	.wrapper{width:auto; padding:0 3%}
	.w1260{width:auto; padding:0 3%}
	.pd60{padding:20px 0}
	.ptbd60{padding:20px 0 20px}
	
	.hometitle{font-size: 16px;}
	.leftproduct{width:100%; margin-top: 0;}
	.rightproduct{width:100%; margin-top: 2%; display: flex; display:-webkit-flex; justify-content: space-between;}
	.sortlist{text-align: center;}
	.sortlist li{width:49%; margin-top: 2%;}
	.sortlist .pic i,.rightlist .pic i{width: 50px; height: 50px; border-radius: 50px; line-height: 50px;font-size: 20px;}
	.sortlist li .zzfont,.rightlist .zzfont{font-size: 16px; padding: 10px;}
	
	.rightlist{width:49%;margin-top: 0;}
	.rightlist img{width:100%}
	.rightlist:last-of-type{display: none;}
	.videobox{width:49%;}
	
	.newswrap{background:none;}
	.homenews{margin-top: 2%;}
	.homenews li{width:100%; background: #fff; box-shadow:none; padding:10px 0;border-radius: 0px;}
	.homenews h2{font-size: 15px; line-height: 1.5; font-family: 'Lato-Regular'; min-height: auto; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
	.homenews .newsdesc{display: none;}
	.homenews .more {display: none;}
	.homenews .homenews-l{width:30%; overflow: hidden;}
	.homenews .homenews-r{width:66%;}
	
	.aboutmore{padding: 6px 16px;}
	.brand { min-height:auto; padding:25px 0}
	.brandtita{font-size:16px;}
	.brandtitb{font-size: 14px; line-height: 1.6; margin: 15px 0;}

	.brand .brand-l{width:100%; padding-bottom: 20px;}
	.brand .brand-r{width:100%; font-size: 14px;}
	
	.topblank{min-height: 50px;}
	.kefulogo ul{margin-top:10px;}
	.kefulogo li{ box-shadow:0 1px 3px rgba(0,0,0,.2); width:32%; padding:5px 0; border-radius: 4px; margin-top: 1.5%;}
	
	.path{ padding: 12px 0 0;}
	.path .wrapper{position: relative; padding-left:30px;}
	.path .split::after{margin: 0 5px;}
	.path i:before{left:2.5%;}
	
	.aboutcontent{font-size: 14px; line-height: 1.6;}
	.aboutcontent a{color:#1f59a8; text-decoration: underline;}
	.aboutcontent strong{color:#000; font-size: 15px; display: inline-block;}
	.aboutcon{padding:0}
	.aboutcon .aboutcon-l{width:100%; padding:10px 0 15px;}
	.aboutcon .aboutcon-r{width:100%; line-height: 1.6;}
	.aboutcontent .hometitle,.features .hometitle{padding-bottom: 10px; line-height: 1.2; font-size: 16px; display: block;}
	
	.features{padding:20px 0; background: #f0f3f3; line-height: 1.5;}
	.features .features-l{width:49.5%; border: 0px solid #ddd; border-radius: 5px; background: #fcfcfc; padding:10px; margin-top: 1%;}
	.features .bluebg{width:60px; height: 60px; padding: 5px; margin: 10px auto 0;}
	.features .features-l h3{font-size: 16px; line-height: 1.5; color:#1f59a8; text-align: center; padding: 10px 0;}
	
	.contact-left{width:100%; font-size: 14px; line-height: 1.6; padding-bottom: 10px;}
	.contact-left img{width:40px}
	.contact-left dd{padding:10px 0}
	.contact-left h3{font-size: 14px; padding: 10px 0 0;}
	.contact-right{width:100%; padding-top:20px; padding-left:0; border-left:0px solid #ddd; border-top:1px solid #ddd; box-sizing: border-box; -webkit-box-sizing: border-box;}
	.contact-right .inp1 {display: initial; flex-direction: column;}
	.contact-right .inp1 .item { width: 100%; margin-top: 10px;}
	.contact-right .inp1 .item input { width: 100%; height: 50px; background-color: #f6f6f6; border: none; padding: 0 6px;}
	.contact-right .inp3 {margin-top:10px;}
	.contact-right .inp3 textarea {width: 100%; height:120px; padding: 6px; background-color: #f5f5f5; border: none;}

	.rightrequest,.abtsm{display: none;}
	.pro-left{width:100%; margin-top: 0;}
	.pro-right{width: 100%; background: #f5f5f5; padding: 1.5%; margin-top: 0; display: flex; display:-webkit-flex; justify-content: space-between;}
	.pro-right .rightlist img{width:100%}
	.pro-right .rightlist{margin-top: 0; margin-bottom: 0;}
	.pro-right .rightlist .zzfont{font-size: 16px;}
	.productlist{padding:15px 0}
	.productlist li{width:49.5%; margin-right: 1%; margin-top: 1%; border: 1px solid #eee; background: #fafafa;}
	.productlist li:nth-child(-n+2){margin-top:0;}
	.productlist li:nth-child(3){margin-top:1%;}
	.productlist li:nth-child(2n){margin-right:0}
	.productlist h2{font-size: 14px; line-height: 1.4; padding:6px;}
	.productlist li .fdj{ -webkit-transform: translate(20px, 20px);-ms-transform: translate(20px, 20px);transform: translate(20px, 20px);}
	.productlist li .fdj img{width:45px;}

	.cpsmbox{padding:0 0 30px}
	.sm-left{width:100%}
	.sm-left img{border: 0px solid #e2e2e2;}
	.sm-right{width:100%;}
	.sm-right .sm-font{font-size: 14px; padding:10px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; margin-top: 15px; margin-bottom: 15px;}
	.sm-right .sm-font strong{color:#000}
	.sm-right h2{font-size: 16px; margin-bottom: 5px;}
	
	#tag{}
	#tag>a{font-size: 15px; padding: 8px 15px;}
	.proxxcontent table td{ padding:6px 8px; line-height: 1.5;}
	.proxxcontent{font-size: 14px; padding: 20px 0 0;}
	.proxxcontent strong{}
	.proxxcontent .productlist{padding:0}
	.proxxcontent .productlist li:nth-child(-n+2){margin-top:0;}
	
	.newslist{max-width: auto; margin:0px auto;}
	.newslist li{width:100%; margin-right:0; margin-top: 2%; background: #fff; border: 1px solid #e5e5e5; border-radius: 3px;}
	.newslist li:nth-child(-n+3){margin-top:2%;}
	.newslist li:nth-child(3n){margin-right:0;}
	.newslist h2{font-size: 15px; min-height: auto; line-height:1.8; margin-bottom: 5px; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
	.newslist .newsbox{padding: 10px 10px}
	.newslist .newsdesc{display:none}
	.newslist .newsimg .imgicon{width: 40px; height: 40px; border:1px solid #fff; margin-top: -20px; margin-left:-20px; background-size: 26px;}
	.newslist .more {font-weight: normal;}
	
	.viewbox{text-align: center;}
	.viewbox h3{font-size: 18px; margin-bottom: 10px;}
	.news-paged{background:#fafafa; margin-top: 20px; margin-bottom: 10px; padding:5px 8px;}
	
	.news-paged>div{ width:100%; height:auto; line-height:22px; position: relative; margin:6px 0;}
	.news-paged a{display:block; overflow:hidden; o-text-overflow:ellipsis; text-overflow:ellipsis; white-space:normal;}
	.news-paged-prev{border-left:none !important; text-align: left; padding-left: 20px; padding-right: 0px;}
	.news-paged-next{text-align: left; padding-right: 0px; padding-left:20px; border-left:1px solid #fff;}
	.news-paged-list{display: none;}
	.news-paged-prev:before{ width:10px; height: 20px; background:url(../images/arrow_2.png) left center no-repeat; content:''; position: absolute; left:0; margin-top: -10px;}
	.news-paged-next:after{width:10px; height: 20px; background:url(../images/arrow_2.png) left center no-repeat; content:''; position: absolute; left:0; right:0; margin-top: -10px;}
	
	.enquiry_btn a{width:160px; padding:10px 15px;}
	.enquiry_btn.on_enquiry{padding:13px 20px;}
	.ny_banenr{height: 140px; background:no-repeat center/cover;}
}

/*右侧工具条*/
.toolbar {position: fixed; z-index: 999; right: 10px; bottom: 40%; width: 70px; background: #fff; border-radius: 4px; box-shadow:0 0 8px rgba(0,0,0,.1);border:1px solid #e2e2e2;}
.toolbar .toolitem {position: relative; padding: 8px 0; text-align: center;}
.toolbar .toolitem p{line-height: 1.3;}
.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: 26px;}
.toolbar .toolitem:nth-child(2){border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;}
.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: 70px;top: 31px;width: 130px;height: auto; padding: 5px; opacity: 0; background: #fff;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;border:1px solid #e2e2e2;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.toolbar a {display: block;}

@media (max-width:1024px) {
.toolbar {left:0; right: 0px; bottom: 0; min-height: 55px; width: 100%; background:#1f59a8; 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%}
.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:nth-child(2){border-top:0px solid #e2e2e2;border-bottom:0px solid #e2e2e2;}
.toolbar .toolitem p{color: #fff;}
.toolbar .toolbox {right: 3%;top: auto;left:auto; bottom:50px;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0); padding:0}
}