/* Banner Slider */
.single_slide_slider{margin-top:130px;}
.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white{--swiper-navigation-color: #d6d6d6;}
.swiper-button-next.swiper-button-white:hover, .swiper-button-prev.swiper-button-white:hover{--swiper-navigation-color: #0facf3;}
.swiper-container-initialized .swiper-button-next, .swiper-container-initialized .swiper-container-rtl, .swiper-container-initialized .swiper-button-prev{padding: 10px;-webkit-border-radius: 100%; border-radius: 100%;border:1px solid #d6d6d6;}
.swiper-container-initialized .swiper-button-next:hover, .swiper-container-initialized .swiper-container-rtl:hover, .swiper-container-initialized .swiper-button-prev:hover{padding: 10px;-webkit-border-radius: 100%; border-radius: 100%;border:1px solid #0facf3;}
.title{ width:100%; text-align:left; color:#fff; font-size:45px; padding-top:15%; font-weight:bold}
.title2{ width:600px; text-align:left; color:#fff; font-size:25px; line-height:50px; margin-top:10px;}
.banner-pages .swiper-pagination-bullet {width:50px;height:4px;display:inline-block;background-color:#ffffff;opacity:.5;border-radius:0;}
.banner-pages .swiper-pagination-white .swiper-pagination-bullet {background:#fff}
.banner-pages .swiper-pagination-bullet-active {opacity:1;background:#ffffff}
/*num*/
.number_box{ margin:auto; width:100%;color: #999; position: relative; z-index:2; background:#fff; height:150px; 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: 63px; 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; border-left: 1px solid #ddd; 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:#c00;}
.number_box > .number_box_table > ul > li > div > sup{font-size: 14px; vertical-align: top; position: relative; top: -1px; color:#c00;}
.number_box > .number_box_table > ul > li > div > p{ padding-top:10px;}
/*shiyebu*/
.shiyebu-bg{ width:100%; overflow:hidden; background:#fafafa; padding:60px 0; margin-top:30px;}
.shiyebu_title{width:100%; height: auto; margin: 0px auto;}
.shiyebu_title h3{width:100%; height:87px;font-size: 36px; line-height:87px; color: #000; font-weight: bold; padding-left:10px; text-transform:uppercase}
.shiyebu_title h3:after {display: block; content: ''; width:80px; height:3px;background-color: #d70c18;}

.shiyebu{ width:100%; overflow:hidden; margin-top:40px;}
.shiyebu li{width:31%; float: left; height: auto;margin-bottom: 25px; overflow: hidden; margin-right:2%;filter:progid:DXImageTransform.Microsoft.Shadow(color=#dfdfdf,direction=200 strength=1);/*ie*/-moz-box-shadow: 0px 0px 5px #dfdfdf;/*firefox*/-webkit-box-shadow: 0px 0px 5px #dfdfdf; background:#fff; padding:5px}
.shiyebu li:nth-child(3){float: right; margin-right:0}
.shiyebu li .img{position: relative;width:100%; height: auto; display: block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}

.shiyebu li .text{ width:95%; margin:auto; overflow:hidden; padding:20px 0;}
.shiyebu li .text h2{ text-align:center; line-height:50px; font-size:25px;}
.shiyebu li .text p{ float:left; font-size:15px; line-height:30px;}

.product_hover{width:100%; height: 100%; position: absolute; bottom:110%; left:0; background: rgba(215,23,30,0.7); padding:13% 1% 0; transition: .4s;}
.product_hover .pro_htop{width:100%; height: auto; text-align: center; display: block; padding-top:33%}
.product_hover .pro_htop .pro_sear{width:102px; height: 102px; border:1px solid #fff;margin: 0px auto; display: flex; align-items: center;transform: rotate(0deg);transition: 0.4s ease-in-out;}
.product_hover .pro_htop .pro_sear img{width:24px; height: 24px; align-items: center; margin: 0px auto;}
.pro_htop h3{font-size: 22px; color: #fff; font-weight: bold; text-align: center; height: 55px; line-height: 55px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin: 10px 0}
.shiyebu li:hover .product_hover{bottom:0; transition: .6s;}
.product_hover .pro_htop .pro_sear:hover{transform: rotate(45deg)}
/*about*/
.index_about{width:100%; background:url(/images/in_about.jpg) no-repeat center; overflow: hidden; padding:50px 0;  }
.index_about_t{width:100%; height: auto; overflow: hidden}
.index_about_t h3{font-size:36px; height:87px; line-height: 68px; color: #fff; font-weight: bold;text-align: center; text-transform:uppercase}
.index_about_t h3:after {display: block; content: ''; width:80px; height:3px;background-color: #d70c18; margin:auto}
.index_about_t p{font-size: 16px; color: #fff; height: 50px; line-height: 50px; text-align: center}
.index_about_t h6{font-size:18px; color:#fff; line-height:40px; width:100%; height:auto; overflow:hidden; margin:30px auto;  text-align:center}
.index_about ul{width:100%; height:auto; overflow:hidden; margin-top:40px;}
.index_about ul li{ width:20%; height:auto; float:left;}
.index_about ul li .about_p{width:105px; height:121px; background:url(/images/b_bj.png) no-repeat center; text-align:center; margin:50px auto;display: grid;place-items: center; /* 同时水平和垂直居中 */}
.index_about ul li p{width:100%; height:40px; line-height:40px; font-size:20px; margin-top:10px; text-align:center; color:#fff}
.index_about ul li:hover .about_p{background:url(/images/b_hbj.png) no-repeat}
.index_about ul li:hover p{font-weight:bold;}
/*product*/
.product-bg{ width:100%; overflow:hidden; background:#fafafa; padding:60px 0 30px 0;}
.product{ float:left;width:600px; height: auto; margin: 0px auto;}
.product h3{width:100%; height:87px;font-size: 36px; line-height:87px; color: #000; font-weight: bold; padding-left:10px; text-transform:uppercase}
.product h3:after {display: block; content: ''; width:80px; height:3px;background-color: #d70c18;}
.product-more{ float:right; margin-top:40px; font-size:18px;}
.product-more img{ margin-right:10px;}

.mr_frbox{ clear:both;height:auto; position: relative; width: 100%;overflow: hidden;}
.mr_frUl{float:left; height:100%; width:100%; margin-top:40px;}
.mr_frUl ul li{float:left;height:auto;width:24%;  margin: 0px 8px; overflow:hidden; margin-bottom: 10px; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.mr_frUl ul li img{display:block; width:100%; height:100%; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.m_list_xx{width:100%; height:auto; position: relative; overflow: hidden}
.m_list_h{width:100%; height: 100%; position: absolute; top:0px; left:0; background:rgba(215,23,30,0.7); text-align: center; padding-top: 20%; opacity: 0}
.mr_frUl ul li p{width:100%; height: 45px;line-height: 45px; text-align: center;  text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 18px; color: #666666;}
.m_list{width:100%; height: auto; margin-bottom:15px;}
.m_list_h i{width:60px; height: 60px; background: url(/images/links.png) no-repeat; display: block; margin: 10px auto }
.m_list_h span{font-size: 14px; color: #fff; text-align: center}
.m_list_h:after{content:" ";  background: url(/images/p_bjs.png) no-repeat; background-size: 100%  100%; width: 92%; height: 91%; position: absolute; top:12px; left:12px;}
.m_list:hover .m_list_h{opacity: 1; transition: .6s}
.m_list:hover img{transform: scale(1.1);transition: all 1s ease 0s;-webkit-transform: scale(1.1);-webkit-transform: all 1s ease 0s;}
.m_list_xx img{width: 100%; height:100%; display: block}
.m_list p{width:100%; height: 45px;line-height: 45px; text-align: center;  text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 18px; color: #666666;}
/*news*/
.news-title{ float:left;width:600px; height: auto; margin: 0px auto;}
.news-title h3{width:100%; height:87px;font-size: 36px; line-height:87px; color: #000; font-weight: bold; padding-left:10px; text-transform:uppercase}
.news-title h3:after {display: block; content: ''; width:80px; height:3px;background-color: #d70c18;}
.news-more{ float:right; margin-top:40px; font-size:18px;}
.news-more img{ margin-right:10px;}
.sec5-tbody {font-size: 0;letter-spacing: 0;margin-left: -27px;margin-right: -27px;padding-top:45px; position: relative;display: flex;flex-wrap: wrap;}
.sec5-tbody-item {width:30%;display: inline-block;vertical-align: top;padding: 0 27px;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;}
/*contact*/
.index_contact{width:100%; background:url(/images/in_contact.jpg) no-repeat center top; overflow: hidden; padding-top:100px; margin-top:50px; margin-bottom:50px;}
.index_contact_t{width:100%; height: auto; overflow: hidden}
.index_contact_t h3{font-size:36px; height:87px; line-height: 68px; color: #fff; font-weight: bold;text-align: center; text-transform:uppercase}
.index_contact_t h3:after {display: block; content: ''; width:80px; height:3px;background-color: #d70c18; margin:auto}
.index_contact_t p{font-size: 16px; color: #fff; height: 50px; line-height: 50px; text-align: center}
.index-contact-k{ width:100%; padding:50px; background:#f6f6f6; margin-top:40px; overflow:hidden; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.index-contact-k li{ float:left; width:23%; margin-right:2%; border-right:1px solid #dddddd;display: grid;place-items: center; /* 同时水平和垂直居中 */}
.index-contact-k li p{ text-align:center; width:100%; font-size:30px; line-height:50px; padding-top:20px;}
.index-contact-k li span{ float:left; width:100%; text-align:center; font-size:16px; line-height:30px; padding-top:20px;}
.index-contact-k li:nth-child(4){ margin-right:0; border-right:none;}
@media only screen and (max-width: 768px) {
.single_slide_slider{margin-top:60px;}	
.title{font-size:20px; padding-top:15%; font-weight:normal; text-align:center}
.title2{ display:none}
.number_box{ display:none}

/*shiyebu*/
.shiyebu-bg{padding:10px 0; margin-top:0;}
.shiyebu_title{width:100%; height: auto; margin: 0px auto;}
.shiyebu_title h3{ background:none;font-weight:normal; padding-left:0; text-align:center}
.shiyebu_title h3:after { margin:auto; }
.shiyebu li{width:100%; margin-right:0;margin-bottom:25px;}
/*about*/
.index_about{background:#142430;padding:20px 0;  }
.index_about_t{width:100%; height: auto; overflow: hidden}
.index_about_t h3{height:87px; line-height: 68px; font-weight: normal; background:none;}
.index_about_t p{font-size: 15px;height: 30px; line-height: 30px;}
.index_about_t h6{font-size:15px;line-height:30px; margin:10px auto;}
.index_about ul{width:100%; height:auto; overflow:hidden; margin-top:0;}
.index_about ul li{ width:45%; height:auto; float:left;}
.index_about ul li .about_p{width:105px; height:121px; background:url(/images/b_bj.png) no-repeat center; text-align:center; margin:20px auto;display: grid;place-items: center; /* 同时水平和垂直居中 */}
.index_about ul li p{ height:30px; line-height:30px; font-size:16px; margin-top:0; text-align:center; color:#fff}
.index_about ul li:nth-child(5){ display:none}
/*product*/
.product-bg{padding:20px 0;}
.product{width:100%; height: auto; margin: 0px auto;}
.product h3{ background:none;font-weight:normal; padding-left:0; text-align:center; margin:auto;}
.product h3:after {margin:auto;}
.product-more{ display:none;}
.mr_frUl ul li{float:left;height:auto;width:48%;  margin:0; margin-bottom: 10px;}
.mr_frUl ul li:nth-child(2n){ float:right;}
.m_list_xx{height:auto;}
.mr_frUl ul li p{height:30px;line-height: 30px;font-size: 15px;}
/*news*/
.news-title{width:100%; height: auto; margin: 0px auto;}
.news-title h3{ background:none;font-weight:normal; padding-left:0; text-align:center; margin:auto;}
.news-title h3:after {margin:auto;}
.news-more{ display:none;}
.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;}
.index_contact{ display:none}
}