/***** Header *****/
header{position: fixed;background:#fff;width: 100%;z-index: 1000;box-shadow:1px 1px 5px #000;}
header .logo{float: left;width: 20%;line-height: .97rem;}
header .nav{float:left;width: 70%;padding: 0 .2rem 0 .5rem;}
header .nav li{display:table-cell;width:200px}
header .nav li a{display:block;text-align:center;line-height:.97rem;font-size:.18rem;color:#242424}
header .nav li a:hover,header .nav li a.on{color:#e3333b;}
header .right{float:right;width:10%;background:#e22c34;padding:0 .2rem;font-size:0;line-height:.97rem}
header .right>div{display:inline-block;vertical-align:top;width:50%;text-align:center}
header .right .lang{font-size:.18rem;color:#fff}
header .right .lang a{font-size:.18rem;color:#fff;display:inline-block;vertical-align:middle;border:1px solid #fff;padding:.1rem 0;width:100%;height:initial;line-height:initial;border-radius:.05rem}
header .right .search a{background:url(../images/search.png) no-repeat center;background-size:.16rem;width:.3rem;height:.3rem;display:inline-block;vertical-align:middle;text-align:center}
/***** Header End *****/

.tem_banner{position:relative;width:100%;padding-top: .97rem;}
.tem_banner.index .txt{position:absolute;width:100%;height:100%;top:0;left:0;font-size:.16rem;text-align: left;color: #fff;}
.tem_banner.index .txt .pd{display:inline-block;text-align:left;max-width: 4.95rem;}
.tem_banner.index .txt .logo{font-size:0;margin-bottom: .35rem;}
.tem_banner.index .txt .logo .img{display:inline-block;width:2.17rem;opacity:0;transition:none;transform:translateY(30px);}
.tem_banner.index .txt .title {width: 100%;}
.tem_banner.index .txt .title>*{text-shadow: 1px 1px 5px #000;}
.tem_banner.index .txt .title h2{font-size: .65rem;display: block;font-weight: normal;opacity:0;transform:translateY(30px);transition: 1s;line-height: 1.4;}
.tem_banner.index .txt .title p{font-size: .3rem;display: block;margin: .2rem 0 .3rem;opacity:0;transform:translateY(30px);transition: 1s;text-transform: uppercase;}
.tem_banner.index .txt .title span {font-size: .3rem;display:block;opacity:0;transform:translateY(30px);transition: 1s;}
.tem_banner.index .swiper-slide-active .txt .title h2{transform: none;transition: 1s;opacity: 1;transition-delay: .3s;}
.tem_banner.index .swiper-slide-active .txt .title p{transform: none;transition: 1s;opacity: 1;transition-delay: .6s;}
.tem_banner.index .swiper-slide-active .txt .title span{transform: none;transition: 1s;opacity: 1;transition-delay: .9s;}

.tem_banner .slide-pagination{transition:.5s;position:absolute;z-index:1;bottom:5%;left:50%;transform:translateX(-50%);text-align:center}
.tem_banner .slide-pagination span{width:11px;height:11px;border-radius:100%;border: 1px solid #e22c34;opacity:1;background:0 0;margin:0 5px;outline:0;}
.tem_banner .slide-pagination span.swiper-pagination-bullet-active{background: #e22c34;border-color: #e22c34;}

.tem_banner.indise .flash{font-size:0;position: relative;}
.tem_banner.indise .flash img{width:100%;height:100%}
.tem_banner.indise .txt{position:absolute;bottom: 0;left:0;width:100%;height: 100%;text-align: left;z-index: 1;color:#fff;}
.tem_banner.indise .txt h2{font-size: .6rem;text-transform: uppercase;font-weight:normal;}
.tem_banner.indise .txt p{font-size: .36rem;display:block;margin-top:.3rem;}

.tem_banner.indise .txt .nav{background: #1e4ba7;text-align:left;overflow: hidden;}
.scode-2 .tem_banner.indise .txt .nav {display: none;}
.tem_banner.indise .txt .nav li{display:inline-block;vertical-align:top;font-size:.2rem;text-align:center;}
.tem_banner.indise .txt .nav li a {line-height: .9rem;color: #fff;font-size: .16rem;position: relative;padding: 0 .6rem;}
.tem_banner.indise .txt .nav li a::after{position:absolute;content:'';width:1px;height:.5rem;margin-top:-.25rem;right:0;top:50%;border-right:dashed 1px #fff}
.tem_banner.indise .txt .nav li a i {margin-left: .1rem;}
.tem_banner.indise .txt .nav li a:hover {background: #1b408a;}

.index_first{width:100%;padding:.6rem 0 1rem;background:url(../images/icon-3.png) no-repeat left top;background-size: 3.15rem;}
.index_first .title{text-align:center;margin-bottom: .5rem;}
.index_first .title h2{font-size:.48rem;color:#272727;display:block;margin-bottom:.1rem;}
.index_first .title p{font-size:.2rem;color:#636363;}
.index_first .list{display:flex;flex-direction: row;justify-content: space-between;width: 95%;margin: 0 auto;}
.index_first .list .box{width:29.9%;position:relative}
.index_first .list .box .txt{padding:.15rem 0}
.index_first .list .box .txt h2{font-size:.2rem;color:#011;display:block;margin-bottom:.1rem}
.index_first .list .box .txt p{font-size:.16rem;color:#011;line-height:1.4}
.index_first .list .box h3{background:#e22c34;color:#fff;font-size: .14rem;position:absolute;left:-.15rem;top:.17rem;z-index: 1;padding: .1rem .13rem;}
.index_first .list .box:hover{transform: translateY(-.1rem);}
.index_first .list .box:hover h2{color:#e22c34}
.index_first .list .box:hover img{transform: scale(1.1);}

.index_two{width:100%;min-height: 8rem;position: relative;padding: .8rem 0;}
.index_two .title{text-align:center;margin-bottom: .7rem;position: relative;z-index: 1;}
.index_two .title h2{font-size:.5rem;color:#fff;display:block;margin-bottom:.1rem}
.index_two .title p{font-size:.2rem;color:#fff}
.index_two .list{margin: 0 auto;width: 56%;}
.index_two .list> * {transition: none;}
.index_two .tab{position:absolute;left:0;top:0;width:100%;height: 100%;}
.index_two .tab .item{position:absolute;top:0;width: 22%;height:100%;background: #0000;display: flex;justify-content: center;align-content: center;flex-direction: row;align-items: center;cursor: pointer;text-align: center;}
.index_two .tab .item.flex-active {background: rgb(218 38 30 / 50%);}
.index_two .tab .item.left{left:0}
.index_two .tab .item.right{right:0}
.index_two .tab .item span{height:.62rem;display:inline-block;width:100%;margin-bottom:.2rem}
.index_two .tab .item.left span{background-size:.57rem!important}
.index_two .tab .item.right span{background-size:.66rem!important}
.index_two .tab .item h2{font-size:.3rem;color:#fff}
.index_two .tab .item p{font-size:.14rem;color:#fff;text-align:center;display:inline-block;background:#da261e;padding:.12rem .25rem;margin-top:.45rem;opacity:1}
.index_two .tab .item.flex-active p{opacity:0}

.index_product{background:#f0f0f0;position:relative;padding-bottom:.5rem}
.index_product .navigations{position:absolute;left:0;top:45%;width:100%;z-index:1}
.index_product .navigations>div{position:absolute;top:0;width:.4rem;height:.8rem;background:#e1e1e1;color:#000;font-size:.22rem;text-align:center;line-height:.8rem;cursor:pointer}
.index_product .navigations>div.swiper-button-disabled{background: #e22c34;color: #fff;}
.index_product .navigations .left{left:.2rem}
.index_product .navigations .right{right:.2rem}
.index_product a p{font-size:.24rem;color:#787878;text-align:center}

.index_case{padding:.7rem 0;}
.index_case .title{text-align:center;margin-bottom:.5rem;}
.index_case .title h2{font-size:.48rem;color:#272727;margin-bottom:.1rem;}
.index_case .title p{font-size:.2rem;color:#636363;}
.index_case .list{width:100%;position:relative;}
.index_case .list .imgs {float: right;width: 61.1%;}
.index_case .list .txt{text-align: right;position:absolute;left:0;top:0;width: 49.3%;z-index:1;height: 100%;}
.index_case .list .txt .name{font-size: .75rem;color:rgb(39 39 39 / 26%);text-transform:uppercase;letter-spacing: .1rem;font-weight: bold;margin-bottom: .2rem;}
.index_case .list .txt .boxs{display:inline-block;background:#e1514b;width:72%;padding:.4rem;text-align:left}
.index_case .list .txt .boxs h2{font-size:.24rem;color:#fff;line-height:1.3}
.index_case .list .txt .boxs p{color:#fff;font-size:.2rem;display:block;margin:.3rem 0 .5rem;line-height:1.5}
.index_case .list .txt .boxs a{color:#fff;font-size:.16rem;display:inline-block}
.index_case .list .txt .more{text-align:left;position: absolute;bottom: 0;}
.index_case .list .txt .more a{color:#fff;background:#636363;display:inline-block;padding:.13rem .35rem;border-radius: .05rem;}
.index_case .list .txt .more a:hover {background: #e1514b;color: #fff;}
.index_case .list .txt .paginations{position:absolute;left:0;bottom: 2rem;margin-top: 0;}

.index_news{padding:.7rem 0 1rem;background:#f5f5f5;}
.index_news .title{margin-bottom:.45rem;text-align:center;}
.index_news .title h2{font-size:.48rem;color:#272727;display:block;margin-bottom:.1rem;}
.index_news .title p{color:#636363;font-size:.2rem;}
.index_news .list{position:relative;width:100%;padding:0 .9rem;}
.index_news .list .swiper-slide{padding:.1rem;}
.index_news .list a{padding:.3rem .45rem;background:#fff;}
.index_news .list a:hover{box-shadow:1px 1px .1rem #cfcfcf;}
.index_news .list a span{display:block;padding-left:.23rem;background:url(../images/time.png) no-repeat left center;background-size:.15rem;font-size:.14rem;color:#8c8b8b;margin-bottom:.1rem}
.index_news .list a h2{font-size:.2rem;color:#1f1f1f;line-height:1.4;margin:.2rem 0 .4rem}
.index_news .list a p{display:inline-block;border:1px solid #e22c34;border-radius:.3rem;color:#e22c34;padding:.1rem .3rem;margin-bottom:.3rem}
.index_news .list a p:hover {background:#e22c34;border:1px solid #e22c34;color:#fff;}
.index_news .list a:hover img{transform:scale(1.1)}
.index_news .list .navigations{position:absolute;left:0;top:45%;width:100%}
.index_news .list .navigations>div{position:absolute;top:0;width:.4rem;height:.8rem;background:#e1e1e1;line-height:.8rem;text-align:center;color:#000;font-size:.2rem;}
.index_news .list .navigations .left{left:0}
.index_news .list .navigations .right{right:0}
.index_news .list .navigations>div.swiper-button-disabled{background: #e22c34;color: #fff;}

/*** page web ***/
.page_nav{border-bottom:1px solid #ddd;font-size:0}
.page_nav dl:first-child{width:.55rem;height:.64rem;background:url(../images/home.png) no-repeat left center;background-size:.28rem;padding:0}
.page_nav dl{display:inline-block;vertical-align:top;border-right:1px solid #ddd;position:relative}
.page_nav dl:last-child dt a,.page_nav dl dt a:hover {color: #da261e;}
.page_nav dl:after{position:absolute;content:'';left:0;width:0;bottom:0;height:2px;background:#da261e;transition:.36s;}
.page_nav dl:hover:after{width:100%;transition:.36s;}
.page_nav dl dt a{font-size: .18rem;color:#1c1b1b;display:block;line-height:.64rem;padding: 0 .5rem;cursor: pointer;}
.page_nav dl dt a i{display:inline-block;margin-left:.3rem;font-size: .2rem;}
.page_nav dl.on dt a i {transform: rotate(180deg);}
.page_nav dl dd{position:absolute;padding:.2rem 0;width:100%;left:0;top:100%;box-shadow:0 0 5px #ddd;z-index: 2;background:#fff;display:none;transition:none;}
.page_nav dl dd a{font-size:.16rem;display:block;padding:0 .24rem;text-align:left;line-height:.45rem;color:#2b2b2b}
.page_nav dl dd a.on,.page_nav dl dd a:hover{color:#e6524d;background:#f3f3f3}


.page_content{padding: .6rem 0 .8rem;}

.paginations{font-size:0;text-align:center;margin-top:.4rem}
.paginations span{width: .15rem;height: .15rem;margin:0 .02rem;opacity:1;background:#cacaca;}
.paginations span.swiper-pagination-bullet-active{background: #e22c34;}

.page_position{position:relative;top:-1.5rem}

.page_profile{width:100%;padding: .6rem 0 .8rem;text-align:center;}
.page_profile .name{margin-bottom:.4rem}
.page_profile .name h2{font-size:.48rem;color:#272727;font-weight:bold;}
.page_profile .txt{position:relative;margin-top: .3rem;z-index:1;}
.page_profile .txt>div{background:#fff;padding:.65rem .5rem;box-shadow: 1px 1px 5px #cfcfcf;}
.page_profile .txt .title{font-size:.36rem;color:#272727;text-transform:uppercase;line-height:1.8;margin-bottom: .2rem;}
.page_profile .txt .con{line-height:1.5;font-size:.2rem;padding:0 .5rem;}

.page_about .box{margin-bottom:.3rem;}
.page_about .box>div>div {display:table-cell;vertical-align:middle;}
.page_about .box .img{width: 34%;}
.page_about .box .txt{width: 66%;padding-left: .5rem;}
.page_about .box .txt .title{margin-bottom:.32rem;}
.page_about .box .txt .title h2{font-size:.24rem;color:#272727;font-weight: bold;}
.page_about .box .txt .con{font-size:.16rem;color:#353535;line-height: 1.8;}
.page_about .box .txt .con p {text-indent: 2em !important;}
.page_about .box1{padding:1.6rem 0;font-size: 0;margin: .7rem 0;}
.page_about .box1 li{text-align: center;display: inline-block;width: 25%;vertical-align: top;padding: 0 .5rem;}

.page_about .box1 li a{font-size:.14rem;color:#fff}
.page_about .box1 li a .tb{display:inline-block;width:.85rem;height:.7rem;background-position:center center}
.page_about .box1 li a .tb1{background-size:.62rem}
.page_about .box1 li a .tb2{background-size:.85rem}
.page_about .box1 li a .tb3{background-size:.81rem}
.page_about .box1 li a .tb4{background-size:.77rem}
.page_about .box1 li a .title p{color:#da261e;font-size:.16rem;display:block;padding:.1rem 0 .05rem;position:relative;text-transform:uppercase}
.page_about .box1 li a .title p:after{position:absolute;content:'';left:50%;bottom:0;width:.34rem;height:2px;background:#da261e;margin-left:-.17rem}
.page_about .box1 li a .con{font-size:.36rem;color:#fff;margin:.2rem 0 .1rem}
.page_about .box1 li a .name{font-size:.16rem;color:#a8a8a8}

.page_about .box2{text-align: center;padding-bottom: 1rem;}
.page_about .box2 .title{margin-bottom:.4rem;}
.page_about .box2 .title h2{font-weight:bold;font-size:.48rem;color:#272727;}
.page_about .box2 .row>div{padding: 0 .15rem;}
.page_about .box2 a{position:relative;}
.page_about .box2 .txt{position:absolute;left:0;top:0;width:100%;height:100%;padding: 0 .5rem;}
.page_about .box2 .txt .con{font-size:.36rem;color:#fff;line-height: 1.4;margin-bottom:.35rem;text-shadow:1px 1px 5px #000;}
.page_about .box2 .txt .con p:first-child{font-size:.48rem;}
.page_about .box2 .txt .name{font-size:.3rem;color:#fff;text-shadow:1px 1px 5px #000;}

.page_culture{width:100%;}
.page_culture .top{padding: .6rem 0;background: url(../images/culture_bj.png) no-repeat;background-position: right top;}
.page_culture .top .title {text-align: center;margin-bottom: .4rem;}
.page_culture .top .title h2 {font-size: .48rem;color: #272727;    font-weight: bold;}
.page_culture .top .row{font-size:0}
.page_culture .top .row>div>div{display:inline-block;}
.page_culture .top .row .text-right{text-align:left;padding-right: 1.5rem;}
.page_culture .top .name {font-size: .48rem;color: #2b2b2b;text-transform: uppercase;line-height: 1.4;margin-bottom: .6rem;}
.page_culture .top .name p:last-child {font-size: .36rem;}
.page_culture .top .list{width:100%;border-top:2px solid #eee}
.page_culture .top .list dl{line-height:.7rem;border-bottom:2px solid #eee}
.page_culture .top .list dl a{color:#2b2b2b;font-size:.24rem;padding-left:.45rem;position:relative;}
.page_culture .top .list dl a:after{position:absolute;content:'';left:.16rem;top:50%;width:.12rem;height:.12rem;border:1px solid #e15e58;border-radius:100%;margin-top:-.06rem;}
.page_culture .bot{background: #f7f7f7 url(../images/culture_bj1.png) no-repeat;background-position: bottom left;background-size: 4.51rem;}
.page_culture .bot>div>div{float:left;}
.page_culture .bot .img{width:31.6%;position:relative;top:-1rem;box-shadow:1px 1px 15px #959595}
.page_culture .bot .txt{width:68.4%;padding:.65rem .5rem 0}
.page_culture .bot .box{position:relative;}
.page_culture .bot .box dl{position:relative;z-index:1}
.page_culture .bot .box i{position:absolute;left:.3rem;height:100%;width:2px;top:0;background:#e88884;z-index:0}
.page_culture .bot .txt dl dt{padding:.12rem .4rem .12rem .6rem;border:1px solid #cbcbcb;display:inline-block;border-radius:.3rem;font-size:.18rem;color:#2b2b2b;position:relative}
.page_culture .bot .txt dl dt:after{position:absolute;content:'';left:.18rem;top:50%;width:.25rem;height:.25rem;background:#eca6a3;border-radius:100%;margin-top:-.125rem}
.page_culture .bot .txt dl dt:before{position:absolute;content:'';left:.25rem;top:50%;width:.11rem;height:.11rem;background:#da261e;border-radius:100%;margin-top:-.055rem;z-index:1}
.page_culture .bot .txt dl dd{display:block;padding:.3rem 0 .3rem .6rem;color:#3c3b3b;font-size:.16rem;line-height:1.65}

.picture{padding:.6rem 0}
.picture .title{text-align:center;margin-bottom:.45rem;}
.picture .title h2{font-size:.48rem;color:#272727;font-weight:bold;}
.picture .list{width:100%;}
.picture .list>div{padding: 0 .25rem;}
.picture .list>div:hover img{transform:scale(1.1)}
.picture .list>div .pd{padding:.2rem;background:#e9e9e9;}
.picture .list>div .pd:hover{box-shadow:1px 1px 10px #858585}
.picture .list>div p{font-size:.16rem;color:#272727;text-align: center;display:block;margin:.2rem 0 .4rem;}
.picture .list>div:hover p{color:#e22c34}

.page_video .img{position:relative}
.page_video .img:after{position:absolute;content:'';left:0;top:0;width:100%;height:100%;background:#00000075 url(../images/icon_video.png) no-repeat center;transition:.36s;opacity:0}
.page_video .img:hover:after{opacity:1;}


@keyframes warn{
    0%{transform:scale(0);opacity:1}
    100%{transform:scale(1);opacity:0}
}

.page_case{width:100%;}
.page_case .top{padding:.6rem 0 1rem}
.page_case .top .title{text-align:center;margin-bottom:.4rem;}
.page_case .top .title h2{font-weight:bold;font-size:.48rem;color:#272727;}
.page_case .top .list{width:100%;position:relative;display: flex;min-height: 6.4rem;}
.page_case .top .list dl:hover {flex: 2;box-shadow: 1px 1px 15px #a0a0a0;}
.page_case .top .list dl{width: 20%;flex: 1;display: flex;flex-direction:column;justify-content:center;text-align: center;border-left: 1px solid rgb(255 255 255 / 30%);position: relative;overflow: hidden;}
.page_case .top .list dl:first-child {border: none;}
.page_case .top .list dl .box{width:100%;text-align: center;transition:.2s;opacity:1}
.page_case .top .list dl:hover .box{transition:.2s;opacity:0}
.page_case .top .list dl .box span{display:inline-block;margin-bottom:.5rem;position:relative;background:#fff;width:.18rem;height:.18rem;border-radius:100%;z-index:1}
.page_case .top .list dl .box span:after,.page_case .top .list dl .box span:before{left:50%;top:50%;position:absolute;border:2px solid #fff;border-radius:100%;content:'';box-shadow:0 0 4px #fff;animation: warn 1.5s ease-out both;animation-iteration-count:infinite;z-index:0;}
.page_case .top .list dl .box span:after{width:.46rem;height:.46rem;margin-left:-.23rem;margin-top:-.23rem}
.page_case .top .list dl .box span:before{width:.7rem;height:.7rem;margin-left:-.35rem;margin-top:-.35rem;animation-delay: 4s;}
.page_case .top .list dl .box h2{color:#fff;font-size:.16rem}
.page_case .top .list dl .txt{position:absolute;left:0;top:0;width:100%;height:100%;display: flex;flex-direction: column;justify-content: center;text-align: center;border-left: 1px solid rgb(255 255 255 / 30%);z-index: 1;background: #fff;padding: 0 .6rem;opacity: 0;transform: translateX(-100%);transition: .4s;}
.page_case .top .list dl:hover .txt{opacity:1;transform:translateX(0);transition:.4s}
.page_case .top .list dl .txt .name{font-size:.26rem;color:#232323}
.page_case .top .list dl .txt .con{font-size:.16rem;color:#535252;line-height:1.75;text-align:left;margin:.15rem 0 1.2rem}
.page_case .top .list dl .txt .icon{display:block;width:100%;height:.7rem;background:url(../images/icon-1.png) no-repeat center;background-size:.63rem}
.page_case .bot{padding:.6rem 0;background:#efefef}
.page_case .bot .title{text-align:center;margin-bottom:.4rem}
.page_case .bot .title h2{font-size:.48rem;color:#272727;font-weight:bold;}
.page_case .bot .list .txt{padding: .2rem;background:#fff;}
.page_case .bot .list p{font-size:.16rem;color:#272727;text-align:center;}
.page_case .bot .list a:hover{box-shadow:0 0 8px #333;}
.page_case .bot .list a:hover .txt{background:#e22c34;}
.page_case .bot .list a:hover .txt p{color:#fff;}
.page_case .bot .list a:hover img{transform:scale(1.1)}


.page_product{width:100%;padding: .7rem 0;}
.page_product .list {width: 100%;}
.page_product .list li:first-child {padding-top: 0;}
.page_product .list li {padding: .8rem 0;border-bottom: 1px solid #ddd;display: flex;}
.page_product .list li .box{flex: 1;padding-right: .3rem;}
.page_product .list li .box img:hover {transform: scale(1.1);}
.page_product .list li .txt{width: 54%;position: relative;}
.page_product .list li .txt .top {border-bottom: 2px solid #000000;position: absolute;left: 0;top: 0;width: 100%;height: .94rem;padding-top: .2rem;}
.page_product .list li .txt .top h2 { font-size: .36rem;color: #272727;}
.page_product .list li .txt .min {display: flex;height: 100%;padding-top: .94rem;}
.page_product .list li .txt .min .left {width: 26%;background: #f3f4f8;flex: 1;padding: .5rem .3rem 0;}
.page_product .list li .txt .min .left h2{font-size:.24rem;color:#da261e;display:block;margin-bottom:.3rem}
.page_product .list li .txt .min .left p{font-size:.14rem;color:#2f2f2f;line-height:1.75}
.page_product .list li .txt .min .right {width: 74%;padding: .5rem .35rem .35rem;font-size: .16rem;color: #3b3b3b;line-height: 1.9;}
.page_product .list li .txt .bot{position:absolute;bottom:0;width:100%;border-top:1px solid #dedee0;border-bottom:1px solid #dedee0;background:#f3f4f8;text-align:center;}
.page_product .list li .txt .bot a{font-size:.16rem;color:#272727;padding: .15rem 0;display: block;position:relative;z-index:1;}
.page_product .list li .txt .bot a:after{position:absolute;content:'';left:50%;top:0;width:0;height:100%;background:#e22c34;transition:.7s;z-index:-1}
.page_product .list li .txt .bot a:hover:after{transition:.7s;width:100%;left:0}
.page_product .list li .txt .bot a:hover{color:#fff;}

.show_product{padding: .65rem 0;}
.show_product .top{display:flex;width:100%}
.show_product .top .img{width:44%;margin-right:.6rem}
.show_product .top .txt{flex:1;position:relative}
.show_product .top .txt .title{padding-bottom:.25rem;border-bottom:2px solid #000;padding-top:.2rem}
.show_product .top .txt .title h2{font-size:.3rem;color:#272727}
.show_product .top .txt .con{padding:.3rem 0}
.show_product .top .txt .con .name{font-size:.24rem;color:#da261e;margin-bottom:.3rem}
.show_product .top .txt .con .desc{font-size:.16rem;color:#3b3b3b;line-height:1.9}
.show_product .top .txt .click{position:absolute;bottom:0;left:0;width:100%;display:flex;line-height:.54rem;text-align:center}
.show_product .top .txt .click a{background:#e2e2e2;flex:1;font-size:.16rem;color:#1d1d1d}
.show_product .top .txt .click a:hover{background:#e22c34;color:#fff}
.show_product .top .txt .click a:last-child{flex:3}
.show_product .top .txt .click a:first-child{width:10%;margin-right:10px}
.show_product .bot{width:100%}
.show_product .bot .box1>div .con{min-height:2.85rem}
.show_product .bot .box{margin-top:.45rem;border-bottom:1px solid #dfdfdf;width:48%}
.show_product .bot .box .title{font-size:.3rem;color:#272727;margin-bottom:.15rem}
.show_product .bot .box .con{padding:.4rem .3rem;background:#f6f6f6;border-top:2px solid #000;font-size:.16rem;color:#272727;line-height:1.9}
.show_product .bot .box1{display:flex;justify-content:space-between}
.show_product .bot .box1>div{justify-content:space-between;align-content:space-around;flex-wrap:nowrap;display:inline-block;width:48%}
.show_product .bot .box2 .con{padding:0}
.show_product .bot .box2 .con table{width:100%}
.show_product .bot .box2 .con table tr{font-size:.16rem;color:#272727;border-bottom:2px solid #fff;}
.show_product .bot .box2 .con table tr:first-child{background:#e2e2e2}
.show_product .bot .box2 .con table td{width:initial;border-right:2px solid #fff;padding: .15rem .3rem;line-height: 1.3;}
.show_product .bot .box2 .con table tr td:first-child{text-align:center;white-space: nowrap;}
.show_product .bot .box2 .box{border-bottom:none}

.page_project{width:100%;padding:.6rem 0}
.page_project .title{text-align:center;margin-bottom: .45rem;}
.page_project .title h2{font-size: .48rem;color: #272727;}
.page_project .list{display:flex;width:100%;flex-wrap: wrap;justify-content: space-between;}
.page_project .list>div {width: 48%;box-shadow: 1px 1px 10px #c7c7c7;margin-bottom:.8rem;display: flex;}
.page_project .list .txt{position:relative;width: 75%;}
.page_project .list .txt span{display:inline-block;width:.8rem;height:.8rem;background-image:url(../images/icon-2.png);background-size:.41rem;background-color:#d5d5d5;background-repeat:no-repeat;background-position:center}
.page_project .list .box:hover .txt span{background-color:#e22c34}
.page_project .list .txt h2{margin:.25rem .2rem .2rem;font-size:.2rem;color:#232323;line-height:1.5}
.page_project .list .txt h3{display:block;margin:0 .2rem .1rem;color:#272727;font-size:.16rem;padding-top:.2rem;border-top:1px solid #2b2b2b}
.page_project .list .txt p{font-size:.16rem;color:#535252;display:block;margin:0 .2rem;line-height:1.8}
.page_project .list .txt a {color:#515050;background:#d5d5d5;position: absolute;left: 0;bottom: 0;width: 100%;padding: .15rem 0;text-align: center;font-size: .16rem;}
.page_project .list .box:hover .txt a {background: #e22c34;color: #fff;}
.page_project .list .box:hover{box-shadow:1px 1px 10px #8f8f8f;}
.page_project .list .box:hover img{transform:scale(1.1);}

.show_project{padding:.7rem 0;}
.show_project .top{display:flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-between;}
.show_project .top .list {width: 64%;position: relative;}
.show_project .top .list .paginations{position:absolute;bottom:.4rem;left:.4rem;z-index:1}
.show_project .top .list .paginations span{background:#c9c9c9;width:.32rem;height:.05rem;border-radius:0;margin-right:.14rem}
.show_project .top .list .paginations span.swiper-pagination-bullet-active{background:#e22c34}
.show_project .top .txt{width:34%;display:flex;flex-direction:column}
.show_project .top .txt .title{padding:.2rem 0;border-bottom:2px solid #000;flex:10%}
.show_project .top .txt .title h2{font-size:.3rem;color:#272727;line-height:1.5}
.show_project .top .txt .con{width:100%;display:flex;flex-direction:column;flex:90%}
.show_project .top .txt .con dl{display:flex;width:100%;border-bottom:1px solid #dedee0;flex:1}
.show_project .top .txt .con dl>*{padding:0 .3rem;font-size:.16rem;display:flex;align-items:center}
.show_project .top .txt .con dl dt{flex:1;background:#f3f4f8;font-weight:700;line-height:1.8}
.show_project .top .txt .con dl dd{flex:1.5;line-height:1.4}

.page_news{width:100%;padding:.6rem 0 1rem}
.page_news .title{text-align:center;margin-bottom:.45rem}
.page_news .title h2{color:#272727;font-size:.36rem}
.page_news .list{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-between}
.page_news .list .item{padding:.4rem .3rem;background:#fff;box-shadow: 1px 1px 10px #e8e8e8;margin-bottom:.6rem;width:30.5%;}
.page_news .list .item:hover {box-shadow: 1px 1px 10px #b6b6b6;}
.page_news .list .item:hover img{transform:scale(1.1)}
.page_news .list .item span{font-size:.14rem;color:#da261e;display: block;background: url(../images/time.png) no-repeat left center;padding-left: .2rem;background-size: .15rem;}
.page_news .list .item h2{font-size:.2rem;color:#1f1f1f;line-height:1.45;margin-top:.25rem}
.page_news .list .item p{display:inline-block;color:#da261e;padding:.1rem .3rem;border:1px solid #da261e;border-radius:.3rem;margin:.4rem 0;font-size: .14rem;}
.page_news .list .item a:hover p {background: #da261e;color: #fff;}
.page_news .list .item hr{display:block;margin-top:.3rem;width:100%;height:1px;background:#da261e}

.show_news {padding: .6rem 0 1rem;}
.show_news h2 {font-size:.36rem;color:#333;text-align:center;}
.show_news .met_infos {padding:.15rem 0 .35rem;font-size:.14rem;color:#585858;text-align:center;}
.show_news .met_infos span {display:inline-table;margin:0 .1rem;}
.show_news .met_infos span a {font-size:.14rem;color:#585858}
.show_news .editor {font-size:.16rem;color:#333;line-height:1.8}
.met_page {padding:.45rem 0 0;margin:.45rem 0 0;border-top:1px solid #e5e5e5;}
.met_page li {margin:.1rem 0;font-size:.14rem;color:#333;}
.met_page li>* {display: inline-block;vertical-align: top;}
.met_page li a {font-size:.14rem;color:#333}

.editor{padding:.1rem 0;line-height:1.8}
.editor table tr{border-top:1px solid #555;border-left:1px solid #555}
.editor table tr{border-bottom:1px solid #555}
.editor table tr td{border-right:1px solid #555}

.page_contact{width: 100%;}
.page_contact .contact{padding:.65rem 0}
.page_contact .contact .title{margin-bottom:.4rem;text-align:center;}
.page_contact .contact .title h2{font-size:.36rem;color:#272727;}
.page_contact .contact .name{display:flex;margin-bottom: .35rem;align-items: center;width: 100%;}
.page_contact .contact .name dl{flex:1}
.page_contact .contact .name dl h2{font-size:.16rem;color:#404040;display:block;margin-bottom:.1rem}
.page_contact .contact .name dl p{font-size:.18rem;color:#1d1d1d}
.page_contact .contact .name dl:first-child{flex:.4;color:#161616;font-size:.3rem;line-height:1.8}
.page_contact .contact .box{width:100%;display:flex;border-top:2px solid #797979;flex-direction:row;flex-wrap:nowrap}
.page_contact .contact .box .list{flex:40%;border-bottom:2px solid #d2d2d2;border-left:2px solid #d2d2d2;display:flex;flex-direction:column;justify-content:space-between}
.page_contact .contact .box .list dl{border-bottom:2px solid #dcdcdc;flex:1;display:flex;align-items:center;height:100%;}
.page_contact .contact .box .list dl dt{flex:22%;height:100%}
.page_contact .contact .box .list dl.dl1 dt{background-size:.98rem!important}
.page_contact .contact .box .list dl.dl2 dt{background-size:.89rem!important}
.page_contact .contact .box .list dl.dl3 dt{background-size:.87rem!important}
.page_contact .contact .box .list dl dd{flex:78%;padding:0 .2rem 0 .1rem}
.page_contact .contact .box .list dl dd .t{font-size:.24rem;color:#161616;margin-bottom:.2rem}
.page_contact .contact .box .list dl dd .c{font-size:.16rem;color:#302f2f;line-height:1.8}
.page_contact .contact .box .list dl:last-child{border:0}
.page_contact .contact .box .map{flex:60%;border:2px solid #d2d2d2;border-top:0}

.page_contact .message{padding:.6rem 0 .8rem;background:#f1f2f2;}
.page_contact .message .title{margin-bottom:.45rem;text-align:center}
.page_contact .message .title h2{display:block;font-size:.36rem;color:#272727;margin-bottom:.15rem}
.page_contact .message .title p{font-size:.16rem;color:#272727}
.page_contact .message .list{width:100%}
.page_contact .message .list form{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:flex-start}
.page_contact .message .list form .input{width:31%}
.page_contact .message .list form input{display:block;width:100%;height:.6rem;padding:0 .1rem;border:1px solid #d1d1d1;font-size:.16rem;color:#666}
.page_contact .message .list form textarea{display:block;width:100%;margin: .4rem 0 .4rem;height:1.8rem;line-height:1.5;border:1px solid #d1d1d1;font-size:.16rem;padding:.1rem;color:#666;}
.page_contact .message .list form button{display:inline-block;padding:.15rem 1rem;background:#e22c34;border:#ffdead;color:#fff;font-size:.16rem}
.page_contact .message .list form>div{width:100%;text-align:center}


.page_message{padding:.6rem 0;}
.page_message .title{margin-bottom:.36rem;}
.page_message .title h2{font-size:.48rem;color:#887e6d;}
.page_message .con{width:100%}
.page_message .con form{display: block;font-size: 0;}
.page_message .con form>div{width:100%;display: inline-block;padding: 0 .1rem;margin-bottom: .55rem;}
.page_message .con form .input{width: 33.33%;}
.page_message .con form>div>*{display:block;width:100%;height:.55rem;line-height:.55rem;padding:0 .1rem;border:1px solid #888888;font-family: 'arial';}
.page_message .con form>div>textarea {height: 2rem;padding: .1rem;line-height: 1.5;}
.page_message .con form>div>button{display:inline-block;width: initial;font-size: .14rem;background: #383839;color: #fff;border: none;padding: 0 .5rem;}

footer{width: 100%;position: relative;width: 100%;}
footer .top{background: #222222;}
footer .top .box{display:flex;flex-direction: row;justify-content: space-between;}
footer .top .box>div{padding:.5rem 0}
footer .top .box .left{width:13%;text-align:left;padding-right:.5rem}
footer .top .box .left .logo{margin-bottom:.5rem}
footer .top .box .left .tel h2{font-size:.14rem;color:#949494;display:block;margin-bottom:.1rem}
footer .top .box .left .tel p{font-size:.2rem;color:#cb3836}
footer .top .box .min{width:77%;padding:.5rem;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between}
footer .top .box .min dl{padding:0 .2rem}
footer .top .box .min dl dt{display:block;margin-bottom:.15rem}
footer .top .box .min dl dt a{font-size:.16rem;color:#fff}
footer .top .box .min dl dd a{font-size:.14rem;color:#a2a2a2;line-height:2}
footer .top .box .min dl dd a:hover{color:#fff}
footer .top .box .right{width:11%;text-align:right}
footer .top .box .right .qd{display:inline-block}
footer .top .box .right p{color:#fff;text-align:center;display:block;margin-top:.15rem;font-size:.14rem}
footer .bot{background:#121212;font-size:0;padding:.2rem 0}
footer .bot .box{display:flex;text-align:center;justify-content:center}
footer .bot .box>a{color:#d9d7d7;font-size:.14rem;margin:0 .2rem;display: flex;align-items: center;}
footer .bot .box>a:hover{color:#fff}
footer .bot .box>a .img{margin-right:.03rem;}


/**/
/********<=767 mobile nav style css********/
.m-header {background: #fff;box-shadow: 0 0 12px rgba(0,0,0,0.2);}
.m-header >.col-xs-6>div {color: #e22e36;}
.m-header >.col-xs-6 img {max-height: 35px;}
.st-container .st-menu {
	background: #fff;
	-webkit-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
	-o-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
	transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
}
.st-container .st-menu ul li a {color: #555;position:relative;font-size:.25rem;}
.st-container .st-menu ul li>a:hover,.st-container .st-menu ul li.active>a {background: #e22e36;box-shadow:0 4px 8px rgba(0,0,0,0.2);border-radius:5px;color: #fff;}
.st-container .st-menu ul li>a>i {position:absolute;right:1em;top:50%;transform:translateY(-50%);color: #e22e36;}
.st-container .st-menu ul li.active>a>i,.st-container .st-menu ul li>a:hover>i {color:#FFF}
.st-container .st-menu ul li>dl {transition:none;margin:0}
.st-container .st-menu ul li>dl dd a {background:none;box-shadow:none;color: #b3b3b3;padding-left:0;}
.st-container .st-menu ul li>dl dd a i {padding-right:10px;}
.st-container .st-menu ul li>dl dd.on2 a,.st-container .st-menu ul li>dl dd a:hover {color: #e22e36;font-weight: bold;}
.st-container .st-menu ul li>dl dd.on2 a i,.st-container .st-menu ul li>dl dd a:hover i {padding-right:16px}
.st-effect-1.st-menu {display:block;}
/**************************/
/******ipad****/
@media(max-width:990px){
	body{overflow-x:hidden;}
	.st-menu {display:block;}	
	.header {display:none;}
	.m-header  {top:0;opacity:1;padding: 0 .1rem;}
	.tem_banner{padding-top: 60px;}
	.tem_banner.index .txt .title h2{font-size:20px;}
	.tem_banner.index .txt .title p{font-size: 14px;}
	.page_profile .txt{margin-top: .3rem;}
}

/********mobile*********/
@media(max-width:767px){
    .index_product .one .text-left,.index_about .row .text-left{padding-right:0;margin-bottom:.3rem;}
    .index_product .one .text-right,.index_about .row .text-right{padding-left:0}
    footer>div>.left{width:100%;padding-right: 0;}
    footer>div>.min{display:none}
    footer>div>.right{width:100%;text-align: center;margin-top: .3rem;}
    .show_product .top .left{width:100%}
    .show_product .top .right{width:100%;margin-top:.3rem;}
    .page_news .list li a>div{display:block;width:100%}
    .page_news .list li a>.img{width:100%;}
    .page_news .list li a>.txt{width:100%;padding:.5rem .2rem .6rem;}
    .page_about .box>div>div{display:block;width: 100% !important;padding: 0 !important;}
    .page_about .box>div>.txt {padding: .5rem 0 !important;}
    .page_about .box2 .row>div{margin:.3rem 0}
    .page_case .top .list dl .txt{padding:.1rem;}
    .page_product .list li {display:block;}
    .page_product .list li .box{width:100%;flex: initial;padding-right: 0;}
    .page_product .list li .txt{width:100%;margin-top: .2rem;}
    .page_product .list li .txt .bot{position:relative;}
    .show_product .top{display:block;}
    .show_product .top .img{width:100%;}
    .show_product .top .txt{margin-top:.2rem;}
    .show_product .top .txt .click{position:relative;}
    .show_product .bot .box1,.show_product .bot .box1>div,.show_product .bot .box{display:block;width:100%;}
    .page_project .list>div{display:block;width:100%;}
    .page_project .list>div>div{display:block;width:100%;}
    .page_project .list>div>.img{display:none;}
    .page_project .list .txt a{position:relative;margin-top: .2rem;}
    .show_project .top{display:block;}
    .show_project .top>div{width:100% !important; }
    .show_project .top .txt .con dl dt{padding:.2rem}
    .page_news .list .item{width:49%;}
    .page_contact .contact .name{display:block;}
    .page_contact .contact .name dl:first-child{margin-bottom:.2rem;}
    .page_contact .contact .box{display:block;}
    .page_contact .contact .box .list>dl{padding: .3rem;}
    .page_contact .contact .box .list>dl {display: initial;}
    footer .top .box {display:block;}
    footer .top .box>div{width: 100% !important;text-align: center !important;padding: .2rem 0 !important;}
    footer .top .box .min{display:none;}
    footer .bot .box{display:block;}
    footer .bot .box a{line-height:1.8;display:inline-block;}
    .index_two .list{width:100%}
    .index_two .tab{/* position:relative; */bottom:0;height:initial;}
    .index_two .tab .item{height:initial;bottom:0;width:50%;display: block;top: initial;padding: .4rem 0;}
    .index_two .tab .item p{display:none;}
    .index_case .list .imgs{width:100%;float: initial;}
    .index_case .list .txt{width:100%;position:relative;}
    .index_case .list .txt .name {display: none;}
    .index_case .list .txt .boxs{display:block;width:100%;}
    .index_case .list .txt .more{position:relative;text-align:center;margin:.2rem 0}
    .index_case .list .txt .paginations{position:relative;bottom:0;}
    .index_two .tab .item span{display:none;}
}