.container{max-width:1440px;}

@media (min-width: 1680px) {.container{max-width:1440px; width: 100%} }



@media (min-width:1680px){.col-xxl,.col-xxl-1,.col-xxl-10,.col-xxl-11,.col-xxl-12,.col-xxl-2,.col-xxl-3,.col-xxl-4,.col-xxl-5,.col-xxl-6,.col-xxl-7,.col-xxl-8,.col-xxl-9,.col-xxl-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}.col-xxl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-xxl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-xxl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xxl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xxl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xxl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xxl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xxl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xxl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xxl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xxl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xxl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xxl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xxl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xxl-first{-ms-flex-order:-1;order:-1}.order-xxl-last{-ms-flex-order:13;order:13}.order-xxl-0{-ms-flex-order:0;order:0}.order-xxl-1{-ms-flex-order:1;order:1}.order-xxl-2{-ms-flex-order:2;order:2}.order-xxl-3{-ms-flex-order:3;order:3}.order-xxl-4{-ms-flex-order:4;order:4}.order-xxl-5{-ms-flex-order:5;order:5}.order-xxl-6{-ms-flex-order:6;order:6}.order-xxl-7{-ms-flex-order:7;order:7}.order-xxl-8{-ms-flex-order:8;order:8}.order-xxl-9{-ms-flex-order:9;order:9}.order-xxl-10{-ms-flex-order:10;order:10}.order-xxl-11{-ms-flex-order:11;order:11}.order-xxl-12{-ms-flex-order:12;order:12}.offset-xxl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xxl-2{margin-left:16.666667%}.offset-xxl-3{margin-left:25%}.offset-xxl-4{margin-left:33.333333%}.offset-xxl-5{margin-left:41.666667%}.offset-xxl-6{margin-left:50%}.offset-xxl-7{margin-left:58.333333%}.offset-xxl-8{margin-left:66.666667%}.offset-xxl-9{margin-left:75%}.offset-xxl-10{margin-left:83.333333%}.offset-xxl-11{margin-left:91.666667%}.d-xxl-block{ display: block !important;}.ml-xxl-0{ margin-left:0 !important;}.mt-xxl-3{  margin-top: 1rem!important;}}





@media (min-width:1920px) {.container{max-width:1440px;}}





@media (min-width:1920px){.col-xxxl,.col-xxxl-1,.col-xxxl-10,.col-xxxl-11,.col-xxxl-12,.col-xxxl-2,.col-xxxl-3,.col-xxxl-4,.col-xxxl-5,.col-xxxl-6,.col-xxxl-7,.col-xxxl-8,.col-xxxl-9,.col-xxxl-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}.col-xxxl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-xxxl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-xxxl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xxxl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xxxl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xxxl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xxxl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xxxl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xxxl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xxxl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xxxl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xxxl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xxxl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xxxl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xxxl-first{-ms-flex-order:-1;order:-1}.order-xxxl-last{-ms-flex-order:13;order:13}.order-xxxl-0{-ms-flex-order:0;order:0}.order-xxxl-1{-ms-flex-order:1;order:1}.order-xxxl-2{-ms-flex-order:2;order:2}.order-xxxl-3{-ms-flex-order:3;order:3}.order-xxxl-4{-ms-flex-order:4;order:4}.order-xxxl-5{-ms-flex-order:5;order:5}.order-xxxl-6{-ms-flex-order:6;order:6}.order-xxxl-7{-ms-flex-order:7;order:7}.order-xxxl-8{-ms-flex-order:8;order:8}.order-xxxl-9{-ms-flex-order:9;order:9}.order-xxxl-10{-ms-flex-order:10;order:10}.order-xxl-11{-ms-flex-order:11;order:11}.order-xxxl-12{-ms-flex-order:12;order:12}.offset-xxxl-0{margin-left:0}.offset-xxl-1{margin-left:8.333333%}.offset-xxl-2{margin-left:16.666667%}.offset-xxxl-3{margin-left:25%}.offset-xxxl-4{margin-left:33.333333%}.offset-xxxl-5{margin-left:41.666667%}.offset-xxxl-6{margin-left:50%}.offset-xxxl-7{margin-left:58.333333%}.offset-xxxl-8{margin-left:66.666667%}.offset-xxxl-9{margin-left:75%}.offset-xxxl-10{margin-left:83.333333%}.offset-xxxl-11{margin-left:91.666667%}}







