@charset "utf-8";
/*=========== public CSS ===========*/
*,::before,::after{ margin:0; padding:0; 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:"PingFang","苹方","Microsoft YaHei","微软雅黑"; color:#333; font-size: 16px; line-height: 26px; max-width: 750px;margin:0 auto; background-color:#FFF;padding-bottom: 5.5rem;}

@font-face{
    font-family: 'PingFang';
    font-style: normal;
    font-display: swap;
    src: url(../font/PingFangRegular.ttf) format('ttf');
}
@font-face{
    font-family: 'PingFangM';
    font-style: normal;
    font-display: swap;
    src: url(../font/PingFangMedium.ttf) format('ttf');
}
@font-face{
    font-family: 'PingFangB';
    font-style: normal;
    font-display: swap;
    src: url(../font/PingFangBold.ttf) format('ttf');
}
@font-face{
    font-family: 'PingFangH';
    font-style: normal;
    font-display: swap;
    src: url(../font/PingFangHeavy.ttf) format('ttf');
}

header,footer,nav,article,section,aside,time,figure,figcaption,address{ display: block; margin: 0; padding: 0;}
input,select,textarea,button{ outline:none;} 
input, button{ border-radius:0; outline:none; border: none; -webkit-appearance:none;} 
input:-ms-clear{ display:none;}
input[type="button"], input[type="submit"], input[type="reset"]{ -webkit-appearance: none; outline:none;}
textarea{ resize :none; outline:none; border: none;}
table{ border-collapse: separate;} 
fieldset,img{width: 100%;border:0; vertical-align:middle;}
ul,li{list-style:none;}
em,i{ font-style: normal;}
a{ color:#333; text-decoration:none; outline:none; cursor:pointer;}
a:hover, a:active, a:link, a:visited{ text-decoration:none;}
.clearfix:after{ content:"."; display:block; height:0; line-height:0; clear:both; visibility:hidden;}
.clearfix{ zoom:1;}

/* index style */
.index-top{padding: 1rem;padding-bottom: 0.63rem;}
.logo{width: 100%;}
.logo img{width: 8.75rem;height: 2rem;}
.index-top p{color: #8C8C8C;font-size: 1rem;margin-top: 1rem;}

.index-hot .swiper-slide{ margin:0 2%; border-radius: 0.38rem; width:80%;}
.swiper-wrapper{ position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box;}
.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)}
.swiper-slide{-webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform;}
.index-main li{ position: relative;}
.index-hot{position: relative;width: 100%;margin-left: auto;margin-right: auto;overflow: hidden;z-index: 1;}
.index-hot .cont{clear: both;background: #FFF;margin: 0.8rem 0;border-radius: .38rem;-webkit-box-shadow: 0 .19rem .38rem rgba(0,0,0,.15);-moz-box-shadow: 0 .19rem .38rem rgba(0,0,0,.15);box-shadow: 0 .19rem .38rem rgba(0,0,0,.15);transform: scale(0.93);}
.index-hot .cont a img{width: 100%;vertical-align: middle;border-radius: .38rem .38rem 0 0;}
.index-hot .swiper-slide-active{position: relative;}
.index-hot .swiper-slide-active .cont{width: 100%;margin: 0.5rem 0 1.4rem;transform: scale(1);}
.index-hot .swiper-slide-active:before{content: "";display: block;position: absolute;bottom: 0.54rem;left:6%;width: 88%;height:.4rem;z-index: -2;border-radius: 0 0 .38rem .38rem;transition: all 0.5s;-webkit-box-shadow: 0 .19rem .38rem rgba(0,0,0,.15);-moz-box-shadow: 0 .19rem .38rem rgba(0,0,0,.15);box-shadow: 0 .19rem .38rem rgba(0,0,0,.15);background-color: #FFF;animation: move01 1s ease forwards;}
.index-hot .swiper-slide-active:after{ content: "";display: block; position: absolute;bottom: 0.96rem;left:3%;width: 94%;height: .4rem;z-index: -1;border-radius: 0 0 .38rem .38rem;transition: all 0.5s;-webkit-box-shadow: 0 .19rem .38rem rgba(0,0,0,.15);-moz-box-shadow: 0 .19rem .38rem rgba(0,0,0,.15);box-shadow: 0 .19rem .38rem rgba(0,0,0,.15);background-color: #FFF;animation: move02 0.8s ease forwards;}

@keyframes move01{
    0%{bottom: 2rem;opacity: 0;}
    100%{bottom: 0.54rem;opacity: 1;}
}

@keyframes move02{
    0%{bottom: 2rem;opacity: 0;}
    100%{bottom: 0.96rem;opacity: 1;}
}

.hot-info{background-color: #FFF;padding: 1rem 1.38rem;border-radius: 0 0 .38rem .38rem;}
.hot-info h3{font-size: 1.25rem;font-family: 'PingFangM';font-weight: normal;line-height: 1.1;}
.hot-info p{color: #666;font-size: 1rem;margin-top: 1rem;line-height: 1.2;}

.con-box{padding: 0 1rem;}
.index-line{height: .63rem;margin: 1.25rem 0;background-color: #F5F5F5;}
.index-type{margin-top: 1.25rem;}
.index-tit{position: relative;padding-left: .88rem;line-height: 1.5rem;margin: 0 1rem;}
.index-tit:before{content: "";display: block;position: absolute;left: 0;top: 0.06rem;width: 0.38rem;height: 1.38rem;border-radius: .19rem;background-color: #e60012;}
.index-tit:after{content: "";display: block;position: absolute;left: 0;top: 1.06rem;width: 0.38rem;height: .38rem;border-radius: .19rem;background-color: #FF9F3F;-webkit-animation:movetit 3s linear infinite;animation:movetit 3s linear infinite;}
.index-tit h2{display: inline-block;font-size: 1.38rem;font-family: 'PingFangM';font-weight: normal;}
.index-tit span{display: inline-block;color: #AAA;font-size: 1rem;margin-left: .38rem;}
.tit-more{float: right;color: #8C8C8C;font-size: .88rem;}
@keyframes movetit{
    0%   {top: 1.06rem;}
    50%  {top: 0.06rem;}
    100% {top: 1.06rem;}
}
@-webkit-keyframes movetit{
    0%   {top: 1.06rem;}
    50%  {top: 0.06rem;}
    100% {top: 1.06rem;}
}

.index-type ul{display: -webkit-box; overflow-x: scroll; width: 100%; padding: 0.83rem 0;}
::-webkit-scrollbar{display:none;}
.index-type li{ position: relative; width: 40%;border-radius: .38rem; background-color: #FFF; -webkit-box-shadow: 0 .19rem .38rem rgba(0,0,0,.15);-moz-box-shadow: 0 .19rem .38rem rgba(0,0,0,.15);box-shadow: 0 .19rem .38rem rgba(0,0,0,.15);overflow: hidden;line-height: 1.1;padding-bottom: 1rem;margin-left: 1rem;}
.index-type li p{font-size: 2.88rem;font-family: 'PingFangH';line-height: 0.8;text-indent: -0.5rem;height: 2.75rem;border-radius: .38rem .38rem 0 0;letter-spacing: -0.2rem;}
.index-type li span{display: block;font-size: 1rem;margin: .38rem 0 .63rem .5rem;}
.index-type li h3 a{display: block;font-size: 1.25rem;font-weight: normal;margin-left: .5rem;}
.index-type li.index-type01{background: url(../images/index-typeBg01.png) no-repeat left bottom;background-size: contain;}
.index-type li.index-type01 p{color:rgba(255,166,76,.3);background-color: #e60012;}
.index-type li.index-type01 span{color: #FF8000;}
.index-type li.index-type02{background: url(../images/index-typeBg02.png) no-repeat left bottom;background-size: contain;}
.index-type li.index-type02 p{color:rgba(126,201,250,.3);background-color: #59AFE7;}
.index-type li.index-type02 span{color: #59AFE7;}
/*.index-type li.index-type03{background: url(../images/index-typeBg03.png) no-repeat left bottom;background-size: contain;}
.index-type li.index-type03 p{color:rgba(312,224,125,.3);background-color: #62c85a;}
.index-type li.index-type03 span{color: #62c85a;}*/
.type-pic{position: absolute;top: 0.9rem;right:.2rem;width: 4.69rem;height: 4.38rem;}
.index-pro ul{margin-left: -3%;margin-top: .38rem;}
.index-pro ul li{position: relative;float: left;width: 47%;margin-left: 3%;margin-top: 1rem;text-align: center;padding-bottom: 1.38rem;line-height: 1.1;}
.index-pro ul li:after{content: "";display: block;position: absolute;left: 0;bottom: 0;width: 100%;height: 66%; border-radius: .38rem; -webkit-box-shadow: 0 .19rem .38rem rgba(0,0,0,.15);-moz-box-shadow: 0 .19rem .38rem rgba(0,0,0,.15);box-shadow: 0 .19rem .38rem rgba(0,0,0,.15);text-align: center;z-index: -1;background: url(../images/list-bg01.png) #FFF no-repeat left bottom;background-size: 100%;}
.index-pimg{width: 82%;margin: 0 auto;}
.index-pimg img{width:100%;height:auto;border-radius: .38rem;-webkit-box-shadow:0 0.19rem 0.38rem rgba(142, 141, 139, 0.3);-moz-box-shadow:0 0.19rem 0.38rem rgba(142, 141, 139, 0.3);box-shadow: 0 0.19rem 0.38rem rgba(142, 141, 139, 0.3);text-align: center;}
.index-pro ul li h3 a{display:block;font-size: 1.13rem;font-weight: normal;margin: .63rem 0;}
.index-pro ul li p{color: #FF8000;font-size: 1rem;}

.index-case ul li, .rele-case ul li{padding:1rem;border-radius: .38rem; -webkit-box-shadow: 0 .19rem .38rem rgba(0,0,0,.15);-moz-box-shadow: 0 .19rem .38rem rgba(0,0,0,.15);box-shadow: 0 .19rem .38rem rgba(0,0,0,.15);background: url(../images/index-caseBg.png) #FFF no-repeat right bottom;background-size:2.19rem 1.81rem;line-height: 1.1;margin-top: 1.25rem;}
.index-case ul li img, .rele-case ul li img{border-radius: .38rem;width:100%;height: auto;}
.index-case ul li h3 a, .rele-case ul li h3 a{display: block; font-size: 1.25rem;font-weight: normal;margin: 1rem 0;}
.index-case ul li p, .rele-case ul li p{color: #8C8C8C;font-size: 1rem;line-height: 1.75rem;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.index-case ul li p strong, .rele-case ul li p strong{font-weight: normal;}

.index-name{border-bottom: 1px solid #CCC;padding: 0 1rem;}
.index-name .news-tab{float: left;width: 70%;}
.index-name .news-tab span{position: relative;float:left;width: 50%;text-align: center;color: #8C8C8C;font-size: 1.38rem;padding-bottom: 1.25rem;}
.index-name .news-tab span.active{color:#333;font-weight: bold;}
.index-name .news-tab span.active:after{content: "";display: block;position: absolute;left: 30%;bottom: -1px;width: 40%;height: 3px;background-color: #e60012;}
.tab-show ul{display: none;}
.tab-show ul.tab-active{display: block;}
.tab-show ul li{display: flex;justify-content: space-between;padding: 0.5rem 0;border-bottom: 1px solid #DEDFE0;}
.tab-show ul li:last-child{border-bottom: none;}
.tab-show .tab-info{flex: 1;overflow: hidden;margin-right: 0.8rem;}
.tab-show .tab-info h3 a{font-size: 1.13rem;font-weight: normal;line-height: 1.8rem; height:3.6rem;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.tab-show .tab-info p{color:#8C8C8C;font-size: .88rem;overflow: hidden;margin-top: .38rem;}
.tab-show .tab-info p span{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.tab-show .tab-info p time{float: right;padding-left: 0.6rem;}
/*.tab-show .tab-pic{flex: 0 0 auto;width: 7.6rem;}
.tab-show .tab-pic img{border-radius: .22rem;width: 100%;height: 5.5rem;-o-object-fit: cover;object-fit: cover;}*/

/* foot style */
.foot-fix{position: fixed;bottom: 0;width: 100%;max-width: 750px;z-index: 1000;background-color: #FFF;border-top: 2px solid #F4F4F5;}
.foot-fix li{float: left;width: 25%;text-align: center;font-size: .92rem;line-height: 1.1;}
/* .foot-fix li:nth-child(1) a{color: #FF8000;} */
/* .foot-fix li:nth-child(2) span{color: #FF8000;} */
.foot-fix.foot-fixs li{width: 33.3%;}
.foot-fix li a,.foot-fix li span{display: block;padding: .2rem 0 .38rem;cursor: pointer;}
.foot-fix li img{display:block;width: 1.4rem;margin: 0 auto .2rem;}
.boxBg{display: none; position: fixed; z-index: 99; left: 0; top: 0; width: 100%; height: 100%;background-color: rgba(0,0,0,.2);transition: all 2s ease;}
.foot-list{box-sizing: border-box;text-align: justify;border-radius: 1.38rem;background-color: #FFF;max-width: 710px;width: 96%;position: fixed;bottom: -100%;left: 50%;transform: translateX(-50%);z-index: 1001;padding: 0 .63rem;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;}

.foot-list ul{overflow: hidden;}
.foot-list li{text-align: center;width: 25%;float: left;margin-bottom: 1.88rem;font-size: .92rem;line-height: 1.1;cursor: pointer;}
.foot-list li img{display:block;width: 1.88rem;margin: 0 auto .56rem;}
.foot-list p{margin: 1.88rem 0 1.56rem;font-size: 1.19rem;color: #666666;line-height: 2.88rem;margin-left: 1.25rem;}
.foot-list p a{display: inline-block;width: 2.88rem;height: 2.88rem;background-color: #F1F1F1;border-radius: 100px;border: 1px solid #E9EAEB;text-align: center;}
.foot-list p a img{width: 2.06rem;height: auto;}
.foot-list.on{bottom: .44rem;}
.dn{display: none;}

.show-top{display: flex;display: -webkit-box;display: -moz-box;display: -ms-boxflex;display: -webkit-flex;padding: 1rem 0;line-height: 1; text-align: center; border-bottom: 1px solid #DEDFE0;}
.top_back{width: 1rem;margin-right: 0.4rem;}
.top_back img{width: 1rem;height: 1rem;}
.show-top ol{flex: 1; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.show-top ol li{display: inline-block;font-size: 1rem;line-height: 1;}
.show-top ol li a{color: #8C8C8C;}
.base-show{position: relative;padding-top: 1.25rem;}
.base-show span{position: absolute;left: 1rem;top: 1.25rem; display: block;color: #f1f1f1;font-size: 1.88rem;font-family: 'PingFangH';line-height: 1.1;text-transform:uppercase;font-weight: bold;z-index: -1;}
.base-show strong{display: block;font-size: 1.88rem;line-height: 1.1;margin: 1rem 0 .75rem;}
.base-show strong a{color: #DA251D;}
.base-show p{color:#8c8c8c;font-size: 1rem;line-height: 1.1;}

.totop{position: fixed;bottom: 88px;right: 8px;width: 40px;height: 40px;z-index: 999;background: url(../images/ico-top.png) no-repeat center; cursor:pointer;display: none;background-size: cover;}

/* product style */
.pro-list ul, .rele-pro ul{margin: 1.25rem 0 .5rem -3%;}
.pro-list ul li, .rele-pro ul li{float: left;width: 47%;margin-left: 3%;background-color: #FFF; border-radius: .38rem;-webkit-box-shadow: 0 .19rem .38rem rgba(0,0,0,.15);-moz-box-shadow: 0 .19rem .38rem rgba(0,0,0,.15);box-shadow: 0 .19rem .38rem rgba(0,0,0,.15);margin-bottom: 1rem;}
.pro-list ul li > a,.rele-pro ul li > a{position: relative;padding-top: 74%;display: block;}
.pro-list ul li > a img,.rele-pro ul li > a img{position: absolute;left: 0;top: 0;width: 100%;height: auto;border-radius: .38rem .38rem 0 0;}
.pro-list ul li h3, .rele-pro ul li h3{border-radius: 0 0 .38rem .38rem; text-align: center;background: url(../images/list-bg02.png) no-repeat center bottom;background-size: contain;}
.pro-list ul li h3 a, .rele-pro ul li h3 a{display: block;font-size: 1.06rem;font-weight: normal;line-height: 1.2;padding: 1rem 0; text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

/*.pro-type ul{text-align: center;margin-top: 1.38rem;margin: 1.38rem .38rem 0 .38rem;}
.pro-type ul li{float: left;width: 13.6%;margin: 0 1.5%;}
.pro-type ul li > a{display: block; border-radius: 100px; margin: 0 auto;background-color: #F1F1F1;border: 1px solid #F1F1F1;position: relative;padding-top: 100%;}
.pro-type ul li > a img{position: absolute;left:0;top:0;width: 100%;height:100%;}
.pro-type li.active > a{border: 1px solid #FF8B16;}
.pro-type li.active p a{color:#FF8B16;}
.pro-type ul li p a{display: block;font-size: 1rem;line-height: 1;padding-top: .5rem;}*/

.pro-pic{ position: relative; margin-top: 1.5rem;padding-bottom:1.56rem;}
.pro-pic img{width:100%;height:auto; -webkit-box-shadow: 0 0.19rem 0.38rem rgba(0,0,0,.15); -moz-box-shadow: 0 0.19rem 0.38rem rgba(0,0,0,.15);box-shadow: 0 0.19rem 0.38rem rgba(0,0,0,.15); border-radius: .38rem;}
.pro-pic:before{content: "";display: block;position: absolute;bottom: 0.26rem;left:6%;width: 88%;height:.6rem;z-index: -2;border-radius: 0 0 .38rem .38rem;transition: all 0.5s;-webkit-box-shadow: 0 .19rem .38rem rgba(0,0,0,.15);-moz-box-shadow: 0 .19rem .38rem rgba(0,0,0,.15);box-shadow: 0 .19rem .38rem rgba(0,0,0,.15);background-color: rgba(255,255,255,.6);}
.pro-pic:after{ content: "";display: block; position: absolute;bottom: 0.96rem;left:3%;width: 94%;height: .6rem;z-index: -1;border-radius: 0 0 .38rem .38rem;transition: all 0.5s;-webkit-box-shadow: 0 .19rem .38rem rgba(0,0,0,.15);-moz-box-shadow: 0 .19rem .38rem rgba(0,0,0,.15);box-shadow: 0 .19rem .38rem rgba(0,0,0,.15);background-color: rgba(255,255,255,.6);}

.base-info{display: flex;display: -webkit-box;display: -moz-box;display: -ms-boxflex;display: -webkit-flex;margin:1.38rem 0;}
.base-info .base-name{flex: 1;padding-right: 0.3rem;}
.base-name h1{font-size: 1.38rem;line-height: 1.1;}
.base-name p{color: #FF8000;margin-top: .63rem;font-size: 1rem;}
.base-info span{width: 2rem;}

/*.show-ask span.ask-btn{float:left;font-size: 1rem;border-radius: .94rem;border: 1px dashed #F7D18F;width: 6.4rem;text-align: center;padding: 0.38rem 0 0.38rem;margin-left: -1.5rem;margin-top: 1.1rem;text-indent: 1rem;line-height: 1.1;}
.ask-news span.ask-btn{width: 4.4rem;}
.show-ask{width: 8.4rem;}
.show-ask.ask-news{width: 6.2rem;}
.con-round{float:left;position: relative;width: 3.13rem;height: 3.13rem;border-radius: 50%;box-sizing: content-box;background-color: #FFF;}
.con-round:after{content: "";display: inline-block;position: absolute;left: 0;top: 0;width: 3.13rem;height: 3.13rem;border: 1px solid #F7D18F;border-radius: 50%;z-index: 20;}
.wave{position: relative;width: 3.13rem;height: 3.13rem;background-color: rgba(255, 158, 61,.4);border-radius: 50%;overflow: hidden;}
.wave:before,.wave:after{content: "";position: absolute;width: 6rem;height: 6rem;top: 0.5rem;left: 50%;background-color: rgba(255, 255, 255, .4);border-radius: 45%;-moz-transform: translate(-50%, -70%) rotate(0);-ms-transform: translate(-50%, -70%) rotate(0);-webkit-transform: translate(-50%, -70%) rotate(0);transform: translate(-50%, -70%) rotate(0);-moz-animation: rotate 6s linear infinite;-ms-animation: rotate 6s linear infinite;-webkit-animation: rotate 6s linear infinite;animation: rotate 6s linear infinite;z-index: 10;    border: 1px solid #F7D18F;}
.wave:after{border-radius: 47%;background-color: rgba(255, 255, 255, 1);-moz-transform: translate(-50%, -70%) rotate(0);-ms-transform: translate(-50%, -70%) rotate(0);-webkit-transform: translate(-50%, -70%) rotate(0);transform: translate(-50%, -70%) rotate(0);-moz-animation: rotate 10s linear -5s infinite;-ms-animation: rotate 10s linear -5s infinite;-webkit-animation: rotate 10s linear -5s infinite;animation: rotate 10s linear -5s infinite;z-index: 20;}

.show-video .wave:before,.show-video .wave:after{top:0.8rem}
.show-video .con-round img{top:0.8rem}*/

@keyframes rotate{
    50%{
        transform: translate(-50%, -73%) rotate(180deg);
    } 100%{
        transform: translate(-50%, -70%) rotate(360deg);
    }
}
.con-round img{position: absolute;left:0.9rem;top:0.5rem;width: 1.38rem;height:1.38rem;z-index: 20;}
.con-round i{position: absolute; top:0;left:0; width: 3.13rem; height: 3.13rem;z-index:30;border-radius: 50%; 
    /*旋转动画*/
    animation:circleRoate 5s infinite linear;
}
.con-round i span{ position: absolute;left:1.57rem;top: -3px; width: .3rem; height: .3rem; border-radius: 2rem; background-color:#FF6200;}
@keyframes circleRoate{
    from{transform: rotate(0deg);}
    to{transform: rotate(360deg);}
}

/*.base-data ul{display: flex;display: -webkit-box;display: -moz-box;display: -ms-boxflex;display: -webkit-flex;justify-content: space-between;position: relative;border-radius: .38rem;-webkit-box-shadow: 0 .06rem 0.38rem rgba(0,0,0,.15);-moz-box-shadow: 0 .06rem .38rem rgba(0,0,0,.15);box-shadow: 0 .06rem 0.38rem rgba(0,0,0,.15);background: url(../images/pro-bg01.png) #FFF no-repeat left bottom;background-size: contain;padding: 1.25rem 0;}
.base-data ul:before{content: "";display: inline-block;position: absolute;left: 0;top: 0;width: 1.25rem;height: 100%;background: url(../images/pro-bg02.png) no-repeat left top;}
.base-data li{text-align: center;width: 50%;position: relative;}
.base-data li:nth-child(1):after{content:''; position:absolute;right:0; top: 1.1rem; width:1px; height:2.67rem; display:block; background-color: #DEDFE0;}
.base-data li img{display: block;margin: 0 auto;width: 1.5rem;}
.base-data li span{color: #666;font-size: 1rem;display: inline-block;line-height: 1.1;margin: .75rem 0;}
.base-data li p{color: #FF8000;font-size: 1.06rem;font-family: 'PingFangB';line-height: 1.13rem;}
.pro-spot{margin-top: .7rem;}
.pro-spot p{font-size: 1rem;color: #666;line-height: 1.69rem;margin-bottom: .63rem;}
.pro-spot p span{color: #333;font-weight: bold;}
.case-spot{position: relative;border-radius: .38rem;-webkit-box-shadow: 0 .06rem 0.38rem rgba(0,0,0,.15);-moz-box-shadow: 0 .06rem .38rem rgba(0,0,0,.15);box-shadow: 0 .06rem 0.38rem rgba(0,0,0,.15);background: url(../images/pro-bg01.png) #FFF no-repeat left bottom;background-size: contain;padding: 1rem;margin-top: -0.38rem;margin-bottom: 1rem;}
.case-spot:before{content: "";display: inline-block;position: absolute;left: 0;top: 0;width: 1.25rem;height: 100%;background: url(../images/pro-bg02.png) no-repeat left top;}

.pro-mat{margin-bottom:1.25rem;}
.mat-line{float: left;height:6rem;}
.mat-line img{height: 6rem;}
.mat-name{float: left;color: #666; width: 30%;height:6rem;text-align: center;line-height: 1.1;border-radius: .38rem 0 0 .38rem; -webkit-box-shadow: 0 0.06rem 0.38rem rgba(255,128,0,.2);-moz-box-shadow: 0 .06rem .38rem rgba(255,128,0,.2);box-shadow: 0 0.06rem 0.38rem rgba(255,128,0,.2);background: url(../images/mat-bg.png) #FFF no-repeat left bottom;background-size: 2.25rem 1.5rem;}
.mat-name i{ display: block; font-size: 1rem;margin-top: 0.8rem;}
.mat-name strong{display: block; font-size: 1.13rem;background-image: -webkit-gradient(linear, 0 0, right 0, from(#FF4D52), to(#FF9E5F)); -webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;margin: .38rem 0 .5rem;}
.mat-name em{ display: block;font-size: 0.88rem;}
.pro-mat ul{ overflow: hidden; padding:0.5rem 0.25rem; height:6rem;border-radius: 0 .38rem .38rem 0; -webkit-box-shadow: 0 0.06rem 0.38rem rgba(255,128,0,.2);-moz-box-shadow: 0 .06rem .38rem rgba(255,128,0,.2);box-shadow: 0 0.06rem 0.38rem rgba(255,128,0,.2);background: #FFF;}
.pro-mat ul li{ float: left; width: 29%; margin: 0 2%; text-align: center; }
.pro-mat ul li img{ width: 100%; height: 3.4rem;-o-object-fit: cover;object-fit: cover; border-radius:.19rem;}
.pro-mat ul li span{position: relative; display: block; color: #333; font-size:.81rem; line-height: 1.4;padding-top: 0.3rem; margin-top: 0.5rem; }
.pro-mat ul li span:before{content: "";position: absolute;left: 50%;top: 0;margin-left:-0.31rem;width:.63rem ;height:.31rem;background: url(../images/mat-arrow.png) no-repeat center;background-size: 100%;}

.pro-good{background: url(../images/bg-line.png) left top;padding:.38rem;}
.pro-good ul{background-color: #FFF; -webkit-box-shadow: 0 .13rem 0.26rem rgba(0,0,0,.15);-moz-box-shadow: 0 .13rem 0.26rem rgba(0,0,0,.15);box-shadow: 0 .13rem 0.26rem rgba(0,0,0,.15);padding: .81rem 0 .81rem 1.13rem;}
.pro-good ul li{display: inline-block;font-size: .88rem;margin-right: .7rem;}
.pro-good ul li img{width:.81rem;}
.pro-good ul li span img{width: 1.63rem;margin-right: .38rem;}
.base-tel{font-size: 1rem; background: url(../images/tel-line.png) no-repeat left center;background-size:4.19rem .75rem;padding-left: 4.4rem;line-height: 1.88rem;margin-top: 1.2rem;}
.base-tel a{color: #FF8000;font-weight: bold; display: inline-block;}
.base-tel a.tel-btn{float:right;background-color: #FF8000;color: #FFF;line-height: 1.88rem;padding: 0 1.25rem;border-radius: .94rem;font-weight: normal;cursor: pointer;}

.pronav{background-color: #F1F1F1;margin: 1.56rem 0 2rem;}
.pronav ul{clear: both;overflow: hidden;margin: 0 1rem;}
.pronav ul li{float: left; width: 33.3%;text-align: center;font-size: 1rem;height: 3.44rem;line-height: 3.44rem;border-bottom: 2px solid #F1F1F1;}
.pronav ul li a{display: block;}
.pronav ul li.navcur{background-color: #FFF;border-bottom: 2px solid #FF8000;}
.casenav ul li{width: 25%;}
*/
.show-main h2{position: relative; display: block; color: #333; font-size:1.25rem; line-height: 1.67rem;  padding-left: 1.5rem; margin-bottom: 0.83rem;margin-top: 1.5rem;background: url(../images/tit-icon01.png) no-repeat left top;background-size: 10%;}
.show-main h2 img{ position: absolute; left: 0; top: -0.5rem; display: inline-block; width: 2.38rem; height: 2.38rem;}

.content-strong{ padding-left: 1.67rem; }
/*.show-main p.content-strong:nth-child(5n+5){background: url(../images/tit-icon02.png) no-repeat left 0.22rem; background-size: 1.38rem auto;}
.show-main p.content-strong:nth-child(5n+2){background: url(../images/tit-icon03.png) no-repeat left 0.22rem; background-size: 1.38rem auto;}*/
.show-main p.content-strong{background: url(../images/tit-icon04.png) no-repeat left 0.22rem; background-size: 1.38rem auto;}
/*.show-main p.content-strong:nth-child(5n+1){background: url(../images/tit-icon05.png) no-repeat left 0.22rem; background-size: 1.38rem auto;}
.show-main p.content-strong:nth-child(5n+3){background: url(../images/tit-icon06.png) no-repeat left 0.22rem; background-size: 1.38rem auto;}*/

.show-main h4{padding-left: 1.67rem;background: url(../images/tit-icon07.png) no-repeat left 0.22rem; background-size: 1.13rem auto;font-size: 1rem;line-height: 1.6rem;}

.nrswt{position: relative;color: #FFF;background-color: #FF8000;border-radius: 1.25rem 0 1.25rem 0;padding:0.3rem 0.6rem;line-height:1.5;margin: 0.25rem 0.3rem;text-indent: 0;z-index: 0;white-space: nowrap;}
.nrswt::before{content: "";position: absolute;right: 0;top: -4px;width: 84%;height: 24px;border-radius: 1.25rem 0 1.25rem 0;background-color: #FEDBB7;z-index: -1;}

.news-form{width: 99%;margin: 0 auto;border:1px solid #999;padding:1px; margin-bottom: 0.83rem;}
.news-form table{border-top:1px solid #999;border-left:1px solid #999;margin-bottom: 0;}
.news-form table td{border-width: 1px; border-right:1px solid #999;border-bottom:1px solid #999;}
.main-news .news-form table{margin-bottom: 0;}

.show-main.show-news p{color: #4D4F53;}
.show-news h3{ position: relative; display: block; color: #333; font-size:1.22rem; line-height: 1.67rem;  padding-left: 1.5rem; margin-bottom: 0.83rem;margin-top: 1.5rem;}
.show-news h3 img{ position: absolute; left: 0; top: -0.5rem; display: inline-block; width: 2.38rem; height: 2.38rem;}
.show-news h2{font-size: 1.25rem; padding:0;}
.pc_cs strong{display: block;margin-bottom: 0.83rem; margin-top: 0.96rem;font-size: 1.06rem;}

.show-main h3{font-size: 1.25rem;margin-bottom: 0.83rem;}
.show-main h4{ margin-bottom:0.83rem;}
.show-main p{ font-size: 1.06rem; line-height:1.88rem; margin-bottom: 0.83rem;}
.show-main p.font-des{text-align: center;margin-top: -0.2rem;}
.show-main p.font-des i{background: url(../images/font-icon01.png) no-repeat left center;background-size: 100%;width: 1.25rem;height: .69rem;display: inline-block;margin-right: .4rem;}

.show-main p.font-explain{position: relative; text-align: center;margin-top: 0.8rem;border: 1px solid #e60012;left: 50%;transform: translate(-50%, 0);display: inline-block;border-radius: 5rem;padding: 0 2rem 0.4rem;line-height: 1.5rem;}
.font-explain i{margin-top: -0.63rem;display: block;position: relative;z-index: 10;}
.show-main p.font-explain:before{content: "";position: absolute;left: 8%;top: -2px;height: 5px;width: 84%; background-color: #FFF;}
.show-main p.font-explain:after{content: "";position: absolute;left: 50%;top: -1.2rem;width: .88rem;height: .44rem;background-color: #FFF;background: url(../images/news-icon.png) no-repeat center; background-size: cover; }

.show-main p a{ color: #DA251D;}
.show-main p a.line-ask{position: relative;color: #FFF;background-color: #FF8000;border-radius: 1.25rem 0 1.25rem 0;padding:0.2rem 0.8rem;line-height:1.5;margin: 0.25rem 0.3rem;text-indent: 0;z-index: 0;white-space: nowrap;}
.show-main p a.line-ask:before{content: "";position: absolute;right: 0;top: -4px;width: 84%;height: 24px;border-radius: 1.25rem 0 1.25rem 0;background-color: #FEDBB7;z-index: -1;}
.show-main p img{ width: 100%; height: auto;}
.show-main p video{ width: 100%; height: auto;}
.show-good li p{margin-left: 1.9rem;}
.show-good li .good-name{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 1.25rem;margin-bottom: 0.5rem;margin-left: 0;}
.show-good li .good-name i{color:#FFF;font-size: 1rem; display: inline-block;width: 1.56rem; height: 1.56rem;padding: 1px;border: 1px solid;border-radius: 50%;background-color: #FFF;background-clip: content-box;text-align: center;line-height: 1.4rem;margin-right: .3rem;margin-top: .1rem;}
.show-good li .good-name strong{flex: 1;}
.show-good li:nth-child(odd) strong{color: #FF8000;}
.show-good li:nth-child(odd) i{border: 1px solid #FF8000;background-color: #FF8000;}
.show-good li:nth-child(even) strong{color: #2895DC;}
.show-good li:nth-child(even) i{border: 1px solid #2895DC;background-color: #2895DC;}
.show-list{margin-bottom: 0.83rem;}
.show-list ul li{background: url(../images/font-icon02.png) no-repeat left .2rem;background-size:1.38rem 1rem;padding-left: 1.8rem;margin-top:0.25rem;margin-bottom: 1rem;}
.show-list ul li a{display: block;line-height: 1.38rem;color: #333;font-size: 1.06rem;}

table{margin-bottom: 0.83rem;}
table td,table th{padding:6px 2px;}
table tbody tr:hover td{background:#FF8000; color:#fff!important;cursor: pointer;}

.show-page{border-top: .63rem solid #F5F5F5;border-bottom: .63rem solid #F5F5F5;margin-top: 1.2rem;}
.show-page p{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;font-size: 1.06rem;border-bottom: 1px solid #DEDFE0;line-height: 1.38rem;padding:1.13rem 0;}
.show-page p:last-child{border-bottom: none;}
.show-page p a{flex: 1;}
.show-page p a:hover{color: #D72827;}

/* messages style */
/*.show-msg{padding:1rem 1rem 1.38rem;margin:1.25rem 1rem;border-radius: .38rem; background: url(../images/msg-bg.png) #FFF6DB no-repeat center top;background-size: 100% 6.25rem;}
.show-msg p{background: url(../images/msg-icon.png) no-repeat right center;background-size: 3.63rem 3.44rem;font-size: 1rem;color:#666;padding-right: 5.2rem;line-height:1.69rem;}
.show-msg p span{font-weight: bold;}
.msg-good{ margin-left: -4%; margin-top:1.25rem;}
.msg-good span{ float: left; width: 29.3%;margin-left: 4%;}
.msg-fill ul{ margin-top:1.25rem;}
.msg-fill ul li{position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;margin-bottom: 1.0rem;box-sizing: border-box; border-radius: .38rem; border: 1px solid #DEDFE0; background-color: #FFF;padding:.63rem 1rem;}
.msg-fill ul li i{position: absolute;left: 7rem;top: 0; color: #F73F3E;font-size: 0.8rem;font-weight: bold;}
.msg-fill ul li:focus-within i, .msg-fill ul li input:not(:placeholder-shown)+i{opacity: 0;}
.msg-fill ul li img{width: 1.25rem;height: 1.25rem;margin-right: .44rem;}
.msg-fill ul li input, .msg-fill ul li textarea{flex: 1;font-size: 1rem;color: #333;font-family:"PingFang"}
.msg-fill ul li textarea{height: 4rem;}
::-webkit-input-placeholder{ color: #8C8C8C;}
input:-webkit-autofill{-webkit-text-fill-color: #222; -webkit-box-shadow: 0 0 0px 1000px white inset !important;box-shadow: 0 0 0px 1000px white inset !important;}

.msg-btn{margin-top: 1.5rem;}
.msg-btn span{display: inline-block; font-size: 1rem; background: url(../images/msg-line.png) no-repeat right center;background-size: 4.19rem .75rem;padding-right: 4.4rem;line-height:2.88rem;color: #666;}
.msg-btn input{ float: right;font-size: 1.19rem;color: #FFF;background-color: #FF8000;height: 2.88rem;line-height: 2.88rem;padding: 0 2.25rem;border-radius: 3rem;text-align:center;cursor: pointer;}*/

.rele-news .tab-show ul{display: block;margin-top: .38rem;}

/* case style */
.case-tit{border-bottom: 1px solid #CCC;}
.case-tit .news-tab span{position: relative;float:left;width: 20%;text-align: center;color: #8C8C8C;font-size: 1rem;padding-bottom: 1rem;}
.case-tit .news-tab span.active{color:#333;font-weight: bold;font-size: 1.04rem;}
.case-tit .news-tab span.active:after{content: "";display: block;position: absolute;left: 30%;bottom: -1px;width: 40%;height: 3px;background-color: #e60012;}
.tab-case{margin-bottom: 1.25rem;}
.tab-case ul{display: none;}
.tab-case ul.tab-active{display: block;}
.tab-case ul li{padding:1rem;border-radius: .38rem; -webkit-box-shadow: 0 .19rem .38rem rgba(0,0,0,.15);-moz-box-shadow: 0 .19rem .38rem rgba(0,0,0,.15);box-shadow: 0 .19rem .38rem rgba(0,0,0,.15);background: url(../images/index-caseBg.png) #FFF no-repeat right bottom;background-size:2.19rem 1.81rem;line-height: 1.1;margin-top: 1.25rem;}
.tab-case ul li img{border-radius: .38rem;}
.tab-case ul li h3 a{display: block; font-size: 1.25rem;font-weight: normal;margin: 1rem 0;}
.tab-case ul li p{color: #8C8C8C;font-size: 1rem;line-height: 1.75rem;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.tab-case ul li p strong{font-weight: normal;}

.base-case{position: relative; margin: 1.38rem 0 .5rem;}
.base-case .base-name{width: 60%;}
.base-case span{position: absolute;right: 0;top: 0; width: 7.5rem;}

/* news style */
.news-hot{margin: 0 1rem;padding-bottom:1rem;border-bottom: 1px solid #DEDFE0;}
.news-hot a{display: block;}
.news-hot h2{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;line-height: 1.38rem;}
.news-hot h2 i{color: #FFF;width: 1.38rem;height: 1.38rem;line-height: 1.38rem;text-align: center; background-color: #DA251D;font-size: .88rem;border-radius: .19rem;margin-right: .4rem;display: inline-block;}
.news-hot h2 a{flex: 1; font-size: 1.25rem;font-weight: normal;}
.news-hot img{border-radius: .25rem;margin: .75rem 0;}
.news-hot p{color:#8C8C8C;font-size: .88rem;overflow: hidden;}
.news-hot p span{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news-hot p time{float: right;padding-left: 0.6rem;}

.news-list{margin: 0 1rem 1rem;}
.news-list ul li{/*display: flex;*/justify-content: space-between;padding: 1rem 0;border-bottom: 1px solid #DEDFE0;}
.news-list .list-info{flex: 0 1 auto;overflow: hidden;margin-right: 0.8rem;}
.news-list li h3 a{font-size: 1.13rem;font-weight: normal;line-height: 1.8rem; height:3.6rem;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.news-list li.pic-more h3 a{height: auto;margin-bottom: 0.5rem;}
.news-list li p{color:#8C8C8C;font-size: .88rem;overflow: hidden;margin-top: .5rem;}
.news-list li p span{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news-list li p time{float: right;padding-left: 0.6rem;}
.news-list .list-pic{flex: 0 0 auto;width: 7.6rem;}
.news-list .list-pic img{border-radius: .22rem;width: 100%;height: auto;}

/*.news-list ul li.pic-more{display: block;}
.list-pics{clear: both; overflow: hidden; margin-top: .38rem; margin-left: -2%;}
.list-pics a{ float: left; width: 31.3%; margin-left: 2%;}
.list-pics a img{border-radius: .25rem;width: 100%; height: 5.5rem;-o-object-fit: cover; object-fit: cover;}*/

.more-list{margin: 0 1rem;}
.more-list li{width: 100%;line-height: 1.1;border-bottom: 1px solid #DEDFE0;padding-bottom: 1rem;margin-bottom: 1rem;}
.more-list li:last-child{border-bottom: none;}
.more-list li a{ display: block; font-size: 1.06rem; padding-left:1.8rem; background: url(../images/font-icon02.png) no-repeat left center; background-size: 1.38rem 1rem; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;margin-bottom: 1rem;}
.more-list li time{display: inline-block;color: #8C8C8C;font-size: .88rem;}

/*.page-tab{color: #333;text-align: center;margin-left: -0.6rem;padding: 1.25rem 0;margin-bottom: 0.25rem; box-sizing: border-box;font-size: 1rem;}
.page-tab span {font-size: 1rem;margin-left: 0.6rem;}
.page-tab a{margin-left: 0.6rem;}
.page-tab span.page {border: 1px solid #ffaf5e;border-radius:0.25rem;padding: 0.12rem 0.3rem;}
.page-tab span.page i {color: #FF8000;font-family: 'PingFangB';}
.page-list {position: fixed;bottom: 0;max-width: 750px;width: 100%;height: 13.5rem;overflow-y: scroll;z-index: 99990;padding: .5rem 0;background-color: #FFF;-webkit-box-shadow: 0px -1px .13rem rgba(255,128,0,.4);-moz-box-shadow: 0px -1px .13rem rgba(255,128,0,.4);box-shadow: 0px -1px .13rem rgba(255,128,0,.4);display: none;}

.page-top{border-bottom: 1px solid #DEDFE0;font-size: 1rem;padding-bottom: 0.5rem;}
.page-top a{display: inline-block;margin-left:0.5rem;}
.page-top .hide{display: block;float: right;width: 1rem;height: 1rem;margin-right: 0.5rem;}
.page-top .hide img {width: 100%;}
.page-list li{ float: left; width: 13.3%;margin-left: 3%;text-align: center;font-size: 1rem;color: #333;border-radius: .25rem;line-height: 2rem; margin-top: 0.6rem;background: #F5F5F5;}
.page-list li a{color: #333;display: block;}
.page-list li.on{background: rgba(255,128,0,.3);}
.page-list li.on a{color: #FF8000;font-weight: bold;}*/

.news-top{ clear: both; width: 100%;}
.news-base{position: relative;z-index: 10;padding: 1rem; margin: -1.6rem 1rem 1.13rem;border-radius: 0.33rem;-webkit-box-shadow: 0 0.19rem 0.38rem rgba(0,0,0,.15); -moz-box-shadow: 0 0.19rem 0.38rem rgba(0,0,0,.15);box-shadow: 0 0.19rem 0.38rem rgba(0,0,0,.15);background-color: #FFF;}
.news-base h1{font-size: 1.25rem;line-height: 1.6rem;}

.news-point{ margin-top: 0.75rem;display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;}
.news-point p{flex: 1; display: inline-block; color: #333; font-size: .88rem; /*padding-left: 3.7rem; background: url(../images/news-head.png) no-repeat left center;*/ background-size: 3.5rem auto;line-height: 1.7rem;}
.news-point span.point-line{ position: relative; margin-right: 0.3rem; padding-right: 0.3rem;font-size:.75rem;color: #8C8C8C;}
.news-point span.point-line:after{content: ""; position: absolute; right: 0; top: 50%; height: 0.6rem; border-right: 1px solid #CCC; margin-top: -0.3rem;}
.news-point time{display: inline-block;font-size:.75rem;color: #8C8C8C;}

.show-main p em.show-mark{display:inline-block;width:1.13rem;height:1.13rem;margin-right:8px;vertical-align:middle;}
.mark-icon01{background: url(../images/news-icon01.png) no-repeat left top;background-size:contain; }

/* service style */
.ser-base ul{margin-left: -4%;}
.ser-base li{position: relative;float: left;width: 45%; background-color: #FFF;border-radius: .38rem;border: 1px solid #FF8000;text-align: center;padding: 1rem 0;margin-left: 4%;margin-right: 1%;margin-bottom: 1.25rem;}
.ser-base li:before{content: "";position: absolute;right: -0.38rem;bottom:-0.38rem;width: 100%;height: 100%; background-color: #F7D08C;border-radius: .38rem;border: 1px solid #FF8000;z-index: -1;}
.ser-base li span{display: inline-block; border: 1px solid #666;border-radius: 100px;padding: .88rem;}
.ser-base li span img{width: 1.63rem;height: 1.63rem;}
.ser-base li p{position: relative;font-size: 1rem;margin-top: 1rem;padding: 1rem .88rem 0;line-height: 1.38rem;}
.ser-base li p:before{content: "";position: absolute;left: 50%;top: 0;margin-left: -0.56rem; width: 1.13rem;height: 2px;background-color: #FF8000;}

.con-tit{position: relative;text-align: center;line-height: 1.1;padding-bottom: 1rem;margin:1.5rem 0 1rem;}
.con-tit:after{content: "";position: absolute;left: 50%;bottom: 0;margin-left: -1.12rem; width: 2.25rem;height: 2px;background-color: #e60012;}
.con-tit img{position: absolute;left: 50%;top: 0;width: 14.38rem; transform: translateX(-50%);z-index: -1;}
.con-tit.about-tit img{width: 11.88rem;}
.con-tit h2{font-size: 1.75rem;padding-top: 1rem;margin-bottom: .63rem;}
.con-tit span{display: block;font-size: .69rem;text-transform:uppercase;color: #999;}
.ser-show p{color: #666;font-size: 1rem;line-height: 1.75rem;}
.ser-show p img{width: 100%;height: auto;margin: 1rem 0;}
.ser-show ul{margin-top: 1rem;}
.ser-show ul li{float: left;width: 25%;text-align: center;color: #8C8C8C;font-size: 1rem;line-height: 1.1;}
.ser-show ul li img{display: block;width: 5rem;margin: 0 auto .63rem;}

/* about style */
.about-base p{color: #666;font-size: 1rem;line-height: 1.75rem;}
.about-base p a{color: #FF8000;}
.about-base ul{position: relative;z-index:0;border-radius: .38rem;-webkit-box-shadow: 0 .06rem 0.38rem rgba(0,0,0,.15);-moz-box-shadow: 0 .06rem .38rem rgba(0,0,0,.15);box-shadow: 0 .06rem 0.38rem rgba(0,0,0,.15);background: url(../images/pro-bg01.png) #FFF no-repeat left bottom;background-size: contain;padding: 1.25rem 1rem .8rem;margin-top: 1rem;}
.about-base ul:before{content: "";display: inline-block;position: absolute;left: 0;top: 0;width: 4.25rem;height: 100%;background: url(../images/about-bg01.png) no-repeat left top;z-index: -1;}
.about-base ul li{float: left;width: 50%;text-align: center;margin-bottom: 1.5rem;}
.about-base ul li img{display: block; width: 5.63rem;margin: 0 auto}
.about-base ul li p{font-size: .8rem;line-height: 1.1;margin-top: .5rem;}

.about-area .swiper-slide{ margin:0 2%; border-radius: 0.38rem; width:80%;}
.about-area{position: relative;width: 100%;margin-left: auto;margin-right: auto;overflow: hidden;z-index: 1;margin-top: 1rem;}
.about-area .cont{clear: both;width: 94%;background: #FFF;margin: 0.8rem 4%;border-radius: .38rem;-webkit-box-shadow: 0 .19rem .38rem rgba(0,0,0,.15);-moz-box-shadow: 0 .19rem .38rem rgba(0,0,0,.15);box-shadow: 0 .19rem .38rem rgba(0,0,0,.15);}
.about-area .cont a img{width: 100%;vertical-align: middle;border-radius: .38rem .38rem 0 0;}
.about-area .swiper-slide-active{position: relative;}
.about-area .swiper-slide-active .cont{width: 100%;margin: 0.5rem 0 1.4rem;}
.about-area .swiper-slide-active:before{content: "";display: block;position: absolute;bottom: 0.54rem;left:6%;width: 88%;height:.4rem;z-index: -2;border-radius: 0 0 .38rem .38rem;transition: all 0.5s;-webkit-box-shadow: 0 .19rem .38rem rgba(0,0,0,.15);-moz-box-shadow: 0 .19rem .38rem rgba(0,0,0,.15);box-shadow: 0 .19rem .38rem rgba(0,0,0,.15);background-color: #FFF;}
.about-area .swiper-slide-active:after{ content: "";display: block; position: absolute;bottom: 0.96rem;left:3%;width: 94%;height: .4rem;z-index: -1;border-radius: 0 0 .38rem .38rem;transition: all 0.5s;-webkit-box-shadow: 0 .19rem .38rem rgba(0,0,0,.15);-moz-box-shadow: 0 .19rem .38rem rgba(0,0,0,.15);box-shadow: 0 .19rem .38rem rgba(0,0,0,.15);background-color: #FFF;}
.about-area p{ color: #333; font-size: 1.0rem; line-height: 1.58rem;padding: 0.83rem 0; text-align: center;}
.about-area p img{ width: 1.17rem; height: 1.17rem; margin-right: 0.42rem; vertical-align: top; margin-top: 0.17rem;}

.about-strength li{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;margin-bottom: 1.5rem;}
.about-pic{width: 8.8rem;margin-top: 1.5rem;}
.about-pic img{border-top-left-radius: 1.75rem;}
.about-pic p{display: inline-block; font-size: 1.06rem; background: url(../images/msg-line.png) no-repeat right center;background-size:4.19rem .75rem;padding-right: 4.4rem;line-height:1.5rem;color: #666;margin-top: .6rem;}
.about-info{flex:1;-webkit-box-shadow: 0 .19rem .38rem rgba(0,0,0,.15);-moz-box-shadow: 0 .19rem .38rem rgba(0,0,0,.15);box-shadow: 0 .19rem .38rem rgba(0,0,0,.15);border-radius: 0 1.75rem 0 1.75rem;background: url(../images/about-bg02.png) #FFF no-repeat right top; background-size: 3.75rem 100%;color: #666;font-size: 1rem;line-height:1.6rem;padding: 0.8rem;}
.about-strength li.about-tech .about-pic img{border-top-left-radius: 0; border-top-right-radius: 1.75rem;}
.about-strength li.about-tech p{background: url(../images/tel-line.png) no-repeat left center;background-size:4.19rem .75rem;padding-left: 4.4rem;padding-right: 0;}
.about-nation p{color: #666;font-size: 1rem;line-height: 1.75rem;}
.about-nation p img{width: 100%;height: auto;margin: 1rem 0;}

/* contact style */
.cont-base{ position: relative; margin-top: 2.2rem;padding:1.25rem 0; border-radius:.38rem;background-color: #FFF;-webkit-box-shadow: 0 0 0.2rem 0.1rem rgba(0,0,0,.15);-moz-box-shadow: 0 0 0.2rem 0.1remrgba(0,0,0,.15);box-shadow: 0 0 0.2rem 0.1rem rgba(0,0,0,.15);margin-bottom: 1.5rem;}
.cont-base:before{content: "";display: block;position: absolute;top:-1.2rem;left:6%;width: 88%;height:1.2rem;z-index: -2;border-radius:.38rem .38rem 0 0;transition: all 0.5s;-webkit-box-shadow: 0 -0.1rem 0.2rem rgba(0,0,0,.15);-moz-box-shadow:0 -0.1rem 0.2rem rgba(0,0,0,.15);box-shadow: 0 -0.1rem 0.2rem rgba(0,0,0,.15);background-color: rgba(255,255,255,.6);}
.cont-base:after{ content: "";display: block; position: absolute;top: -0.6rem;left:3%;width: 94%;height: .6rem;z-index: -1;border-radius:.38rem .38rem 0 0;transition: all 0.5s;-webkit-box-shadow: 0 -0.1rem 0.2rem rgba(0,0,0,.15);-moz-box-shadow: 0 -0.1rem 0.2rem rgba(0,0,0,.15);box-shadow: 0 -0.1rem 0.2rem rgba(0,0,0,.15);background-color: rgba(255,255,255,.6);}

.cont-font{line-height:1.1;padding:.63rem 0;text-align: center;background: url(../images/cont-bg.png) no-repeat center;background-size: contain;}
.cont-font p{font-size: 1rem;margin-bottom: .31rem;}
.cont-font strong{font-size: 1.75rem;background-image: -webkit-gradient(linear, 0 0, right 0, from(#FF4D52), to(#FF9E5F)); -webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}

.cont-type{text-align: center;}
.cont-type p{font-size: 1rem;line-height: 2.13rem;}
.cont-type p a{color: #e60012;font-size: 1.38rem;font-weight: bold;}
.cont-name{position: relative;text-align: center;font-size: 1.63rem;font-family: 'PingFangH';line-height: 1.1;margin-bottom:20px;}
.cont-name:before{content: "";display: inline-block;position: absolute;left: 50%;top: 0.4rem;margin-left:-11rem;width:8.13rem;height: 0.94rem;background: url(../images/cont-name01.png) no-repeat left center;background-size: 90%;}
.cont-name:after{content: "";display: inline-block;position: absolute;right: 50%;top: 0.4rem;margin-right:-11rem;width: 8.13rem;height: 0.94rem;background: url(../images/cont-name02.png) no-repeat right center;background-size: 90%;
}

/*.cont-show{clear: both;overflow: hidden;padding: 2rem 0;text-align: center;}
.cont-btn{position: relative;z-index: 1;display: inline-block;}
.cont-btn img{width: 6.25rem;height: 6.25rem;}

.pulse{position: absolute; width: 7.25rem; height:7.25rem; left: -0.5rem; top: -0.5rem; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 1px solid #F8D598; opacity: 0;z-index: -1;}
.pulse1{-webkit-animation: warn1 2s ease-out; -moz-animation: warn1 2s ease-out; animation: warn1 2s ease-out; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite;}
.pulse2{-webkit-animation: warn2 2s ease-out; -moz-animation: warn2 2s ease-out; animation: warn2 2s ease-out; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite;}*/
@keyframes warn1{
    0%{
        transform: scale(0.9);
        -webkit-transform: scale(0.9);
        opacity: 0.0;
    }
    50%{
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
        opacity: 0.9;
    }
    100%{
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        opacity: 0.0;
    }
}

@keyframes warn2{
    0%{
        transform: scale(0.9);
        -webkit-transform: scale(0.9);
        opacity: 0.0;
    }
    50%{
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        opacity: 0.8;
    }
    100%{
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
        opacity: 0.0;
    }
}

.cont-map{margin-top: 1.5rem;}
#allmap{ width: 100%; height: 320px; margin: 1rem 0; border-radius: 0.38rem;}
#allmap img{max-width: 500px;}
#allmap *{box-sizing: unset!important;}

/* error style */
.error{margin: 6rem 0;text-align: center;}
.error img{margin: 0 auto 2rem;}
.error p{font-size: 1rem;line-height: 1.75rem;}
.error a{display:inline-block; color: #FFF; font-size: 1.25rem; line-height: 1.1; padding: 0.63rem 3rem; border-radius: 0.38rem;background-color: #FF0006;margin-top: 3rem;}


@media screen and (max-width:640px){
    .hot-info{padding-left: .8rem;padding-right: .8rem;}
    .con-box,.index-top,.index-name,.news-base{padding-left:.63rem;padding-right:.63rem;}
    .index-tit,.news-hot,.news-list,.news-base,.more-list{margin-left: .63rem;margin-right: .63rem;}
    .index-type li{margin-left: 1.2rem;margin-right: 1rem;}
    .pro-good ul{padding: .6rem 0 .6rem .5rem;}
    .pro-good ul li span img{margin-right: .2rem;}
    .pro-good ul li{margin-right: .3rem;}
    .base-tel{background-size: 2.75rem .5rem;padding-left: 3rem;}
    .base-tel a{letter-spacing: -0.2px;}
    .base-tel a.tel-btn{padding: 0 .8rem;letter-spacing: 0;}
    .show-msg{padding-left:.63rem;padding-right:.63rem;margin-left: .63rem;margin-right: .38rem;}
    .msg-btn span{line-height: 2.6rem;}
    .msg-btn input{height: 2.6rem;line-height: 2.6rem;padding: 0 2rem;}
    .msg-fill ul li{padding: .63rem;}
    .show-msg p{padding-right: 4rem;}
    .case-spot{padding: .63rem;}
}
@media screen and (max-width:320px){
    .about-base ul{padding: 1.25rem 0.3rem .8rem;}
    .totop{width: 36px;height: 36px;}

}
<!--分页-->
.i5upage{height:30px;margin:20px 0 30px;font-family:Arial, Helvetica, sans-serif; line-height: normal; font-size: 14px; }
.i5upage a,.i5upage span{display:block;color:#438aff;font-weight:normal;text-decoration:none;letter-spacing:0px;border:1px solid #ccc;float:left;margin:2px 3px;text-align:center;padding:0 10px;height:28px;line-height:28px;} /* SPAN和链接 */
.i5upage a:hover, .i5upage a.current{color:#F44;border:1px solid #F44} /* 当前链接有激活时 */
.i5upage input{padding:0px;color:#438aff;height:16px;width:25px;border:0px solid #fff;text-align:center;margin:0 -5px;vertical-align:middle;font-size:12px}