/*----------- bannar -----------*/
/*banner*/
.neibannar{height:300px;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;}

/*====================about=================================*/
/*title*/
.section-title {text-align: center; font-size: 30px; margin:40px 0; }
.section-title h2 { margin-top: 0; margin-bottom: 0px; text-align: center; font-size: 30px; letter-spacing: 2px; color:#373737; font-weight:normal }
.section-title p { color: #5c5c5c; font-size: 13px; /*font-family:Arial;*/ margin: 5px 0 0 0; text-align: center; }
.section-title:after { display: block; content: ''; width:60px; height: 2px; margin: 10px auto 0; background-color: #24418e; }
.aboutbg{ width:100%; background:url(../images/aboutbg.jpg) no-repeat center; padding:40px 0; overflow:hidden}
.inaboutL{float:left; width:640px; overflow:hidden;}
.inaboutL img{ border-radius:5px;}
.inaboutR{ float:right; width:580px;}
.inaboutR p{ float:left; width:100%; line-height:35px; overflow:hidden;word-wrap:break-word; font-size:16px; margin-bottom:40px;}
.index-aboutbg{width:100%;overflow:hidden; background:#f7f7f7; padding:10px 0px 70px 0px; margin-top:40px;}
.jjfa{margin-top:50px; width:100%; overflow:hidden;}
.jjfa > li{width: 25%; float: left; display: inline-block; padding-right: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; padding-right:0px;}
.jjfa_item{text-align: center; padding: 20px;border-radius: 2px; box-sizing: border-box; color: #9e9e9e; position: relative; border: #fff 1px solid; background:#fff; border:1px solid #e0dcdc}
.jjfa_img01, .jjfa_img02, .jjfa_img03, .jjfa_img04{width: 50px; height: 50px; background: url("/images/jjfa.png") 0 0 no-repeat; margin: 0 auto; margin-top:20px;}
.jjfa_img01{background-position: 0 0;}
.jjfa_img02{background-position: 0 -51px;}
.jjfa_img03{background-position: 0 -107px;}
.jjfa_img04{background-position: 0 -166px;}

.jjfa_item h3{font-size: 22px; font-weight: normal; color: #10214c; line-height: 60px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.jjfa_text{text-align: left; font-size: 14px; line-height: 28px; height: 110px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:4; overflow: hidden; white-space: normal !important; color:#333}


/*产品中心*/
.main-left{ float:left;width:17%;}
.main-right{ float:right;background:#fff;overflow:hidden; padding:15px 0 20px 15px;box-sizing: border-box; width:80%;}

.leftclass-name{ width:100%; background:#2f5294; overflow:hidden; text-align:center; color:#fff;line-height:80px; font-size:25px; text-transform:uppercase}
/*left product class*/
.leftclass-name{ width:100%; background:var(--hovercolor); overflow:hidden; text-align:center; color:#fff;line-height:90px; font-size:30px;}
.leftclass{width:100%;float: left;box-sizing: border-box; overflow:hidden;}
.leftclass li{ float:left; width:100%;border-bottom:1px solid #ddd; background:#fff;}
.leftclass li span{ float:left; font-size:16px; line-height:45px; font-weight:600}
.leftclass li a{display: block;width: 100%;box-sizing: border-box;font-size: 15px; line-height:50px; padding-left:12px; }
.leftclass li a:hover{display: block;color: #22abc3;background-color:#e9e9e9}
.leftclass p{ float:left; width:100%; line-height:30px; font-size:15px; border-bottom:1px solid #efefef; padding:10px 0;}
.left-tel{ width:100%; line-height:60px; background-color:#22abc3; overflow:hidden; color:#fff; font-size:25px; padding-left:20px; box-sizing: border-box;}
.left-tels{background-position: -41px -109px; height:31px; width:40px;}

/*product list*/
.cplist { width:100%;display: flex;flex-wrap: wrap;overflow:hidden; margin-top:10px;}
.cplist li {width:23%; margin-right:2%;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 #eeeeee}
.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 .info-left{ float:left; width:550px; border:1px solid #ccc;}
.product-info .info-right{ float:right; overflow:hidden; width:calc(100% - 600px)}
.product-info .info-right p{ float:left; width:100%; line-height:30px; color:#999999; padding:20px 0; border-bottom:1px solid #efefef;}
.wenda{ float:left; width:200px; overflow:hidden; margin-top:2%}
.lingtong_detail_btn img { max-width: 25px;}
.lingtong_detail_btn {display: flex;justify-content: center;align-items: center;padding: 10px 20px;cursor: pointer;}
.lingtong_detail_btn, .lingtong_detail_btn a { background:var(--hovercolor);color: #fff;font-size:18px;display: flex;align-items: center;}
/*横条*/
.product_title {float:left; width:100%;border-left: 10px solid var(--hovercolor);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;}
/*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;}
.ginput1{ width:100%; padding:5px; border:1px solid #ccc; box-sizing:border-box; line-height:30px; color:#666666}
.btns1{width:180px;height:50px;margin-right:10px; background:#22abc3;color:#fff;border:none;font-size:16px;cursor:pointer;border-radius:5px;}
.btns1:hover{background:#0f7587;transition:all 0.3s;}
.gtext2{float:left;width:98%;height:122px;line-height:24px;color:#777777;text-align:left;padding:4px;border:1px solid #ccc;}
/*详情*/
.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%}
/*荣誉资质*/
.ny_wrapper{background: #f5f5f5; overflow:hidden; width:100%; padding:50px 0;}
.contentPage{background:#ffffff; max-width:1600px; margin:auto; padding:50px 20px;  line-height:35px;box-sizing: border-box; font-size:16px; overflow:hidden}
.honor ul{width:100%;}
.honor li{width:23.433%; float: left; margin-right:2%;margin-bottom: 30px;}
.honor li p{ width:100%; float:left; line-height:35px; text-align:center; font-size:14px;}
.honor li:nth-child(4n){ margin-right:0px;}
/*新闻中心*/
.newslist{overflow:hidden}
.newslist li{padding:1%;border-bottom: 1px solid #eee; background:#fff; margin-bottom:2%; overflow:hidden}
.newslist li a{display: block;width: 100%;}
.newslist li a .i{width: 22%;float: left;margin-right:2%;max-height: 170px; overflow:hidden}
.newslist li a .t{width: 75%;float: left;}
.newslist li a .t .p1{color: #333;margin-top: 2.5%;font-size: 20px;}
.newslist li a .t .p2{line-height: 1.6;color: #999;margin-top: 2%;font-size: 14px;font-weight: lighter;}
.newslist li a .p3{margin-top: 0.5%;display: inline-block;color: #aaa;font-size:18px;}
.newslist li a:hover .t .p1{color:#24418e;}
/*page*/
.pages { width:100%; height: 30px; 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:var(--hovercolor);border: 1px solid var(--hovercolor); 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:var(--hovercolor);border: 1px solid var(--hovercolor); color:#fff;}
.pages a.now { background: #1e71b1; border: #0c5389 1px solid; color:#fff; }
/*newsinfo*/
.news_show_l{width:75%;float: left;overflow: hidden; color:#333; background:#fff; padding-left:30px; padding-right:30px; padding-bottom:60px;}
.news_show_l .new_show_l_top{ margin-top:30px; padding-bottom:23px; overflow:hidden; border-bottom:1px solid #e1e1e1;}
.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;*/
.news_show_r{width:23%;float: right; overflow:hidden;}
.news_show_r .new_show_right_top{ font-size:24px; color:#000; margin-top:30px; margin-bottom:10px; font-weight:normal; height:38px; line-height:38px;padding-left:30px; padding-right:30px;}

.news_show_rnews{overflow: hidden; color:#666; background:#fff;}
.news_show_rnews .ul li{ display:block;border-bottom:1px dashed #cccccc; padding-bottom:20px; margin-bottom:20px; overflow:hidden; margin-left:30px; margin-right:30px;}
.news_show_rnews .ul li h1{ font-weight:normal; font-size:16px; color:#000000;line-height:25px; overflow:hidden}
.news_show_rnews .ul li h1 a{color:#000000;}
.news_show_rnews .ul li h1 a:hover{color:#f67524;}
.news_show_rnews .ul li p{ color:#666666; font-size:14px;line-height:20px; overflow:hidden;}
.news_show_rnews .ul li:last-child{ border-bottom:0; margin-bottom:0;}
.bdshare-button-style0-24 a, .bdshare-button-style0-24 .bds_more{ background:none; padding:0;}
/*contact*/
.contact{ width:100%; overflow:hidden;box-shadow:0 0 10px #ddd;padding:20px; box-sizing:border-box; background:#fff}
.cont-left{ float:left; width:50%;overflow:hidden; line-height:50px; padding-left:100px; }
.cont-left h1{ float:left; width:100%; line-height:50px; font-size:30px; padding-top:60px;}
.cont-left span {font-size: 16px; margin: 2px 10px 0 0; padding-right:5px;}
.cont-left p{ float:left; line-height:70px; width:100%; border-bottom:1px solid #efefef;}
.cont-left p:last-child{border-bottom:none}
.cont-left img { padding-top:30px;}
.cont-right{ float:right; width:50%;}
.feedback{ width:100%; overflow:hidden;box-shadow:0 0 10px #ddd;padding:20px; box-sizing:border-box; margin-top:50px; background:#fff}
.feedback p{ width:100%; text-align:center; font-size:30px; line-height:60px; border-bottom:1px solid #ddd;}

/*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;}
.ginput{ width:100%; padding:5px; border:1px solid #ddd; box-sizing:border-box; line-height:30px; color:#666666}
.btns{width:180px;height:50px;margin-right:10px; background:#22abc3;color:#fff;border:none;font-size:16px;cursor:pointer;border-radius:5px;}
.btns:hover{background:#c30d23;transition:all 0.3s;}
.gtext1{float:left;width:98%;height:122px;line-height:24px;color:#777777;text-align:left;padding:4px;border:1px solid #ccc;}
/*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;}
.ginput{ width:100%; padding:5px; border:1px solid #ccc; box-sizing:border-box; line-height:30px; color:#666666}
.btns{width:180px;height:50px;margin-right:10px; background:#22abc3;color:#fff;border:none;font-size:16px;cursor:pointer;border-radius:5px;}
.btns:hover{background:#0e5c6a;transition:all 0.3s;}
.gtext1{float:left;width:98%;height:122px;line-height:24px;color:#777777;text-align:left;padding:4px;border:1px solid #ccc;}
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) {
.ny_wrapper{padding:20px 0;}
.contentPage{background:#ffffff; width:98%; margin:auto; padding:10px; line-height:35px;box-sizing: border-box;}
/*bannar*/
.neibannar{height:140px; margin-top:0}
.neibannar h2{font-size:20px;margin-top:50px;}
.neibannar>div{margin-top:10px}
.neibannar h6{padding-top:10px;}

/*about us*/
.aboutbg{ width:100%; background:url(../images/aboutbg.jpg) no-repeat center; padding:20px 0; overflow:hidden}
.inaboutL{float:left; width:100%; overflow:hidden; margin-right:0; padding-bottom:20px;}
.inaboutR{ float:left; width:100%;}
.inaboutR .tit{font-size:22px;padding-bottom:0px;}
.inaboutR .titen{font-size:16px;padding-bottom:0px;}
.inaboutR p{ line-height:22px; font-size:14px}
.section-title {font-size:24px;  }
.section-title h2 {font-size:24px;}
.index-aboutbg{padding:10px 0px 40px 0px; margin-top:0;}
.jjfa{margin-top:20px;}
.jjfa > li{width:100%; float: left; display: inline-block; padding-right:0; padding-bottom:3%}
.jjfa > li:nth-child(2n){ padding-right:0px;}
.jjfa_item{text-align: center; padding: 0 10px;}
.jjfa_item h3{font-size:18px;line-height: 40px;}
.jjfa_text{text-align: left; font-size: 14px; line-height: 20px; }
.jjfa_img01, .jjfa_img02, .jjfa_img03, .jjfa_img04{width: 50px; height: 50px;margin-top:20px;}


/*荣誉资质*/
.honor li{width:48%; float: left; margin-right:2%;margin-bottom: 20px;}
.honor li:nth-child(2n){ margin-right:0px;}
.case-more{height:40px;width:150px;border-radius:30px; text-align:center; margin:auto;margin-top:20px; margin-bottom:30px; border:1px solid #666;} 
.case-more a .more{font-size: 15px;color: #666; line-height:40px;}

/*产品中心*/
.main-left{width:100%;box-sizing: border-box;padding: 10px;background: #fff;float: left;}
.main-right{width:100%;box-sizing: border-box;background: #fff;float: right;padding: 10px 10px 30px 10px; line-height:30px;}
/*left product class*/
.leftclass-name{line-height:50px; font-size:25px;}
.leftclass li{ float:left; width:48%;border-bottom:1px solid #ddd; background:#fff;}
.leftclass li span{ float:left; font-size:16px; line-height:50px; font-weight:600}
.leftclass li a{font-size: 15px; line-height:50px; padding-left:0; }
.left-tel{ display:none}

/*产品详情*/
.product-info{margin-bottom:20px;}
.product-info .info-left{width:100%;}
.product-info .info-right{ float:left;  width:100%}
.product-info .info-right p{line-height:30px; padding:10px 0;}
/*product*/
.updowm li{ float:left; width:100%; line-height:30px;max-width:100%; font-size:14px;}
.cplist li {width:49%; margin-right:2%;cursor: pointer; padding:0px; margin-bottom:10px; background:#fff}
.cplist li span{ float:left; width:100%; line-height:22px; padding:5px 0; text-align:center; font-size:13px;}
.cplist li:nth-child(2n) {margin-right:0px;}
.cplist li:nth-child(3n) {margin-right:2%;}
.cplist li:nth-child(6) {margin-right:0;}
.cplist li:nth-child(12) {margin-right:0;}
.cplist li:nth-child(18) {margin-right:0;}
.name-content{ width:100%;margin:10px 0; font-size: 13px;}
.name-tit{line-height:40px; font-size:20px;}
.name-content span{font-size:20px; line-height:40px;}
.name-content p{line-height:25px;}
/*新闻中心*/
.newslist li{padding:2%;}
.newslist li a .i{width: 100%;margin-right:0;}
.newslist li a .t{width: 100%;padding-right:0;}
.newslist li a .t .p1{margin-top:2%;font-size:16px; font-weight:normal}
.newslist li a .t .p2{font-size: 14px;}
.newslist li a .p3{font-size:14px;}
/*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: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:15px;line-height:30px;}
.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_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;}
.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%;}

}