/*----------- bannar -----------*/
.ny_wrapper{background: #fff; overflow:hidden; width:100%; padding:50px 0;}
/*banner*/
.neibannar{height:300px;overflow:hidden;background-position:center center;background-repeat:no-repeat;background-size:cover; margin-top:75px}
.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-bottom:40px ; }
.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}
.inabout{ width:100%; overflow:hidden; line-height:30px; font-size:15px;}
.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:#fff; 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: 260px;box-sizing: border-box;padding: 10px;background: #fff;float: left; padding:0 10px;box-sizing: border-box;}
.main-right{ float:right;width:1000px; line-height:30px; overflow:hidden; padding-bottom:20px;}
/*left product class*/
/*left product class*/
.sidebar{width:100%;float: left; border:1px solid #ccc}
.sidebar .top{padding: 25px 0; background-image:linear-gradient(to right, #24418e , #24418e);}
.sidebar .top .p1{font-size: 27px; color:#fff; text-align:center}
.sidebar .top .p2{font-size: 13px; color:#fff; text-align:center}
.typelist{padding: 10px 5px 20px 2px;box-sizing: border-box;}


.typelist dl{ float:left; width:100%; line-height:40px; overflow:hidden; padding:0 10px; font-weight:700; background:#efefef}
.typelist dl a{display:block;width:100%;box-sizing:border-box;font-size:15px;background: url("/images/sj.png") left center no-repeat;padding-left:12px; }
.typelist dl a:hover{color: #f4001b;background: url("../images/sj1.png") left center no-repeat;}

.typelist dd{float:right; width:90%;}
.typelist dd a{display: block;width: 92%;box-sizing: border-box;font-size: 14px;background: url("../images/sj.png") left center no-repeat;padding-left: 12px;white-space: nowrap; line-height:35px;}
.typelist dd a:hover{color: #f4001b;background: url("../images/sj1.png") left center no-repeat;}/*product list*/

.cplist { width:100%;display: flex;flex-wrap: wrap;overflow:hidden; margin-top:10px;}
.cplist li {width:31%; margin-right:2%; padding:5px;cursor: pointer;border-bottom:0; margin-bottom:15px; background:#fff}
.cplist li:nth-child(3n) {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)}
/*详情*/
.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%}
td{ padding-left:10px; line-height:50px; border:1px solid #ddd; font-size:15px;}
.tdL{width:150px}
table{ width:100%; margin-top:20px;}

/*新闻中心*/
.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%; 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:#24418e;border: 1px solid #24418e; 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:#24418e;border: 1px solid #24418e; 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;}
.cont-left{ float:left; width:50%;overflow:hidden }
.cont-left h1{ float:left; width:100%; line-height:50px; font-size:20px;}
.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;}
.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:#24418e;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;}
td{ padding-left:10px; line-height:50px; border:1px solid #ddd; font-size:15px;}
.tdL{width:150px}
table{ width:100%; margin-top:20px;}
@media screen and (max-width:1200px){
.inaboutL{ float:left; width:48%; overflow:hidden;}
.inaboutR{ float:right; width:48%; overflow:hidden;}
.main-left{width: 240px;}
.main-right{width:850px;}
}
@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:30px;}
.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:5px;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*/

.sidebar{width:100%;float: left; border:none; background:#fff;}
.sidebar .top{ display:none}


.typelist dl{ float:left; width:100%; line-height:20px; overflow:hidden; padding:10px 0 }
.typelist dl a{display:block;width:100%;box-sizing:border-box;font-size:15px;background: url("/images/sj.png") left center no-repeat;padding-left:12px; }
.typelist dl a:hover{color: #f4001b;background: url("../images/sj1.png") left center no-repeat;}

.typelist dd{float:left; width:50%;}
.typelist dd a{ float:left;display: block;width: 50%;box-sizing: border-box;color: #434343;font-size: 13px;background: url("../images/sj.png") left center no-repeat;padding-left: 12px;white-space: nowrap; line-height:30px;}
.typelist dd a:hover{color: #f4001b;background: url("../images/sj1.png") left center no-repeat;}
.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{ 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)}
.name-content span{font-size:20px; line-height:40px; border-bottom:1px solid #ddd}
/*新闻中心*/
.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%;}

}
