/***** Header *****/
header{box-shadow: 1px 1px 5px #c1c1c1;position: fixed;width: 100%;z-index: 1000;height:1rem;line-height:1rem;overflow:hidden;background: #fff;}
header .left{float:left;width: 17%;}
header .right{float:right;}
header .right>div{display:inline-block;vertical-align:top}
header .right .nav li{float:left}
header .right .nav li a{display:inline-block;padding:0 .4rem;font-size:.16rem;color:#000}
header .right .nav li a:hover,header .right .nav li a.on{background: #cd2c1a;color:#fff;}
header .right .search{padding:0 .5rem}
header .right .search form{display:inline-block;vertical-align:middle;position:relative}
header .right .search form input{display:block;width:2.35rem;height:.47rem;border:.02rem solid #dcdcdc;border-radius:.3rem;padding:0 .5rem 0 .2rem;font-size:.16rem}
header .right .search form button{position:absolute;right:.15rem;top:0;line-height:.42rem;background:initial;border:initial;font-size:.18rem;color:#949494}
header .right .lang{font-size:0}
header .right .lang a{display:inline-block;vertical-align:middle;font-size:.16rem;color:#555;margin-left:.15rem;line-height:.4rem}
/***** Header End *****/

.tem_banner{position:relative;width:100%;padding-top: 1rem;}
.tem_banner.index .txt{position:absolute;width:100%;height:100%;top:0;left:0;font-size:.16rem;text-align: right;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 {color:#fff}
.tem_banner.index .txt .title h2{font-size: .53rem;color: #cd2c1a;display:block;margin: 0  0 .4rem;opacity:0;transition: none;transform: translateY(30px);text-transform: uppercase;font-family: 'DIN-L';}
.tem_banner.index .txt .title p{font-size: .3rem;text-transform:uppercase;letter-spacing:.01rem;opacity:0;transition:none;transform:translateY(30px);color: #1c1c1c;}
.tem_banner.index .txt .title span {display: block;font-size: .3rem;color: #1c1c1c;opacity: 0;transition-delay: 1.2s;transition: none;transform: translateY(30px);}
.tem_banner.index .txt .title i{display:inline-block;padding:.12rem .4rem;background:#cd2c1a;margin-top:.2rem;opacity: 0;transition-delay: 1.2s;transition: none;transform: translateY(30px);}
.tem_banner.index .swiper-slide-active .txt .logo .img{transform: none;transition: 1s;opacity: 1;transition-delay: .3s;}
.tem_banner.index .swiper-slide-active .txt .title h2{transform: none;transition: 1s;opacity: 1;transition-delay: .6s;}
.tem_banner.index .swiper-slide-active .txt .title p{transform: none;transition: 1s;opacity: 1;transition-delay: .9s;}
.tem_banner.index .swiper-slide-active .txt .title span{transform: none;transition: 1s;opacity: 1;transition-delay: 1.2s;}
.tem_banner.index .swiper-slide-active .txt .title i{transform: none;transition: 1s;opacity: 1;transition-delay: 1.5s;}
.tem_banner.index .slide-pagination{transition:.5s;position:absolute;z-index:1;bottom: .8rem!important;left:0;text-align:center;font-size:0;width:100%;margin:0;}
.tem_banner.index .slide-pagination span{width:11px;height:11px;border-radius:100%;border:1px solid #fff;opacity:1;background:0 0;margin:0 5px;outline:0}
.tem_banner.index .slide-pagination span.swiper-pagination-bullet-active{background: #fff;border-color: #fff;}

.tem_banner.inside .flash{font-size:0}
.tem_banner.inside .flash img{width:100%;height:100%}
.tem_banner.inside .txt{position:absolute;bottom: 30%;left:0;width:100%;text-align: center;color: #fff;}
.tem_banner.inside .txt h2{font-size: .36rem;color: #fff;display:inline-block;margin-bottom: .2rem;}
.tem_banner.inside .txt p{font-size: .72rem;color: #fff;display: block;text-transform: uppercase;letter-spacing: .01rem;text-shadow: 1px 1px 5px #adadad;font-family: 'DIN';}
.tem_banner.inside .txt span{font-size:.24rem;color:#fff;}
.tem_banner.inside .mouse{position:absolute;bottom: 15%;width: .23rem;height: .35rem;text-align:center;background: url(../image/mouse.png);background-size: 100%;left: 50%;margin-left: -.115rem;animation: changes .8s .3s linear infinite alternate;}
@keyframes changes{form{margin-bottom:.1rem;}to{margin-bottom:.2rem;}}
.tem_banner.inside .mouse img{height:initial;width:.23rem;vertical-align:initial}
.tem_banner.inside .title{position:absolute;bottom:0;left:0;width:100%;text-align:right}
.tem_banner.inside .title h2{background:#340c70;font-size:.24rem;color:#fff;display:inline-block;width:3rem;text-align:center;padding:.4rem 0}


.index_about{padding: .8rem 0 .66rem;background: url(../image/about_bj.jpg) no-repeat bottom center;background-size: cover;}
.index_about .title {width: 65%;color:#424242;margin-bottom: .55rem;}
.index_about .title span{display:inline-block;font-size:.16rem;color:#262525;border-bottom:1px solid #434343;padding-bottom:.04rem;}
.index_about .title h2{font-size:.3rem;display: block;margin: .45rem 0 .1rem;}
.index_about .title h3{font-size:.3rem;}
.index_about .title p{font-size:.16rem;line-height:1.9;display: block;margin: .6rem 0;}
.index_about .title a{display:inline-block;color:#cd2c1a;font-size:.16rem;}
.index_about .list{width: 100%;}
.index_about .list .item{float:left;width:50%;position: relative;}
.index_about .list .item .txt{position:absolute;left:.6rem;top:.45rem;z-index:1}
.index_about .list .item a:hover img{transform:scale(1.1);}
.index_about .list .item .txt h2{font-size:.24rem;color:#fff;padding-left:.9rem;line-height:.68rem;position:relative;text-shadow: 0px 0px 5px #666;}
.index_about .list .item .txt h2::after{position:absolute;content:'';left:0;top:0;width:.68rem;height:.68rem;background:url(../image/icon_1.png) no-repeat;background-size:100%}
.index_about .list .item:last-child .txt h2::after{background:url(../image/icon_2.png) no-repeat;background-size: 100%;}


.index_advantage{padding:.7rem 0}
.index_advantage .title{text-align:center;margin-bottom:.5rem;}
.index_advantage .title h2{font-size:.38rem;color:#333333;display:block;margin-bottom:.1rem}
.index_advantage .title p{color:#666666;font-size:.2rem;}
.index_advantage .list{width: 100%;}
.index_advantage .list li{width: 29.5%;}
.index_advantage .list li a {width:100%;position:relative;border-radius: 10px;overflow: hidden;}
.index_advantage .list li a .txt{position:absolute;left: 0;bottom: 0;width:100%;height:100%;z-index:1;text-align: center;padding: .8rem .5rem 0;transition: 1s;}
.index_advantage .list li a:hover .txt {transition: 1s;bottom: 100%;}
.index_advantage .list li a .txt .tb{display: inline-block;width: 1.17rem;height: .94rem;background-position-x: center;background-repeat: no-repeat;margin-bottom: .6rem;}
.index_advantage .list li a .txt .tb1{background-image: url(../image/icon-1.png);background-size: 1.17rem;}
.index_advantage .list li a .txt .tb2{background-image: url(/template/default/images/icon-2.png);background-size: .78rem;}
.index_advantage .list li a .txt .tb3{background-image: url(/template/default/images/icon-3.png);background-size: .75rem;}
.index_advantage .list li a .txt h2{font-size:.33rem;color:#fff;}
.index_advantage .list li a .pd{position: absolute;bottom: -100%;left: 0;width: 100%;height: 100%;z-index: 2;background: url(/template/default/images/icon-4.png);padding: .75rem .35rem 0;transition: 1s;}
.index_advantage .list li a:hover .pd {bottom: 0;transition: 1s;}
.index_advantage .list li a .pd h2{text-align:center;color:#fff;font-size:.3rem;display: block;margin-bottom: .3rem;padding-bottom: .3rem;position: relative;}
.index_advantage .list li a .pd h2:after{position:absolute;content:'';bottom:0;left:50%;width:.48rem;height:2px;background:#92c9e6;margin-left:-.24rem}
.index_advantage .list li a .pd p{color:#fff;font-size:.18rem;line-height: 1.5;}

.index_product{width:100%;background:#cd2c1a}
.index_product .left{float:left;width:44.4%;padding:1rem .95rem 0 14%}
.index_product .left .title{margin-bottom:.55rem}
.index_product .left .title span{font-size:.16rem;color:#fff;border-bottom:1px solid #fff;padding-bottom:.04rem;display:inline-block}
.index_product .left .title p{color:#bfdfb3;text-transform:uppercase;font-family:DIN-B;font-size:.21rem;display:block;margin:.55rem 0 .15rem}
.index_product .left .title h2{font-size:.42rem;color:#fff;font-weight:700}
.index_product .left ol{width:100%;font-size:0}
.index_product .left ol li{display:inline-block;vertical-align:top;width:30%;margin-right:1.5%;margin-bottom:.45rem}
.index_product .left ol li h2{font-size:.18rem;color:#fff;text-align:center;display:block;width:100%;padding:.2rem 0;border:2px solid #fff;cursor:pointer}
.index_product .left ol li.flex-active h2{background:#1f1a17;border:2px solid #1f1a17;color:#fff}
.index_product .left .more{width:100%}
.index_product .left .more a{display:inline-block;color:#fff;font-size:.14rem}
.index_product .right{float:right;width:55.6%}


.index_case{background:url(/template/default/images/case_bj.jpg) no-repeat right center;width:auto;background-size:7.28rem;overflow: hidden;}
.index_case .left{float:left;width:62.7%;overflow: hidden;}
.index_case .left .list{width:100%}
.index_case .left .list a{overflow:hidden;position:relative;width:100%}
.index_case .left .list p{position:absolute;left:0;width:100%;text-align:center;color:#fff;bottom:.8rem;font-size:.16rem}
.index_case .right{float:right;width:37.3%;padding: 1rem 1rem 0;}
.index_case .right .title{color:#fff}
.index_case .right .title h2{font-size:.48rem}
.index_case .right .title p{font-size:.3rem;text-transform:uppercase}
.index_case .right .list .swiper-slide{line-height:3;display:block;width:100%!important}
.index_case .right .list a{font-size:.16rem;color:#fff}
.index_case .right .button{text-align:left;color:#fff;width:1.2rem;position:relative;font-size:0;height:.42rem}
.index_case .right .button>div{width:.42rem;height:.42rem;border:1px solid #fff;color:#fff;font-size:.2rem;line-height:.42rem;text-align:center;position:absolute;top:0;cursor:pointer}
.index_case .right .button .swiper-button-disabled {background: #e4e4e4;border: 1px solid #e4e4e4;color: #000;}
.index_case .right .button .lefts {left: 0;}
.index_case .right .button .rights {right: 0;}
.index_case .right .paginations{position:relative;margin-top: .8rem;}
.index_case .right .paginations span{color:#796b98;font-size:.85rem;font-weight:bold;}
.index_case .right .list {margin: .35rem 0;}


.index_news{background: #eff6fc;padding: .8rem 0;overflow: hidden;}
.index_news .title{text-align:center;margin-bottom: .45rem;}
.index_news .title h2{font-size: .48rem;color:#333;display:block;margin-bottom:.1rem;}
.index_news .title p{font-size: .18rem;color: #888;text-transform: uppercase;}
.index_news .list{width:100%;overflow:hidden;}
.index_news .list a{width:100%;padding: 0 .1rem;}
.index_news .list a img {transition: .36s;}
.index_news .list a:hover img {transform:scale(1.1);transition:.36s;}
.index_news .list a .txt{padding:.2rem .2rem .4rem;background:#fff;}
.index_news .list a .txt h2{font-size:.22rem;color:#2b2c2c;line-height:1.5;margin-top: .2rem;}
.index_news .list a .txt p{font-size:.16rem;color:#4b5562;margin-top: .3rem;line-height:1.6;}
.index_news .list a .txt span{font-size:.14rem;color:#340c70;}
.index_news .list a:hover .txt{background:#cd2c1a;}
.index_news .list a:hover .txt h2{color:#fff;}
.index_news .list a:hover .txt p{color:#fff;}
.index_news .list a:hover .txt span{color:#fff;}
.index_news .list .paginations{position:relative;font-size:0;text-align:center;margin-top:.55rem}
.index_news .list .paginations span{width:.1rem;height:.1rem;border:1px solid #a2a2a2;background:0 0;opacity:1;margin:0 .1rem}
.index_news .list .paginations span.swiper-pagination-bullet-active{border:1px solid #340c70;background:#340c70}


.index_map #container {height: 4.83rem;}
/*** page web ***/
.page_web{width:100%;}
.page_web .page_content{width:100%;}
.page_head{width:100%;position: relative;border-bottom: 1px solid #e5e5e5;height: .65rem;background: #fff;}
.page_head .home{background:#fff;width: .65rem;height: .65rem;float: left;border-top: none;border: 1px solid #e5e5e5;}
.page_head .home a {display: block;width: 100%;height: 100%;background: url(../image/home.png) no-repeat center;background-size: .19rem;}
.page_head .nav{position: relative;text-align: center;font-size: 0;float: left;margin-left: .2rem;}
.page_head .nav li{display:inline-block;vertical-align:top;}
.page_head .nav li a{color: #343434;font-size: .16rem;position:relative;line-height: .65rem;padding: 0 .2rem;}
.page_head .nav li a:hover,.page_head .nav li a.on{color:#cd2c1a;}


.page_about{width:100%;}
.page_profile{padding:.7rem 0 .6rem;overflow: hidden;border-bottom: 1px solid #e5e5e5;}
.page_profile .left{float:left;width: 36%;padding-top: .5rem;}
.page_profile .left h2{font-size:.24rem;color:#434343;display: block;margin-bottom: .3rem;}
.page_profile .left p{font-size:.48rem;color:#cd2c1a;text-transform:uppercase;font-weight:bold;font-family:'DIN-B'}
.page_profile .left p i{display:block;font-size: .6rem;font-family: 'DIN-B';}
.page_profile .right{float:left;width: 64%;padding: 0 0 .9rem .9rem;position: relative;}
.page_profile .right .title{font-size: .3rem;color: #272727;margin-bottom: .2rem;}
.page_profile .right .con{font-size:.16rem;color:#4b4a4a;line-height:1.7}

.page_quality{width:100%;padding: .4rem 0;}
.page_quality .left{float:left;width: 38.6%;}
.page_quality .right{float:left;width: 61.4%;padding-left: .55rem;padding-top: 1.6rem;}
.page_quality .right .title{margin-bottom:.3rem}
.page_quality .right .title h2{font-size:.36rem;color:#cd2c1a}
.page_quality .right .title p{font-size:.48rem;color:#cd2c1a;text-transform:uppercase;font-family: 'DIN-L';}
.page_quality .right .con{color:#3b3b3b;font-size:.16rem;line-height:2.4}

.page_honor{background: #f6f6f6;padding:.8rem 0;}
.page_honor .title{width:100%;text-align:center;margin-bottom:.45rem}
.page_honor .title h2{font-size: .36rem;color: #cd2c1a;text-transform:uppercase;display:block;margin-bottom:.05rem;}
.page_honor .title p{font-size: .48rem;color: #cd2c1a;text-transform:uppercase;letter-spacing:.01rem;font-family: 'DIN-L';}
.page_honor .list{text-align:center;padding: 0 .8rem;position:relative;width:100%;overflow:hidden;}
.page_honor .list a .img{padding:.05rem;background:#fff;border:1px solid #d2d2d2}
.page_honor .list a:hover img{transition:.36s;transform:scale(1.1)}
.page_honor .list a p{color:#3e3e3e;font-size:.16rem;display:block;margin-top:.15rem}
.page_honor .list .navigation{position:absolute;top:35%;left:0;width:100%;z-index:1}
.page_honor .list .navigation>div{width:.42rem;line-height:.42rem;text-align:center;background:#cd2c1a;border-radius:100%;color:#fff;font-size:.2rem;top:0;position:absolute;}
.page_honor .list .navigation>div.swiper-button-disabled {background:#ddd;}
.page_honor .list .navigation .left{left:.0}
.page_honor .list .navigation .right{right:0}

.page_show{padding: .8rem 0;background:#fff;background-size:cover;}
.page_show .title{text-align:center;margin-bottom:.5rem}
.page_show .title h2{font-size: .36rem;color: #cd2c1a;}
.page_show .title p{font-size: .48rem;color: #cd2c1a;text-transform:uppercase;font-family: 'DIN-L';}
.page_show .list{position:relative;width:100%}
.page_show .list a{padding:3px}
.page_show .list a .img{box-shadow:1px 1px 5px #d0d0d0;background:#fff;text-align:center}
.page_show .list a:hover img{transition:.36s;transform:scale(1.1)}
.page_show .list a p{font-size:.16rem;color:#4b4b4b;text-align:center;margin: .15rem 0;display:block;}
.page_show .list .navigation{position: relative;width:100%;text-align: center;font-size: 0;margin-top:.35rem;}
.page_show .list .navigation>div{width:.42rem;line-height:.42rem;text-align:center;border-radius:100%;font-size:.2rem;top:0;margin: 0 .2rem;border: 1px solid #d3d3d3;background: #fff;color: #555;}
.page_show .list .navigation>div.swiper-button-disabled {background:#ddd;}

.page_imgs{padding:.4rem 0 .7rem}
.page_imgs li{margin-top:.3rem}
.page_imgs li a{position:relative}
.page_imgs li a:hover img{transition:.36s;transform:scale(1.1)}
.page_imgs li a:hover h2{transform:translateY(-.2rem)}
.page_imgs li a::after{position:absolute;content:'';left:0;top:0;width:100%;height:100%;background:url(/template/default/images/case_bj.png);z-index:1}
.page_imgs li a h2{position:absolute;left:0;bottom:0;width:100%;color:#fff;padding:.2rem;font-size:.16rem;z-index:2}

.page_product{width: 100%;padding: .7rem 0;}
.page_product .title{text-align:center;margin-bottom: .45rem;}
.page_product .title h2{font-size:.36rem;color:#cd2c1a;display: block;margin-bottom: .2rem;}
.page_product .title p{font-size:.16rem;color:#3a3a3a;}
.page_product .list{width: 100%;text-align: center;}
.page_product ul li a{position:relative;overflow:hidden;display: inline-block;}
.page_product ul li a .img{position:relative;}
.page_product ul li a .img .bj{position:absolute;left:0;top:0;width:100%;height:100%;background: rgb(205 44 26 / 50%);opacity:0;z-index:1;transition: .5s;}
.page_product ul li a .img .bj .tb{display: block;width: 100%;height: 100%;background: url(../image/search.png) no-repeat center;background-size:.36rem;text-align: center;}
.page_product ul li a:hover .img .bj{transition:.5s;opacity:1}
.page_product ul li a h2{font-size: .16rem;color: #303030;width: 100%;display: block;padding: .25rem 0;z-index:1;text-align: center;background: #fff;}
.page_product ul li a:hover img {transform: scale(1.2);transition:4s;}

#showproduct{padding: .6rem 0 .9rem;}
#showproduct .list{float:left;width: 44%;position: relative;}
#showproduct .list .swiper-pagination{position:absolute;bottom:.06rem;left:0;width:100%}
#showproduct .list .swiper-pagination div{width:.42rem;height:.38rem;background: #cd2c1a;color:#fff;line-height:.38rem;font-size:.24rem;position:absolute;bottom:0;}
#showproduct .list .swiper-pagination .swiper-button-disabled{background:#fff;color:#8c8c8c}
#showproduct .list .swiper-pagination .left{left:.06rem}
#showproduct .list .swiper-pagination .right{right:.06rem}
#showproduct .text{float:right;width: 56%;padding-left: .5rem;}
#showproduct .text h2{font-size:.3rem;color:#cd2c1a;display:block;margin:.55rem 0 .2rem}
#showproduct .text p{font-size:.16rem;color:#3a3a3a;line-height:2.3}
#showproduct .content{width:100%;margin-top:.7rem}
#showproduct .content .title{margin-bottom:.4rem;background:#ececec}
#showproduct .content .title h2{line-height:.8rem;text-align:center;background:#cd2c1a;color:#fff;font-size:.24rem;display:inline-block;padding:0 .6rem}

#showproduct table{width:100%!important;margin-bottom:1.6rem;border-spacing:0!important;border-collapse:collapse!important;padding:0!important;border:0}
#showproduct table td{border:1px solid #ddd!important}
#showproduct table>thead>tr>th,table>tbody>tr>th,table>tfoot>tr>th,table>thead>tr>td,table>tbody>tr>td,table>tfoot>tr>td{padding: .2rem;line-height:1.6;vertical-align:top;border-top:1px solid #ddd;}
#showproduct table>thead>tr>th{vertical-align:bottom;border-bottom:1px solid #ddd}

.page_news{width:100%;padding:.7rem 0;background: #f2f2f2;}
.page_news li{margin-bottom:.3rem;padding: .12rem;}
.page_news li a{display: block;background:#fff;margin: 0 auto;}
.page_news li a:hover{box-shadow:1px 1px 4px #afafaf}
.page_news li a:hover .img img{transition:.36s;transform:scale(1.1)}
.page_news li a .img{width: 100%;}
.page_news li a .txt{width: 100%;padding-top: .3rem;}
.page_news li a .txt h2{font-size:.18rem;color: #2e2e2e;padding: 0 .2rem;}
.page_news li a .txt span{font-size:.14rem;color: #686868;display: block;margin: .2rem .2rem .1rem;}
.page_news li a .txt p{font-size:.16rem;color: #707070;line-height: 1.6;margin: 0 .2rem;}
.page_news li a .txt i{display:block;margin-top:.3rem;text-align:center;font-size:.14rem;color:#cd2c1a;line-height:.5rem;height:.5rem;position:relative;z-index:1}
.page_news li a:hover .txt i{color:#fff}
.page_news li a .txt i::after{position:absolute;content:'';left:50%;width:0;height:100%;background:#cd2c1a;transition:.36s;z-index:-1}
.page_news li a:hover .txt i::after{left:0;width:100%;transition:.36s}

.show_news {padding: .7rem 0 .9rem;}
.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}
.show_news .met_page {padding:.45rem 0 0;margin:.45rem 0 0;border-top:1px solid #e5e5e5;}
.show_news .met_page li {margin:.1rem 0;font-size:.14rem;color:#333;}
.show_news .met_page li>* {display: inline-block;vertical-align: top;}
.show_news .met_page li a {font-size:.14rem;color:#333}

.page_resources{padding:.7rem 0;background:#f7f7f7}
.page_resources .title{text-align:center;margin-bottom:.35rem}
.page_resources .title h2{font-size:.36rem;color:#333;display:block;margin-bottom:.1rem}
.page_resources .title p{font-size:.24rem;color:#959595;text-transform:capitalize}
.page_resources ol{width:100%;text-align:center;margin-bottom:.35rem}
.page_resources ol li{display:inline-block;margin:0 .3rem;cursor:pointer}
.page_resources ol li h2{padding:.2rem .4rem;background:#fff;border-radius:.15rem;font-size:.16rem;color:#333}
.page_resources ol li.flex-active h2{background:#17abe2;color:#fff}
.page_resources .list{font-size:.16rem;color:#666;line-height:1.7}

.page_contact{width:100%;padding: .7rem 0;background: #f2f2f2;}
.page_contact .contact{background:#fff;padding:.5rem .2rem}
.page_contact .contact .title{text-align:center;margin-bottom:.4rem;font-size:.3rem;color:#cd2c1a}
.page_contact .contact .list{width:100%;margin-bottom:.3rem}
.page_contact .contact .list>div{padding:0 .2rem;line-height:.5rem;margin-bottom:.2rem}
.page_contact .contact .list>div a{color:#151515;font-size:.16rem;border-bottom:1px solid #ddd;display:block;padding-left:.6rem;position:relative}
.page_contact .contact .list>div a::after{position:absolute;content:'';width:.43rem;height:100%;left:0;top:0;background-repeat:no-repeat;background-position-x:center;background-position-y:center;}
.page_contact .contact .list .addr a::after{background-image:url(../image/addr.png);background-size:.24rem;}
.page_contact .contact .list .tel a::after{background-image:url(../image/tel.png);background-size:.35rem;}
.page_contact .contact .list .fax a::after{background-image:url(../image/fax.png);background-size:.3rem;}
.page_contact .contact .list .mob a::after{background-image:url(../image/mob.png);background-size:.39rem;}
.page_contact .contact .list .email a::after{background-image:url(../image/email.png);background-size:.34rem;}
.page_contact .contact .map{width:100%;border:1px solid #ddd}

.page_message{padding:.7rem 0;background:#f2f2f2;}
.page_message .desc {color:#cd2c1a;font-size:.18rem;line-height: 2.2;margin-bottom: .35rem;}
.page_message .list {width:100%}
.page_message .list .message{padding-right:.5rem;}
.page_message .list form{display:block;width: 100%;}
.page_message .list form>*{padding:0 .25rem;background:#fff;border:none;margin-bottom:.2rem;display:block;width:100%;font-size:.16rem;color:#555}
.page_message .list form input{line-height: 3.2;}
.page_message .list form textarea{height: 2.4rem;padding:.1rem .25rem;}
.page_message .list form button{display:inline-block;width: initial;line-height: 3.2;background:#cd2c1a;color:#fff;padding: 0 .4rem;}
.page_message .list form button:hover{background:#444}


footer{color:#fff;background:#282828;padding: .4rem 0 .1rem;}
footer .back_top{position:absolute;right:0;top: 0;}
footer .back_top a{display:block;width:.3rem;height:.3rem;line-height:.3rem;text-align:center;border-radius:100%;background:#d7d7d7;font-size:.18rem;color:#005ca2;}
footer .nav{width:100%;font-size: 0;}
footer .nav ul li{display:inline-block;vertical-align:top;padding:0 .4rem;position:relative;}
footer .nav ul li:first-child{padding-left:0;}
footer .nav ul li::after{position:absolute;content:'';left:0;top:50%;width:1px;height:.18rem;background:#fff;margin-top:-.09rem;}
footer .nav ul li:first-child::after{display:none;}
footer .nav ul li a{color:#fff;font-size:.18rem;}
footer .nav ul li a:hover{color:#999}
footer .list{width:100%;margin: .5rem 0;}
footer .list .contact{float:left;font-size: .14rem;padding-right: .5rem;line-height: 2.3;}
footer .list .wechat{float:right;}
footer .bot{border-top:1px solid #696969;font-size:.14rem;color:#fff;padding:.15rem 0}
footer .bot .left{float:left}
footer .bot .right{float:right}
footer .bot .right a{display:inline-block;vertical-align:top;color:#ffff}
footer .bot .right a:hover{color:#999}

/**/
/********<=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: #555;}
.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: #333;position:relative;font-size:.25rem;}
.st-container .st-menu ul li>a:hover,.st-container .st-menu ul li.active>a {background: #cd2c1a;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: #cd2c1a;}
.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: #cd2c1a;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: #1e1915;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;}
	.tem_banner{padding-top: 60px;}

	/**** index ****/
	.index_about .list .item{width:100%;margin-bottom:.5rem;}
	.index_product .left{width:100%;margin-bottom:.5rem;padding: .5rem!important;}
	.index_product .right{width:100%;}
	footer .list .wechat{text-align:center;margin:.5rem 0 .1rem}
	footer .nav ul li{padding:0 .2rem;}
    footer .back_top{right:.2rem}
    /**** index end****/

    /**** about ****/
    .page_profile .left{width:100%;margin-bottom:.2rem}
    .page_profile .right{width:100%;padding:0;}
    .page_quality .left{width:100%}
    .page_quality .right{width:100%;padding-top: .5rem;padding-left: 0;}
    
    /**** product ****/
    .page_head .home{display:none}
    .page_head {height: initial;}
    .page_head .nav{width:100%;margin: 0;}
    #showproduct .list{width:100%;margin-bottom: .3rem;text-align: center;}
    #showproduct .text{width:100%;float:initial;padding: 0;}
	.page_message .list .img{display:none;}

	
	footer .bot .left,footer .bot .right{float:initial;width:100%;text-align:center;}
	.index_advantage .list li{width:100%;margin-bottom:.5rem;}
	.index_advantage .list li a .pd,.index_advantage .list li a .txt{padding: 2rem .35rem;}
    .index_product .list .left,.index_product .list .img{float:initial;width:100%;padding-top: .5rem;text-align: center;}
    .index_product .list .left .more{width:20%}
    .index_product .list .left .more a{font-size:.14rem;}
    .index_product .title{margin: 0;text-align:center;}
    .index_product .title>*{display:block;}
    .index_about > div{float:initial!important;width:100%!important;}
    .index_about .right {padding: 0 .3rem;}
    .index_about .right .title{text-align:center;padding: .9rem 0 .3rem;}
    .index_about .right .nav{text-align:center;}
    .index_about .right .nav a{display:inline-block;margin:0 .2rem;}
    .page_contact .contact .txt{float:initial;width:100%;}
    .page_contact .contact .map{float:initial;width:100%;}
    .page_contact .message .con .left,.page_contact .message .con .right{float:inherit;width:100%;margin-bottom:.2rem;padding: 0;}
    .page_idea .list a .txt{position:relative;width:100%;}
    .index_about .list li a .pd{padding:.5rem .1rem;}
    .index_about .list li a .pd .tb{
    padding: 0 .5rem;
}
.index_about .list li{padding: .05rem;}
.index_case .left,.index_case .right{float:initial;width:100%;background: #000;}
 .index_case .right{padding:.5rem;}
 .index_case .right .list{display:none;}
 .index_case .right .title{margin-bottom:.35rem;}
 .tem_banner.index .txt .logo .img{width:1rem}
 .tem_banner.index .txt .title h2{font-size:.3rem}
 .tem_banner.index .txt .title p{font-size:.26rem;}
 .tem_banner.index .txt .title span{font-size:.16rem;}
 .tem_banner.index .slide-pagination{display:none;}
}

/********mobile*********/
@media(max-width:767px){
	.index_news .list li{width:100%;margin-bottom:.3rem;}
	footer .list .contact,footer .list .wechat{float:initial;width:100%;}
	.page_news li a .img{display:none;}
	.page_news li a .txt{float:initial;width:100%;}
	.page_resources ol li{margin:0 .1rem;}
	.page_resources ol li h2{padding: .1rem .2rem;}
	.page_contact .con .contact{position:relative;width:100%;}
}