@charset "utf-8";
/*title*/
.section-title { margin-bottom: 40px; text-align: center; margin-top:50px;}
.section-title h2 { margin-top: 0; margin-bottom:10px; text-align: center; font-size:45px; letter-spacing:1px; color:#000; font-weight:500; text-transform:uppercase}
.section-title p { color: #343434; font-size: 25px; display: flex; align-items: center; justify-content: center;}
.section-title p:before,.section-title p:after { display: block; content: "——"; margin: 0 15px;color: #666;}
/*product*/
.product-bg{ width:100%;overflow:hidden; background:url(../images/pro_bg.jpg) no-repeat center; padding:20px 0 80px 0;}
.product{ width:100%;overflow:hidden;}
.product li{ float:left; width:23.333333%; background:#fff; margin-right:2%; border-radius:10px; box-sizing: border-box; margin-bottom:2%}
.product li .img{ overflow:hidden;}
.product li .img img {max-width: 100%;width: 100%;object-fit: cover;transition: transform 0.5s;}
.product li .img img:hover{ transform: scale(1.1);-webkit-transform:scale(1.1)}
.product li span{ float:left; width:100%; line-height:22px; padding:15px 0; text-align:center; font-size:15px;}
.product li:nth-child(4n){ margin-right:0}
/*about*/
.about-bg{ width:100%; overflow:hidden; background:url(/images/about_bg.jpg) no-repeat center; padding:80px 0;}
.about-en{ width:100%;overflow:hidden; font-size:40px; text-transform:uppercase; color:#fff; font-weight:bold; margin:auto; text-align:center}
.about-ch{ width:100%; overflow:hidden; margin-top:5px; float:left; font-size:28px;color:#fff; line-height:40px; text-align:center; margin-bottom:40px;}
.about-content{ width:95%; padding-top:40px; line-height:40px; text-align:center; font-size:16px; color:#fff; margin:auto}
/*数字*/
.number_box{ margin:auto; width:100%;color: #fff; position: relative; z-index:2;height:130px; margin-top:100px; overflow:hidden}
.number_box:before,
.number_box:after{content: ""; display: table;}
.number_box:after{clear: both;}
.number_box > .number_box_table{display: table; width: 100%; height: 43px; table-layout: fixed; margin-top: 42px;}
.number_box > .number_box_table > ul{display: table-row;}
.number_box > .number_box_table > ul > li{display: table-cell; text-align: center; font-size: 14px;}
.number_box > .number_box_table > ul > li:first-child{border-left: none;}
.number_box > .number_box_table > ul > li > div{position: relative; top: -10px; height: 40px;}
.number_box > .number_box_table > ul > li > div > span{font-size: 50px; color:#fff; font-weight:900}
.number_box > .number_box_table > ul > li > div > sup{font-size: 13px; vertical-align: top; position: relative; top: -1px; color:#fff;}
.number_box > .number_box_table > ul > li > div > p{ padding-top:10px;}
.pro-more{height:50px;width:170px;border-radius:30px; text-align:center; margin:auto;margin-top:40px; border:1px solid #fff;} 
.pro-more a .more{font-size: 16px;color: #ffffff; line-height:50px;}
/*hnonor*/
.honor-bg{ width:100%; overflow:hidden; background:url(/images/honor_bg.jpg) no-repeat center; padding:90px 0 40px 0;}
.honor-en{ width:100%;overflow:hidden; font-size:40px; text-transform:uppercase; color:#000; font-weight:bold;}
.honor-ch{ width:100%; overflow:hidden; margin-top:5px; float:left; font-size:28px;color:#343434; line-height:40px; margin-bottom:20px;}
.honor-l{ float:left; width:30%; overflow:hidden}
.honor-r{ float:right; width:60%; overflow:hidden;}
.honor-t{ float:left; line-height:40px; font-size:18px; overflow:hidden; padding:20px 0}

.nyprobox{ width:100%; overflow:hidden;}
.nyprobox ul{width:100%;}
.nyprobox li{width:32%; float: left; margin-right:2%;}
.nyprobox li p{ width:100%; float:left; line-height:45px; text-align:center; font-size:15px;}
.nyprobox li:nth-child(3n){ margin-right:0px;}
/*news*/
.news-bg{ width:100%; background:#fff; padding:10px 0 30px 0; overflow:hidden;}
.newslist{ width:100%; margin-top:10px; margin-bottom:40px; overflow:hidden}
.newslist .left{width:32%; float:left;}
.newslist .rect-86{ width:100%; height:330px;}
.newslist .rect-86 img{ width:100%; height:330px;}
.newslist .left a{display:block;}
.newslist .left .intro{background:#f5f5f5; width:100%}
.newslist .left .intro .box{padding:25px 53px 35px 35px;}
.newslist .left .intro .box .t{font-size:20px; color:#1c1c1c; margin-bottom:3px;}
.newslist .left .intro .box .c{font-size:14px; color:#7b7b7b; margin-bottom:15px;}
.newslist .left .intro .box .date{font-size:14px; color:#9d9d9d; font-family:Arial; position:relative;}
.newslist .left .intro .box .icon{width:32px; height:9px; background:url(/images/ipart03_2.png) no-repeat center; position:absolute; right:0; bottom:2px;}
.newslist .left:hover .intro .box .t{color:#2d4c9c}
.newslist .center{width:66%; float:left; margin-left:2%;}
.newslist .center .item{ float:left;background:#f5f5f5; transition:all 0.5s ease; width:48%; margin-left:2%; margin-bottom:2%;}
.newslist .center .item01{margin-bottom:20px;}
.newslist .center .item_box{display:block; padding:30px 42px 35px;}
.newslist .center .item_box .t{font-size:20px; color:#242424; transition:all 0.5s ease;}
.newslist .center .item_box .c{font-size:14px; color:#686868; line-height:23px; height:46px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin-top:15px; transition:all 0.5s ease;}
.newslist .center .item_box .date{color:#9d9d9d; position:relative; font-family:Arial; border-top:1px solid #d8d8d8; transition:all 0.5s ease; margin-top:20px; padding-top:20px;}
.newslist .center .item_box .date .day{font-size:37px; line-height:37px; font-weight:bold;}
.newslist .center .item_box .date .year{font-size:14px; line-height:20px; margin-top:3px;}
.newslist .center .item_box .date .icon{width:32px; height:9px; background:url(/images/ipart03_3.png) no-repeat center; position:absolute; right:25px; bottom:15px; transition:all 0.5s ease;}

.newslist .center .item:hover{box-shadow:0 0 20px rgba(0,0,0,.3)}
.newslist .center .item:hover .item_box .t{color:#2d4c9c}
.newslist .center .item:hover .item_box .c{color:#2d4c9c}
.newslist .center .item:hover .item_box .date{color:#2d4c9c}
.newslist .center .item:hover .item_box .date .icon{background:url(/images/ipart03_2.png) no-repeat center;}
@media (max-width:768px) {
.section-title { margin-bottom:20px;margin-top:30px;}
.section-title h2 {font-size:28px;}
.section-title p {font-size: 23px;}
/*product*/
.product{margin-top:0;}
.product li{width:100%;margin-right:0;margin-bottom:2%}
.product li span{ float:left; width:100%; line-height:22px; padding:5px 0; text-align:center; font-size:15px;}
.product li:nth-child(1){ width:100%;}
.product li:nth-child(2){ width:100%;}
/*about*/
.index-aboutbg{width:100%; margin-top:30px; overflow:hidden;padding:40px 0px; height:auto;}
.about-title{ width:100%; overflow:hidden%;text-align:center;font-weight:700; font-size:30px; color:#fff; line-height:60px;}
.about-content{ width:90%; padding-top:40px; line-height:30px; text-align:center; font-size:15px; color:#fff; margin:auto}
.number_box{ display:none}
.pro-more{height:40px;width:140px;margin-top:40px;} 
.pro-more a .more{font-size: 14px;line-height:40px;}
.nyprobox li{width:49%; float: left; margin-right:2%;margin-bottom:20px;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient: vertical; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;}
.nyprobox li p{ width:100%; float:left; line-height:22px; text-align:center; font-size:13px; height:22px;}
.nyprobox li:nth-child(2n){ margin-right:0px}
.nyprobox li:nth-child(3){ margin-right:2%}
/*hnonor*/
.honor-bg{ background:#efefef; padding:20px 0 20px 0;}
.honor-en{ font-size:28px; text-align:center}
.honor-ch{font-size:23px; text-align:center; margin-bottom:10px; line-height:30px;}
.honor-l{ float:left; width:100%; overflow:hidden}
.honor-r{ float:left; width:100%; overflow:hidden;}
.honor-t{ float:left; line-height:25px; font-size:15px; overflow:hidden; padding:0 0 15px 0 }
.patent-container {display:none}
/*index news*/
.newslist .left{width:100%; float:left;}
.newslist .rect-86{ width:100%; height:auto;}
.newslist .rect-86 img{ width:100%; height:auto;}
.newslist .left a{display:block;}
.newslist .left .intro{background:#fff; width:100%}
.newslist .left .intro .box{padding:10px;}
.newslist .left .intro .box .t{font-size:17px; color:#1c1c1c; margin-bottom:3px;}
.newslist .center{width:100%; float:left; margin-left:0px; margin-top:20px;}
.newslist .center .item{ float:left;background:#fff; transition:all 0.5s ease; width:100%; margin-left:0px; margin-bottom:2%; border-top:1px solid #d8d8d8; }
.newslist .center .item01{margin-bottom:20px;}
.newslist .center .item_box{display:block; padding:10px;}
.newslist .center .item_box .t{font-size:17px; color:#242424; transition:all 0.5s ease;}
.newslist .center .item_box .c{font-size:14px; color:#686868; line-height:23px; height:46px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin-top:15px; transition:all 0.5s ease;}
.newslist .center .item_box .date{ display:none}
.newslist .center .item_box .date .day{font-size:20px; line-height:25px; font-weight:bold;}
.newslist .center .item_box .date .year{font-size:14px; line-height:20px; margin-top:3px;}
.newslist .center .item_box .date .icon{width:32px; height:9px; background:url(/images/ipart03_3.png) no-repeat center; position:absolute; right:25px; bottom:15px; transition:all 0.5s ease;}
}