/*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:39px; letter-spacing: 2px; color:#0c944d;text-transform:uppercase; font-weight:400}
.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: #0c944d; }
.section-title1 { margin-bottom: 40px; text-align: center; font-size: 28px; margin-top:40px; }
.section-title1 h2{ margin-top: 0; margin-bottom: 0px; text-align: center; font-size:39px; letter-spacing: 2px; color:#fff;text-transform:uppercase; font-weight:900}
.section-title1 p { color: #5c5c5c; font-size: 13px; /*font-family:Arial;*/ margin: 5px 0 0 0; text-align: center; }
.section-title1:after { display: block; content: ''; width:60px; height: 2px; margin: 10px auto 0; background-color: #fff; }
.icon {
  background-image: url("/images/icon.png");
  display: inline-block;
  vertical-align: middle;
}
/*index about*/
.index-aboutbg{width:100%;overflow:hidden; background:#fff; padding:50px 0px;}
.inaboutL{float:left; width:550px;}
.inaboutL h1{ float:left; width:100%; line-height:50px; font-size:40px; color:#0c944d;font-weight:400; padding-bottom:20px;}
.inaboutL h1:after { display: block; content: ''; width:60px; height: 2px; background-color: #0c944d; }
.inaboutL p{ float:left; width:100%; line-height:32px; font-size:16px; overflow:hidden;word-wrap:break-word;}
.inaboutR{float:right; width:640px; overflow:hidden;}
.inaboutR img{border-radius:6px;}
.More{height:40px;width: 140px;background-color: #0c944d;border-radius:10px; text-align:center;margin-top:30px;} 
.More a .more{font-size: 16px;color: #ffffff; line-height:40px;}
/*product*/
.index-probg{width:100%;overflow:hidden; background:url(../images/pro_bg.jpg) no-repeat center; padding:50px 0px;}
.product{ width:100%; margin:auto; overflow:hidden;}
.product .productL{ float:left; width:650px; overflow:hidden}
.product .productR{ float:right; width:550px; overflow:hidden;}
.product .productR h1{ width:100%; line-height:50px; font-size:40px; font-weight:400;}
.product .productR span{ width:100%; float:left; line-height:30px; font-size:16px;}
.tedian{ width:100%; float:left; margin-top:40px; overflow:hidden;}
.tedian p{ float:left; width:100%; line-height:40px; font-size:18px; font-weight:400}
.tedian li{float:left; width:100%; line-height:40px; font-size:15px;}
.More1{height:40px;width: 140px;background-color: #0c944d;border-radius:10px; text-align:center;margin-top:30px;} 
.More1 a .more{font-size: 16px;color: #ffffff; line-height:40px;}
.nyprobox{ width:100%; overflow:hidden; padding-top:10px;}
.nyprobox ul{width:100%;}
.nyprobox li{width:24%; float: left; margin-right:1%; background: #fff; margin-bottom: 30px;}
.nyprobox li p{ width:100%; float:left; line-height:35px; text-align:center; font-size:14px;}
.nyprobox li:nth-child(4n){ margin-right:0px;}
.index-yybg{width:100%;overflow:hidden; background:url(../images/yy_bg.jpg) no-repeat center; padding:50px 0px 80px 0; margin-top:60px;}

.index_3_body { display: -webkit-flex;display: -ms-flexbox;display: flex; width: 100%;margin: 0 auto; margin-top: 36px;}
.index_3_body .item {width: 15.3%;height: 20.2vw;margin-right: 1.4%;overflow: hidden;position: relative;transition: all .4s, -webkit-transform .4s;transition: all .4s, transform .4s;transition: all .4s, transform .4s, -webkit-transform .4s;
                      cursor: pointer;background-position: 50%;background-size: cover;}
.index_3_body .item.li4{ margin-right: 0; }
.index_3_body .item .fl_t {text-align: center;width: 100%;height: 100%;position: relative; transition: all ease 0.36s;}
.index_3_body .item .fl_t img {display: block; width: 50px; height: 50px;position: absolute;left: 50%;margin-left: -25px; margin-top: 50%;}
.index_3_body .item .fl_t p {display: inline-block; padding-top: 82%;}
.index_3_body .item .fl_t p span {float: left;display: block;font-size: 24px;color: #fff;line-height: 30px;text-shadow: 1px 1px 2px rgba(0, 0, 0, .6);}
.index_3_body .item .fl_t p i {float: left;display: block;font-size: 22px;color: #fff;line-height: 30px;text-shadow: 1px 1px 2px rgba(0, 0, 0, .6);writing-mode: vertical-lr;}
.index_3_body .item .fl_t b {margin: 0 auto;display: block;width: 32px;height: 3px;background-color: #fff;margin-top: 12%;}
.index_3_body .item .bg {background: rgba(1, 77, 162, .4); width: 100%;height: 100%;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-align-items: center;-ms-flex-align: center; align-items: center;
  color: #fff;position: relative;opacity: 0; position: absolute;left: 0; top: 0;transition: all ease 0.36s;}
.index_3_body .item .bg::before,
.index_3_body .item .bg::after {box-sizing: border-box; content: '';position: absolute;top: 12px;left: 12px;bottom: 12px;right: 12px;-webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center;z-index: 10;}
.index_3_body .item .bg::before {border-top: 1px solid rgba(255, 255, 255, 0.47);border-bottom: 1px solid rgba(255, 255, 255, 0.47); */-webkit-transform: scale3d(0, 1, 1); transform: scale3d(0, 1, 1);}
.index_3_body .item .bg::after { border-left: 1px solid rgba(255, 255, 255, 0.47);border-right: 1px solid rgba(255, 255, 255, 0.47);-webkit-transform: scale3d(1, 0, 1); transform: scale3d(1, 0, 1);}
.index_3_body .item.on .bg::before,
.index_3_body .item.on .bg::after {/* bg1 */-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);-webkit-transition: -webkit-transform 0.5s;transition: transform 0.5s;}
.index_3_body .item .bg img {display: block; padding-left: 34px; padding-top: 30px;}
.index_3_body .item .bg .title {display: block;position: absolute;left: 70px;top: 60px;margin-top: 30px; padding-right: 60px;}
.index_3_body .item .bg .title span { display: block;font-size: 30px; color: #fff;line-height: 35px; text-shadow: 1px 0px 1px rgba(0, 0, 0, .35);}
.index_3_body .item .bg .title p {display: block;font-size: 18px;color: #fff;line-height: 30px;text-shadow: 1px 0px 1px rgba(0, 0, 0, .35); padding-top: 40px;}
.index_3_body .item .bg .a {transition: all ease 0.36s;position: absolute;left: 70px;bottom: 70px; display: block;width: 32px;height: 32px; border-radius: 50%;text-align: center;line-height: 29px; background-color: #0c944d;font-weight: normal;
  font-size: 26px;}
.index_3_body .item .bg .a p {display: inline-block;}
.index_3_body .item .bg .a p i {display: block;width: 22px;height: 32px;background-position: -50px -391px;float: left;margin-top: 0px;}
.index_3_body .item .bg .a p span { display: block;font-size: 20px;color: #db0208;line-height: 43px;float: left;padding-left: 6px;}
.index_3_body .item .bg .a:hover {transform: translateY(-5px);transition: all ease 0.36s;}
.index_3_body .item.on {width: 49.5%;transition: all .4s, transform .4s, -webkit-transform .4s;}
.index_3_body .item.on .fl_t {opacity: 0;transition: all .4s, transform .4s, -webkit-transform .4s;}
.index_3_body .item.on .bg { opacity: 1; transition: all .4s, transform .4s, -webkit-transform .4s;}

.sec5-tbody {font-size: 0;letter-spacing: 0;margin-left: -35px;margin-right: -35px;padding-top:25px; position: relative;display: flex;flex-wrap: wrap; padding-bottom:40px}
.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:20px;}
.section-title p { display:none}
.section-title1 { margin-bottom:20px;margin-top:0;}
.section-title1 h2 { font-size:20px; color:#fff}
.marg50{ margin-top:30px!important;}
/*about*/
.index-aboutbg{padding:20px 0px;}
.inaboutL{float:left; width:100%;}
.inaboutL h1{font-size:20px;}
.inaboutL p{line-height:25px; font-size:16px; }
.inaboutR{float:left; width:100%;}
.More{ display:none} 
/*product*/
.index-probg{ padding:20px 0px;}
.product .productL{ float:left; width:100%; }
.product .productR{ float:left; width:100%;}
.product .productR h1{ width:100%; line-height:40px; font-size:30px; font-weight:400; text-align:center; margin-top:20px}
.product .productR span{ width:100%; float:left; line-height:30px; font-size:16px;}
.tedian{ margin-top:20px;}
.tedian p{line-height:30px;}
.tedian li{float:left; width:100%; line-height:25px; font-size:15px;}
.nyprobox li{width:49%; float: left; margin-right:2%; background: #fff; 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}

.sec5-tbody {margin-left: -8px; margin-right: -8px; padding-top: 24px; padding-bottom:20px}
.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;}
}