body{ font-weight:300; color: #666;font-family:'微软雅黑','微软雅黑 Light', -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}

p {margin: 0;}

@media screen and (-webkit-min-device-pixel-ratio:0) {



	::-webkit-scrollbar { width: 5px; height: 8px; }



	::-webkit-scrollbar-track:enabled { background-color: #eee; }



	::-webkit-scrollbar-thumb:vertical { background-color: #c80d16; }



	::-webkit-scrollbar-thumb:horizontal { background-color: #c80d16; }



}



::selection {background: #fb5e1d;color: #ffffff;}



::-moz-selection {background: #fb5e1d;color: #ffffff;}



::selection {	background: #fb5e1d;color: #ffffff;}



::-moz-selection {background: #fb5e1d;color: #ffffff;}



a{ color: #333;}



a:hover{ color: #c80d16;text-decoration: none;}



input{ outline:none;}



.z-index-1{ z-index:1;}



.z-index-2{ z-index:2;}



.z-index-3{ z-index:3;}



.z-index-4{ z-index:4;}



.z-index-5{ z-index:5;}



.z-index-6{ z-index:6;}



.z-index-7{ z-index:7;}



.z-index-8{ z-index:8;}



.z-index-9{ z-index:9;}



.f14{ font-size:.875rem;}



i.wicon{font-size: inherit;}







.img-cover-4by3{height: 0;width: 100%;padding-bottom: 75%;overflow: hidden;position: relative; }



.img-cover-3by2{height: 0;width: 100%;padding-bottom: 66.667%;overflow: hidden;position: relative; }



.img-cover img{ max-width:100%; max-height:100%; position: absolute;margin: auto;top: 0;bottom: 0; left: 0; right: 0;}



.abs-center{ margin:auto; left: 0; right: 0; top: 0; bottom: 0; position: absolute;}



.bg-ef{ background-color: #EFEFEF;}



/* 动态线框*/



.ani-border {position: relative;}



/*.border .inner {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}*/



.ani-border:before,.ani-border:after,.ani-border .inner:before,.ani-border .inner:after {background-color: #dadada;position: absolute;content: "";display: block;-webkit-transition: -webkit-transform .2s;transition: -webkit-transform .2s;transition: transform .2s;transition: transform .2s,-webkit-transform .2s;}



.ani-border:before,.ani-border:after {left: 0;width: 100%;height: 3px;-webkit-transform: scaleX(0);transform: scaleX(0); z-index: 1;}



.ani-border:before {top: 0; -webkit-transform-origin: right center;transform-origin: right center;}



.ani-border:after {bottom: 0;-webkit-transform-origin: left center;transform-origin: left center;}



.ani-border .inner:before,.ani-border .inner:after {top: 0;width: 3px;height: 100%;-webkit-transform: scaleY(0);transform: scaleY(0);}



.ani-border .inner:before {left: 0;}



.ani-border .inner:after {right: 0;}



.ani-border:hover:before,.ani-border:hover:after {-webkit-transform: scaleX(1);transform: scaleX(1);}



.ani-border:hover .inner:before,.ani-border:hover .inner:after { -webkit-transform: scaleY(1);  transform: scaleY(1); }



.ani-border .inner:hover:before,.ani-border .inner:hover:after {-webkit-transform: scaleY(1);transform: scaleY(1);}



.ani-border .inner:before {-webkit-transform-origin: top center;transform-origin: top center;}



.ani-border .inner:after {-webkit-transform-origin: bottom center;transform-origin: bottom center;}



.ani-border:hover .inner:before {-webkit-transform-origin: bottom center;transform-origin: bottom center;}



.ani-border:hover .inner:after { -webkit-transform-origin: top center; transform-origin: top center;}



.ani-border:hover:before {-webkit-transform-origin: left center;transform-origin: left center;}



.ani-border:hover:after {-webkit-transform-origin: right center;transform-origin: right center;}







/*动画*/



@keyframes w-pulse {



	25%{



		-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);



	}



	75%{



		-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);



	}



}



@keyframes w-wave {  50%, 75% {    transform: scale(1.8);  }  80%, 100% {    opacity: 0;  }}



@keyframes w-shake {



	0% { transform: translate(1px, 1px) rotate(0deg)}



	10% { transform: translate(-1px, -2px) rotate(-1deg)}



	20% { transform: translate(-3px, 0px) rotate(1deg)}



	30% { transform: translate(3px, 2px) rotate(0deg)}



	40% { transform: translate(1px, -1px) rotate(1deg)}



	50% { transform: translate(-1px, 2px) rotate(-1deg)}



	60% { transform: translate(-3px, 1px) rotate(0deg)}



	70% { transform: translate(3px, 1px) rotate(-1deg)}



	80% { transform: translate(-1px, -1px) rotate(1deg)}



	90% { transform: translate(1px, 2px) rotate(0deg)}



	100% { transform: translate(1px, -2px) rotate(-1deg)}



}











@-webkit-keyframes sk-scaleout {



	0% { -webkit-transform: scale(0) }



	100% {



		-webkit-transform: scale(2.0);



		opacity: 0;



	}



}







@keyframes sk-scaleout {



	0% {



		-webkit-transform: scale(0);



		transform: scale(0);



	} 100% {



		  -webkit-transform: scale(2.0);



		  transform: scale(2.0);



		  opacity: 0;



	  }



}















header{background-color: #fff; position: fixed; width:100%; z-index:9; height:90px; top: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}



header .logo img{ -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}



header .logo .logo-white{ visibility: hidden; opacity:0;}



header .nav{ flex:1; padding:0 1rem; height: 100%;}



header .nav .nav-item{ position: relative; height: 100%; display: flex;align-items: center;}



header .nav .nav-item .child-item{ border-top:1px solid #eee; display: none; background-color: #fff; position: fixed; left: 0; right: 0; width:100%; top: 90px;}



header .nav .nav-item::before{ position: absolute; content: ''; width:4rem; height:3px; background-color: #c80d16; width:0; margin:auto; 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;}







header .nav .nav-item.active::before{ width:3rem;}



header .nav .nav-item .child-item .container{padding-top:2rem; padding-bottom:2rem;}



header .nav .nav-item .child-item::before{ content: '';}



header .nav .nav-item .child-item a{font-weight: 400;font-size: 1rem; color: #333; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; display: block; overflow: hidden; white-space:nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis;}



header .nav .nav-item .child-item a:hover{color: #c80d16;}



header .nav .nav-item .child-item dl{ display: flex;align-items: center;flex-wrap: wrap; }



header .nav .nav-item .child-item dl dd{flex:0 45%; padding-left:5%; line-height:2.2; margin-bottom:0;}



header .nav .nav-item .child-item dl dd:nth-child(even){ border-left:1px solid #eee;}



header .nav .nav-item .child-item.about-child dl dd{ flex:0 0 100%; border:none;}







header  a{font-size: 1rem;font-weight: 400;}



header .nav a:hover{ color: #c80d16;}







header .menu{ padding-left:.3rem; font-size: 1.75rem;}











.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:80px; left: 0; display: none;}



.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;}



.mobile-nav dt::before,.mobile-nav dt::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::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;}



.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;}











header .mask{ top:90px; display: none; position: fixed; height:100vh; width:100vw;background-color: rgba(0,0,0,.4); z-index:0;}



header .search .search-wrap{ background-color: #f1f1f2;height: 42px;border-radius: 21px;padding: 4px 14px;font-size: 14px;}



header .search .search-wrap .wicon{ color: #c80d16;}



header .search .search-box{ display: none; left: 0; right: 0; padding:3rem; position: fixed; background-color: #fff; top:90px;background-color: rgba(0,0,0,.8);}







header .search.active .search-box{ display: block;}



header .search form{ width:40%; margin:0 auto;}



header .search .w-input{ display: block; flex:0 0 78%; border:none;text-indent: .5rem;padding: .375rem .75rem;}



header .search .w-btn-search{background: #db2923;color: #fff; flex:0 0 20%; outline:none;}



header .search .search-keywords{ color: #fff;font-size: .875rem;}



header .search .search-keywords a{ margin:0 .5rem;font-size: .875rem; color: #fff;}



header .search .search-keywords a:hover{ color: #db2923;}







header .quick-nav{ width:100%; margin:1rem auto 0;}



header .quick-nav a{ background-color: transparent;font-size: .875rem; border:1px solid #eee; color: #fff; padding:.3rem 1rem;border-radius: 5px; margin:0 10px;}



header .quick-nav a:hover{ background-color: #db2923; color: #fff; border-color: #db2923;;}



header.header-min .logo-normal{ opacity:0; visibility: hidden;}



header.header-min .logo-white{ opacity:1; visibility: visible;}



header.header-min .nav .nav-item::after{ opacity:0; content:''; display: block; width:0; height:0;  border: 6px solid transparent;border-bottom-color: #fff;position: absolute;margin: auto;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; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px);}



header.header-min .nav .nav-item.active::after{ opacity:1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}



header.header-min .nav .nav-item::before{ display: none;}



header.header-min .mask{ top:60px;}



header.header-min{  height:60px;background-color: #181818;}



header.header-min .logo img{ width:90%;}







header.header-min .nav .nav-item .child-item{ border:none; top:60px;}



header.header-min .nav a{font-size: 15px; color: #fff; }



header.header-min .nav .nav-item .child-item a{font-size: .875rem;}



header.header-min .search-box{ top:60px;}



















.flash-box{ margin-top:90px; position: relative; z-index:1;}

#mbanner{ display: none; }



.m-leftname{display: none; text-align: center; margin: 1rem auto; width: 100%; clear: both; }

.m-leftname ul{ width: 100%; padding: 0;  margin: 0 }

.m-leftname li{ display: inline-block; width: 30%; padding: .8rem 0; margin: 0 1% .7rem 0; background: #f5f5f5  }

.m-leftname .on{ background: #c00; }

.m-leftname .on a{ color: #fff }



.index-pro{margin-top: -90px; margin-bottom:3.75rem; background-color: #fff; padding:35px;}



.index-pro .pro-head .head-name{font-size: 36px; font-weight:bold;}



.index-pro .pro-head .head-icon{  width:2.875rem; height:2.875rem;border-radius: 100%; overflow: hidden;  position: relative; color: #fff;background: #c80d16;}



.index-pro .pro-head .head-icon .wicon{ font-size: 1.75rem;}



.index-pro .pro-cat-nav a{ margin:0 1rem; font-weight: 500;}



.text-line-hidden-2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}



.pro-slide{ position: relative;}

.m-por{ display: none; }

.m-por .m-pro-nav{  width: 100%; height: auto; overflow: hidden; margin-top: .5rem}

.m-por .m-pro-nav a{ width: 48%; float: left; background: #f5f5f5; padding:.5rem; color: #333; margin:.5rem 1% 0 1%; text-align: center;  font-size: 1rem  }



.m-por  .swiper-slide{ background-color: #eee; padding:.5rem .5rem 1rem .5rem;}

.locationm{ display: none; }

.locationm{ height: 3rem; line-height: 3rem; background: #f5f5f5; color: #222 }

.locationm a{color: #222 }

.por-namelist { clear: both; padding: 0; margin: 0}

.por-namelist li{list-style: none; width:100%; margin:20px 0;   background: #f5f5f5; padding: 15px; display: inline-block;  height: auto; overflow:hidden;}

.por-namelist li .flimg{ display: block; width: 38%; float: left; }

.por-namelist li h3{ text-align: left; font-size: 22px;float: left; margin: 10px 0 10px 2%;  width:60%;  }

.por-namelist li img{ width: 100%; }

.por-namelist li .itempor{ margin: 10px 0 10px 2%;  width:60%; float: left;  }

.por-namelist li .itempor a{  padding:10px 15px;  display: block; float: left; margin:10px 15px 0 0; text-align: left;  border: 1px #ccc dashed; border-radius: 3px   }

.por-namelist li .itempor a:hover{ background: #c00;  color: #fff  }



.left-name2{}

.left-name2 .leftpor{ text-align: left; padding:10px 15px }

.left-name2 .leftpor h3{ font-size: 18px;text-align: left;  font-weight: normal; }

.left-name2 .leftpor .leftson a{ display: block;  padding:5px 10px; margin: 10px 0 0 0; border-bottom: 1px #ccc dashed }

.left-name2 .leftpor:hover{ background: #c00; color: #fff }

.left-name2 .leftpor:hover a{color: #fff}





.swiper-slide .pro-img{ height:0; width:100%; overflow: hidden; padding-bottom:75%; position: relative;}



.swiper-slide .pro-img img{ max-height:100%; max-width:100%; position: absolute; top:0; bottom: 0; left: 0; right: 0;}



.swiper-slide .pro-title{font-size: 1.25rem; color: #333; font-weight:500; line-height:36px; margin-top:10px;}



.swiper-slide .pro-title::after{ content: ''; display: block; width:10%; border-bottom:1px solid #333; margin-bottom:10px;}



.swiper-slide .pro-desc{font-size: 1rem; color: #999999; margin-bottom:1rem;}



.swiper-slide .pro-btn{ padding: .4rem 1.5rem;display: inline-block;font-size: .875rem; vertical-align: middle; margin:0 5px;}



.swiper-slide .pro-btn::after{ content: "\e63b";font-family: "wicon" !important;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; vertical-align: middle;}







.swiper-slide .pro-btn.btn-nomal{ background-color: #282828; color: #fff;}



.swiper-slide .pro-btn.btn-ask{ background-color: #d42114; color: #fff;}







.pro-slide-prev,.pro-slide-next{ width:3rem; height:3rem;line-height: 3rem; position: absolute; margin:auto; top: 0; bottom: 0;font-size: 500%; 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-prev{ left: -8%;}



.pro-slide-next{ right:-6%;}



.pro-slide-prev:hover,.pro-slide-next:hover{ color: #d42114;}



.pro-slide-next.swiper-button-disabled,.pro-slide-prev.swiper-button-disabled{ color: #ccc; cursor: not-allowed;}







.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.pro-slide .swiper-pagination-fraction{}











.i-section{padding-top: 3.125rem;}



.i-section .head{ position: relative;}



.i-section .head::before{ content: attr(data-title); text-transform: uppercase; color: rgba(153,153,153,.15); position: absolute; margin:auto; left: 0; right: 0; top: -.5rem; z-index:0; font-family:Impact;font-size:3.125rem;  height: 45%;overflow: hidden; line-height: 1;}



.i-section .head .head-name{ color: #343434;font-size: 2rem;font-weight: 400;}



.i-section .head .head-name .dot{ display: inline-block; width:3px; height:3px;border-radius: 50%;background-color: currentColor;vertical-align: middle;}



.i-section .head .head-desc{ font-size: 1.25rem;}







.index-adv{ background: url("../Image/adv-bg.jpg") center/cover no-repeat;}



.index-adv .head{}



.index-adv .head .head-name{ color: #343434;font-size: 2rem;font-weight: 400;}



.index-adv .head .head-name .dot{ display: inline-block; width:3px; height:3px;border-radius: 50%;background-color: currentColor;vertical-align: middle;}



.index-adv .head .head-desc{ font-size: 1.25rem;}



.index-adv .adv-tab-img::after{ content: ''; display: block; width:40%; height:3px; background-color: #d42114; margin-top:3rem;}



.adv-tab-img img{ border:8px solid #e6e6e6;}



.index-adv .adv-tab-hd{ background-color: #f5f5f5; padding:2rem 0;}



.index-adv .adv-tab-hd .icon .wicon{font-size: 350%;}



.index-adv .adv-tab-hd .icon:hover {animation: w-pulse 1s }



.index-adv .adv-tab-bd .adv-ename{ font-family:Impact; color: #c5c3c3; text-transform: uppercase;font-size: 1.625rem; line-height:1.2; margin-top:1rem;}



.index-adv .adv-tab-bd .adv-line{ height:2.5rem; width:0; border-left:2px solid #ddd; margin-top:1rem; margin-bottom:.5rem;}



.index-adv .adv-tab-bd .adv-item-name{ color: #2d2d2d;font-size: 1.75rem;line-height: 2; font-weight:400;}



.adv-tab-control i{display: inline-flex;justify-content: center;	align-items: center; color: #7c7c7c; width:3rem; height:3rem; border:1px solid #7c7c7c; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}



.adv-tab-control i:focus{ outline:none;}



.adv-tab-control i:hover::before{-webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}



.adv-tab-control i:hover{ color: #d42114; border-color: CurrentColor; }



.adv-tab-control i:hover::before{-webkit-transform: translateX(5px); -moz-transform: translateX(5px); -ms-transform: translateX(5px); -o-transform: translateX(5px); transform: translateX(5px);}



.adv-tab-control i.adv-swiper-next:hover::before{ -webkit-transform: translateX(-5px); -moz-transform: translateX(-5px); -ms-transform: translateX(-5px); -o-transform: translateX(-5px); transform: translateX(-5px);}



.adv-item{ cursor: pointer;}



.adv-item:not(:first-child){ border-left:1px solid #e9e9e9;}



.adv-item:hover { color: #d42114;}







.adv-tab-imgs{ border:8px solid #e6e6e6; cursor: grab;}



.swiper-slide-thumb-active{ color: #d42114;}















.index-about .about-container{ color: #333; background-color: #f6f6f6;}



.index-about .about-container .about-content{ color: #333; font-weight:400; line-height:36px; position: relative;}



.index-about .about-container h3::before{ content:url("../Image/about-txt.png");position: absolute; top: 0;}



 h3{ color: #282828; font-weight:bold; line-height:2;}



.index-about .about-container .about-icons{ text-align: center; display: flex;}



.index-about .about-container .about-icons .icon-item{ margin:0 1rem;}



.index-about .about-container .about-icons .icon{width:4.5rem; height:4.5rem; border:1px solid #333;border-radius: 50%; display: flex;align-items: center; justify-content:center;font-size: 2.25rem;}



.index-about .about-container .about-icons .icon .wicon{font-size: inherit;}



.index-about .about-pro{  position: absolute; right: 2rem;bottom: .5rem;}



.index-about .about-more{  display: block;width:9rem;background-color: #d42114; color: #fff;text-align: center;font-size: .875rem;   }



.index-about .about-more .wicon,.index-about .about-more span{ -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;display: inline-block; }



.index-about .about-container .about-icons .icon-item:hover .wicon{ -webkit-animation: w-pulse .3s; -o-animation: w-pulse .3s; animation: w-pulse .3s;}











.index-about .about-more:hover{ opacity:.8;}



.index-about .about-more:hover span{ -webkit-transform: translateX(-5px); -moz-transform: translateX(-5px); -ms-transform: translateX(-5px); -o-transform: translateX(-5px); transform: translateX(-5px);}



.index-about .about-more:hover .wicon{ -webkit-transform: translateX(5px); -moz-transform: translateX(5px); -ms-transform: translateX(5px); -o-transform: translateX(5px); transform: translateX(5px);}

.mind-more{ width: 40%; background: #c00; display: block; padding: .3rem 0; text-align: center; margin: .5rem auto 0 auto; color: #fff }





.index-news .news-container{ background-color: #f6f6f6; padding:2rem;}



.index-news .news-item.img-news{ background-color: #fafafa;}



.index-news .news-item.img-news .news-body{ padding:1rem;}



.index-news .news-item.img-news .new-thumb{}



.index-news .news-item.img-news .news-title{font-size: 1.25rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}



.index-news .news-item.img-news .news-desc{font-size: .875rem; color: #999999;}



.index-news .news-right{ margin-top: 1rem;}



.index-news .news-right .box-head {background-color: #fafafa; padding:1rem;}



.index-news .news-right .box-head .head-name{font-size: 1.625rem; font-weight:400; padding:0 1rem;}



.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{ text-align: center;}



.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;}



.index-news .news-txt-list  .news-time .year{ color: #999;font-size: .625rem;}



.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-desc{font-size: .875rem;  color: #999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;	overflow: hidden;}















.footer{ border-top:5px solid #d10009; background-color: #272727;}



.footer p{ margin-bottom:0;}



.footer-top{ padding-top:3.25rem; padding-bottom:3.25rem;}







.footer-service .service-tel{  }



.footer-service .service-tel .wicon{ display: inline-block; vertical-align: middle;color: #d42114;font-size: 1.25rem; margin-right:5px;}



.footer-service .service-tel span{font-weight:500;color: #858585; display: inline-block; vertical-align: middle;}



.footer-service .service-tel strong{ font-weight:bold; color: #d42114; font-size: 1.375rem; display: inline-block; vertical-align: middle;}







.footer-nav .nav-title{ font-weight:600; color: #fff;}



.footer-nav .nav-title::after{ content: ''; display: block; width:2rem; margin-top:.5rem; height:0; border-bottom:2px solid #d10009;}



.footer-nav li{ list-style:none; width:50%;flex:0 0 50%; max-width:50%; line-height:2;}



.footer-nav .w25 li{ flex:0 0 25%; max-width:25%;}



.footer-nav .nav-bd{ padding:0; margin-top:1rem;}



.footer-nav .nav-bd a{ color: rgba(255,255,255,.4);}



.footer-nav .nav-bd a:hover{ color: rgba(255,255,255,.8);}



.footer-contact .wx-inf p{ color: #fff;}



.footer-contact .wx-inf span{font-size: .875rem;}



.footer-contact .footer-hotline .wicon{ font-size:3rem;}



.footer-contact .footer-hotline .hotline{ margin-left:1rem;}



.footer-contact .footer-hotline .hotline .tel-num{font-size: 1.75rem; color: #fff; line-height: 1;font-weight:400}



.footer-contact .footer-hotline .hotline span{ color: #666666;font-size: .875rem; font-weight:500;}



.copyright{ background-color: #2f2f2f; color: rgba(255,255,255,.3); font-size: .875rem;}



.copyright span{ margin:0 .5rem;}



.copyright a{color: rgba(255,255,255,.3);font-size: .875rem;}



.copyright:hover{ color: rgba(255,255,255,.5);}



.copyright:hover a{color: rgba(255,255,255,.8);}







.bg-particles{ position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index:-1;}



.inner-page{ padding-top:90px;}



.sbanner{ height:360px; background-attachment: fixed; position: relative;}



.sbanner .sbanner-inf{ padding-left:1rem;font-weight:bold; color: #fff; line-height:1.2;}



.sbanner .sbanner-ename::before{ content: ''; display: block; width:2rem; height:3px; background-color: #fff; margin-bottom:1rem;}



.sbanner .sbanner-ename{ text-transform: uppercase; font-size: 1.75rem;}



.sbanner .sbanner-name{ font-size: 1.25rem; line-height:1.5;}







.sbanner .sbanner-description{ width: 35%;position: absolute;margin: auto;top: 0;bottom: 0;left: 0;right: 0;color: #fff; line-height: 2;}







.location{ background-color: #f4f4f4;font-size: .875rem;}



.location i{ margin-right:.5rem; color: #666;}



.location a{font-size: 1rem;}



.child-category-list{}



.child-category-list .cat-item{ display: inline-flex; justify-content:center;flex-direction: column;align-items: center; text-align: center; padding:.5rem 2.875rem; position: relative; overflow: hidden;}



.child-category-list .cat-item a{ display: block; position: relative; z-index:3;}



.child-category-list .cat-item::after{ content: ''; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin:auto; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(110%);background-color: #db2923; z-index:0;}



.child-category-list .cat-item:not(:last-child)::before{ content: ''; display: block; position: absolute; right:0; height:80%; width:0;border-left:1px solid #eee; margin:auto; top: 0; bottom: 0;}







.child-category-list .cat-item p{ margin-bottom:0; color: #333333;font-size: 20px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}



.child-category-list .cat-item span{font-size: 12px; color: #b9b9b9; text-transform: uppercase;-webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}



.child-category-list .cat-item:hover::after{ -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }



.child-category-list .cat-item:hover p{ color: #fff;}



.child-category-list .cat-item:hover span{ color: #fff;}







.pro-top{background-color: #f4f4f4;}



.pro-top .big-gallery{background: #e4e4e4;}



.pro-top .hy-list{}



.pro-top .hy-list .hy-item{ padding:.5rem 1.5rem; border:1px dashed #a2a2a2; color: #333333; margin:.5rem; -webkit-transition: all .3s;	 -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}



.pro-top .hy-list .hy-item:hover{ color: #db2923;border-style: solid;border-color: CurrentColor;}



.pro-top .btn.btn-ask{padding: .5rem 2rem;border-radius: 2rem; color: #fff;font-size: .875rem; background-color: #db2923; cursor: pointer;}



.pro-top .btn.btn-ask:hover{ color: #fff; opacity:.85;}







.gallery-list .gallery-item .item-name{text-align: center; padding:.5rem 0; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis;white-space: nowrap; color: #333;}







.pro-slider .pro-item .item-name{text-align: center; padding:.5rem 0; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis;white-space: nowrap; color: #333;}











.pro-slider .pro-prev,.pro-slider .pro-next{ position: absolute; margin:auto; top: 0; bottom: 0;    font-size: 2rem;width: 2rem;height: 2rem;line-height: 2rem; outline:none; cursor: pointer; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}



.pro-slider .pro-prev{ left:-2.2rem;}



.pro-slider .pro-next{ right:-2.2rem;}



.pro-slider .pro-prev:not(.swiper-button-disabled):hover,.pro-slider .pro-next:not(.swiper-button-disabled):hover{color: #c80d16;}



.pro-slider .pro-prev:not(.swiper-button-disabled):hover{ -webkit-transform: translateX(-5px); -moz-transform: translateX(-5px); -ms-transform: translateX(-5px); -o-transform: translateX(-5px); transform: translateX(-5px);}



.pro-slider .pro-next:not(.swiper-button-disabled):hover{ -webkit-transform: translateX(5px); -moz-transform: translateX(5px); -ms-transform: translateX(5px); -o-transform: translateX(5px); transform: translateX(5px);}







.provide{}



.provide .head{text-align: center;}



.provide .head .head-ename{  height: 2rem;text-transform: uppercase; color: rgba(228,227,227,.6);font-size: 300%; font-weight:600;overflow: hidden;	line-height: 1;}



.provide .head .head-name{ color: #db2923;  font-size: 250%; font-weight:500; position: relative;}



.provide .head .head-name span{ position: relative; display: inline-block; padding-bottom:5px;}



.provide .head .head-name span::before{ content: ''; display: block; width:40%; height:3px; background-color: CurrentColor; margin: auto; position: absolute; left: 0; right: 0; bottom: -3px;}



.provide .head .head-name span::after{content: ''; display: block; position: absolute; border:5px solid transparent; border-top-color: CurrentColor; width:0; height:0; margin:auto; left: 0; right: 0; bottom:-13px;}











.provide-list .provide-item { padding:.5rem;}



.provide-list .provide-item .item-wrap{ background-color: #f5f5f5; padding:2rem; text-align: center;}



 .icon{ }



.provide-list .provide-item .icon{border-radius: 100%;width:6.25rem; height:6.25rem; background-color: CurrentColor; color: #fff; display: flex;align-items: center; justify-content:center; margin-bottom:.5rem;}

.provide-list .provide-item .icon i{font-size:350%;}
.provide-list .provide-item .icon2{border-radius: 0;width:100%; height:6rem; background-color: CurrentColor; color: #fff; display: flex;align-items: center; justify-content:center; margin-bottom:.5rem; overflow: hidden;}

.provide-list .provide-item .icon2 i{font-size: 280%;}

.provide-list .provide-item .icon2 img{  width: 100%}

.provide-list .provide-item .item-name{ color: #333333;font-size: 140%; font-weight:400; line-height: 2; margin:.5rem auto 0}



.provide-list .provide-item .item-desc{ line-height:1.8; margin-bottom:1rem; width:76%; text-align: left;}

.provide-list .provide-item .item-desc2{ width:100%;margin-bottom:1.5rem;}

.provide-list .provide-item .more{ width:1.875rem; height:1.875rem; border-radius: 100%; background-color: CurrentColor; position: relative;}



.provide-list .provide-item .icon i,.provide-list .provide-item .more em{ color: #fff;}



.provide-list .provide-item .more em{ font-size: 24px;font-weight: 400;line-height: 120%;position: relative;z-index: 3;font-style: normal;display: block;}



.provide-list .provide-item .more::after,.provide-list .provide-item .more::before{ content: ''; display: block; width:100%; height:100%;background-color: CurrentColor; opacity:.6; position: absolute; -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -ms-transform: scale(1.4); -o-transform: scale(1.4); transform: scale(1.4);border-radius: 100%; top: 0; z-index:1;}



.provide-list .provide-item .more::before{ -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0);}



.provide-list .provide-item:hover .more:after,.provide-list .provide-item:hover .more:before{ -webkit-animation: w-wave 2s infinite ease-out; -o-animation: w-wave 2s infinite ease-out; animation: w-wave 2s infinite ease-out;}



.provide-list .provide-item:hover .more:before{ -webkit-animation-delay: .2s; -moz-animation-delay: .2s; -o-animation-delay: .2s; animation-delay: .2s;}



.provide-list .provide-item:hover .icon{ -webkit-animation: w-shake .2s; -o-animation: w-shake .2s; animation: w-shake .2s;}



.provide-list .provide-item:nth-child(1) .icon,.provide-list .provide-item:nth-child(1) .more{ color: #db2923;}
.provide-list .provide-item:nth-child(2) .icon,.provide-list .provide-item:nth-child(2) .more{ color: #ffb82a;}
.provide-list .provide-item:nth-child(3) .icon,.provide-list .provide-item:nth-child(3) .more{ color: #4bcdda;}
.provide-list .provide-item:nth-child(4) .icon,.provide-list .provide-item:nth-child(4) .more{ color: #91bb4f;}






.customer-slider .slider-item{ overflow: hidden; background-color: #fff;}



.customer-slider img{-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;}



.customer-slider .slider-item:hover img{ -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px);}







.empty_tips{width: 100%;font-size: 120%;line-height: 5; color: #999;}







.left-bar{ background-color: #f7f7f7;}



.left-bar .head{ background-color: #db2923; color: #fff; text-align: center;}



.left-bar .head span{ position: relative;font-size: 160%; font-weight:300;}



.left-bar ul{ padding:0; padding-top:.5rem; padding-bottom:.5rem;}



.left-bar ul li{text-align: center; padding:.85rem 0; list-style:none; margin-bottom:2px;}



.left-bar ul li i{color: #666; font-size: 120%;vertical-align: middle;display: inline-block;line-height: 1;}



.left-bar ul li:hover,.left-bar ul li.on{ background-color: #db2923; color: #fff;}



.left-bar ul li:hover i,.left-bar ul li.on i{ color: #fff;}



.left-bar ul li:hover a,.left-bar ul li.on a{ color: #fff;}





.right-bar{ margin-bottom: 20px }

.right-bar .head{ background-color: #f7f7f7;position: relative; padding-right:1rem;}



.right-bar .head .head-name{ display: inline-block;font-size: 150%; background-color: #db2923; color: #fff; height:100%; padding:1rem 3rem; text-align: center; }



.right-bar .head .btn-ask{padding: .5rem 2rem;border-radius: 2rem;color: #fff;	font-size: .875rem;background-color: #db2923;cursor: pointer;}



.right-bar .head .btn-ask:hover{ opacity:.85;}



.pro-list .pro-item{  -webkit-transition: -webkit-transform .2s;transition: -webkit-transform .2s;	transition: transform .2s;	transition: transform .2s,-webkit-transform .2s;}



.pro-list .pro-item .item-name{ color: #333333; font-weight:400; line-height: 2;}



.pro-list .pro-item:hover{ -webkit-transform: translate(0, -5px);	-moz-transform: translate(0, -5px);	-ms-transform: translate(0, -5px);	transform: translate(0, -5px);



	box-shadow: 0 2px 18px rgba(0,0,0,0.14);}



.pro-info-top{background-color: #DCDCDC;



	background-image: linear-gradient(90deg,#DCDCDC 30%,#E2E2E2 0%,#D7D7D7 0%,#ffffff 100%);



	background-image: -webkit-linear-gradient(90deg,#DCDCDC 30%,#E2E2E2 0%,#D7D7D7 0%,#ffffff 100%);



	background-image: -moz-linear-gradient(90deg,#DCDCDC 30%,#E2E2E2 0%,#D7D7D7 0%,#ffffff 100%);



	background-image: -o-linear-gradient(90deg,#DCDCDC 30%,#E2E2E2 0%,#D7D7D7 0%,#ffffff 100%);}







.pro-info-top .gallery-swiper.swiper-container-horizontal > .swiper-pagination-bullets{bottom:30px;}



.gallery-swiper .swiper-pagination-bullet-active {background: #db2923;}



.pro-info-top .g-sumary{}



.pro-info-top .goods-title{font-size: 240%; font-weight:bold; color: #333333;}



.pro-info-top .goods-brief{color: #999; line-height: 2;  padding-bottom:10px}

/*.pro-info-top .goods-attr{ padding-top: 30px }*/



.pro-info-top .goods-attr .attr-item{ margin-bottom:.875rem;line-height:2;font-weight: 400;}



.pro-info-top .goods-attr .attr-item .attr-label{ color: #333333;}



.pro-info-top .goods-attr .attr-item .attr-value{ flex:1; color: #666666;}



.pro-info-top .goods-contacts .btn-ask{ padding: .5rem 3rem;border-radius: 2rem;color: #fff;font-size: 1.175rem;background-color: #db2923;cursor: pointer;}



.pro-info-top .goods-contacts .contact-tel{ display: inline-flex;align-items: center;}



.pro-info-top .goods-contacts .contact-tel .wicon{background-color: #db2923;color: #fff;	display: inline-flex;width: 2.75rem;height: 2.75rem;border-radius: 50%;align-items: center;justify-content: center;font-size: 160%; margin-right:.5rem;}



.pro-info-top .goods-contacts .contact-tel p{ margin-bottom:0;font-size: 14px;font-weight: normal; line-height: 1;}



.pro-info-top .goods-contacts .contact-tel .tel-num{font-style: normal; color: #d42114;font-size: 1.875rem; line-height:1.2;font-weight: 500;}



.info-section{}



.info-section .sec-head{ text-align: center;}



.info-section .sec-head .head-name{font-size: 2.25rem; color: #333; font-weight:400;}



.info-section .sec-head .head-desc{font-size: 1.125rem;}



.info-section .sec-head::after{ content: ''; display: block; width:50px; margin:.7rem auto 0; border-bottom: 2px solid #d42114;}







.features-list{}



.features-list .feature-item .item-wrap{transition: all .52s cubic-bezier(.35, .75, .55, 1) 0.1s;-webkit-transition: all.52s cubic-bezier(.35, .75, .55, 1) .1s;-moz-transition: all.52s cubic-bezier(.35, .75, .55, 1) .1s; position: relative; overflow: hidden;}



.features-list .feature-item .num{ position: relative; z-index:1; border:1px solid #e6e6e6;width: 2rem; height:2rem;border-radius: 50%; display: flex;align-items: center; justify-content:center;font-size: 120%; font-weight:400; color: #999;transition: all .52s cubic-bezier(.35, .75, .55, 1) 0.1s;-webkit-transition: all.52s cubic-bezier(.35, .75, .55, 1) .1s;-moz-transition: all.52s cubic-bezier(.35, .75, .55, 1) .1s;}



.features-list .feature-item .item-name{ position: relative; z-index:1; color: #d42114;font-size: 1.875rem; font-weight:400; line-height: 2;transition: all .52s cubic-bezier(.35, .75, .55, 1) 0.1s;-webkit-transition: all.52s cubic-bezier(.35, .75, .55, 1) .1s;-moz-transition: all.52s cubic-bezier(.35, .75, .55, 1) .1s;}



.features-list .feature-item .item-desc{ position: relative; z-index:1; margin-top:.5rem; line-height: 1.8;}



.features-list .feature-item .item-wrap::after{ position: relative; z-index:1; content: ''; display: block; width:3rem; height:3px; background-color: #999; margin-top:5rem;   transition: all .52s cubic-bezier(.35, .75, .55, 1) 0.1s;-webkit-transition: all.52s cubic-bezier(.35, .75, .55, 1) .1s;-moz-transition: all.52s cubic-bezier(.35, .75, .55, 1) .1s; }



.features-list .feature-item:hover .item-wrap{/* background-color: #d42114;*/ color: #fff;}



.features-list .feature-item:hover .item-name{color: #fff;}



.features-list .feature-item:hover .num{border-color: CurrentColor; color: #fff;}



.features-list .feature-item .item-wrap::before{ content: ''; display: block; position: absolute; margin:auto; width:0; height:0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border:10px solid CurrentColor; z-index:0; top: 0; bottom: 0; left: 0; right: 0; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; transition: all .4s; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0);}



.features-list .feature-item:hover .item-wrap::after{background-color: #fff; width:4rem;}



.features-list .feature-item:hover .item-desc{ color: #fff;}



.features-list .feature-item:hover .item-wrap::before{ width:0; height:0; -webkit-transform: scale(30); -moz-transform: scale(30); -ms-transform: scale(30); -o-transform: scale(30); transform: scale(30);border-color: #d42114;}







.iso-list{}



.iso-list .iso-item{ flex:0 14.285%; max-width:50%;text-align: center; padding:1.5rem .3rem .5rem; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; transition: all .4s;}



.iso-list .iso-item .item-icon{ border:1px solid #c8c8c8; color: #666;display: inline-block;line-height: 1; padding:.5rem;border-radius: 10px; font-size: 300%;}



.iso-list .iso-item .item-icon i.wicon{ position: relative; display: block; }



.iso-list .iso-item .item-icon i.wicon.wicon-iso::after{content: "\e64f"; position: absolute;left: 0; top: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}



.iso-list .iso-item .item-icon i.wicon.wicon-iso::before{ display: block;-webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; transition: all .2s;-webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); opacity:0; visibility: hidden;}







.iso-list .iso-item .item-name{font-size: 1.125rem; font-weight:400; line-height:2;}



.iso-list .iso-item .item-desc{ height:3.2rem; padding:0 1.5rem;}



.iso-list .iso-item:hover{ background-color: #d42114; color: #fff; border-color: #d42114;}



.iso-list .iso-item:hover .item-icon{ color: #fff;}



.iso-list .iso-item:hover .item-icon i.wicon.wicon-iso::after{ -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); opacity:0; visibility: hidden;}







.iso-list .iso-item:hover .item-icon i.wicon.wicon-iso::before{ -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity:1; visibility: visible;}







.pro-details .content{ padding-top:1.5rem; margin-top:1rem;}







.pro-details .content h2{}



.pro-details .content h2> strong {font-size: 1.125rem;font-weight: normal;display: inline-block;padding: .5rem 1rem;background: #c80d16;color: #fff; margin-bottom:.5rem;}



.pro-details .content h2> strong::before{ content: ''; display: inline-block;}







.detail-link .link-item{ position: relative; display: block;}



.detail-link .link-item .link-overlay{ position: absolute; top: 0; right: 0; left: 0; bottom: 0; display: flex;align-items: center; padding-left:15%;}



.detail-link .link-item .icon{line-height: 1;font-size: 250%;color: rgba(255,255,255,.8);border: 1px solid;border-radius: 50%;padding: 1rem;}



.detail-link .link-item .info{  color: #fff;font-weight:400;}



.detail-link .link-item .info p{ margin-bottom:0; text-transform: capitalize;}



.detail-link .link-item .info p:first-child{font-size: 1.625rem;}



.detail-link .link-item.grey .info{  color: #666;}



.detail-link .link-item.grey .icon{ color: #666;}







.detail-link .link-item:hover{}







.related-list .item-wrap{ display: block; -webkit-transition: transform .2s , box-shadow .3s; -moz-transition: transform .2s , box-shadow .3s; -ms-transition: transform .2s , box-shadow .3s; -o-transition: transform .2s , box-shadow .3s; transition: transform .2s , box-shadow .3s;-webkit-box-shadow:  5px 3px 10px rgba(40,40,40,0); -moz-box-shadow:  5px 3px 10px rgba(40,40,40,0); box-shadow:  5px 3px 10px rgba(40,40,40,0);}



.related-list .item-img{background-color: #EFEFEF; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; transition: all .4s;}



.related-list .item-name{ margin-top:.5rem; overflow: hidden; white-space:nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; line-height:2; }



.related-list .pro-item:hover .item-wrap{ -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px); -webkit-box-shadow:  5px 3px 10px rgba(40,40,40,.1); -moz-box-shadow:  5px 3px 10px rgba(40,40,40,.1); box-shadow:  5px 3px 10px rgba(40,40,40,.1);}











.about-section{ padding-top:3rem;}



.about-section .sec-head{ margin-bottom:2rem;}



.about-section .sec-head .sec-name{font-size: 2.125rem; font-weight:bold; color: #333;}



.about-section .sec-head .sec-line{ position: relative;width:200px; height:1px; margin:5px auto; background-color: #ddd;}



.about-section .sec-head .sec-line::before{ content: ''; display: block; height:2px; background-color: #c80d16; position: absolute; width:40%; margin:auto; left: 0; right: 0; bottom: 0;}



.about-section .sec-head .sec-desc{ text-transform: uppercase;font-weight: 400;}



.about-section .about-main{ padding:0 3.125rem; position: relative;background: #fff;}







.about-section .about-main .about-head{ margin-bottom:1rem;}



.about-section .about-main .about-head::after{ content: ''; height:4px; width:10%; background-color: #c80d16; display: block; margin-top:1rem;}



.about-section .about-main .about-head .head-name{font-size: 2.25rem; font-weight:600; color: #333333;}



.about-section .about-main .about-head .head-name span{ color: #c80d16;}



.about-section .about-main .about-head .head-desc{font-size: 1.125rem; color: #999999;}



.about-section .about-main .about-detail{ line-height: 2.2;}



.about-section .about-img{ margin-top:5rem; position: relative; -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, .18); -moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, .18); box-shadow: 5px 5px 10px rgba(0, 0, 0, .18);margin-right: 40px; }



.about-section .about-img img{ display: block; position: relative; z-index:9;}



.about-section .about-img::before,.about-section .about-img::after{ position: absolute; content: ''; display: block; width:100%; height:100%; background-color: #c80d16; top: 0; -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, .18); -moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, .18); box-shadow: 5px 5px 10px rgba(0, 0, 0, .18);}



.about-section .about-img::before{ -webkit-transform: translate(20px, -20px); -moz-transform: translate(20px, -20px); -ms-transform: translate(20px, -20px); -o-transform: translate(20px, -20px); transform: translate(20px, -20px);z-index:8;}



.about-section .about-img::after{ -webkit-transform: translate(40px,-40px); -moz-transform: translate(40px,-40px); -ms-transform: translate(40px,-40px); -o-transform: translate(40px,-40px); transform: translate(40px,-40px);z-index:7; background-color: #e5e5e5;}



.about-section .about-img .btn-play{ width:4rem; height:4rem;background-color: rgba(0,0,0,.2); position: absolute; margin:auto; left: 0; bottom: 0; right: 0; top: 0; z-index:32;border-radius: 50%; display: flex;align-items: center; justify-content:center;font-size: 2rem; color: #fff;}



.about-section .about-img:hover .btn-play{ color: #c80d16;}







.about-section.cultrue{ background-color: #f4f4f4; margin-top:3rem;}











.cultrue-list{ margin-bottom:3rem;}



.cultrue-list .cultrue-item{text-align: center;}



.cultrue-list .cultrue-item .item-wrap{ -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; height:100%; background-color: #fff; padding:3rem 2rem; color: #333333; -webkit-box-shadow:  0px 0 5px #eee; -moz-box-shadow:  0px 0 5px #eee; box-shadow:  0px 0 5px #eee;}



.cultrue-list .cultrue-item .item-icon{ margin-bottom:1rem;}



.cultrue-list .cultrue-item .item-name{font-size: 2.125rem; font-weight:600;}



.cultrue-list .cultrue-item .item-ename{ text-transform: uppercase; font-weight:400;}



.cultrue-list .cultrue-item .item-desc{}



.cultrue-list .cultrue-item:hover .item-wrap{ -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px); -webkit-box-shadow:  5px 5px 10px #ddd; -moz-box-shadow:  5px 5px 10px #ddd; box-shadow:  5px 5px 10px #ddd;}



.cultrue-list .cultrue-item:hover .item-name{ color: #c80d16;}







.about-honor{}



.honor-slider .honor-item{}



.honor-slider .honor-item .item-img{ background-color: #eee;left: 0;right: 0;max-width: 100%;width: auto;max-height: 100%;}



.honor-slider .honor-item .item-name{text-align: center; line-height:2; margin-top:.5rem;}



.about-section.customer{ background-color: #f4f4f4;}







.news-cat a{ padding: .5rem 1.875rem;	border: 1px solid #eeeeee;display: inline-block;margin: 1.5rem .5rem; }







.empty_img{ background-color: #eeeeee;    position: absolute;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;font-size: 200%;color: #ddd;text-transform: uppercase;}



.news-list{}



.news-list .news-item{background-color: #f7f7f7; padding:1rem;-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-item .item-wrap{ }



.news-list .news-item .news-img{}



.news-list .news-item .news-info{}



.news-list .news-item .news-info .news-title{font-size: 1.75rem; font-weight:400;}



.news-list .news-item .news-info .news-desc{ line-height:2; margin-top:10px; color: #666;    display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4;overflow: hidden;}



.news-list .news-item .news-time{ color: #fff;}



.news-list .news-item .news-time .time-wrap{ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; width:60%; background: #535353;	border-top-left-radius: 3vw;	border-bottom-right-radius: 3vw;}



.news-list .news-item .news-time .day{ font-size: 2.25rem;font-weight: 400;}







.news-list .news-item:hover .news-time .time-wrap{ background-color: #c80d16;}



.news-list .news-item:hover{ -webkit-box-shadow: 5px 2px 10px rgba(0, 0, 0, 0.14); -moz-box-shadow: 5px 2px 10px rgba(0, 0, 0, 0.14); box-shadow: 5px 2px 10px rgba(0, 0, 0, 0.14); -webkit-transform: translate(0,-5px); -moz-transform: translate(0,-5px); -ms-transform: translate(0,-5px); -o-transform: translate(0,-5px); transform: translate(0,-5px); }











.news-detail .news-title{ color: #333;}



.news-detail .news-mata{font-size: .875rem; color: #999; border-bottom:1px solid #f7f7f7;}



#prev_next{ padding-left:0;}



#prev_next li{ list-style:none; overflow: hidden; white-space:nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis;}







.contact-box{ background-color: #f9f9f9;}







.contact-box .qrcode {text-align: center;}



.contact-box .qrcode p{ margin-bottom:0; line-height:1.5;}



.contact-box .qrcode .qrcode-img{background-color: #eee; width:200px; height:200px; margin-bottom:.5rem;}



.contact-box .contact-online p{ margin-bottom:0;}



.contact-box .contact-online .item-title{font-size: 1.625rem; font-weight:600;}



.contact-box .contact-online .wicon-kefu{font-size: 8.25rem; line-height:1;}







.contact-box .contact-bottom { padding:0 2rem;}



.contact-box .contact-bottom .contact-wrap{ height:100%; }



.contact-box .contact-bottom .contact-icon{ display: flex;align-items: center; justify-content:center; max-width:20%; flex:0 0 25%; background-color: #c80d16; color: #fff;font-size: 500%;}



.contact-box .contact-bottom .contact-inf{ text-align: center; max-width:60%; flex:0 0 60%;}



.contact-box .contact-bottom .contact-inf p{ line-height: 2; margin-bottom: 0; color: #999;font-size: 1.25rem;}



.contact-box .contact-bottom .contact-inf em{ color: #333; font-weight:400;font-style: normal;}







.message-box{ margin: 3rem 0; background-color: #f9f9f9;}



.message-box .box-head{ background-color: #eeeeee;}



.message-box .box-head .head-name{ background-color: #c80d16; color: #fff;font-size: 1.25rem; padding:.875rem 1.125rem; margin-right:1rem;}







.w-form{ margin-top:2rem;}



.w-form .form-item{ margin-bottom:1rem; display: flex;align-items: center;}



.w-form .form-item .form-label{ width:auto; padding:0 1rem;}



.w-form .form-item .form-value{ flex:1;}



.w-form .w-txt,.w-form .w-textarea{ resize: none; padding:.5rem .875rem; display: block; width: 100%; border:1px solid #ddd; outline:none; -webkit-transition: border-color .3s; -moz-transition: border-color .3s; -ms-transition: border-color .3s; -o-transition: border-color .3s; transition: border-color .3s;}



.w-form .w-btn-submit{ background-color: #c80d16;align-self: center; outline:none; margin:0 auto;}



.w-form .w-btn-submit:hover{border-radius: .75rem; opacity:.85;}



.w-form .w-textarea{ height:140px;}



.w-form .w-txt:focus,.w-form .w-textarea:focus{ border-color: #c80d16;}







.child-category-slider .category-item{ padding:15px 10px; position: relative;background: #f7f7f7;}



.child-category-slider .category-item .item-wrap{ position: relative; z-index:3;}



.child-category-slider .category-item a{ -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; transition: all .2s;}



.child-category-slider .category-item p{ margin-bottom:0;  text-align: center;font-size: 18px;}



.child-category-slider .category-item span{ text-align: center; text-transform: uppercase; overflow: hidden; white-space:nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis;display: block;width: 100%;font-size: .875rem;}







.child-category-slider .category-item::before,.child-category-slider .category-item::after{ content: ''; position: absolute; height:100%; width:0; top: 0; bottom: 0; margin:auto; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;background-color: #c80d16; z-index:0;}



.child-category-slider .category-item::before{ left: 0;}



.child-category-slider .category-item:hover::before{ width:50%;}



.child-category-slider .category-item::after{ right: 0;}



.child-category-slider .category-item:hover::after{ width:50%;}



.child-category-slider .category-item:hover a{ color: #fff;}







.child-category-slider .child-cat-prev,.child-category-slider .child-cat-next{ position: absolute; margin:auto; top: 0; bottom: 0;    font-size: 2rem;width: 2rem;height: 2rem;line-height: 2rem; outline:none; cursor: pointer; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}



.child-category-slider .child-cat-prev{ left:-2.2rem;}



.child-category-slider .child-cat-next{ right:-2.2rem;}



.child-category-slider .child-cat-prev:not(.swiper-button-disabled):hover,.child-category-slider .child-cat-next:not(.swiper-button-disabled):hover{color: #c80d16;}



.child-category-slider .child-cat-prev:not(.swiper-button-disabled):hover{ -webkit-transform: translateX(-5px); -moz-transform: translateX(-5px); -ms-transform: translateX(-5px); -o-transform: translateX(-5px); transform: translateX(-5px);}



.child-category-slider .child-cat-next:not(.swiper-button-disabled):hover{ -webkit-transform: translateX(5px); -moz-transform: translateX(5px); -ms-transform: translateX(5px); -o-transform: translateX(5px); transform: translateX(5px);}











.n-m-pagination{position: absolute;	top: 0;	z-index: 3;	text-align: right;	padding: 10px;	height: 46px;right: 0;	left: auto;background: rgba(0,0,0,.1); opacity:0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}



.img-news-slide:hover .n-m-pagination{ opacity:1;}



.indlink{padding: 20px;background-color: #2f2f2f; text-align: center;}

.indlink a{ color: #666;  }



.goods-dy{ position: absolute; right: 0; top:80px; max-width: 180px; font-size: 14px; text-align: center;  }

.goods-dy img{max-width: 150px; margin: 0 auto}

.goods-dy b{ color: #f00 }