/*title*/
.section-title { margin-bottom: 40px; text-align: center; font-size: 28px; margin-top:30px; }
.section-title h2 { margin-top: 0; margin-bottom: 0px; text-align: center; font-size:40px;color:#1e201f;text-transform:uppercase; font-weight:900}
.section-title p { width:100%; overflow:hidden; margin-top:5px; margin-bottom:30px; float:left; font-size:28px;color:#1e201f; line-height:40px; text-align:center;}
/*about*/
.title-en{ width:100%;overflow:hidden; font-size:40px; text-transform:uppercase; color:#1e201f; font-weight:bold}
.title-ch{ width:100%; overflow:hidden; margin-top:5px; margin-bottom:30px; float:left; font-size:28px;color:#1e201f; line-height:40px;}
.title-ch1{ width:100%; overflow:hidden;height:30px;}
.index-aboutbg{ width:100%; background:url(../images/about_bg.jpg) no-repeat center;}
.index-about{ width:100%;margin:auto; padding-top:60px; overflow:hidden; position:relative; height:700px;}
.index-about .index-pic{ float:right; overflow:hidden; position:absolute; right:0; z-index:1}
.index-about .index-pic img{ width:auto; height:100%;}
.index-about .about-text{ float:left; width:60%; overflow:hidden; position:absolute; z-index:10; padding:30px 0;}
.index-about .about-text .text{line-height:35px; font-size:17px; color:#666; width:80%; }
.ab_link {float:left; width:85%;background:#fff; z-index:10; margin-top:20px;margin-left:5px;border-radius: 10px;box-shadow: 2px 2px 8px rgba(0,0,0,0.3); }
.ab_link .ab_list { width: 100%;height: 100%;}
.ab_link .ab_list > li {float: left;width:25%; padding:10px 0;box-sizing: border-box;text-align: center;}
.ab_link .ab_list > li .ab_ico {width:63px;margin: 0 auto;overflow: hidden;}
.ab_link .ab_list > li .ab_ico > span {width: 100%;height: 100%; font-size:60px; font-weight:bold; overflow:hidden}
.ab_link .ab_list > li > p {font-size: 15px;line-height: 15px;}
/*product*/
.product{ width:100%; background:#f4f4f4; overflow:hidden; margin-top:50px;}
.product li{ float:left; width:50%;height:540px;}
.product li img{ width:100%;}
.product-text{padding: 60px 0px 0px 60px; width:700px; overflow:hidden}
.product-text h1{ width:100%; line-height:60px; font-size:40px;}
.product-text p{ width:100%; line-height:40px; font-size:25px; padding:10px 0px;}
.product-text span{ float:left; width:100%; font-size:14px; line-height:25px;}
.common-more{ margin-top:30px;}
.common_more{width:150px;height:39px;border:1px solid #a9a9a9;display: block;line-height:39px;text-align: center;position: relative;font-size: 14px;color: #666666;z-index: 1; margin-top:35px;}
.common_more:after{content:'';position: absolute;width: 30px;height: 16px;background: url(../images/hz_com04.png) no-repeat center;right:14px;top: 40%;margin-top: -4px;transition: all 0.5s ease;}
.common_more:before{content:'';width: 0;position: absolute;left: 0;bottom: 0;height: 39px;background: #2e2e2e;transition:all 0.3s ease;z-index: -1}
.common_more:hover{color: #fff;border-color: #fff;}
.common_more:hover:before{width:100%;transition:all 0.3s ease;}
.wap-product{ display:none;}


.nyprobox{ width:100%; overflow:hidden; padding-top:40px;}
.nyprobox ul{width:100%;}
.nyprobox li{width:24%; float: left; margin-right:1%; background: #f8f8f8; margin-bottom: 30px;}
.nyprobox li p{ width:100%; float:left; line-height:35px; text-align:center; font-size:15px;}
.nyprobox li:nth-child(4n){ margin-right:0px;}
/*index honor*/
.index-honorbg{ width:100%; background-image:url(/images/honor.jpg);background-position: center top;background-repeat: no-repeat;background-color:#f7f7f7; margin-top:50px; padding-bottom:80px; }
.honor-en{ width:100%;overflow:hidden; font-size:40px; text-transform:uppercase; color:#fff; font-weight:bold; margin:auto; padding-top:60px; text-align:center}
.honor-ch{ width:100%; overflow:hidden; margin-top:5px; margin-bottom:30px; float:left; font-size:28px;color:#fff; line-height:40px; text-align:center; margin-bottom:40px;}
.honor-list{ width:100%; background:#fff; padding:30px; overflow:hidden;}
.honor-list ul{width:100%;}
.honor-list li{width:19%; float: left; margin-right:1%; background: #fff;}
.honor-list li p{ width:100%; float:left; line-height:35px; text-align:center; font-size:15px;}
.honor-list li:nth-child(5n){ margin-right:0px;}
/*news*/
.newsbg{width:100%;overflow:hidden; background:#fff; padding:50px 0px;}
.sec5-tbody {font-size: 0;letter-spacing: 0;margin-left: -35px;margin-right: -35px;padding-top:25px; position: relative;display: flex;flex-wrap: wrap;}
.sec5-tbody-item {width: 33.333333%;display: inline-block;vertical-align: top;padding: 0 35px;margin-bottom: 20px;}
.new-item-box {display: block;width: 100%;background: #fff;position: relative;}
.new-item-box .item-pic {width: 100%;position: relative;}
.new-item-box .item-pic img {width: 100%;}
.new-item-box .item-body {padding: 10px 16px 19px;position: relative; background:#f8f8f8}
.new-item-box .item-body .item-title {font-size: 18px;color: #333333;line-height: 30px;}
.new-item-box .item-body .item-title a{ color:#000}
.new-item-box .item-body .item-title a:hover{ color:#c00808}
.new-item-box .item-body .item-desc {font-size: 14px;margin-top: 8px;color: #666666;line-height: 30px;min-height: 60px;overflow: hidden;}
.new-item-box .item-body .item-desc a{ color:#5d5d5d}
.new-item-box .item-body .item-desc a:hover{ color:#c00808}
.new-item-box .item-body .item-flex {display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;margin-top: 15px;}
.new-item-box .item-body .item-date {font-size: 12px;color: #999999;line-height: 28px;}
.new-item-box .item-body .item-date .iconfont {font-size: 16px;color: #999999}
.new-item-box .item-body .item-href {font-size: 14px;color: #333333;line-height: 28px;text-align: right;text-transform: uppercase;}
.new-item-box .item-body .item-href .iconfont {font-size: 15px;color: #333;margin-left: 4px;}
.new-item-box .item-body .item-href a {color: #666;}
.new-item-box .item-body .item-href a:hover {color: #c00808;}
@media (max-width:768px) {
/*title*/
.section-title { margin-bottom:20px;margin-top:0; }
.section-title h2 { font-size:25px;}
.section-title p { width:100%; overflow:hidden; margin-top:5px; margin-bottom:10px; float:left; font-size:20px;color:#1e201f; line-height:40px; text-align:center;}
.marg50{ margin-top:30px!important;}
/*product*/
.nynav{ display:none;}
.nyprobox li{width:49%; float: left; margin-right:2%;  background: #f8f8f8;  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}
/*about*/
.index-aboutbg{ width:100%; padding:0 10px;}
.title-en{ font-size:25px; text-align:center}
.title-ch{margin-bottom:20px;font-size:18px;line-height:30px; text-align:center}
.index-about{margin-top:1px; position:static; height:auto;padding-top:1px;}
.index-about .index-pic{ display:none}
.index-about .about-text{ float:left; width:100%; overflow:hidden; position:static; z-index:10; padding-top:20px;}
.index-about .about-text .text{line-height:25px; font-size:15px; width:auto; }
.ab_link { display:none}
/*product*/
.product{ display:none}
.wap-product{ width:100%; background:#f4f4f4; overflow:hidden; display:block}
.wap-product li{ float:left; width:100%;  height:auto}
.wap-product li img{display: inline-block;vertical-align: middle;}
.fuwu-text{ width:95%; padding-top:20px; }
.fuwu-text h2{line-height:30px; font-size:20px; text-align:center}
.fuwu-text span{ float:left; width:98%; ;line-height:25px; padding:1%}
.fuwu-text em{ float:left; width:100%; font-style:normal; text-align:center; color:#a1a1a1; text-transform:uppercase}
.fuwu-text .img{display: flex;justify-content: center; /* 水平居中 */align-items: center; /* 垂直居中 */}
.fuwu-text .img img{ width:55px; height:auto;}
.common_more{width:150px;height:39px;border:1px solid #a9a9a9;display: block;margin: 0 auto;line-height:39px;text-align: center;position: relative;font-size: 14px;color: #666666;z-index: 1; margin-top:15px; margin-bottom:20px;}
.common_more:after{content:'';position: absolute;width: 30px;height: 16px;background: url(../images/hz_com04.png) no-repeat center;right:14px;top: 40%;margin-top: -4px;transition: all 0.5s ease;}
.common_more:before{content:'';width: 0;position: absolute;left: 0;bottom: 0;height: 39px;background: #c49004;transition:all 0.3s ease;z-index: -1}
/*index honor*/
.index-honorbg{ width:100%; background-image:url(/images/honor.jpg);background-position: center top;background-repeat: no-repeat;background-color:#2a2a2a; margin-top:50px; padding-bottom:10px; }
.honor-en{ width:100%;overflow:hidden; font-size:25px; text-transform:uppercase; color:#fff; font-weight:bold; margin:auto; padding-top:20px; text-align:center}
.honor-ch{ width:100%; overflow:hidden; margin-top:5px; margin-bottom:30px; float:left; font-size:20px;color:#fff; line-height:40px; text-align:center; margin-bottom:20px;}
.honor-list{ width:100%; background:#fff; padding:20px 10px; overflow:hidden;}
.honor-list ul{width:100%;}
.honor-list li{width:48%; float: left; margin-right:1%; background: #fff;}
.honor-list li p{ width:100%; float:left; line-height:35px; text-align:center; font-size:15px;}
.honor-list li:nth-child(2n){ margin-right:0px;}
.honor-list li:nth-child(5){ display:none}
/*news*/
.newsbg{padding:40px 0px 0px 0px;}
.sec5-tbody {margin-left: -8px; margin-right: -8px; padding-top: 24px;}
.sec5-tbody-item {width: 100%; padding: 0 8px;margin-bottom:0;}
.new-item-box .item-body {padding: 6px 10px 14px;}
.new-item-box .item-body .item-title {font-size: 16px;line-height: 26px;}
.new-item-box .item-body .item-desc {font-size: 14px;margin-top: 6px;line-height: 24px;min-height: 48px;}
.new-item-box .item-body .item-flex { margin-top: 12px;}
.new-item-box .item-body .item-date {font-size: 12px;line-height: 24px;}
.new-item-box .item-body .item-date .iconfont { font-size: 14px;}
.new-item-box .item-body .item-href {font-size: 14px;line-height: 26px;}
.new-item-box .item-body .item-href .iconfont {font-size: 14px;margin-left: 4px;}
}