/*----------- bannar -----------*/
.ny_wrapper{background: #fff; overflow:hidden; width:100%; padding:80px 0;}
.contentPage{background:#fff; width:100%;box-sizing: border-box; padding:50px;box-sizing: border-box; margin-top:50px; overflow:hidden}
.ab_wrapper{background: #fff; overflow:hidden; width:100%; padding-bottom:50px;}
/*banner*/
.neibannar{height:350px;overflow:hidden;background-position:center center;background-repeat:no-repeat;background-size:cover; margin-top:82px}
.neibannar h2{font-size:36px;color:#fff;margin-top:100px;font-weight:400;text-align:center}
.neibannar>div{width:50px;height:3px;background:#fff;margin:0 auto;margin-top:15px}
.neibannar h6{text-align:center;font-weight:400;color:#fff;font-size:14px; padding-top:15px;}
/*位置*/
.location{ margin:auto; width:100%; height:45px; background:#f2f2f2;color: #999;}
.location1{ margin:auto; width:100%; height:45px; background:#fff;color: #999;}
.locaiton-text{ width:100%;background:url(/images/subMenu-icon.jpg) no-repeat left center; padding-left:20px;line-height:45px;  margin:auto;}

/*====================about=================================*/
/*title*/
.section-title {text-align: center;margin-bottom:40px ; }
.section-title h2 { margin-top: 0; margin-bottom: 0px; text-align: center; font-size: 35px; letter-spacing: 2px; color:#373737;  font-weight:500; text-transform:uppercase}
.section-title:after { display: block; content: ''; width:60px; height: 2px; margin: 10px auto 0; background-color:var(--webcolor); }
.profile{ width:100%;overflow:hidden}
.profile .profile-left{ float:left; width:50%; overflow:hidden; padding-right:3%;}
.profile .profile-left p{ line-height:30px; font-size:16px; }
.profile .profile-left h1{ font-size:30px; color:var(--webcolor); padding-bottom:20px;}
.profile .imgs{ float:right; overflow:hidden;}
.profile .imgs img{ width:100%;margin-bottom: 10px; border-radius:10px;}
/*advantages*/
.advantages-bg{ width:100%; background:#f5f5f5; padding:80px 0;}
.title-en{ width:100%;overflow:hidden; font-size:35px; text-align:center; text-transform:uppercase; color:#373737; font-weight:500}
.jjfa{margin:50px auto auto; width:100%; overflow:hidden;}
.jjfa > li{width: 25%; float: left; display: inline-block; padding: 0 10px; box-sizing: border-box; animation: fadeInRight 1s both;}
.jjfa > li:nth-child(2){animation-delay: .5s;}
.jjfa > li:nth-child(3){animation-delay: 1s;}
.jjfa > li:nth-child(4){animation-delay: 1.5s;}
.jjfa_item{text-align: center; padding: 0 20px; height: 400px; border-radius: 2px; box-sizing: border-box; color: #9e9e9e; position: relative; border: #fff 1px solid; background:#fff;}
.jjfa_item:hover{box-shadow: 0 0 10px rgba(0, 0, 0, .05); border: #f3f3f3 1px solid;}
.jjfa_img01, .jjfa_img02, .jjfa_img03, .jjfa_img04{width: 80px; height: 80px; background: url("/images/jjfa.png") 0 0 no-repeat; margin: 0 auto; margin-top: 50px;}
.jjfa_img01{background-position: 0 0;}
.jjfa_img02{background-position: 0 -80px;}
.jjfa_img03{background-position: 0 -160px;}
.jjfa_img04{background-position: 0 -240px;}
.jjfa_item:hover .jjfa_img01{background-position: -80px 0;}
.jjfa_item:hover .jjfa_img02{background-position: -80px -80px;}
.jjfa_item:hover .jjfa_img03{background-position: -80px -160px;}
.jjfa_item:hover .jjfa_img04{background-position: -80px -240px;}
.jjfa_item h3{font-size: 25px; font-weight: normal; color: #202123; line-height: 60px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-transform:uppercase}
.jjfa_item h3:after {display: block; content: ''; width:80px; height: 3px; margin: 10px auto 0; background-color:#b3b1b1;}
.jjfa_item:hover h3:after{background-color:var(--webcolor);}
.jjfa_text{text-align: left; font-size: 15px; line-height: 28px; height: 90px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; white-space: normal !important; margin-top:40px; color:#6d6c6c}
.jjfa_item:hover .jjfa_text{color: #666;}


/*产品中心*/
.container .main-left{ float:left;width:20%;}
.container .main-right{ float:right;background:#fff;overflow:hidden; padding:0 0 0 30px;box-sizing: border-box; width:80%;box-sizing: border-box;}
/*left product class*/
.leftclass-name{ width:100%; background:var(--webcolor); overflow:hidden; text-align:center; color:#fff;line-height:80px; font-size:25px; text-transform:uppercase}
.leftclass{width:100%;float: left; background:#efefef; padding:10px;box-sizing: border-box; overflow:hidden; margin-bottom:30px;}
.leftclass li{ float:left; width:100%; line-height:50px; border-bottom:1px solid #fff;}
.leftclass li a{display: block;width: 100%;box-sizing: border-box;color: #717171;font-size: 16px; background: url("/images/sj.png") right center no-repeat;padding-left: 12px;white-space: nowrap}
.leftclass li a:hover{color:var(--hovercolor);background: url("/images/sj1.png") left center no-repeat;}
.leftclass li a[data=xz]{color: #d40a0a;font-weight: bold;background: url("/images/sj1.png") left center no-repeat;}
.leftclass p{ float:left; width:100%; line-height:30px; font-size:15px; border-bottom:1px solid #efefef; padding:10px 0;}



.cplist { width:100%;display: flex;flex-wrap: wrap;overflow:hidden;}
.cplist li {width:23%; margin-right:2%; padding:5px;cursor: pointer;border-bottom:0; margin-bottom:15px; background:#fff}
.cplist li:nth-child(4n) {margin-right:0px;}
.cplist li span{ float:left; width:100%; line-height:22px; padding:5px 0; text-align:center; font-size:15px;}
.cplist li .img{ overflow:hidden; border:1px solid #ccc}
.cplist li .img img {max-width: 100%;width: 100%;object-fit: cover;transition: transform 0.5s;}
.cplist li .img img:hover{ transform: scale(1.1);-webkit-transform:scale(1.1)}
/*详情*/
.product-info{ float:left; width:100%; overflow:hidden; margin-bottom:30px;}
.product-info h1{ float:left; width:100%; font-size:30px; font-weight:400; line-height:50px; text-align:center;}

/*横条*/
.product_title {float:left; width:100%;border-left: 10px solid var(--webcolor);height: 40px;font-weight: normal; text-align: left;font-size: 18px; color: #333333; background: #eee;line-height: 40px;margin-bottom: 20px;padding-left: 5px; margin-top:20px;}
table td:nth-child(odd){ background-color: #f8fafc;}

.name-tit{ width:100%; line-height:50px; font-size:25px; text-align:center;}
.name-pic{ width:100%;text-align:center; margin:20px 0}
.name-content{ width:100%;margin:20px 0; font-size: 16px;}
.name-content span{ width:100%; float:left; overflow:hidden;font-size:28px; line-height:50px; border-bottom:1px solid #ddd}
.name-content p{ float:left; width:100%; margin-top:20px; line-height:30px;}
.erduan {flex-direction:row;justify-content:space-between;align-content:center;align-items:center;}
.juzhong {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.updowm{padding-top: 30px; border-top: 1px solid #f0f0f0}
.updowm li{ float:left; width:100%; line-height:40px;max-width: 100%}

.honorlist { width:100%;display: flex;flex-wrap: wrap;overflow:hidden; margin-top:10px;}
.honorlist li {width:32%; margin-right:2%; padding:5px;cursor: pointer;border-bottom:0; margin-bottom:15px; background:#fff}
.honorlist li:nth-child(3n) {margin-right:0px;}
.honorlist li span{ float:left; width:100%; line-height:22px; padding:5px 0; text-align:center; font-size:15px;}
.honorlist li .img{ overflow:hidden; border:1px solid #ccc}
.honorlist li .img img {max-width: 100%;width: 100%;object-fit: cover;transition: transform 0.5s;}
.honorlist li .img img:hover{ transform: scale(1.1);-webkit-transform:scale(1.1)}

/*news list*/
.zhunewsbox li{background: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); margin-bottom: 30px;}
.zhunewsbox li a{background: url("/images/jian.png") no-repeat 97% center; padding-right: 10%}
.newstime{width: 186px; border-right: 1px solid #ededed; text-align: center; color: #585858; font-weight: 100;font-family:'PingFang SC'; min-height: 154px;}
.newstime p{font-size: 48px;}
.newstime span{font-size: 16px; border-top: 1px solid #ededed;  padding: 10px 0px; display: inline-block}
.newstxt{width: calc(100% - 220px);}
.newstxt p{font-weight: bold; font-size: 20px; margin-bottom: 10px; }
.newstxt span{color: #585858; font-size: 16px;}
.newstuijian.mtnone{margin-top: 0}
.erduan {display:flex;flex-direction:row;justify-content:space-between;align-content:center;align-items:center;}
/*page*/
.pages { width:100%; line-height: 30px; padding: 10px 0px 10px 0; text-align: left; font-size: 12px; }
.pages span{height: 28px;padding: 4px 8px; text-decoration: none; margin: 0 4px 0 0; }
.pages span.disabled{border: 1px solid #dcdcdc; }
.pages span.current{ background:#2c2c2c;border: 1px solid #2c2c2c; color:#fff;}
.pages  a {height: 28px;padding: 4px 8px; text-decoration: none; margin: 0 4px 0 0; border: 1px solid #dcdcdc;}
.pages  a:hover { background:#2c2c2c;border: 1px solid #2c2c2c; color:#fff;}
.pages a.now { background: #2c2c2c; border: #0c5389 1px solid; color:#fff; }
/*newsinfo*/
.news_show_l{width:100%;float: left;overflow: hidden; color:#333;fpadding-bottom:60px;}
.news_show_l .new_show_l_top{ margin-top:30px; padding-bottom:23px; overflow:hidden; border-bottom:1px solid #e1e1e1; text-align:center}
.news_show_l .new_show_l_top h1{ font-size:24px; line-height:38px; overflow:hidden; color:#000; font-weight:normal;}
.news_show_l .new_show_l_top p{ height:40px; line-height:40px; overflow:hidden; font-size:16px;}
.news_show_l .new_show_l_text{ padding-top:35px;line-height:30px; font-size:16px; }
.news_show_l .new_show_l_text p{ margin-bottom:17px; font-size:16px;}
.news_show_l .new_show_l_text h1{ line-height:35px; font-size:14px;}
.news_show_l .new_show_l_text img{/*display: block;*/ max-width: 100%; margin-bottom:10px;}/*margin: 0 auto;*/
/*contact*/
.cont-left{ float:left; width:60%; background:#fff; background:#fff;padding:20px; overflow:hidden;box-sizing:border-box;border-top:4px solid var(--webcolor);box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);border-radius:5px;}
.cont-right{ float:right; width:35%; background:#fff; padding:20px; overflow:hidden;box-sizing:border-box;border-top:4px solid var(--webcolor);box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);border-radius:5px;}
.nei-tit{ width:100%; overflow:hidden; padding-bottom:30px;}
.nei-tit p{ width:100%; line-height:60px;font-size:33px; color:#363636}
.nei-tit span{ width:100%; line-height:30px; font-size:16px; float:left; font-weight:normal}
.nei-rtit{width:100%; line-height:60px;font-size:25px; color:#363636}
.contact{ width:100%; overflow:hidden;}
.contact li{ float:left; width:100%; border-top:1px solid #e2e2e2; line-height:30px; box-sizing:border-box; padding:15px 0 15px}
.contact li strong{ font-size:18px; font-weight:bold}
.contact li span{ width:40px; height:40px; font-size:25px; color:var(--webcolor);font-style:normal!important}
/*message*/
.message-tit{ width:100%; overflow:hidden;line-height:30px;}
.message{ float:left; width:100%; overflow:hidden; height:auto; margin-top:20px;}
.message li{ float:left; width:48%; padding-bottom:10px; line-height:40px;}
.message li:nth-child(2){ float:right;}
.message li:nth-child(4){ float:right;}
.message li:nth-child(5){ float:left; width:100%;}
.message li:nth-child(6){ float:left; width:100%; margin-top:30px;}
.btns1{width:180px;height:50px;margin-right:10px; background:var(--webcolor);color:#fff;border:none;font-size:16px;cursor:pointer;border-radius:5px;}
.btns1:hover{background:#0a6b7c;transition:all 0.3s;}
/*message*/
.message-tit{ width:100%; overflow:hidden;line-height:30px;}
.messages{ float:left; width:100%; overflow:hidden; height:auto; margin-top:20px;}
.messages li{ float:left; width:100%; padding:15px 0; line-height:40px;}
.gtext2{float:left;width:96%;height:122px;line-height:24px;color:#777777;text-align:left;padding:4px;border:1px solid #ccc;}

.ginput1{ width:100%; padding:5px; border:1px solid #ccc; box-sizing:border-box; line-height:30px; color:#666666}
td{ padding-left:10px; line-height:50px; border:1px solid #ddd; font-size:15px;}
.tdL{width:150px}
table{ width:100%; margin-top:20px;}

@media (max-width:768px) {
.marg50{ margin-top:1px!important;}
.ny_wrapper{padding:20px 0;}
.contentPage{background:#ffffff; width:98%; margin:auto; padding:10px; line-height:35px;box-sizing: border-box;}
.ab_wrapper{ overflow:hidden; width:98%; margin:auto; padding:10px; padding-bottom:50px;}
/*bannar*/
.neibannar{height:140px; margin-top:0}
/*about us*/
.section-title {text-align: center;margin-bottom:20px ; }
.section-title h2 { font-size:25px; letter-spacing:1px;}
.profile .profile-left{ width:100%;padding-right:0;}
.profile .profile-left p{ line-height:25px; font-size:14px; }
.profile .profile-left h1{ font-size:15px; padding-bottom:10px;}
.profile .profile-left p img{ display:none}
.profile .imgs{ float:left;}
/*advantages*/
.advantages-bg{ background:#f5f5f5; padding:30px 0;}
.title-en{ font-size:25px;font-weight:500}
.jjfa{margin:30px auto auto;}
.jjfa > li{width:100%; margin-bottom:20px;}
.jjfa_item{ padding: 0 10px; height:300px; }
.jjfa_img01, .jjfa_img02, .jjfa_img03, .jjfa_img04{ margin-top:20px;}
.jjfa_item h3{line-height: 60px; font-size:22px;}
.jjfa_text{font-size: 15px; margin-top:20px;}
/*荣誉资质*/
.honorlist li {width:48%; margin-right:2%;cursor: pointer;border-bottom:0; margin-bottom:15px; background:#fff}
.honorlist li:nth-child(2n) {margin-right:0px;}
.honorlist li span{font-size:14px;}
/*产品中心*/
.container .main-left{width:100%;box-sizing: border-box;padding:5px;background: #fff;float: left;}
.container .main-right{width:100%;box-sizing: border-box;background: #fff;float: right;padding: 10px 10px 30px 10px; line-height:30px;}
.leftclass{margin-bottom:1px;}
.cplist { width:100%;display: flex;flex-wrap: wrap;overflow:hidden; margin-top:10px;}
.cplist li {width:48%; margin-right:2%;cursor: pointer;border-bottom:0; margin-bottom:15px; background:#fff}
.cplist li:nth-child(2n) {margin-right:0px;}
.cplist li span{ font-size:14px;}
.mo{ display:none}

.name-content span{font-size:20px; line-height:40px; border-bottom:1px solid #ddd}
/*honor*/
/*application*/
.application{ margin-top:1px;}
.application li{padding:2%;}
.application li a .i{width: 100%;margin-right:0;}
.application li a .t{width: 100%;padding-right:0;}
.application li a .t .p1{margin-top:2%;font-size:16px; font-weight:normal}
.application li a .t .p2{font-size: 14px;}
.application li a .p3{font-size:14px;}
/*news list*/
.zhunewsbox li{background: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); margin-bottom:10px; padding:2%;}
.zhunewsbox li a{background: url("/images/jian.png") no-repeat 97% center; padding-right: 10%}
.newstime{ display:none}
.newstxt{ float:left;width:100%;}
.newstxt p{ font-size: 16px; margin-bottom: 10px; font-weight:600 }
.newstxt span{color: #585858; font-size: 14px;}
.newstuijian.mtnone{margin-top: 0}
.erduan {display:flex;flex-direction:row;justify-content:space-between;align-content:center;align-items:center;}

/*news info*/
.news_show_l{width:100%;float: left;overflow: hidden; color:#333; background:#fff; padding-left:10px; padding-right:10px; padding-bottom:20px;box-sizing: border-box;}
.news_show_l .new_show_l_top{ margin-top:20px; padding-bottom:23px; overflow:hidden; border-bottom:1px solid #e1e1e1;}
.news_show_l .new_show_l_top h1{ font-size:20px; line-height:38px; overflow:hidden; color:#000; font-weight:normal;}
.news_show_l .new_show_l_top p{ height:30px; line-height:30px; overflow:hidden; font-size:14px;}
.news_show_l .new_show_l_text{ padding-top:15px;line-height:30px;}
.news_show_l .new_show_l_text p{ margin-bottom:17px; font-size:14px;}
.news_show_l .new_show_l_text h1{ line-height:35px; font-size:14px;}

.news_show_r{ display:none;}
.updowm li{ float:left; width:100%; line-height:30px;max-width:100%; font-size:14px;}
/*contact*/
.cont-left{ float:left; width:100%; padding:2%}
.cont-right{ float:right; width:100%;}
.nei-tit{ width:100%; overflow:hidden; padding-bottom:10px;}

.nei-tit p{line-height:30px;font-size:25px;}
.nei-tit span{line-height:25px; font-size:14px;}
.nei-rtit{line-height:30px;font-size:20px;}
.contact{margin-top:10px;}
.message-tit{line-height:20px; margin-top:15px;}
.message li{ float:left; width:100%; padding-bottom:10px; line-height:30px;}
.message li:nth-child(2){ float:left;}
.message li:nth-child(4){ float:left;}
.gtext1{width:97%;}

/*产品详情new*/
.product-info{margin-bottom:20px;}
.product-info  h1{ font-size:18px;line-height:25px;}



}