/*基础CSS*/
html {	font-size: 16px;overflow-x: hidden; font-family:"Arial",sans-serif;}
body{margin: 0px;	padding: 0px;overflow-x: hidden;	}
li {list-style:none}
a {	color: #212529;text-decoration: none;}
a:hover {	text-decoration: none;}
.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both}
.container{ margin: 0 auto; width: 1280px;}
p, dl, dt, dd, ul,h1,h2,h3,h4,h5,h6 {margin: 0px; font-weight: normal;	padding: 0px;}
.clearfix:before, .clearfix:after{display: table;  line-height: 0; content: ""; clear: both;}
.head-top{ display: flex; align-items: center; justify-content: space-between; margin: 20px auto;}
.logo img{ display: block;}
.search form{display: flex; align-items: center;}
.search input{border:1px solid #bcbcbc; border-right: none; height: 36px; box-sizing: border-box; width: 200px; }
.search button {background: #ffd200; border: 1px solid #bcbcbc; border-left:none;width: 40px; height: 36px; border-radius: 0px 3px 3px 0px;}
.tel{padding-left:50px ; background: url(../images/tel.jpg) no-repeat center left; color:#666;}
.tel span{ font-weight: bold;}



.top_a{ height:42px; background-color:#333333; width:100%; line-height:42px; color:#f2f2f2; font-size:15px;}
.top_a_left{ }
.top_a_right{padding-right:15px;}
.top_a_right span{ margin-left:20px;}
.top_a_right span i{ padding-right:10px;}

.top_neum{ width:100%; height:100px; background-color:#f2f2f2; }
.top_neum_logo{ }

.neum_container{ margin: 0 auto; width: 1280px; height:100px; display:flex; justify-content:space-between;align-items:center;}

.navbar{display: flex; align-items: center; justify-content: space-between;}
.navbar .navbarNav{ }
.navbar .navbarNav ul{ display: flex; flex-wrap: wrap;}
.navbar .navbarNav ul li{margin-right:50px; position: relative;display: -webkit-flex;display: flex; -webkit-justify-content: center;   justify-content: center;}
.navbar .navbarNav ul li a.nav-link{ font-weight: bold;position: relative; line-height: 60px;height: 60px; display: block; font-size:18px;}
.navbar .navbarNav ul li:hover a.nav-link,.navbar .navbarNav ul li.active a.nav-link{ color: #f7ce00; }
.navbar .navbarNav ul li a.navdown:before{ content:"﹀";font-size:10px;  display:block; position:absolute; right:-20px;}
.navbar .navbarNav ul li dl { position: absolute; top: 60px; display: none; width: -webkit-max-content; z-index: 9; padding: 10px 10px; background: rgba(0,0,0,0.6);border-radius:5px;}
.navbar .navbarNav ul li dl a{ display: block; line-height: 30px; padding: 0px 5px; color:#f2f2f2;}
.navbar .navbarNav ul li:hover dl{ display: block;}
.navbar .navbarNav ul li dl a:hover{color: #f7ce00;}


.top_gg{ width:100%; height:40px; line-height:40px;box-shadow:0 3px 3px rgba(0,0,0,0.15); margin-bottom:20px; text-align:center; font-size:16px;}




.banner-title{font-weight:600; font-size:32px; color:#ffd200; width:48%; margin:0 auto;}
.banner-subtitle{ font-size:17px; color:#999; margin:20px auto;width:48%;}

.bannet_bottom{ width:15%; height:40px; line-height:40px; text-align:center; color:#333; background-color:#ffd200;border-radius:20px; margin-top:50px; margin-left:26%;}

.tssa_more {display: inline-block;color: #fff; margin-top: 20px; border: 1px solid #f7ce00;border-radius: 5px; padding: 5px 20px;}
.tssa_more a{ color:#f7ce00;}



#showproduct  table{width:100%!important;border-spacing:0!important;border-collapse:collapse!important;padding:0!important;border:0}
#showproduct  td{ border:1px solid #e4e4e4!important; line-height:30px!important; padding:5px 7px !important;}


.case-content table{width:100%!important;border-spacing:0!important;border-collapse:collapse!important;padding:0!important;border:0}
.case-content td{ border:1px solid #e4e4e4!important; line-height:30px!important; padding:5px 7px !important;}

.case-title{ font-weight:bold; font-size:24px; line-height:40px;padding:10px 0px;}
.case-content{ font-size:14px; color:#666; line-height:24px;}
.case-content li{ list-style:outside !important; margin-left:15px;}


.social-media ul{ display: flex;}
.social-media i{ background: #e7e7e7; margin-left:15px; border-radius: 100%; width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; }
.social-media a:hover i{ background: #f7ce00; color: #fff;transition: 0.3s;}

.index-banner .swiper-pagination{bottom: 25px!important;}
.index-banner .swiper-pagination .swiper-pagination-bullet{ opacity: 1; margin: 0px 6px !important; position: relative; height: 10px; width: 10px; background: #fff;}
.index-banner .swiper-pagination .swiper-pagination-bullet:after{ background:rgba(255,255,255,.2); border-radius: 100%; height: 18px; width: 18px; left: -4px; top: -4px; z-index: -1; position: absolute; content: ""; display: block;}
.index-banner .swiper-pagination .swiper-pagination-bullet-active{ background: #f7ce00; }



.index-categories { margin:80px auto;}
.index-categories .title h2{font-weight: bold; text-align:left;padding:10px 0px;}
.index-categories .line_ms{ text-align:left; color:#999;margin-bottom:30px;}

.categories-box{margin: 30px -10px 60px;}
.categories-box ul{ display: flex; flex-wrap: wrap;}
.categories-box li{  box-shadow: 0 0 0 1px #ccc; width: calc(100%/5 - 20px); border-radius: 5px; margin:10px;transition: linear all .25s;}
.categories-box li:hover{box-shadow: 0 0 0 2px #f7ce00;}
.categories-box li .card-img{display: flex;justify-content: center;align-items: center; overflow: hidden;}
.categories-box li .card-img img{ transform: scale(1.0); transition: 0.65s;}
.categories-box li:hover .card-img img{  transform: scale(1.1);}
.categories-box li h3{ text-transform: uppercase; font-size: 1rem; padding: 10px 10px; font-weight:500;}

.index-categories .cate-img{ position: relative;}
.index-categories .cate-img img{ display: block; }
.index-categories .text{ background: rgba(0,0,0,0.5); color: #fff; padding: 60px 20px; width: 350px; bottom: 0px; position: absolute; left: 220px; line-height:24px;bottom:150px;}

.index-categories .text strong{ font-size:22px; line-height:55px;}




.index-categories .text p{ font-weight: lighter; }
.index-categories .cate-img span{display: inline-block;color: #f7ce00; margin-top: 20px; border: 1px solid #f7ce00;border-radius: 5px; padding: 5px 20px;}
.index-categories .cate-img span a{color: #f7ce00; }



.products-other .text{ background: rgba(0,0,0,0.5); color: #fff; padding: 60px 20px; width: 350px; bottom: 0px; position: absolute; left: 220px; line-height:24px;bottom:150px;}

.products-other .text strong{ font-size:22px; line-height:55px;}




.products-other .text p{ font-weight: lighter; }
.products-other span{display: inline-block;color: #f7ce00; margin-top: 20px; border: 1px solid #f7ce00;border-radius: 5px; padding: 5px 20px;}
.products-other span a{color: #f7ce00; }












.index-products { margin: 80px 0px;}
.index-products .title{ text-align: center;}
.line{ width:30px; height:2px; background-color:#333; margin-top:30px;}
.index-products .title h2{font-weight: bold; text-align:left;padding:10px 0px;}
.index-products .line_ms{ text-align:left; color:#999;margin-bottom:30px;}



.products-box{margin: 30px -10px 60px;}
.products-box ul{ display: flex; flex-wrap: wrap;}
.products-box li{ border: 1px solid #d9d9d9; width: calc(100%/4 - 22px); border-radius: 5px; margin:10px;}
.products-box li:hover{border: 1px solid #f7ce00;}
.products-box li .card-img{display: flex;justify-content: center;align-items: center;overflow: hidden;}
.products-box li .card-img img{transform: scale(1.0);transition: 0.65s; width:100%;}
.products-box li:hover .card-img img{transform: scale(1.1);}
.products-box li .card-text {background: #f7f7f7;height:80px; box-sizing:border-box;padding: 10px 10px;border-radius: 0px 0px 5px 5px; }
.products-box li:hover .card-text {background: #f7ce00;transition: 0.65s;}
.products-box li h3{  font-size: 0.9rem; margin:6px 0px; font-weight:bold}
.products-box li p{ font-size: 0.8rem; }

.products-other li{ float: left; position: relative;}



.products-other li .text h3{color: #f7ce00; margin-bottom: 20px; text-transform: uppercase;}
.products-other li .text p{ font-weight: lighter; }
.products-other li:nth-child(2){ margin-left: 20px; margin-bottom: 20px;}
.products-other li:nth-child(3){ margin-left: 20px;}
.products-other li img{ display: block;}

.index-news { margin: 100px 0px;}
.index-news .title{ text-align: center;}
.index-news .title h2{ text-transform: uppercase;font-weight: bold; text-align:left;padding-top:10px;}
.news-box{margin: 30px -10px 60px;}
.news-box ul{ display: flex; flex-wrap: wrap;}
.news-box li{ border: 1px solid #d9d9d9; width: calc(100%/3 - 22px); border-radius: 5px;padding: 20px 20px; margin: 0px 10px;box-sizing: border-box;}
.news-box li:hover{border: 1px solid #336799; box-shadow: 0px 5px 8px #eee;transition: linear all .25s;}
.news-box li:hover h3{color: #336799;}
.news-box li h3{  font-size: 1rem; font-weight: bold; margin-bottom: 20px; }
.news-box li p{ font-size: 0.9rem; line-height:24px; }

.index-news span{display: inline-block;margin-top: 20px; border: 2px solid #336799;border-radius: 5px; padding: 5px 30px;}
.index-news span a{color: #336799; font-weight: bold; font-size: 0.8rem;}


.index-partner {margin: 60px 0px 0px 0px; background: #f7f7f7; padding: 100px 0px; }
.index-partner .title{ text-align: center;}
.index-partner .title h2{ text-transform: uppercase; font-weight: bold;}
.partner-box{margin: 30px 0px 60px;}
.partner-box ul{ display: flex;}
.partner-box li{ border: 1px solid #d9d9d9; box-sizing: border-box;  }
.partner-box li:hover{border: 1px solid #336799;}
.partner-box li .card-img{display: flex;justify-content: center;align-items: center; height: 120px;}
.partner-box li .card-img img{ height: 100px; object-fit: contain;}

.partner-box .swiper-paginations{bottom: 25px!important; margin-top: 30px; display: flex; justify-content: center;}
.partner-box .swiper-paginations .swiper-pagination-bullet{ opacity: 1; margin: 0px 6px !important;border-radius: inherit;  position: relative; height: 5px; width: 20px; background: #c6c6c6;}
.partner-box .swiper-paginations .swiper-pagination-bullet:after{ background:rgba(255,255,255,.2); height: 18px; width: 18px; left: -4px; top: -4px; z-index: -1; position: absolute; content: ""; display: block;}
.partner-box .swiper-paginations .swiper-pagination-bullet-active{ background: #f7ce00; }

footer{ background: #333333; padding: 60px 0px 0px; border-bottom: 15px solid #ffd200;clear:both}
footer .foot-text{ display: flex; flex-wrap: wrap; justify-content: space-between;}
footer .foot-pro h3{ color: #fff; font-size:2rem; margin-bottom: 30px;}
footer .foot-pro li { line-height: 30px;}
footer .foot-pro li a{ color: #ccc; font-size:1rem;}

footer .foot-contact{ width: 400px;}
footer .foot-contact h3{ color: #fff; font-size:2rem;margin-bottom: 30px;}
footer .foot-contact ul{ margin-bottom: 60px;}
footer .foot-contact p{ color: #ccc; font-size:1rem; line-height: 30px; margin-bottom: 10px;}
footer .foot-contact p:first-child{ margin-bottom:0px;}

footer .foot-feedback h3{ color: #fff; font-size:2rem;margin-bottom: 30px;}
footer .foo-form input,footer .foo-form textarea{ border: 1px solid #444444; width: 300px; margin-bottom: 20px; background: none; padding: 5px 10px; display: block;}
footer .foo-form textarea{margin-bottom: 0px; height: 80px;}
footer .foo-form em{ color: #fff; display: block; font-style: normal; font-size: 0.8rem; margin-bottom: 5px;}
footer .foo-form button{ background: #c89d68; width: 100%; padding: 8px 0px; border: none; border-radius: 20px; color: #fff; }

footer .copyright{border-top: 1px solid #ccc; color: #ccc; margin-top: 30px; padding: 20px 0px; font-size:14px;}

.online {  position: fixed; bottom: 150px;   right: 10px;   width: 60px;   z-index: 999;   color: #999;}
.online dl {   background: #ffd200;   padding: 10px 5px;   margin-bottom: 1px;   position: relative;}
.online dl dd {   color: #fff;   text-align: center;   font-size: 1rem;   cursor: pointer;}

.pages_cont { margin: 30px 0;   width: 100%;    display: flex;   justify-content: center;    align-items: center;}
.pages_cont ul a {    float: left;}
.pages_cont ul a,.pages_cont ul span {padding:3px 10px; border: 1px solid #DCDCDC; border-radius: 0px; 
display: flex; align-items: center;   justify-content: center; float: left; margin: 0 5px; transition: all .4s;  color: #aaa; font-size: 14px; 
transition: all .4s;   overflow: hidden;}
.pages_cont ul li.dt a {   border: 0;}
.pages_cont ul a.page-num-current {    background: #ffd200;    border-color: #ffd200;}
.pages_cont ul a.page-num-current { color: #fff;}

/* 上下篇 */
.page-links { display: flex; justify-content: space-between; margin: 0px 0px 30px 0px;}
.page-links .prev-link,.page-links .next-link{ width: 50%; color: #333; }
.page-links .prev-link a,.page-links .next-link a{ color: #333; }

.sb_box h2{ font-size: 1rem; text-align: center; font-weight: bold;}
.sb_box .metit { font-size: 0.8rem; text-align: center; border-bottom: 1px solid #ccc; padding: 10px 0px;}
.sb_box .content{ margin: 30px 0px;}
.sb_box .content p{ font-size: 1rem; line-height: 30px;}

.position{ margin: 20px auto; 	color: #212529; font-size:12px;}
.position a{color: #212529;font-size:12px;}

.pages{ margin: 60px auto;}

.sonsort{ display: none;}
.sonsort.fixed {z-index:9;display:block;background:#fff;transform: translateY(-50%);border-radius:5px;box-shadow: 0 0 0 1px #ccc; padding: 20px 20px; position: fixed; left: 0; top: 50%;}
.sonsort li{ line-height: 50px; border-bottom: 1px dotted #ccc;}
.sonsort li.on a,.sonsort li:hover a {color: #f7ce00; }

.pro-name.menu-show{display: block !important;}

#productlist{}
#productlist ul{ display: flex; flex-wrap: wrap;margin: 0px -10px;}
#productlist li{ width: calc(33.33% - 20px);border: 1px solid #d9d9d9; box-sizing: border-box; border-radius: 5px; margin:0px 10px 20px 10px;  position: relative; }
#productlist li .img{width: 100%; height: 200px; display: flex;  justify-content: center; align-items: center; overflow:hidden;}
#productlist li .img img{ margin:auto; display: block; object-fit: contain; width:100%; height: 180px;  transition: .5s transform; }

#productlist li:hover img{transform: scale(1.05, 1.05); transition: .5s transform;}
#productlist li .text{ padding: 10px 20px; height: 91px; background: #eee; position: relative;transition: .5s transform;}
#productlist li h3{color: #000;margin:0px auto 10px;   transition: all .3s ease-out 0s; font-size: 1rem;}
#productlist li p {color: #666; font-size: 0.8rem; line-height: 25px;  }  
#productlist li:hover .text{ }

.component-content{ width:1280px; background-color:#f7ce00; padding:15px 0px; margin:15px auto; text-align:center; font-weight:normal; color:#666;}
.component-content a{ font-weight:bold;}
.pageTitle h1{margin:50px auto 66px; text-align:center;}
.ny_banner{ width:1280px; margin:30px auto; height:360px; background-color:#F00}

.position-absolute{ width:80%; position: absolute; top:50%; left:22%;color:#fff;}
.banner_titile{ font-size:28px; padding:10px 0px; font-weight:bold;}
.banner_subtitile{width:28%; line-height:24px;}




.product-view {  padding: 20px 0px; display: flex; flex-wrap: wrap;}
.product-view .view {width: 50%; height: 400px; position: relative;box-shadow: 0 0 0 1px #ccc; border-radius:3px ;}
.product-view .view .swiper-slide {	height: 400px;	max-width: 100%;	padding: 0 3px;	box-sizing: border-box;	overflow: hidden; display: flex; justify-content: center; align-items: center;	}
.product-view .view .swiper-slide img {	height: auto;}
.product-view .view .arrow-left {background: url(../images/index_tab_l.png) no-repeat left center;position: absolute;left: 10px;width: 40px;height: 400px;z-index: 10;}
.product-view .view .arrow-right {background: url(../images/index_tab_r.png) no-repeat right center;	position: absolute;	right: 10px;	width: 40px;	height: 400px;	z-index: 10;	}

.product-view .view-text{ padding-left: 30px;width: 50%;  box-sizing: border-box;}
.product-view h1.title{ font-size:1.3rem; font-weight: bold; line-height:70px; }
.product-view .b1{ font-size:18px;  text-align:center; height:1px; margin:40px 20px 0px 20px ; display:block; border-bottom:1px solid #fff; border-top:1px solid #ccc; }



.description02{ display:none;}
.description02 strong{ color:#333;}
.description01{ font-size:14px; color:#666; line-height:24px; width:80%; margin-bottom:40px;}
.description02{ font-weight:normal; font-size:16px; color:#666; line-height:35px;}

#showproduct{ line-height: 2;    margin: 15px 0px 60px 0px;   overflow: hidden;   font-size: 1rem;  }
#showproduct .b1{ font-size:18px;  text-align:center; height:1px; margin:40px 20px 0px 20px ; display:block; border-bottom:1px solid #fff; border-top:1px solid #ccc; }
#showproduct .b2{font-size:18px;text-align:center;height:1px;margin:0px 20px 0px 20px;display:block;border-bottom:1px solid #fff;border-top:1px solid #ccc;}
#showproduct .ctitle{ font-size:1rem; font-weight: bold; margin:25px 0px 10px 0px; border-left:3px solid #f7ce00; height:21px; line-height:21px; padding-left:5px; }
#showproduct .product_content { padding:20px 5px;}
#showproduct .product_content img{max-width: 100%; height: auto;}



#newslist{ padding:0px 0px 15px 0px;}
#newslist li{   overflow:hidden; }
#newslist li a{ display: flex;    flex-wrap: wrap; margin: 0px auto; border-bottom: 1px solid #eee; padding:40px 20px;}
#newslist li .list_img{ width: 300px; height: 150px;}
#newslist li .list_img img{ width: 100%; height: 150px; display: block; object-fit: cover;}
#newslist li time{ float:left; text-align: center;color: #000; padding: 40px 0px; width: 150px;  box-sizing: border-box;} 
#newslist li time span {display: block; color: #000;   font-size: 1.5rem;  line-height: 30px;}
#newslist li .list_text{ width: calc(100% - 490px); height: 150px;margin: 0px 20px;border-left: 1px solid #eee; padding-left: 30px; box-sizing: border-box; } 
#newslist li .list_text h3{ margin-bottom: 20px; font-size: 1.1rem;}
#newslist li .list_text p{ color:#aaa; font-size: 0.9rem; line-height: 30px;}

#newslist li:hover{ background: #eee; }
#newslist li:hover img{ transform: scale(1.05, 1.05); transition: .5s transform;}

.contact-info-list { display: flex; flex-wrap: wrap; margin:100px 0px;}
.contact-info-list li{width: calc(100%/3); text-align: center;}
.contact-info-list li span{ font-size: 3rem; display: block;}
.contact-info-list li em{ font-size: 1rem; font-weight: bold; display: block; font-style: normal; margin: 20px 0px 30px;}
.contact-info-list li p{ font-size: 1rem; display: block; line-height: 30px;}

.contact-map-section{
	position: relative; margin-bottom: 100px;
}

.contact-map-section .outer-container{
	padding:0px 0px;
	
}

.contact-map-section .map-outer{
	position: relative;
	height: 400px;
} 

.contact-map-section .map-canvas{
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	height: 500px;
}

.map-data{
	text-align:center;
	font-size:14px;
	font-weight:400;
	line-height:1.8em;
	padding: 10px;
}

.map-data h6{
	font-size:16px;
	font-weight:700;
	text-align:center;
	margin-bottom:10px;
	color:#121212;
}


.industries-row{display: flex; flex-wrap: wrap;margin: 0px -10px;}
.industries{background:#fafafa;box-shadow:0 1px 1px rgba(0,0,0,0.23),0 2px 7px rgba(0,0,0,0.09);-ms-box-shadow:0 1px 1px rgba(0,0,0,0.23),0 2px 7px rgba(0,0,0,0.09);-o-box-shadow:0 1px 1px rgba(0,0,0,0.23),0 2px 7px rgba(0,0,0,0.09);border-radius:1px;padding:15px;width: calc(33.33% - 20px);box-sizing:border-box;margin:0px 10px 20px 10px;}

.img-column{width: 100%;display: flex;  justify-content: center; align-items: center; overflow:hidden;}

.img-column img{ margin:auto; display: block; object-fit: contain; width:100%; height: 180px;  transition: .5s transform;}

.industries-title{ height:30px; line-height:30px; font-size:16px; padding:10px 0px;}

.content-card-info{ font-size:14px; color:#666; font-weight:normal;padding-bottom:10px; line-height:24px;}
.content-card-link{border:2px solid #369;color:#369;width:150px; height:35px; line-height:35px; text-align:center;border-radius:6px;; margin:10px 0px;}
.content-card-link:hover{background-color:#369; color:#fff;}

.about_one{ width:100%; background: url(../images/about_bj01.jpg) no-repeat center; height:538px;}

.about_contact{ width:1200px; margin:0 auto; padding-top:10%; color:#fff;}
.about_con_title{ font-size:40px; font-weight:bold;padding-bottom:10px;}

.about_con_ms{ width:50%; font-size:17px; line-height:24px; font-weight:normal;}

.about_three{ background-color:#f2f2f2; padding:10px 0px;}
.about_two_contact{width:1200px; margin:0 auto; padding:80px 0px;}
.about_tow_con{width:76%; color:#013025; font-size:20px; line-height:30px;}

.about_two_more{background: url(../images/ts_mo.png) no-repeat left; height:59px; line-height:59px;padding-left:70px; margin-top:50px;font-size:14px; color:#666;}


.line_dd{padding-right:15px;margin-bottom:15px;}

.about_gc ul{display: flex; flex-wrap: wrap; }
.about_gc ul li{width: calc(100%/2 - 1px);}
.about_gc ul li img{ padding:20px 0px;}
.company_title{font-size:30px; color:#333; font-weight:bold;padding-bottom:15px; }
.line_cc{ padding:10px 0px;}
.about_three_ms{ font-size:16px; color:#666; padding-right:15px;}
.about_three_more{ width:120px; height:35px; line-height:35px; text-align:center; font-size:16px; border-radius:25px;  border:1px solid #e2e2e2; margin-top:20px; font-size:14px; color:#02a783}
.line_cc span{ font-size:12px; color:#666;}
.line_dd span{ font-size:12px;color:#666;}

.about_four{background: url(../images/fout_bj.jpg) no-repeat right; height:360px;}

.about_four_container{ width:1200px; margin:0 auto;}
.about_four_left{ width:50%; padding-top:120px;}
.fonut_one{ font-size:1.85rem; line-height:1.33; color:#013025;letter-spacing:0px;}
.fonut_two{ font-size:1rem; color:#666; font-size:16px; line-height:22px; padding:15px 0px;}

.fonut_three{width:120px; height:35px; line-height:35px; text-align:center; font-size:16px; border-radius:25px;background-color:#02a783; color:#fff;}
















@media only screen and (max-width: 768px) {		
html {font-size: 14px;}	
.container{width: 100%;}
.search{ display: none;}
.tel{ display: none;}
.social-media{ display: none;}
.head-top{ margin: 10px 0px; padding: 0px 10px; box-sizing: border-box;}
.logo img{ height: 40px;}
.index-news .title{ padding-left:15px;}
.top_a_left{ display:none;}

.top_neum_logo {    display: flex;   justify-content: space-between;  align-items: center;  width: 100%;  box-sizing: border-box;   padding: 0px 10px;  }
.top_neum_logo img{ height:45px;}
.top_gg{ height:auto; line-height:30px; display:none;}


.mc_ph_menu{ display:block !important;}
.point{ position:relative;}
.point .nav_btn{position: absolute;   top: 0px;  right: 0;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.point .nav_btn,.point .nav_btn:after,.point .nav_btn:before {display: inline-block;width: 26px;height: 2px; background-color: #ffd200;}  
.point .nav_btn::after, .point .nav_btn::before {    content: '';   position: absolute;   right: 0;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.point .nav_btn::before {    top: 8px;}
.point .nav_btn::after {   top: -8px;} 
.point.active .nav_btn {  background: transparent; }
.point.active .nav_btn::before {    top: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.point.active .nav_btn::after {    top: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.top_neum{height:70px;}
.neum_container{ width:100%; height:70px;   }
.navbar{ display:block;position: absolute; opacity:0; margin-top: 0px; top: 102px; padding: 0px 20px; box-sizing: border-box;  z-index: 999;   background: #fff;   width: 100%;   height: 100vh;transition: all 0.5s;
transform: translateX(100%);}
.navbar.menu-show{ transform: translateX(0%);opacity:1; }
.navbar .navbarNav ul li{ width: 100%;display: block;margin: 0px 0px;}
.navbar .navbarNav ul li a.nav-link{ width: 100%;}
.navbar .navbarNav ul li a.navdown:before {right: 0;}

.navbar .navbarNav ul li dl { position: inherit;top: 0px; padding: 0px 10px;width: 100%;    box-sizing: border-box;}

.index-banner img{width: 100%;}
.position-absolute {width: 90%;top:30%;left: 5% !important;}
.banner-title { width:100%; font-size:18px;}
.banner_subtitile{width:100%; display:none;}
.bannet_bottom{ margin-left:0;    margin-top: 20px;width: 150px;}

.categories-box {   margin: 30px 0px 60px;}
.categories-box li{ width: calc(100%/2 - 20px);    margin: 10px 10px;}
.categories-box li .card-img { height: 150px;}
.categories-box li .card-img img{ width: 90%;}
.index-categories .cate-img img { display: block; width: 100%; height: 300px; object-fit: cover;}
.index-categories .text { left: 20px; bottom: 20px;}

.products-box {  margin: 30px 0px 60px;}
.products-box li {width: calc(100%/2 - 22px); margin: 10px 10px;}
.products-box li .card-img{ height: 150px;}
.products-box li .card-img img{ width: 90%;}

.products-other li img {width: 100%;}
.products-other li .text{ width: 90%; left: 5%; box-sizing: border-box; bottom:0;}
.products-other li { margin: 5px 10px;}
.products-other li:nth-child(2),.products-other li:nth-child(3) {margin-left: 10px; margin-bottom: 10px;}

.index-news{margin: 60px 0px;}
.news-box {margin: 30px 0px 30px;}
.news-box li { width: calc(100% - 22px);margin: 10px 10px;}
.index-news span { display: table; margin: auto;}

.index-partner {padding: 60px 0px;}
.partner-box{ display:none;}
.partner-box-m{ display: block !important;}
.partner-box-m{margin: 30px 10px 0px;}
.partner-box-m ul{ display: flex;}
.partner-box-m li{ border: 1px solid #d9d9d9; box-sizing: border-box;  }
.partner-box-m li:hover{border: 1px solid #336799;}
.partner-box-m li .card-img{display: flex;justify-content: center;align-items: center; height: 120px;}
.partner-box-m li .card-img img{ height: 100px;width: 100%; object-fit: contain;}

.partner-box-m .swiper-paginations{bottom: 25px!important; margin-top: 30px; display: flex; justify-content: center;}
.partner-box-m .swiper-paginations .swiper-pagination-bullet{ opacity: 1; margin: 0px 6px !important;border-radius: inherit;  position: relative; height: 5px; width: 20px; background: #c6c6c6;}
.partner-box-m .swiper-paginations .swiper-pagination-bullet:after{ background:rgba(255,255,255,.2); height: 18px; width: 18px; left: -4px; top: -4px; z-index: -1; position: absolute; content: ""; display: block;}
.partner-box-m .swiper-paginations .swiper-pagination-bullet-active{ background: #f7ce00; }



footer .foot-text{ margin: 0px 20px;}
footer .foot-text .foot-pro{ width: 100%; margin-bottom: 30px;}
footer .foot-text .foot-contact{ width: 100%;}
footer .foot-contact p:first-child {   margin-bottom: 30px;}
footer .foot-text .foot-feedback{ width: 100%;}
footer .foo-form input, footer .foo-form textarea{ width: 100%; box-sizing: border-box;}


.sonsort {
    
    display: flex;
    flex-wrap: wrap;
    margin: 10px;
    box-shadow: 0 0 0 1px #ccc;
    border-radius: 5px;
    padding: 10px;    transform: translateY(0%);
}
.sonsort ul{ display: flex; flex-wrap: wrap;}
.sonsort ul li{ width: 50%; line-height: 40px;}
.sonsort.fixed{ position: inherit; transform: translateY(0%);}
.position { margin: 20px 10px;}
.pages{ padding: 30px 20px; box-sizing: border-box;}
.pages p{ font-size: 1rem; line-height: 30px;}

#productlist ul {margin: 0px 0px;}
#productlist li {  width: calc(50% - 20px);}
#productlist li .text { padding: 10px 10px;}
.product-view { padding: 20px 20px;}
.product-view .view {	width: 100%; height: 300px;}
.product-view .view .swiper-slide{ height: 300px;}
.product-view .view-text {  padding-left: 0px;width:100%}
.description01{ width:100%}
#showproduct {    margin: 15px 0px 60px 5px;}

#newslist li a{ padding: 20px 20px;}
#newslist li .list_img {width: 100%;   height: 150px;}

#newslist li .list_text {width: calc(100% - 80px);   height: auto;    margin: 20px 0px;   border-left: none;    padding-left: 0px;   box-sizing: border-box;}
#newslist li .list_text p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; line-height: 25px;}
#newslist li time { width: 80px;}

.sb_box .content {  margin: 30px 20px;}

.component-content {  width: 100%;}
.case-content img{ width:100% !important; height:auto !important;}

.contact-info-list{    margin: 0px 0px;}
.contact-info-list li {  width: calc(100%); margin: 0px 0px 30px 0px;}
.contact-info-list li em { margin: 20px 0px 20px;}

.about_content img{ width:100%; height:auto}
}