.embed-responsive-3by2_5::before{padding-top: 65%;}
.header{position: relative;z-index: 999;}
.header .header-top{background-color: #efefef; height:2.25rem; font-size:.75rem; line-height:2.25rem;}
.header-mid{ padding:1rem 0 .5rem;}
.header-mid .logo{ }
.header-mid .header-tel{ }
.header-mid .header-tel .tel-icon{ }
.header-mid .header-tel .tel-icon .iconfont{font-size: 3rem; color: #fd9001; }
.header-mid .header-tel .tel-info{ }
.header-mid .header-tel .tel-info p{ }
.header-mid .header-tel .tel-info em{ color: #0256ac; font-weight:bold;font-style: normal;font-size:1.875rem; line-height: 1;}
.header-nav{ background-color: #0256ac; padding:0;}

.header-nav a{ color: #fff;}
.header-nav .nav-item{ flex:1;text-align: center; position: relative; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.header-nav .nav-item > a{padding: .875rem 0; display: block;}
.header-nav .nav-item .sub-nav{ opacity:0; visibility: hidden;position: absolute; margin-top:0; width:100%;background-color: #0256ac; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.header-nav .nav-item .sub-nav dl{ margin:0;}
.header-nav .nav-item .sub-nav dd{ margin:0;}
.header-nav .nav-item .sub-nav a{ display: block; padding:.75rem .3rem;}
.header-nav .nav-item  a:hover{ background-color: #fd9001;}
.header-nav .nav-item:hover .sub-nav{ opacity:1; visibility: visible;}

.icon-menu{width:2rem; height:1.5rem; position: relative; color: #666;}
.icon-menu span{ height:2px; width:100%;background-color: CurrentColor; position: absolute; margin:auto; top: 0; bottom: 0; left: 0; right: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; opacity:1;}
.icon-menu span:nth-child(1){bottom:auto;}
.icon-menu span:nth-child(3){top:auto;}

/*.icon-menu span::before,.icon-menu span::after{ content: ''; display: block; height: 2px; width:100%; background-color: CurrentColor;}*/
.open .icon-menu span:nth-child(1){ bottom: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
.open .icon-menu span:nth-child(2){ -webkit-transform: translateX(200%); -moz-transform: translateX(200%); -ms-transform: translateX(200%); -o-transform: translateX(200%); transform: translateX(200%); opacity:0;}
.open .icon-menu span:nth-child(3){ top: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}


.mobile-nav{ -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; position: fixed; background-color: #333; width:100%; height:100%; top: 95px; left: 0; -webkit-transform: translate(100%,0); -moz-transform: translate(100%,0); -ms-transform: translate(100%,0); -o-transform: translate(100%,0); transform: translate(100%,0);}
.mobile-nav .nav-wrap{ padding: 2.2rem 2rem; height:100%; overflow: scroll;}
.mobile-nav dl{ margin-bottom: 0;}
.mobile-nav dt{ border-bottom:1px dashed #4e4e4e; position: relative; padding:.3rem .5rem; }
.mobile-nav dt a{ line-height:2;display: block; width: 80%;margin-right: 2rem;font-weight: normal;}
.mobile-nav dt.has-child::before,.mobile-nav dt.has-child::after{ content: ''; position: absolute; width:1rem; height: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; border-bottom:1px solid #d3d3d3; right: .5rem; margin:auto; top: 0; bottom: 0;}
.mobile-nav dt.has-child::after{ -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);}
.mobile-nav dd{ display: none;}
.mobile-nav dd ul{ margin-bottom:0; line-height:2;margin-top: 5px;}
.mobile-nav a{ color: #f8f8f8;}

.mobile-nav dl.active dt::before{ -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
.mobile-nav dl.active dt::after{ -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}

.open-menu .mobile-nav{ -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); transform: translate(0,0);}

header.header-min .mobile-nav{ top:60px;}


.footer{ background-color: #272727; padding-top:2rem; color: #fff;}
.footer a{ color: #ffffff; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease;}
.footer a:hover{color: #fd9001;}
.footer .footer-top{ padding-bottom:1rem;}
.footer .footer-nav ul{ padding: 0; list-style:none;}
.footer .footer-nav ul li{ width:50%; float: left;}
.footer .footer-nav ul li a{ display: block;font-size: .875rem; line-height:2.5;}
.footer .footer-nav ul li:hover a{ -webkit-transform: translateX(5px); -moz-transform: translateX(5px); -ms-transform: translateX(5px); -o-transform: translateX(5px); transform: translateX(5px);}
.footer .footer-contact{}
.footer .footer-contact p{ font-size:.875rem; line-height:2;}
.footer .qrcode-list{}
.footer .qrcode-list .qrcode-item .qrcode-img{ width:105px; height:105px; background-color: #fff; padding:5px;}
.footer .qrcode-list .qrcode-item p{ opacity:.6; font-size:.75rem; text-align: center; line-height:2;}

.copyright{ text-transform: uppercase; padding:1rem 0; border-top:1px solid rgba(255,255,255,.1); font-size:.875rem; color: rgba(255,255,255,.7);}
.copyright a{ color: rgba(255,255,255,.7);}

.section{ padding:1rem 0;}
.section .sec-head{ position: relative; text-align: center; margin-top:1rem;}
.section .sec-head .sec-title{ text-transform: uppercase; font-size:2.5rem; font-weight:bold; color: #0256ac;font-family: Arial; line-height:1;}
.section .sec-head .sec-desc{ color: #333333;}
.section .sec-head .sec-desc span{ position: relative; padding:0 .75rem;}
.section .sec-head .sec-desc  fieldset  {border: none;padding: 0;border-top: 1px solid #909191;margin-inline-start:35%;margin-inline-end:35%;}
.section .sec-head .sec-desc  fieldset legend {width: auto;margin: 0 auto;padding: 0 10px;}
.section .sec-head.white .sec-title{ color: #fff;}
.section .sec-head.white .sec-desc fieldset legend{ color: #ffffff;}
.section .sec-head.white .sec-desc fieldset{ border-top-color: rgba(255,255,255,.7);}


.index-product{background: url("../Image/i_goods_bg.jpg") center fixed no-repeat;}
.category-nav{}
.category-nav .cate-item{width: 75%;height: 0;padding-bottom: 75%;margin: 0 auto;background: #999999; position: relative; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.category-nav .cate-item a{ position: absolute; margin:auto; left: 0; right: 0; top: 0; bottom:0;}
.category-nav .cate-item .cat-img{}
.category-nav .cate-item .cat-name{ color: #ffffff; line-height:2;}
.category-nav .cate-item:hover,.category-nav .cate-item.on{ background-color: #0061b0;}
.no-tips{ line-height:3;text-align: center;font-size: 1.5rem; color: #999999;}
.category-list {}
.category-list a{ display: inline-block; padding:3px 12px; border:1px solid #eeeeee; margin:3px;border-radius: 3px;}
.category-list a.on{ background-color: #0061b0; border-color: #0061b0; color: #ffffff;}
.product-list{}
.product-list .pro-item{ padding:0 10px 10px;}
.product-list .pro-item .item-wrap{ -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease;}
.product-list .pro-item .item-img{background: #fff;}
.product-list .pro-item .item-tool{ margin-top:2px;}
.product-list .pro-item .item-tool .item-name{ position: relative; padding: 6px; background-color: #fff; flex:1;font-size: 14px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; z-index:0;}
.product-list .pro-item .item-tool .item-name a{ position: relative; z-index:2;}
.product-list .pro-item .item-tool .item-name::before{ content: ''; position: absolute; top:0; left: 0; width:0; height:100%; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
.product-list .pro-item .item-tool .item-more{ background-color: #fff; margin-left:2px; margin-left: 2px;	padding: 5px 11px; color: #555555; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
.product-list .pro-item .item-tool:hover a{color: #0061b0;}
.product-list .pro-item .item-tool:hover .item-more:hover{color: #0061b0;}
.product-list .pro-item p{text-align: center; line-height:2;}

.product-list .pro-item:hover .item-wrap{ -webkit-box-shadow: 0px 5px 5px 0 rgba(4, 0, 0, .09); -moz-box-shadow: 0px 5px 5px 0 rgba(4, 0, 0, .09); box-shadow: 0px 5px 5px 0 rgba(4, 0, 0, .09); -webkit-transform: translateY(-3px); -moz-transform: translateY(-3px); -ms-transform: translateY(-3px); -o-transform: translateY(-3px); transform: translateY(-3px);}
.product-list .pro-item:hover .item-tool .item-more{ color: #fff; background-color: #fd9001;}
.product-list .pro-item:hover .item-tool .item-name::before{ background-color: #0061b0; width:100%;}
.product-list .pro-item:hover .item-tool .item-name a{ color: #ffffff;}
.index-about-section{background: url("../Image/i_about_bg.jpg") center/cover no-repeat fixed; padding:3rem 0;}
.index-about-section .about-main{ color: #ffffff;}
.index-about-section .about-main .sec-head { margin-bottom:1rem;}
.index-about-section .about-main .sec-head .sec-title{ text-transform: uppercase;font-size: 2.2rem; font-weight:bold;text-align: center; }

.index-about-section .sec-head .sec-desc  fieldset  {border: none;padding: 0;border-top: 1px solid #fff;margin-inline-start:15%;margin-inline-end:15%;}
.index-about-section .sec-head .sec-desc  fieldset legend {width: auto;max-width: 50%;	margin: 0 auto;padding: 0 10px;}

.index-about-section .about-main .about-content{ line-height: 2;text-indent: 2em;font-size: .875rem;}
.index-about-section .about-main .about-more{ -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; display: inline-block; margin-top:1rem; background-color: #fd9001; color: #fff; padding:3px 10px;font-size: 12px;}
.index-about-section .about-main .about-more i.iconfont{ font-size:12px;}
.index-about-section .about-main .about-more:hover{ background-color: #0061b0;}



.box{}
.box .box-head{ margin-bottom:.5rem;}
.box .box-head .head-name{ line-height:2;}
.box .box-head .head-name::before{ content: ''; display: inline-block; height:16px; vertical-align: middle; width:4px; background-color: #fd9001; margin-right:.75rem;}
.box .box-head .box-con{}


.image-list{}
.image-list .image-item{ margin-bottom:.5rem;}
.image-list .image-item .item-wrap{ padding:0 .5rem;}
.image-list .image-item .item-wrap img{ -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15);}
.image-list .image-item .item-wrap .item-img{ overflow: hidden;}
.image-list .image-item .item-name{ position: relative; padding:.3rem .12rem;}
.image-list .image-item .item-name::before,.image-list .image-item .item-name::after{ content: ''; position: absolute; bottom: 0; height:0; width:100%;  -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.image-list .image-item .item-name::before{left: 0; border-bottom: 1px solid #eeeeee;}
.image-list .image-item .item-name::after{right: 0;  border-bottom: 1px solid #fd9001; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%);}
.image-list .image-item:hover .item-name::after{ -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);}
.image-list .image-item:hover .item-img img{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}
.why-box{background: url("../Image/why_bg.png") left center no-repeat  fixed,url("../Image/why_bg.png") right center no-repeat fixed;  background-size: auto 140% ;}

.why-list{ background-color: #fff; }
.why-list .why-item .item-wrap{ padding:0 .4rem;}
.why-list .why-item .item-bottom{ -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease;padding:.875rem; border:1px solid #eeeeee; border-top:none;}
.why-list .why-item .item-img{  width: 100%;height: 0;padding-bottom: 100%;overflow: hidden;position: relative;}
.why-list .why-item .item-img .img-wrap{ position: relative;}
.why-list .why-item .item-img img{object-fit: cover;height: 100%;position: absolute;width: 100%;}
.why-list .why-item .item-title{ -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; font-weight:bold; color: #333; padding:.5rem 0;font-size: 1.25rem;}
.why-list .why-item .item-desc{font-size: .875rem; line-height:1.8;}
.why-list .why-item:hover .item-title{ color: #0061b0;}
.why-list .why-item:hover .item-bottom{border-color:#0061b0 }

.section-cases{ position: relative;}
.section-cases::before{ content: ''; position: absolute; z-index:0; height:63%;background-color: #e9eaeb; top: 0; width:100%;}
.pro-slide{ position: relative;}
.pro-slide .swiper-container{ padding:1rem 0;}
.pro-slide .swiper-slide .pro-img{ border: 4px solid #fff; overflow: hidden; background-color: #fff;}
.pro-slide .pro-item { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; -webkit-box-shadow: 0 5px 5px 0px rgba(4, 0, 0, .09); -moz-box-shadow: 0 5px 5px 0px rgba(4, 0, 0, .09); box-shadow: 0 5px 5px 0px rgba(4, 0, 0, .09);}
.pro-slide .pro-item img{ -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.pro-slide .pro-item .pro-caption{ padding:.8rem;}
.pro-slide .pro-item .pro-caption .pro-title{ flex:1;-webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
.pro-slide .pro-item .pro-more{-webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;    display: block;	width: 24px;height: 24px;background: #fd9001;text-align: center;border-radius: 50%; line-height:24px; position: relative;}
.pro-slide .pro-item .pro-more i{font-size: 10px; color: #fff; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin:auto;}

.pro-slide .pro-item:hover img{ -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15);}

.pro-slide .pro-item:hover { -webkit-box-shadow: 7px 7px 5px 0px rgba(4, 0, 0, .09); -moz-box-shadow: 7px 7px 5px 0px rgba(4, 0, 0, .09); box-shadow: 7px 7px 5px 0px rgba(4, 0, 0, .09);}
.pro-slide .pro-item:hover .pro-more{ background-color: #0061b0;}
.pro-slide .pro-item:hover .pro-caption .pro-title{ color: #0061b0; -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px);}

.pro-slide .pro-slide-prev,.pro-slide .pro-slide-next{ width:3rem; height:3rem;line-height: 3rem; position: absolute; margin:auto; top: 0; bottom: 0;font-size: 250%; color: #8f8f8f; cursor: pointer; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; z-index:3; outline:none;}
.pro-slide .pro-slide-prev{ left: -6%;}
.pro-slide .pro-slide-next{ right:-6%;}
.pro-slide .pro-slide-prev:hover,.pro-slide .pro-slide-next:hover{ color: #0061b0;}
.pro-slide .pro-slide-next.swiper-button-disabled,.pro-slide .pro-slide-prev.swiper-button-disabled{ color: #ccc; cursor: not-allowed;}


.section-news .hot-news{}
.section-news .hot-news .news-img{position: relative;height: 0;width: 100%;padding-bottom:56.3679%;overflow:hidden;}
.section-news .hot-news .news-title{-webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; line-height:1.8; padding:.625rem 0;}
.section-news .hot-news .news-desc{-webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;font-size: .875rem; line-height:1.8;}
.section-news .hot-news .news-more{ display: inline-block; margin-top:.5rem; background-color: #fd9001; color: #fff; padding:3px 10px;font-size: 12px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
.section-news .hot-news .news-more i.iconfont{ font-size:12px;}
.section-news .hot-news:hover .news-title{ color: #0061b0; -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px);}
.section-news .hot-news:hover .news-more{ background-color: #0061b0;}
.section-news .hot-news:hover .news-desc{ }

.index-news .news-txt-list{ background-color: #ffffff;}
.index-news .news-txt-list .news-item{ padding:1rem 0;}
.index-news .news-txt-list .news-item .news-time{ position: relative; text-align: center;}
.index-news .news-txt-list .news-item .news-time::after{ content: ''; display: block; position: absolute; width:0; bottom: 0; height:0; right: -1px;border-right:1px solid #0061b0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
.index-news .news-txt-list  .news-time p{ margin-bottom:0;}
.index-news .news-txt-list  .news-time .day{ font-size: 2.5rem; font-weight:400; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
.index-news .news-txt-list  .news-time .year{ color: #999;font-size: .625rem;}
.index-news .news-txt-list .news-item .news-info{ flex:1;}
.index-news .news-txt-list .news-item .news-title{ font-size: 1.125rem; font-weight:400; line-height:2;}
.index-news .news-txt-list .news-item .news-title a{ display: block; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
.index-news .news-txt-list .news-item .news-desc{font-size: .875rem;  color: #999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;	overflow: hidden;}
.index-news .news-txt-list .news-item:hover .news-title a{color: #0061b0; -webkit-transform: translateX(15px); -moz-transform: translateX(15px); -ms-transform: translateX(15px); -o-transform: translateX(15px); transform: translateX(15px);}
.index-news .news-txt-list .news-item:hover .news-time::after{ height:100%; ;}
.index-news .news-txt-list .news-item:hover .day{color: #0061b0;}


.goods-list .goods-item{padding: 0 8px; margin-bottom:20px; position: relative;}
.goods-list .goods-item .item-wrap{ position: relative;padding: 15px;}
.goods-list .goods-item .item-wrap::before{ content: '';position: absolute;top: 0;left: 0;width: calc(100% - 35px);	height: calc(100% - 35px);	border: 1px solid #e5e7e9;border-width: 1px 0 0 1px;pointer-events: none;transition: .3s all ease;	display: block;}
.goods-list .goods-item .item-wrap::after{ content: '';position: absolute;bottom: 0;	right: 0;width: calc(100% - 35px);height: calc(100% - 35px);border: 1px solid #e5e7e9;border-width: 0 1px 1px 0;pointer-events: none;transition: .3s all ease;	display: block;}
.goods-list .goods-item .goods-img img{transition: .3s all ease;width: 100%;object-fit: cover;}
.goods-list .goods-item .goods-title{text-align: center; overflow: hidden; white-space:nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; line-height:2; margin-top:1rem;}
.goods-list .goods-item .goods-title::after{ content: ''; display: block; margin:1rem auto 1.2rem; height:2px ; width:2.25rem; background-color: #e5e7e9;transition: .3s all ease;}

.goods-list .goods-item:hover .item-wrap::before{width: 100%;height: 100%; border-color: #0061b0;}
.goods-list .goods-item:hover .item-wrap::after{width: 100%;height: 100%; border-color: #0061b0;;}
.goods-list .goods-item:hover .goods-title::after{ width:5rem;background-color: #0061b0;}
.goods-list .goods-item:hover .goods-img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}

/*product info*/
.product-info-gallery h3{ line-height: 2;border-bottom: 1px solid #d4d4d4;padding-bottom: 0.5rem;}
.product-info-gallery .gallery {}
.product-info-gallery .gallery img{ max-width:100%;}
.product-info-gallery .catinf{font-size: 1.6rem;}
.product-info-gallery .pro-desc{ line-height:2;margin-top: 1rem;}
.product-info-gallery .pro-desc b{ line-height:2.5;font-size: 1.6rem;}
.product-info-gallery .pro-desc p{  border: 1px dashed #e8e8e8; line-height:2.5; text-indent:2em; background-color: #f7f9ff; padding: 1rem;}

.product-info-gallery .buy-note{ }
.product-info-gallery .buy-note b{line-height:2.5;font-size: 1.6rem; color: #0061b0; line-height:3;}
.product-info-gallery .buy-note p{ border: 1px dashed #e8e8e8; background-color: #fffee7; color: #353535; padding:15px 20px;}

.product-info-gallery .hotline{ font-size:1.125rem;margin: 1rem 0;}
.product-info-gallery .contact_online span{font-size:1.125rem;}
.product-info-gallery .contact_online a{ display: inline-block;color: #fff; text-align: center;line-height: 32px;width: 42%;}
.product-info-gallery .contact_online a.taobao{ background-color: #ff5500;}
.product-info-gallery .contact_online a.taobao i{ background-color: #fff; color: #ff5500; padding:2px;border-radius: 3px;}
.product-info-gallery .contact_online a.zixun{ background-color: #0061b0;border-color: #0061b0;}

.product-info-gallery .contact_online i.iconfont{ font-size:24px; vertical-align: middle;margin-right: 5px;}




.product-info-gallery #prev_next{ margin-top: 1rem;  border-top: 1px solid #d4d4d4; padding-top: 1rem; border-bottom: 1px solid #d4d4d4; padding-bottom: 1rem;}
.product-info-gallery #prev_next li{ line-height:2.2;}
.product-info-gallery #prev_next li a{ color: #333;}

.product-info-gallery #prev_next li.backlist{}
.product-info-gallery #prev_next li.backlist a{ color: #0061b0; border: 1px solid; padding: .5rem 2rem;}

.product-info-main{padding-top:1.5rem;}
.product-info-main .product-info{ }
.product-info-main .product-info .info-head{ background-color: #eeeeee; font-size: 1.125rem;}
.product-info-main .product-info .info-head span{padding: 0.6rem 0;display: inline-block;width: 8rem;text-align: center;  color: #fff; background-color: #0061b0;}
.product-info-main .product-info .info-con{ padding-top:1rem;line-height: 1.8; padding-bottom:1rem;}
.product-info-main .product-info .info-con img{ max-width:100% !important; vertical-align: bottom; height:auto !important;}
.no_tips{font-size: 20px; text-align: center; line-height:5;}
.product-info-main .product-relate{}
.product-info-main .product-relate .head{ border-left:5px solid #cb1a20; text-align: left;font-size: 1.6rem; padding:1rem 0 .5rem; text-indent: 2em;  background: #e8e8e8;}

.about-container{ padding-bottom:1rem;}
.about-container .about-content{ line-height:2;}
.honor-section{background: url("../Image/honor-bg.jpg") center/cover no-repeat;}

.honor-slider .honor-item{ border:2px solid #fff;}
.honor-slider .swiper-pagination{ position: relative; margin-top:1rem;}
.honor-slider .swiper-pagination .swiper-pagination-bullet{border-radius: 0; width:1rem; height:2px;outline: none;}
.honor-slider .swiper-pagination-bullet-active{ background-color: #ffffff;}

.img-gallery-slider .swiper-slide.swiper-slide-active,.img-gallery-slider .swiper-slide.swiper-slide-thumb-active{border:2px solid #0061b0;}


.sbanner{ position: relative; height:300px;}
.crumbs{ width: 100%;position: absolute;bottom: 0;	z-index: 9;background: rgba(0,0,0,.8);color: rgba(255,255,255,.5);;padding: .3rem; font-size:.875rem;}
.crumbs a{ color: rgba(255,255,255,.7); -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.crumbs a:hover{color: rgba(255,255,255,1)}
.sbanner .channel_inf{ height:100%;}
.sbanner .channel_inf span{ position: relative;font-size: 200%; color: #0045a2;margin-bottom: 10%;font-weight: bold;}
.sbanner .channel_inf span::before{ content: attr(title);	text-transform: uppercase;position: absolute;left: -120%;	right: -120%;	width: 280%;text-align: center;margin: auto;color: rgba(0, 0, 0, 0.1);;font-size: 117%;font-weight: bold;}


.news-list{}
.news-list .news-info{}
.news-list .news-info .news-title{ line-height:36px;color: #717171; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
.news-list .news-info .news-desc{ width: 100%;color: #A2A2A2;line-height: 24px;display: block;overflow: hidden;transition: all .3s ease-out 0s;font-style: normal;	text-overflow: ellipsis;display: -webkit-box;	-webkit-line-clamp: 3;-webkit-box-orient: vertical;	overflow: hidden;}
.news-list .news-time{-webkit-transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s; -moz-transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s; -ms-transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s; -o-transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s; transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;position: relative;  width: 120px; height: 0;   padding-bottom: 120px; background: #f5f5f5;   text-align: center; color: #999;}
.news-list .news-time .time-wrap{ position: absolute;}
.news-list .news-time .news-day{font-size: 60px;line-height: 1;}
.news-list .news-time .news-year{line-height:30px;}
.news-list .news-item{ -webkit-transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s; -moz-transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s; -ms-transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s; -o-transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s; transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;}
.news-list .news-item:hover {   box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);-webkit-transform: translate3d(0, -6px, 0);transform: translate3d(0, -6px, 0);}
.news-list .news-item:hover .news-time{ color: #0061b0;}
.news-list .news-item:hover .news-title{ color: #0061b0;}


.news-detail{}
.news-detail .news-title{white-space: normal;line-height: 40px;font-size: 30px;text-align: center;	padding: 40px 0 20px 0; color: #333333;}
.news-detail .news-meta{text-align: center;font-size: .875rem; color: #999999;}
.news-detail .news-content{ padding:1rem; line-height:1.8;}
.news-detail .news-content img{ max-width:100%; vertical-align: bottom;}
.news-detail .news-content p{ margin-bottom:.3rem;}
.newsPage{ line-height:2.5;}

.conact-detail{}
.conact-detail ul{ flex:1;list-style:none; padding:0;}
.conact-detail ul li.web_name{font-size: 18px; color: #e46818;}
.conact-detail ul li{ line-height:3; padding:0 1rem;font-size: .875rem; }
.conact-detail ul li p{-webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease;}
.conact-detail ul li:nth-child(even){ background-color: #f9f9f9;}
.conact-detail ul li:hover p{ -webkit-transform: translateX(15px); -moz-transform: translateX(15px); -ms-transform: translateX(15px); -o-transform: translateX(15px); transform: translateX(15px);}

.conact-detail .qrcode-list{}
.conact-detail .qrcode-list .qrcode-item{ margin:5px; width:120px; height:120px;}
.conact-detail .qrcode-list .qrcode-item img{ width:100%; height:100%;}
.conact-detail .qrcode-list .qrcode-item p{font-size: .75rem;text-align: center; line-height:1.8;}

.job-list{ margin-top:2rem;}
.job-list .job-item{ }
.job-list .job-item .job-head{padding:1rem; background-color: #f9f9f9;}
.job-list .job-item .job-body{ padding:1rem; line-height:2; font-size:.875rem; border:1px solid #eeeeee; border-top:none;}