@charset "utf-8";
/*=========== M public CSS ===========*/
*,:before,:after{ margin:0; padding:0; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;}
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, pre, form, fieldset, figure, figcaption, table, th, td img{ margin:0; padding:0;}
body{font-family:"Microsoft Yahei",sans-serif; color:#333; font-size: 16px; line-height: 1.7; margin:0 auto; background-color:#FFF;min-width: 320px;max-width: 750px;padding-bottom: 1rem;padding-bottom: calc(1rem + env(safe-area-inset-bottom));}
header,footer,nav,article,section,aside,time,address{ display: block; margin: 0; padding: 0;}
ol,ul,li{list-style:none;}
i,em{font-style: normal;}
a{ color:#333; text-decoration:none; outline:none; cursor:pointer;}
a:hover, a:active, a:link, a:visited{ text-decoration:none;}
fieldset,img,video{ max-width: 100%; border:none; vertical-align:middle;}

input,select,textarea,button{color:#333;font-size:16px;font-family:"Microsoft Yahei",sans-serif;outline:none; border: none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;}
input, button{ border-radius:0; -webkit-appearance:none;} /*清除IOS默认圆角*/
textarea{ resize :none; outline:none; border: none;-webkit-appearance: none;} /*去除右下角拖动边框标识*/
input:-ms-clear{ display:none;} /*消除 IE10 里的叉号*/
input[type="button"], input[type="submit"], input[type="reset"]{ -webkit-appearance: none; outline:none;}
::-webkit-input-placeholder{color:#999;}
::-moz-placeholder{color:#999;}
:-ms-input-placeholder{color:#999;}
:-moz-placeholder{color:#999;}

table{ border-collapse: separate;} /*边线重叠*/
.clearfix:after{ content:"."; display:block; height:0; line-height:0; clear:both; visibility:hidden;}
.clearfix{ zoom:1;}

.transition{transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;}
.wp{padding: 0 0.3rem;}
/*.index-ban img{min-height:180px;}*/

.head-top{display: -webkit-flex;display: flex;justify-content: space-between;align-items: center;padding: 0.2rem 0.3rem;}
.head-top a{width: 2.6rem;}
.head-top span{width: 1.8rem;}
nav{display: -webkit-flex;display: flex;justify-content: space-between;align-items: center;}
nav a{font-size: .32rem;color: #333;line-height: .42rem;padding: .1rem 0 0.2rem;position: relative;flex-grow: 1;text-align: center;}
nav a.on{color: #DA251D;}


.menuBtn{position:relative;z-index:9;width:0.52rem;cursor:pointer;height:0.48rem;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;margin-top:-0.1rem;}
.menuBtn b{display:block;height:0.06rem;width:100%;background-color:#333;margin:0.1rem 0;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;-webkit-border-radius:0.04rem;-moz-border-radius:0.04rem;-ms-border-radius:0.04rem;-o-border-radius:0.04rem;border-radius:0.04rem;}
.menuBtn b:last-child{margin-bottom:0}
.menuBtn.open b{opacity:0;position:absolute}
.menuBtn.open b:first-child{left:0;top:0;opacity:1;transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);transform-origin:0 0}
.menuBtn.open b:last-child{opacity:1;left:-0.04rem;bottom:-0.04rem;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform-origin:0 0;-moz-transform:rotate(-45deg)}
.nav-show{display:none;background:#fff;position:absolute;top:1rem;right:0;width:2rem;max-width:750px;z-index:999;box-shadow:0 0 .15rem rgba(0,0,0,.12)}

.nav-show nav{display: block;}
.nav-show nav a{display: block;text-align: left;line-height: 1.4;margin: 0.2rem 0;text-align: center;}
.nav-show  nav a.on{border-color:#DA251D;}

.head-top a.back{width: 0.24rem;}
.head-top ol{flex: 1; text-align:center;color:#333;font-size:.32rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding:0 0.2rem;}
.head-top li{display:inline;line-height:0.6rem}

.index-about{margin-top: 0.3rem;}
.index-name h1{font-size: 0.3rem;text-align: center;font-size: 0.4rem;}
.index-tit{display: -webkit-flex;display: flex;justify-content: space-between;align-items: center;position: relative;padding-left: .26rem;line-height: 1.1;margin-bottom: 0.5rem;}
.index-tit:before{content: "";position: absolute;left: 0;top: 0;width: 0.02rem;height: 100%;background-color:#DA251D;}
.index-tit:after{content: "";position: absolute;left: 0.04rem;top: 0;width: 0.06rem;height: 100%;background-color:#DA251D;}
.index-tit h2{font-size: 0.4rem;}
.tit-more{color: #8C8C8C;font-size: 0.3rem;}

.about-base li{float: left;width: 50%;margin-top: 0.5rem;}
.about-base li strong{position: relative;display: block;padding-left: 0.4rem;font-size: 0.5rem;padding-top: 0.3rem;color:#DA251D;line-height: 1.2;letter-spacing: -0.02rem;}
.about-base li strong:before{content: "";position: absolute;left: 0;top: 0;width: 0.8rem;height:0.8rem;border: 0.1rem solid #efefef;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;z-index: -1;}
.about-base li strong i{color:#666;line-height: 1.1;margin-left: 0.06rem;font-size: 0.3rem;font-weight: normal;}
.about-base li p{font-size: 0.3rem;line-height: 1.1;margin-top: 0.1rem;}
.about-base li p:before{content:'';display: inline-block;vertical-align: middle;width:0.3rem;height:0.02rem;background-color: #DA251D;margin-right: 0.12rem;}
.index-line{height: .2rem;margin: 0.5rem 0;background-color: #F5F5F5;}

.swiper-hot .hot-item{background-color: #FFF;box-shadow: 0 0 0.12rem rgba(0,0,0,.2);-webkit-border-radius: 0.12rem;-moz-border-radius: 0.12rem;-ms-border-radius: 0.12rem;-o-border-radius: 0.12rem;border-radius: 0.12rem;margin-bottom: 0.2rem;}
.swiper-hot .pic{border-radius: 0.12rem 0.12rem 0 0;-webkit-box-shadow: 0 0 0.1rem rgba(0,0,0,.2);-moz-box-shadow: 0 0 0.1rem rgba(0,0,0,.2);-ms-box-shadow: 0 0 0.1rem rgba(0,0,0,.2);-o-box-shadow: 0 0 0.1rem rgba(0,0,0,.2);box-shadow: 0 0 0.1rem rgba(0,0,0,.2);}
.swiper-hot .pic a{display: block;position: relative;padding-top:60.1%;}
.swiper-hot .pic a img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.swiper-hot .txt{padding: 0.32rem 0.4rem 0.4rem;line-height: 1.2;-webkit-border-radius: 0 0 0.12rem 0.12rem;-moz-border-radius: 0 0 0.12rem 0.12rem;-ms-border-radius: 0 0 0.12rem 0.12rem;-o-border-radius: 0 0 0.12rem 0.12rem;border-radius: 0 0 0.12rem 0.12rem;}
.swiper-hot .txt a{display: block; font-size: 0.36rem;font-weight: bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-bottom: 0.3rem;}
.swiper-hot .txt p{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;position: relative;padding-left: 0.44rem;margin-top: 0.16rem;color: #555;}
.swiper-hot .txt p:before{content: "";position: absolute;left: 0;top: 0.05rem;width: 0.3rem;height: 0.3rem;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;background-repeat: no-repeat;background-position: left center;}
.swiper-hot .txt p:nth-child(2):before{background-image: url(../m-img/ico-case01.png);}
.swiper-hot .txt p:nth-child(3):before{background-image: url(../m-img/ico-case02.png);}
.swiper-hot .swiper-slide{width: 85%;}
.swiper-hot .swiper-slide .hot-item{width:100%;-webkit-transform:scale(.9);transform:scale(.9)}
.swiper-hot .swiper-slide-active .hot-item{width:100%;-webkit-transform:scale(1);transform:scale(1)}
.swiper-hot .swiper-slide-active .hot-item:before{content: "";position: absolute;left: 0.4rem;right: 0.4rem;bottom: -0.2rem;height: 0.2rem;border-bottom-right-radius: .12rem;border-bottom-left-radius: .12rem;transition: all .5s;background: rgba(218,37,29,.1);z-index: -1;}
.swiper-hot .swiper-slide-active .hot-item:after{content: "";position: absolute;left: 0.2rem;right: 0.2rem;bottom: -0.1rem;height: 0.1rem;border-bottom-right-radius: .12rem;border-bottom-left-radius: .12rem;transition: all .5s;background: rgba(218,37,29,.2);z-index: -1;}


.case-list{margin-top: 0.5rem;}
.case-list li{position: relative;margin-bottom: 0.3rem;}
.case-list li:before{content: "";position: absolute;left: 0.4rem;right:0;top: 0.3rem;bottom:0;background-color: #FFF;-webkit-box-shadow: 0 0 0.4rem rgba(0,0,0,.15);-moz-box-shadow: 0 0 0.4rem rgba(0,0,0,.15);-ms-box-shadow: 0 0 0.4rem rgba(0,0,0,.15);-o-box-shadow: 0 0 0.4rem rgba(0,0,0,.15);box-shadow: 0 0 0.4rem rgba(0,0,0,.15);z-index: -1;-webkit-border-radius: 0.1rem;-moz-border-radius: 0.1rem;-ms-border-radius: 0.1rem;-o-border-radius: 0.1rem;border-radius: 0.1rem;}
.case-list li .pic{float: left;width: 3rem;}
.case-list li .pic a{display: block;position: relative;padding-top: 76.8%;-webkit-border-radius: 0.1rem;-moz-border-radius: 0.1rem;-ms-border-radius: 0.1rem;-o-border-radius: 0.1rem;border-radius: 0.1rem;overflow: hidden;}
.case-list li .pic a img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.case-list li .txt{display: block;overflow: hidden;padding:0.5rem 0.2rem 0.2rem 0.3rem;}
.case-list li .txt a{font-size: 0.36rem;font-weight: bold;margin-bottom: 0.1rem;display: block;line-height: 0.5rem;height: 1rem;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.case-list li .txt p{font-size: 0.28rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}


.news-tab{display:-webkit-flex;display:flex;justify-content:space-between;align-items:center;position:relative; margin:.5rem;}
.news-tab li{width:50%;line-height:0.8rem;text-align:center;display:block;font-size:.32rem;color:#333;position:relative;border:2px solid #F2F2F2;background-color: #FAFAFA;margin: 0 0.1rem;-webkit-box-shadow: 0px 1px 10px rgba(66,66,66,.2);-moz-box-shadow: 0px 1px 10px rgba(66,66,66,.2);-ms-box-shadow: 0px 1px 10px rgba(66,66,66,.2);-o-box-shadow: 0px 1px 10px rgba(66,66,66,.2);box-shadow: 0px 1px 10px rgba(66,66,66,.2);-webkit-border-radius: 0.1rem;-moz-border-radius: 0.1rem;-ms-border-radius: 0.1rem;-o-border-radius: 0.1rem;border-radius: 0.1rem;}
.news-tab li.on{color:#fff;background-color: #DA251D;}

.news-show li{border-bottom:1px solid #EEE;padding:0.2rem 0;}
.news-show li .pic{float: left; width: 2rem;margin-right: 0.2rem;}
.news-show li .txt{display: block;overflow: hidden;}
.news-show li .txt a{display: block;line-height: 0.5rem;height: 1rem;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;font-size: 0.32rem;}
.news-show li .txt span{display: block;font-size: 0.28rem;margin-top: 0.1rem;color: #999;text-align: right;}
.dn{display: none;}
.news-show li.news-picno a{display: block;line-height: 0.5rem;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;font-size: 0.32rem;}
.news-show li.news-picno span{display: block;font-size: 0.28rem;margin-top: 0.1rem;color: #999;text-align: right;}
.index-ser{margin-top:15px;}

.index-ser strong{display: block; font-size: 0.4rem;color: #555;text-align: center;}
.index-ser strong span{color: #DA251D;padding-right: 0.1rem;}
.index-ser img{width: 100%;margin-top: 0.3rem;}
.ser-info{position:relative;background-color: #FFF;}
.ser-info:before{content:"";position:absolute;right:50%;top:0;width:1px;height:100%;background-color:#e6e6e6}
.ser-info:after{content:"";position:absolute;left:0;top:50%;width:100%;height:1px;background-color:#e6e6e6}
.ser-info li{float:left;width:50%;text-align:center;line-height:1.2;color:#666;font-size:0.26rem;padding:0.8rem 0}
.ser-info li strong{display:block;font-size:0.36rem;font-weight: bold; margin-bottom:0.16rem;color:#333;}
.ser-info span{position:absolute;left:50%;top:50%;width:1.48rem;height:1.48rem;margin-left:-0.77rem;margin-top:-0.59rem;z-index:10;color:#fff;font-size:0.3rem;font-weight:700;line-height:1.3;padding-top:0.36rem;text-align:center;cursor:pointer}
.ser-info span:before{content:"";position:absolute;left:0;top:0;width:1.48rem;height:1.48rem;background:url(../m-img/ser-btn.png) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover; -webkit-animation:smove 2.5s linear infinite;animation:smove 2.5s linear infinite;z-index:-1;}
@-webkit-keyframes smove{
    0%{-webkit-transform:rotate(0)}
    100%{-webkit-transform:rotate(360deg)}
}
@keyframes smove{
    0%{transform:rotate(0)}
    100%{transform:rotate(360deg)}
}

.index-copy{background-color: #F5F5F5;text-align: center;font-size: 0.28rem;padding:0.4rem 0.3rem;}
.index-copy a{display: inline-block;margin-left: 0.2rem;}

.goTop{position:fixed;right:.1rem;bottom:1.6rem;width:.7rem;z-index:99;display: none;}
.goTop img{display:block;width:100%}

.fix-show{position: fixed; bottom: -100%;max-width: 750px;width: 100%;z-index: 9999;background: url(../m-img/fix-bg.png) no-repeat;-webkit-background-size: 100% 100%;-moz-background-size: 100% 100%;-ms-background-size: 100% 100%;-o-background-size: 100% 100%;background-size: 100% 100%;line-height: 0.7rem;padding-top:0.12rem;font-size: 0;-ms-transition: 1s;-moz-transition: 1s;-webkit-transition: 1s;-o-transition: 1s;transition: 1s;}
.fix-show img{width: 0.6rem;margin-right: 0.1rem;}
.fix-show a{display: inline-block; width: 50%;text-align: center;font-size: 0.32rem;margin-top: 0.1rem;}
.fix-show a.fix-zx{color: #4c4c4c;}
.fix-show a.fix-tel{color: #FFF;}
.fix-show a.fix-ly{color: #FFF;}

/* about style */
.base-show{position: relative;padding-top:0.4rem;border-top:1px solid #DDD;}
.base-show span{position: absolute;left: 0.3rem;top: 0.5rem; display: block;color: #f1f1f1;font-size: 0.6rem;font-family: 'PingFangH';line-height: 1.1;text-transform:uppercase;font-weight: bold;z-index: -1;}
.base-show strong{display: block;font-size: 0.5rem;line-height: 1.1;margin: 0.4rem 0 .3rem;}
.base-show p{color:#8c8c8c;font-size: 0.3rem;line-height: 1.6;}
.about-name{text-align: center;position: relative;padding-bottom: 0.24rem;margin-bottom: 0.4rem;}
.about-name:after{content: "";position: absolute;left: 0;right:0;bottom: 0;width: 0.6rem;height: 0.04rem;background-color:#DA251D;margin: 0 auto;}
.about-name h2{font-size: 0.44rem;font-weight: normal;line-height: 1.2;letter-spacing: 0.03rem;}

.intro-video video{width: 100%;}
.intro-video p{margin-top: 0.4rem;}

.about-area .swiper-slide{margin:0 2%; border-radius: 0.12rem; width:79%;}
.about-area{position: relative;width: 100%;margin-left: auto;margin-right: auto;overflow: hidden;z-index: 1;}
.about-area .cont{clear: both;width: 94%;background: #FFF;margin: 0 4%;border-radius: .12rem;-webkit-box-shadow: 0 0 .12rem rgba(0,0,0,.15);-moz-box-shadow: 0 0 .12rem rgba(0,0,0,.15);box-shadow: 0 0 .12rem rgba(0,0,0,.15);}
.about-area .cont a img{width: 100%;vertical-align: middle;border-radius: .12rem .12rem 0 0;}
.about-area .swiper-slide-active{position: relative;}
.about-area .swiper-slide-active .cont{width: 100%;margin: 0 0 0.4rem;}
.about-area .swiper-slide-active:before{content: "";display: block;position: absolute;bottom: 0.16rem;left:6%;width: 88%;height:.12rem;z-index: -2;border-radius: 0 0 .12rem .12rem;transition: all 0.5s;-webkit-box-shadow: 0 0 .12rem rgba(0,0,0,.15);-moz-box-shadow: 0 0 .12rem rgba(0,0,0,.15);box-shadow: 0 0 .12rem rgba(0,0,0,.15);background-color: #FFF;}
.about-area .swiper-slide-active:after{ content: "";display: block; position: absolute;bottom: 0.28rem;left:3%;width: 94%;height: .12rem;z-index: -1;border-radius: 0 0 .12rem .12rem;transition: all 0.5s;-webkit-box-shadow: 0 0 .12rem rgba(0,0,0,.15);-moz-box-shadow: 0 0 .12rem rgba(0,0,0,.15);box-shadow: 0 0 .12rem rgba(0,0,0,.15);background-color: #FFF;}
.about-area p{ color: #333; font-size: 0.32rem; line-height: 0.6rem;padding: 0.12rem 0; text-align: center;}
.about-area p img{ width: 0.4rem; margin-right: 0.16rem; vertical-align: middle;}

.intro-video p,.about-nation p{font-size: 0.32rem;line-height: 2;color: #555;}


/* product style */
.list-pro{margin-left: -3%;}
.list-pro li{float: left;width: 47%;margin-left: 3%;background-color: #FFF;box-shadow: 0 0 0.2rem rgba(66,66,66,.2);-o-box-shadow: 0 0 .2rem rgba(66,66,66,.2);-ms-box-shadow: 0 0 .2rem rgba(66,66,66,.2);-moz-box-shadow: 0 0 .2rem rgba(66,66,66,.2);-webkit-box-shadow: 0 0 0.2rem rgba(66,66,66,.2);margin-bottom: 0.3rem;-webkit-border-radius: 0.1rem;-moz-border-radius: 0.1rem;-ms-border-radius: 0.1rem;-o-border-radius: 0.1rem;border-radius: 0.1rem;overflow: hidden;}
.list-pro li a{display: block;}
.list-pro li .pic{position: relative;padding-top: 77.1%;}
.list-pro li .pic img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.list-pro li .txt{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 0.32rem;padding:0.1rem 0.2rem;}
.list-pro li .txt:before{content: '';display: inline-block;vertical-align: middle;margin-top: -0.1rem;width: 0.24rem;height: 0.24rem;margin-right: 0.12rem;background: url(../m-img/icon-txt.png) no-repeat;-webkit-background-size: 100% 100%;-moz-background-size: 100% 100%;-ms-background-size: 100% 100%;-o-background-size: 100% 100%;background-size: 100% 100%;}


/* case style */
.list-con .case-list li .txt p{position: relative;padding-left: 0.4rem;}
.list-con .case-list li .txt p:before{content: "";position: absolute;left: 0;top: 0.05rem;width: 0.32rem;height: 0.32rem;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;background-repeat: no-repeat;background-position: left center;}
.list-con .case-list li .txt p:nth-child(2):before{background-image: url(../m-img/ico-case01.png);}
.list-con .case-list li .txt p:nth-child(3):before{background-image: url(../m-img/ico-case02.png);}


/* news style */
.news-hot{padding-left: 0.3rem;margin-bottom: 0.5rem;}
.news-swiper.swiper-container{padding-bottom: 0.4rem;}
.news-swiper .swiper-slide{width: 80%;}
.news-swiper a{display: block;}
.news-swiper .pic{position: relative;padding-top: 75.1%;}
.news-swiper .pic img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.news-swiper .txt{margin:0.1rem 0;line-height: 0.5rem;height: 1rem;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;font-size: 0.32rem;}
.news-swiper.swiper-container-horizontal>.swiper-pagination-bullets{bottom:0;text-align: left;}
.news-swiper .swiper-pagination-bullet{width: 0.8rem;height: 0.08rem;background-color: #DDD;border-radius: 0; opacity: 1;}
.news-swiper .swiper-pagination-bullet-active{background: #DA251D;}
.news-lists{border-top:0.2rem solid #F5F5F5;padding-top:0.5rem;}

.page-show{color: #333;text-align: center;line-height: 0.48rem;margin:0.6rem 0 0.7rem -0.2rem;}
.page-show span{font-size: 0.32rem;margin-left: 0.2rem;}
.page-show span.page{border: 1px solid #DA251D;-webkit-border-radius:0.05rem;border-radius:0.05rem;padding: 0.1rem;}
.page-show a{margin-left: 0.2rem;}
.page-show span i{color: #DA251D;font-weight: bold;font-size: 0.36rem;}
.page-list{position: fixed;left:0;right:0;bottom: 0;max-width: 750px;height: 3.5rem;margin:0 auto;overflow-y: scroll;z-index: 99990;padding: .16rem 0;background-color: #FFF;-webkit-box-shadow: 0px -1px .05rem rgba(99,99,99,.2);-moz-box-shadow: 0px -1px .05rem rgba(99,99,99,.2);box-shadow: 0px -1px .05rem rgba(99,99,99,.2);display: none;}
.page-top{border-bottom: 1px solid #DEDFE0;font-size: 0.28rem;padding-bottom: 0.16rem;}
.page-top a{display: inline-block;margin-left:0.16rem;}
.page-top .hide{float: right;margin-right: 0.16rem;font-size: 0.44rem;margin-top: -0.1rem;}
.page-list li{ float: left; width: 13.3%;margin-left: 3%;text-align: center;font-size: .32rem;color: #333;border-radius: .08rem;line-height: 0.64rem; margin-top: 0.19rem;background: #F5F5F5;}
.page-list li a{color: #333;display: block;}
.page-list li.on{background: #EEE;}
.page-list li.on a{color: #DA251D;font-weight: bold;}

.tip-show{margin: 0.6rem 0;}
.tip-con{text-align:center;padding:.5rem 0;background: url(../m-img/tip-bg.png) no-repeat center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;-moz-box-shadow: 0 0 16px rgba(0,0,0,0.15);-webkit-box-shadow: 0 0 16px rgba(0,0,0,0.15);box-shadow: 0 0 16px rgba(0,0,0,0.15);font-size: 0.28rem;}
.tip-con strong{display:block;font-size:.5rem;line-height:.64rem;margin-bottom:.12rem}
.tip-con a{display: block; padding-top:.3rem;margin-top:.24rem;border-top: 1px solid;border-image:linear-gradient(to right,transparent,#DA251D,transparent) 1;letter-spacing: 1px;}
.tip-con a img{display:block;width:2.66rem;margin:0 auto}

.tip-info{ padding-top:.3rem;margin-top:.24rem;border-top: 1px solid;border-image:linear-gradient(to right,transparent,#DA251D,transparent) 1;letter-spacing: 1px;text-align: center;color: #ff6c66;}
.tip-info img{display: inline-block;width: 0.6rem;margin-right: 0.1rem;}


/* contact style */
.cont-base{ position: relative;padding:0.5rem 0 0.6rem; -webkit-border-radius:.2rem;border-radius:.2rem;background-color: #FFF;-webkit-box-shadow: 0 0 0.12rem  rgba(0,0,0,.15);-moz-box-shadow: 0 0 0.12rem rgba(0,0,0,.15);box-shadow: 0 0 0.12rem  rgba(0,0,0,.15);text-align: center;}

.cont-font{line-height:1.2;}
.cont-font p{font-size: 0.32rem;margin-bottom: .31rem;}
.cont-font strong{display: block; font-size: 0.44rem;background-image: -webkit-gradient(linear, 0 0, right 0, from(#ee352c), to(#e47933)); -webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}

.cont-show{clear: both;overflow: hidden;padding: 0.3rem 0 0.6rem;text-align: center;}
.cont-btn{position: relative;z-index: 1;display: inline-block;}
.cont-btn img{width: 4rem;}


.cont-type ul{display: -webkit-flex;display: flex;justify-content: space-between;align-items: center;position: relative;}
.cont-type ul:before{content: "";position: absolute;left: 50%;top: 0;bottom:0;width: 1px;background-color: #EEE;}
.cont-type li{width: 50%;color: #444;font-size: 0.32rem;}
.cont-type li strong{display: block; font-size: 0.36rem;}

/* message style */
.msg-show{position: relative;background: url(../m-img/msg-bg.jpg) no-repeat top center;-webkit-background-size: 100%;-moz-background-size: 100%;-ms-background-size: 100%;-o-background-size: 100%;background-size: 100%; z-index: 1;padding-bottom:1.2rem;margin-top: 0.8rem;}
.msg-top{margin-top: 0;}
.msg-name{color: #FFF;padding-top: 0.6rem;}
.msg-name strong{display: inline-block;font-size: 0.4rem;font-weight: normal; margin-bottom: 0.2rem;}
.msg-name p{font-size: 0.3rem;line-height: 1.6;width: 54%;}
.msg-good{position: absolute;right: 0.3rem;top: 0.8rem;z-index: -1;}
.msg-good img{width: 4.8rem;}

.msg-show ul{margin-top:2.4rem;}
.msg-show li{padding-top: 0.3rem;}
.msg-show li input,.msg-show li textarea{color:#333;font-size:0.32rem;width:100%;height:0.8rem;line-height: 0.8rem;padding:0 0.4rem; background-color:#FFF;-webkit-box-shadow: 0 0 0.2rem rgba(66,66,66,.2);-moz-box-shadow: 0 0 0.2rem rgba(66,66,66,.2);-ms-box-shadow: 0 0 0.2rem rgba(66,66,66,.2);-o-box-shadow: 0 0 0.2rem rgba(66,66,66,.2);box-shadow: 0 0 0.2rem rgba(66,66,66,.2);-webkit-border-radius: 0.3rem 0.1rem 0.1rem 0.1rem;-moz-border-radius: 0.3rem 0.1rem 0.1rem 0.1rem;-ms-border-radius: 034rem 0.1rem 0.1rem 0.1rem;-o-border-radius: 0.3rem 0.1rem 0.1rem 0.1rem;border-radius: 0.3rem 0.1rem 0.1rem 0.1rem;}
.msg-show li textarea{height: 2.6rem;line-height: 0.44rem;padding-top: 0.2rem;}
.msg-show textarea{border: none;border-radius: 20px 5px 5px 5px;padding: 8px 12px;outline: none;color: #333;}
.msg-show li.msg-tel{position: relative;}
.msg-show li.msg-tel i{position: absolute;left: 1.8rem;top: 0.4rem;font-style: normal;color: #FF6D5C;font-size: 15px;}
.msg-show li.msg-tel:focus-within i, .msg-show li.msg-tel input:not(:placeholder-shown)+i{opacity: 0;}
input:-webkit-autofill {-webkit-text-fill-color: #222; -webkit-box-shadow: 0 0 0px 1000px #FFFFFF inset !important;box-shadow: 0 0 0px 1000px #FFFFFF inset !important;}
.msg-show li.msg-btn{position: absolute;right: 0;bottom: 0;z-index: -1;cursor: pointer;}
.msg-show li.msg-btn input{width: 3.6rem;height: 2.4rem;color: #FFF;font-size: 0.44rem;font-weight: bold;padding:1rem 0 0;background: url(../m-img/msg-btn.png) no-repeat right top;-webkit-background-size: 100% 100%;-moz-background-size: 100% 100%;-ms-background-size: 100% 100%;-o-background-size: 100% 100%;background-size: 100% 100%;-webkit-box-shadow: none;-moz-box-shadow: none;-ms-box-shadow: none;-o-box-shadow: none;box-shadow: none;-webkit-border-radius: 0;-moz-border-radius: 0;-ms-border-radius: 0;-o-border-radius: 0;border-radius: 0;cursor: pointer; }

.cont-map{margin-top: 0.6rem;}
.map-show{ width: 100%; height: 360px; background-color: #12213E; overflow: hidden;margin-top: 0.4rem;background-color: rgb(243, 241, 236)!important;}
#allmap{ width: 100%; height: 120%;}
#allmap img{ max-width:999px}

/* prodetail style */
.base-con{background-color: #F9F9F9;padding-bottom: 0.5rem;}
.base-pic img{width: 100%;}
.base-txt{position: relative;}
.base-txt h1{font-size: 0.4rem;line-height: 1.5;padding:0.1rem 1.9rem 0.1rem 0;}
.base-txt span{display: block;width: 1.77rem;background:#DA251D;background: -moz-linear-gradient(top, #ff5851 0%, #DA251D 100%);background: -webkit-linear-gradient(top, #ff5851 0%,#DA251D 100%);background: -o-linear-gradient(top, #ff5851 0%,#DA251D 100%);background: -ms-linear-gradient(top, #ff5851 0%,#DA251D 100%);background: linear-gradient(to bottom, #ff5851 0%,#DA251D 100%);text-align: center;position: absolute;right: 0;top: 0;border-radius: 0 0 0.24rem 0.24rem;padding:0.08rem 0 0.1rem;z-index: 1;font-size: 0.3rem;color: #FFF;font-weight: bold;}


.base-con ul{display: -webkit-flex;display: flex;justify-content: space-between;align-items: center;padding:0.4rem 0.2rem;background-color: #fff9f9;border:1px solid #ffcfcd;-webkit-border-radius: 0.12rem;-moz-border-radius: 0.12rem;-ms-border-radius: 0.12rem;-o-border-radius: 0.12rem;border-radius: 0.12rem;margin:0.3rem 0;}
.base-con ul li{font-size: 0.28rem;position: relative;}
.base-con ul li strong{font-size: 0.3rem;display: block;color: #DA251D;}
.base-con p{font-size: 0.3rem;padding-bottom:0.2rem;margin-bottom: 0.2rem;border-bottom:1px dashed #DDD;}

.base-tel{text-align: center;}
.base-tel p{border-bottom:0;padding-bottom: 0;}
.base-tel a{display: inline-block;font-size: 0.4rem;color: #fefefe;font-weight: bold;width: 5rem;border-radius: 0.44rem;background-color: #ef322a;line-height: 0.78rem;padding: 0.05rem 0 0.05rem 0.05rem;overflow: hidden;}
.base-tel a i{display: block;width: 0.78rem;height: 0.78rem;border-radius: 100%;float: left;background-color: #ff5851;background-image: url(../m-img/base-tel.png);background-position: center;background-repeat: no-repeat;background-size: 0.39rem;}

.prod-nav ul{display: -webkit-flex;display: flex;justify-content: space-between;align-items: center;}
.prod-nav ul li{width: 50%;text-align: center;font-size: 0.32rem;background: #DDD;padding:0.16rem 0;}
.prod-nav ul li a{display: block; color: #333;}
.prod-nav ul li.on{font-weight: 700;background: #fff;}
.prod-nav ul li.on a{color: #333;}
.prod-nav ul li img{width: 0.36rem;margin-right: 0.12rem;}

.base-cont{margin-top: 0.6rem;}
.base-cont h2{font-size: 0.4rem;line-height: 1.2;margin-bottom: 0.2rem;;}
.base-cont h3{font-size: 0.38rem;line-height: 1.2;margin: 0.4rem auto;}
.base-cont h3:before{content: "";display: inline-block;width:0.48rem;height: 0.48rem;background: url(../m-img/txt-icon.png) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover; vertical-align: middle;margin-right: 0.1rem;margin-left: -0.1rem;}
.base-cont p{font-size:0.32rem;color:#444;line-height:2em;margin-bottom:0.2rem;}
.base-cont p img,.base-cont p video{max-width:100%;height:auto;}
.base-cont p.jieshi{margin-top: -0.1rem;font-size: 0.28rem;}
.base-cont p a{display: inline-block;padding: 0 0.02rem;color: #DA251D;}
.base-cont p a:hover{text-decoration: underline;}
.base-cont table td{padding:5px 2px;word-break:break-all}
.mfzx{color: #fff!important;margin: 0 5px;width: 100px;line-height: 41px;display: inline-block;letter-spacing: 1px;text-align: center;cursor: pointer;background: url(../m-img/icon.gif) no-repeat center;text-indent: 0;}
.base-cont #pc{display: none;}
.base-cont #mob{display: block!important;}

.relat-pro{padding-top: 0.3rem;}
.relat-txt{text-align: center;font-size: 0.4rem;font-weight: bold;margin: 0.2rem 0 0.3rem;}
.relat-txt:before,.relat-txt:after{content: '';display: inline-block;vertical-align: middle;width: 0.44rem;height: 0.24rem;background-repeat: no-repeat;  -webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;}
.relat-txt:before{background-image: url(../m-img/txt-fl.png);margin-right: 0.2rem;}
.relat-txt:after{background-image: url(../m-img/txt-fr.png);margin-left: 0.2rem;}


/* casedetail style */
.case-font{padding:0.4rem 0.2rem;background-color: #fff9f9;border:1px solid #ffcfcd;-webkit-border-radius: 0.12rem;-moz-border-radius: 0.12rem;-ms-border-radius: 0.12rem;-o-border-radius: 0.12rem;border-radius: 0.12rem;margin:0.3rem 0;}
.base-con .case-font p:last-child{border: none;padding-bottom: 0;margin-bottom: 0;}


/* newsdetail style */
.newst-pic img{width: 100%;}
.newst-info{position: relative;z-index: 10;margin: -0.6rem 0.3rem 0.5rem;border-radius: 0.12rem;-webkit-box-shadow: 0 0 0.12rem rgba(0,0,0,.15);-moz-box-shadow: 0 0 0.12rem rgba(0,0,0,.15);box-shadow: 0 0 0.12rem rgba(0,0,0,.15);background-color: #FFF;}
.newst-info h1{font-size: 0.4rem;line-height: 1.4;padding:0.3rem 0.2rem}
.newst-base{margin: 0 0.2rem;}
.newst-base .pic{float: left;width: 0.8rem;}
.newst-base .txt{display: block;overflow: hidden; font-size: 0.26rem;padding-left: 0.1rem;line-height: 1.6;color: #666;}
.newst-btn{border-top:1px solid #EEE;margin-top: 0.3rem;line-height: 0.8rem;}
.newst-btn p{display: inline-block;padding-left: 0.15rem;font-size: 0.28rem;color: #ff5851;}
.newst-btn span{float: right;padding:0 0.24rem;color: #FFF;    background: #DA251D;background: -moz-linear-gradient(top,#ff5851 0,#DA251D 100%);background: -webkit-linear-gradient(top,#ff5851 0,#DA251D 100%);background: -o-linear-gradient(top,#ff5851 0,#DA251D 100%);background: -ms-linear-gradient(top,#ff5851 0,#DA251D 100%);background: linear-gradient(to bottom,#ff5851 0,#DA251D 100%);border-radius:0 0 0.12rem 0}

.con-state{color: #666;font-size: 0.26rem;line-height: 0.52rem;margin: 0.6rem 0 0.4rem;}
.con-state .states{background-color: #f7f7f7;letter-spacing: 0.01rem;margin-bottom: 0.1rem;}
.con-state span{display: inline-block;width: 0.8rem;text-align: center; color: #FFF;background-color: #f59893;margin-right: 0.12rem;}
.con-state a{color: #da251c;}

.news-page{border-top:0.2rem solid #F5F5F5;border-bottom:0.2rem solid #F5F5F5;}
.news-page p{display: -webkit-flex;display: flex;justify-content: space-between;align-items: flex-start;font-size: 0.28rem;color: #333333;line-height: 0.38rem;padding: 0.24rem 0.3rem;border-bottom: 1px solid #f0f1f5;}
.news-page p:last-child{border-bottom: none;}
.news-page p img{vertical-align: middle;width: 0.18rem;height: 0.12rem;margin-top: 0.14rem;margin-right: 0.12rem;}
.news-page p a{flex: 1;color: #333;display: block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}


.error-show{border-top:1px solid #DDD;padding-top: 1rem;text-align: center;}
.error-show p{font-size: 0.36rem;margin: 1rem 0;}
.error-show a{display: inline-block;padding: 0 0.5rem;line-height: 1rem;background-color: #ff5851;color: #FFF;font-size: 0.4rem;border-radius: 0.12rem;}
.pages {
    margin: 30px auto 0;
    text-align: center;
}
.pagination{
    display: flex;
    justify-content: center;
}
.pagination li{
    display: block;
    font-size: 14px;
    line-height: 35px;
    padding: 0 14px;
    margin: 5px;
    background-color: #f5f5f5;
    border-radius: 3px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.pagination li:hover{
    background-color: #dd1f2b;
}
.pagination li:hover a{
    color: #FFF;
}
.pagination .active{
    background-color: #dd1f2b;
    color: #FFF;
}
.footer{
    background-color: #f5f5f5;
    text-align: center;
    padding: 0.43rem;
    color: #666;
}
.product_list_tit{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0.3rem 0;
}
.product_list_tit h2{
    position: relative;
    padding-left:0.38rem;
}

.product_list_tit a{
    display: inline-block;
    font-size:0.25rem;
    line-height: 0.8rem;
    color:#8C8C8C;
}


.product_list_tit h2:before{
    content: '';
    position: absolute;
    left: 0.015rem;
    width: 5px;
    height: 0.5rem;
    top: 0.15rem;
    background: #e83323;
}
.product_more{
    text-align: center;
    color: #FFF;
    background-color: #e83323;
    padding: 0.1rem;
    /*margin-bottom: 0.2rem;*/
}
/* 针对PC端（宽度大于某个值时）的样式 */
@media screen and (min-width: 1024px) {
    .product_list_tit h2:before {
        top: 0;
    }
}
.product_more a{
    color:#ffffff;
}
.pro_table {
  overflow-x: auto;
    white-space: nowrap; /
}



.index-about h1 strong{display: block; font-size: 0.4rem;color: #555;text-align: center;}
.index-about h1 strong span{color: #DA251D;padding-right: 0.1rem;}


.newsban {
    background: url(../m-img/video1.jpg) center no-repeat;
    background-size: cover;
    padding: 1.2rem .4rem 1rem;
    text-align: center
}

.newsban h2,.newsban_c h2,.newsban_cc h2,.newsban_n h2{
    font-size: .5rem;
    color: #ffffff;
    font-weight: bold;
    letter-spacing: .023rem
}

.newsban p,.newsban_c p,.newsban_n p,.newsban_cc p{
    font-size: .3rem;
    line-height: .5rem;
    color: #fff;
    margin-top: .3rem;
    opacity: 0.8
}
.newsban_c{
    background: url(../m-img/video1_c.jpg) center no-repeat;
    background-size: cover;
    padding: 1.2rem .4rem 1rem;
    text-align: center
}
.newsban_cc{
    background: url(../m-img/video1_cc.jpg) center no-repeat;
    background-size: cover;
    padding: 1.2rem .4rem 1rem;
    text-align: center
}
.newsban_n{
    background: url(../m-img/video1_n.jpg) center no-repeat;
    background-size: cover;
    padding: 1.2rem .4rem 1rem;
    text-align: center
}