/***** Header *****/
header{position: fixed;z-index: 99;width: 100%;top: 0;background: #fff;box-shadow: 1px 1px 3px #6e6e6e;}
header .top{line-height:.9rem;}
header .top div{width:33.33%;float: left;font-size: 0;}
header .top .lang a{display:inline-block;line-height: 1;color: #898888;font-size: .16rem;}
header .top .lang a:first-child{margin-right: .08rem;padding-right: .08rem;border-right: 1px solid #3e3e3e;}
header .top .lang a:hover,header .top .lang a.on{color:#3e3e3e}
header .top .search a{display:inline-block;line-height: .19rem;height: .19rem;width: .2rem;background:url(../search.png) no-repeat;vertical-align: middle;background-size: .2rem;}
header .bot{width:100%;font-size: 0;}
header .bot li {display: inline-block;vertical-align: top;}
header .bot li a {font-size:.16rem;color:#303030;line-height: 3.2;display: inline-block;padding: 0 .25rem;}
header .bot li a:hover,header .bot li.on a{color:#007ca3}
/***** Header End *****/

section{overflow:hidden;}

/***** PC Slide Nav *****/
.st-menu-open .st-menu{display:block;}
/***** PC Slide Nav End *****/


.index_banner{width:100%;position:relative;}
.index_banner .swiper-slide{position:relative;background:#000;overflow:hidden;font-size:0;}
.index_banner .swiper-slide .swiper-lazy {height: 100vh;background-size: cover;background-repeat: no-repeat;background-position: center;}
.index_banner .slide-pagination{transition:.5s;position:absolute;z-index:1;bottom: 2.5rem!important;right: 2rem;font-size:0;margin:0;}
.index_banner .slide-pagination span{width: .3rem;height: .04rem;opacity:1;background:0 0;margin: 0 .05rem;outline:0;background: rgba(255, 255, 255, 0.46);border-radius: 0;}
.index_banner .slide-pagination span.swiper-pagination-bullet-active{background: #c12929;}
.index_banner .txt{position:absolute;width:100%;z-index: 1;height: 100%;left: 0;top: 0;text-align: center;}

.index_banner .txt .pd{width:5.6rem;height:5.6rem;display:inline-block;position:relative;border-radius:100%}
.index_banner .txt .pd .yuan{position:absolute;width:100%;height:100%;left:0;top:0;border-radius:100%;border:1px dashed #ffff}
.index_banner .txt .pd .yuan1{animation:circleRoate 50s infinite linear}
@keyframes circleRoate{from{transform:rotate(0) infinite}
    to{transform:rotate(360deg)}
}
.index_banner .txt .pd .yuan2{width:80%;height:80%;left:10%;top:10%;border:1px solid #fff}
.index_banner .txt .pd .text{padding-top:25%;width:2.64rem;display:block;margin:0 auto .3rem}
.index_banner .txt .pd .title h2{font-size:.26rem;color:#fff;display:block;margin-bottom:.1rem}
.index_banner .txt .pd .title p{font-size:.16rem;text-transform:uppercase;font-family:DIN;color:#fff;white-space:nowrap}
.index_banner .txt .pd span{position:absolute;width:100%;height:100%;left:0;top:0}

.tem_banner{width:100%;position:relative;margin-top: 1.41rem;}
.tem_banner .swiper-slide{position:relative;background:#000;overflow:hidden;font-size:0}
.tem_banner .slide-pagination{transition:.5s;position:absolute;z-index:1;bottom:5%!important;left:0;text-align:center;font-size:0;width:100%;margin:0}
.tem_banner .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 .slide-pagination span.swiper-pagination-bullet-active{background:#b42a29;border-color:#b42a29}
.tem_banner.index .txt{position:absolute;width:100%;height:100%;top:0;left:0;font-size:.16rem;text-align: center;color: #fff;}

.tem_banner.index .txt p {width:100%;font-size: .98rem;letter-spacing: .1rem;text-transform: uppercase;text-shadow: 1px 1px 3px #252525;opacity:0;transition:1s;transform: translateY(50px);font-family: 'Georgia';}
.tem_banner.index .txt h2{width:100%;font-size: .6rem;display: block;margin: .35rem 0;text-shadow: 1px 1px 3px #252525;opacity:0;transition:1s;transform: translateY(50px);}
.tem_banner.index .txt h3{width:100%;font-size: .24rem;display: block;margin-bottom: .45rem;letter-spacing: .1rem;text-shadow: 1px 1px 3px #252525;opacity:0;transition:1s;transform: translateY(50px);}
.tem_banner.index .txt span{width:100%;width: 1.5rem;height: .55rem;line-height: .55rem;background: #bb0000;color: #fff;display: inline-block;border-radius: 0.3rem;opacity:0;transition:1s;transform: translateY(50px);}
.tem_banner.index .swiper-slide-active .txt p {opacity:1;transition:1s;transition-delay: .3s;transform: none;}
.tem_banner.index .swiper-slide-active .txt h2 {opacity:1;transition:1s;transition-delay: .6s;transform: none;}
.tem_banner.index .swiper-slide-active .txt h3 {opacity:1;transition:1s;transition-delay: .9s;transform: none;}

.tem_banner.index .txt .name{display:inline-block;font-size:.14rem;padding:0 .2rem;line-height:.35rem;background:#01873b;color:#fff;opacity:0;transition:1s;transform: translateY(50px);}
.tem_banner.index .txt .title{color:#fff;margin:.2rem 0}
.tem_banner.index .txt .title>*{text-shadow:1px 1px 3px #000}
.tem_banner.index .txt .title h2{font-weight:700;font-size:.48rem;letter-spacing:2px;display:block;margin-bottom:.3rem;opacity:0;transition:1s;transform: translateY(50px);}
.tem_banner.index .txt .title p{font-size:.18rem;display:block;max-width:500px;line-height:.28rem;opacity:0;transition:1s;transform: translateY(50px);}
.tem_banner.index .txt .click{display:inline-block;opacity:0;transition:1s;transform: translateY(50px);}
.tem_banner.index .txt .click a{line-height:.4rem;display:block;border:.02rem solid #fff;position:relative;font-size:0;z-index:1;}
.tem_banner.index .txt .click a::before{position:absolute;left:0;top:0;content:'';height:100%;width:0px;background: #01873b;transition:.36s;z-index:-1;}
.tem_banner.index .txt .click:hover a::before{width:100%}
.tem_banner.index .txt .click a::after{position:absolute;content:'';right:.4rem;width:.02rem;height:100%;background:#fff}
.tem_banner.index .txt .click a>*{display:inline-block;vertical-align:top;text-shadow:1px 1px 3px #000}
.tem_banner.index .txt .click a span{color:#fff;text-transform:uppercase;font-size:.14rem;padding:0 .25rem}
.tem_banner.index .txt .click a i{line-height:.4rem;width:.4rem;text-align:center;color:#fff;font-size:.2rem}
.tem_banner.index .swiper-slide-active .txt .name{opacity:1;transition:1s;transition-delay: .3s;transform: none;}
.tem_banner.index .swiper-slide-active .txt .title h2{opacity:1;transition:1s;transition-delay: .6s;transform: none;}
.tem_banner.index .swiper-slide-active .txt .title p{opacity:1;transition:1s;transition-delay: .9s;transform: none;}
.tem_banner.index .swiper-slide-active .txt .click{opacity:1;transition:1s;transition-delay: 1.2s;transform: none;}
.tem_banner.index .swiper_nav{position:absolute;bottom:35%;left:0;z-index: 9;width: 100%;}
.tem_banner.index .swiper_nav>div{width:.3rem;height:.3rem;line-height:.3rem;color:#fff;font-size:.2rem;text-align:center;border-radius:100%;position:absolute;top:0}
.tem_banner.index .swiper_nav .left{left:2%}
.tem_banner.index .swiper_nav .right{right:2%}
.tem_banner.inside .flash{font-size:0}
.tem_banner.inside .flash img{width:100%;height:100%}
.tem_banner.inside .txt{position:absolute;top:0;left:0;width:100%;height:100%;text-align: center;color: #fff;font-size: 0;}
.tem_banner.inside .txt h2{font-size:.48rem;text-shadow:1px 1px 4px #6d6d6d;text-transform: uppercase;}
.tem_banner.inside .txt p{font-size:.24rem;display:block;margin:.2rem 0 .4rem;text-shadow:1px 1px 4px #6d6d6d;text-transform: uppercase;letter-spacing: .05rem;}
.tem_banner.inside .txt a{display:inline-block}
.tem_banner.inside .page_nav{position:absolute;bottom:0;left:0;width:100%;line-height:.8rem;background: hsla(0, 0%, 0%, 30%);}
.page_nav.lan3 .text-right {display: none;}
.page_nav.lan3 .text-left {width: 100%;}
.tem_banner.inside .page_nav .text-left a{font-size:.16rem;display:inline-block;vertical-align:top;color:#fff;padding:0 .3rem}
.tem_banner.inside .page_nav .text-left a.on,.tem_banner.inside .page_nav .text-left a:hover{background: #1b8361;}
.tem_banner.inside .page_nav .text-right{color:#fff}
.tem_banner.inside .page_nav .text-right a{display:inline-block;vertical-align:top;color:#fff;font-size:.16rem}

/**** brand banner ****/
.tem_banner.inside .txt .nav{width: 16%;font-size:.16rem;margin: 1rem auto 0;}
.tem_banner.inside .txt .nav a{width:100%;display:block;line-height:5;background:#333;margin-bottom:.03rem;font-size:.2rem;color:silver;text-align:left;padding:0 .5rem 0 .4rem;position:relative}
.tem_banner.inside .txt .nav a:hover{background:#007ca3;color:#fff}
.tem_banner.inside .txt .nav a::after{position:absolute;content:"\f0da";font-family:FontAwesome;right:.4rem;top:0;color:silver;transition:1s}
.tem_banner.inside .txt .nav a:hover::after{color:#fff;transition:1s}

.index_idea{width:100%;padding:.7rem 0}
.index_idea .title{text-align:center;margin-bottom:.35rem;font-size:.48rem;color:#272727}
.index_idea .list{width:73%;margin:0 auto}
.index_idea .list>div .img{float:left;width:4.21rem}
.index_idea .list>div .txt{float:right;text-align:center;margin-top:1.5rem}
.index_idea .list>div .txt h2{color:#202020;font-size:.3rem;display:block;margin-bottom:.4rem}
.index_idea .list>div .txt p{font-size:.18rem;color:#4b4b4b;line-height:2}
.index_idea .list .bot{position:relative;top:-.55rem;}
.index_idea .list .bot .img{float:right;width:4.21rem}
.index_idea .list .bot .txt{float:left;text-align:center;margin-top:1.5rem}

.index_product{padding: 1rem 0;background:#f6f5f3;}
.index_product .top {margin-bottom: .6rem;}

.index_product .top .left {
    font-size: 0;
    float: left;
    width: 30%;
}

.index_product .top>div p {
    display: inline-block;
    width: .48rem;
    line-height: .29rem;
    height: .29rem;
    cursor: pointer;
}

.index_product .top .left p {
    background: url(../product_left.jpg) no-repeat;
        background-size: .48rem;
}

.index_product .top .min {
    font-size: .48rem;
    color: #272727;
    text-align: center;
    float: left;
    width: 40%;
}

.index_product .top .right {
    float: left;
    width: 30%;
    text-align: right;
}

.index_product .top .right p {
    background: url(../product_right.jpg) no-repeat;
    background-size: .48rem;
}
.index_product .bot {}

.index_product .bot .left {
    float: left;
    width: 80%;
}

.index_product .bot .left .txt {
    float: left;
    width: 35%;
    padding-top: 1rem;
}

.index_product .bot .left .txt h2 {
    font-size: .3rem;
    color: #050505;
    display: block;
    margin-bottom: .15rem;
}

.index_product .bot .left .txt p {
    font-size: .16rem;
    color: #343434;
    line-height: 2.2;
}

.index_product .bot .left .img {
    float: left;
    width: 55%;
    text-align: center;
    position: relative;
}

.index_product .bot .left .img>div {
    position: absolute;
    width: 1.36rem;
    line-height: 2.7;
    background: #fff;
    z-index: 9;
    font-size: .16rem;
    color: #323232;
    border-radius: 30px;
    text-align: center;
    cursor: pointer;
}

.index_product .bot .left .img>div.on {
    background: #007ca3;
    color: #fff;
}

.index_product .bot .left .img>div.on::after {
    border: 1px solid #fff;
}

.index_product .bot .left .img>div::after {
    position: absolute;
    content: '';
    left: .2rem;
    top: .18rem;
    width: .08rem;
    height: .08rem;
    border: 1px solid #767a7d;
    border-radius: 100%;
}

.index_product .bot .left .img .txt0 {
    left: 0;
    top: 0;
}

.index_product .bot .left .img .txt1 {
    right: 0;
    bottom: 0;
}

.index_product .bot .left .img img {max-width: 3rem;}

.index_product .bot .right {
    float: right;
    width: 20%;
    padding-top: 1.5rem;
    text-align: center;
}

.index_product .bot .right .title {
    margin-bottom: .3rem;
    font-size: .3rem;
    color: #050505;
}

.index_product .bot .right .img {
    display: inline-block;
    margin-bottom: 1.5rem;
}

.index_product .bot .right .img img {
    width: 2.36rem;
}

.index_product .bot .right a {
    display: inline-block;
    line-height: 3.5;
    padding: 0 .3rem;
    border: 1px solid #000;
    font-size: .16rem;
    border-radius: 5px;
}

.index_product .bot .right a:hover {color:#007ca3}
.index_case{padding:.7rem 0;}

.index_case .title {
    text-align: center;
    margin-bottom: .6rem;
    font-size: .48rem;
    color: #272727;
}

.index_news {
    padding: .8rem 5%;
    background: #f6f5f3;
}

.index_news .title {
    text-align: center;
    font-size: .48rem;
    color: #272727;
    margin-bottom: .5rem;
}

.index_news .list {}
.index_news .list a:hover .img img{transform:scale(1.1)}
.index_news .list .txt{padding:.3rem 0}
.index_news .list .txt h3{font-size:.14rem;color:#727272;margin-bottom:.1rem}
.index_news .list .txt h2{font-size:.2rem;color:#4b4b4b}
.index_news .more {
    text-align: center;
    font-size: 0;
    margin-top: .5rem;
}

.index_news .more a {
    display: inline-block;
    font-size: .16rem;
    color: #050505;
    line-height: 3;
    padding: 0 .5rem;
    border: 1px solid #000;
    border-radius: 5px;
}

.index_news .more a:hover{
	 border: 1px solid #0f84a8;
	  color: #0f84a8;
}

footer {background: #1b1b1b;color: #7b7b7b;padding-top: .5rem;font-size: .14rem;}
footer .top{border-bottom:1px solid #434343;padding-bottom:.3rem}
footer .top .nav{float:left;width:60%}
footer .top .nav dl{display:table-cell;width:300px}
footer .top .nav dl dt{margin-bottom:.2rem}
footer .top .nav dl dt a{font-size:.16rem;color:#b0b0b0;font-weight:400}
footer .top .nav dl dd a{font-size:.14rem;color:#7b7b7b;line-height:2.4}
footer .top .nav dl dd a:hover {color: #fff;}
footer .top .contact{float:left;width:30%}
footer .top .contact .title{font-size:.16rem;color:#b0b0b0;margin-bottom:.2rem}
footer .top .contact .con{line-height:2.4}
footer .top .wechat{float:right;width:10%;text-align:right}
footer .top .wechat .img{display:inline-block}
footer .top .wechat p{color:#7b7b7b;font-size:.16rem;text-align:center;display:block;margin-top:.1rem}
footer .bot{width:100%;text-align:center;padding: .3rem 0;}
footer .bot>div{display:inline-block;margin:0 .2rem}
footer .bot>div *{display:inline-block;vertical-align:top;color:#7b7b7b;font-size:.14rem}
footer .bot>div a:hover{color:#fff}

/*** page web ***/
.page_position{position:relative;top:-1.4rem;}
.page_about{padding:.4rem 0 1rem;}
.page_about .top{margin-bottom: .7rem;}
.page_about .top .title{text-align:center;font-size:.48rem;color:#292929;letter-spacing:.05rem;margin-bottom: .2rem;}
.page_about .top .con p{font-size: .16rem;line-height: 2.2;}
.page_about .top .con p:first-child {font-size: .24rem;display: block;}
.page_about .bot{width: 100%;position: relative;}
.page_about .bot .swiper-pagination{position:absolute;top: 45%;width: 100%;}
.page_about .bot .swiper-pagination div{width:.5rem;height:.5rem;line-height:.5rem;background:#fff;border-radius:100%;font-size:.3rem;text-align:center;position:absolute;top:0;z-index:9;cursor:pointer}
.page_about .bot .swiper-pagination .left{left:.1rem}
.page_about .bot .swiper-pagination .right{right:.1rem}

.page_product{padding:.6rem 0}
.page_product .top{width:100%;position:relative;padding-bottom:.7rem;border-bottom:1px solid #d2d2d2;margin-bottom:.5rem}
.page_product .top .nav{position:absolute;top:.45rem;left:.5rem;z-index:1;font-size:0}
.page_product .top .nav a{display:inline-block;font-size:.16rem;color:#343434;margin-right:.25rem}
.page_product .top .nav a.on,.page_product .top .nav a:hover{color:#007ca3}
.page_product .top .title{position:absolute;width:100%;z-index:1;text-align:center;top:.75rem;padding:0 .2rem}
.page_product .top .title h2{font-size:.3rem;color:#007ca3;display:block;margin-bottom:.1rem}
.page_product .top .title p{font-size:.16rem;color:#343434}
.page_product .bot{width:100%}
.page_product .bot ul li{float:left;width:25%;text-align:center;padding:0 .2rem;margin-bottom:.5rem}
.page_product .bot ul li a{background:#f7f5f4;padding:.5rem 0;position:relative;border-radius:15px;overflow: hidden;z-index: 1;}
.page_product .bot ul li a::after{background:#e4e4e4;position:absolute;content:'';width:100%;height:0;left:0;top:50%;z-index:-1;transition:1s}
.page_product .bot ul li a:hover::after{height:100%;transition:1s;top:0}
.page_product .bot ul li a .img{margin-bottom:.5rem;padding: 0 .2rem;}
.page_product .bot ul li a .txt{padding:0 .3rem}
.page_product .bot ul li a .txt h2{font-size:.16rem;color:#262626;display:block;margin-bottom:.1rem}
.page_product .bot ul li a .txt p{font-size:.14rem;color:#707070}
.page_product .bot ul li a .txt p:hover {color: #0f84a8;}
.page_product .bot .mores{text-align:center}
.page_product .bot .mores a{font-size:.16rem;color:#707070}

.page_brand1{width:100%}
.page_brand1>div{padding:.7rem 0 1rem;}
.page_brand1 .top .list{position:relative;}
.page_brand1 .top .list .title{margin-bottom: .4rem;}
.page_brand1 .top .list .title h2{font-size:.72rem;color:#1f1f1f;display: block;margin-bottom: .1rem;}
.page_brand1 .top .list .title p{font-size:.3rem;color:#4c4c4c}
.page_brand1 .top .list .con{line-height: 2;font-size:.18rem;color:#1f1f1f;position: relative;}
.page_brand1 .top .list .con::after{position:absolute;content:'';background:url(../p_icon2.png) no-repeat;background-size:6.45rem;width:6.45rem;height:5.14rem;right:0;top: -.65rem;}
.page_brand1 .bot{background:url(../p_icon2_bj.jpg) no-repeat top center;background-size:cover}
.page_brand1 .bot .title{text-align:center;margin-bottom:5rem}
.page_brand1 .bot .title h2{font-size:.72rem;color:#007ca3;display:block;margin-bottom:.25rem}
.page_brand1 .bot .title p{font-size:.2rem;color:#545454;display:inline-block;width:30%;line-height:1.5}
.page_brand1 .bot .con{font-size:.2rem;color:#282828;line-height:2.3}

.page_brand2{width:100%;padding:.7rem 0 1rem}
.page_brand2 .top{width:100%}
.page_brand2 .top .left{float:left;width:45%}
.page_brand2 .top .left p{font-size:.48rem;font-family:arial;color:#007ca3;font-weight:700;text-align:right;position:relative;top:-.2rem}
.page_brand2 .top .left h2{color:#007ca3;font-family:arial;text-transform:uppercase;font-size:1.6rem;font-weight:700}
.page_brand2 .top .left p:last-child{font-size:.24rem;font-weight:400;font-family:pingfang;display:block;margin-top:.4rem}
.page_brand2 .top .right{float:right;width:48%}
.page_brand2 .top .right p{color:#383939;font-size:.16rem;line-height:2.2}
.page_brand2 .min{padding:.9rem 0 .6rem}
.page_brand2 .bot{text-align:center}
.page_brand2 .bot h2{font-size:.3rem;color:#2a2a2a;display:block;margin-bottom:.2rem}
.page_brand2 .bot p{color:#313131;font-size:.16rem;line-height:2.5}

.page_brand3{width:100%;padding:1rem 0 2.5rem;background:url(../p_icon3_bj.jpg) no-repeat;background-size:cover}
.page_brand3 .title{text-align:center;margin-bottom:1rem}
.page_brand3 .title>*{color:#fff;text-shadow:1px 1px 5px #a6a6a6}
.page_brand3 .title h2{font-size:.48rem}
.page_brand3 .con{width:100%}
.page_brand3 .con .item{width:20%;float:left;padding:0 .3rem;text-align:center;transition:1s;transform:none}
.page_brand3 .con .item:hover{transition:1s;transform:translateY(-20px)}
.page_brand3 .con .item .img{width:2rem;height:2rem;background-color:#fff;border-radius:100%;border:3px solid #007ca3;margin:0 auto;background-repeat:no-repeat;background-position:center}
.page_brand3 .con .item .img.tb0{background-image:url(../p_icon3_1.png);background-size:1.48rem}
.page_brand3 .con .item .img.tb1{background-image:url(../p_icon3_2.png);background-size:.73rem}
.page_brand3 .con .item .img.tb2{background-image:url(../p_icon3_3.png);background-size:.78rem}
.page_brand3 .con .item .img.tb3{background-image:url(../p_icon3_4.png);background-size:1.13rem}
.page_brand3 .con .item .img.tb4{background-image:url(../p_icon3_5.png);background-size:.97rem}
.page_brand3 .con .item .txt{line-height:2.5;background:#fff;border:3px solid #007ca3;color:#000;font-size:.2rem;font-weight:400;display:block;width:95%;margin:0 auto;position:relative;z-index:1;margin-top:-.2rem}
.page_brand3 .title p{font-size:.83rem;text-transform:uppercase;font-weight:700;font-family:arial}

.page_quality{width:100%}
.page_quality .top{width:100%;padding: 1rem 0;border-bottom: 1px solid #d2d2d2;}
.page_quality .top .con .title{float:left;width:44%;padding-right:.4rem}
.page_quality .top .con .title h2{font-size:.48rem;color:#1e1e1e;display:block;margin-bottom:.1rem}
.page_quality .top .con .title p{font-size:.18rem;color:#1e1e1e;text-transform:uppercase}
.page_quality .top .con .title div{margin-top:.4rem}
.page_quality .top .con .title div p{color:#1e1e1e;font-size:.16rem;line-height:2;text-transform:initial}
.page_quality .top .con .list{float:right;width:56%;position:relative}
.page_quality .top .con .list .swiper-navigation{position:absolute;bottom:.18rem;z-index:2;width:100%}
.page_quality .top .con .list .swiper-navigation>div{color:#fff;cursor:pointer;width:.32rem;height:.32rem;line-height:.32rem;background:#007ca3;text-align:center;position:absolute;bottom:0}
.page_quality .top .con .list .swiper-navigation div.swiper-button-disabled{background:#c3c3c3}
.page_quality .top .con .list .swiper-navigation .left{left:0}
.page_quality .top .con .list .swiper-navigation .right{right:0}
.page_quality .bot{width:100%;padding: .8rem 0 1rem;}
.page_quality .bot .title{text-align:center;margin-bottom:.4rem}
.page_quality .bot .title h2{font-size:.48rem;color:#1e1e1e}
.page_quality .bot .title p{font-size:.18rem;color:#1e1e1e;text-transform:uppercase}
.page_quality .bot .title div{margin-top:.5rem}
.page_quality .bot .title div p{text-transform:initial;font-size:.16rem;line-height:2}
.page_quality .bot .list .swiper-pagination{text-align:center;position:relative;font-size:0;margin-top:.55rem}
.page_quality .bot .list .swiper-pagination span{width:.11rem;height:.11rem;background:#dcdcdc;opacity:1;display:inline-block;margin:0 2px}
.page_quality .bot .list .swiper-pagination .swiper-pagination-bullet-active{background:#007ca3}

.page_news{padding:.7rem 0 1rem;}
.page_news li {float: left;width: 33.33%;margin-bottom:.45rem;}
.page_news li a {display: block;width: 94%;margin: 0 auto;}
.page_news li a:hover img{transform:scale(1.1);}
.page_news li a .txt{padding: .35rem 0 .25rem;}
.page_news li a .txt h3{font-size:.14rem;color:#727272;font-weight:400}
.page_news li a .txt h3 p{display:inline-block;vertical-align:top;padding-right:.22rem;margin-right:.22rem;border-right:1px solid #bfbfbf;margin-bottom:.15rem}
.page_news li a .txt h2{font-size:.2rem;color:#4b4b4b}
.page_news li a:hover .txt h2{color:#007ca3;}

.page_contact{width:100%;padding:.7rem 0 1rem}
.page_contact .clearfix>div{padding:.35rem .53rem 0;background: #f8f8f8;border-radius: 5px;}
.page_contact .clearfix>div .title {font-size: .36rem;color: #007ca3;margin-bottom: .25rem;}
.page_contact .left{float:left;width: 42%;}
.page_contact .left .con{color: #6b6b6b;font-size:.16rem;line-height:2;}
.page_contact .left .map{margin: .35rem auto;width: 3.28rem;height: 3.28rem;overflow: hidden;border-radius: 100%;border: 2px solid #e0e0e0;}
.page_contact .right{float: right;width: 56%;padding-bottom: 1.05rem!important;}
.page_contact .right .list{position:relative;width:100%}
.page_contact .right .list table, .page_contact .right .list tbody{display:block;width:100%;}
.page_contact .right .list tr{margin-bottom:.08rem;display:block;width:100%}
.page_contact .right .list td{position:relative}
.page_contact .right .list td.text{display:none}
.page_contact .right .list td.input{width:100%;display:block}
.page_contact .right .list td.input input{line-height:.5rem;border:none;padding:0 .2rem;width:100%;font-size:.16rem;color:#000;border-radius:5px}
.page_contact .right .list td.input .info{position:absolute;right:.1rem;top:0;line-height:.5rem;color:#007ca3}
.page_contact .right .list td.input textarea{display:block;width:100%;border:none;height:1.5rem;padding:.1rem .2rem;font-size:.16rem;color:#000;line-height:1.7;border-radius:5px}
.page_contact .right .list td.submint{display:block;width:100%;padding-top:.05rem}
.page_contact .right .list td.submint .submit{width:100%;text-align:center;background:#007ca3;line-height:.5rem;height:.5rem}
/**** page end ****/

.page_web{width:100%;}
.page_web .page_content{width:100%}
.module5{background:#f7f7f7}
.page_head{width:100%;line-height: .82rem;height: .82rem;border-bottom: 1px solid #eee;}
.page_head .page_position{float:left;padding-left: .3rem;position: relative;}
.page_head .page_position::before{position:absolute;content:"\f015";left:0;top:0;width:.2rem;height:.82rem;line-height:.82rem;font-family:FontAwesome;font-size:.2rem;color:#b00}
.page_head .page_position a{display:inline-block;font-size:.16rem;color:#4e4e4e;vertical-align:top}
.page_head .page_position a:hover{color:#b00}
.page_head .page_nav{float:right}
.page_head .page_nav ul li{display:inline-block;margin-left:.5rem;vertical-align:top}
.page_head .page_nav ul li a{font-size:.16rem;color:#323232}
.page_head .page_nav ul li a.on,.page_head .page_nav ul li a:hover{color:#b00}
.met_position{position:relative;top:-.95rem}


.page_honor{background:url(../honor_bj.jpg) no-repeat;padding:.75rem 0 .8rem}
.page_honor .title{padding-left:1.1rem;position:relative;margin-bottom:.35rem}
.page_honor .title::before{position:absolute;content:'';left:0;top:.16rem;width:.7rem;height:.05rem;background:#cd0c0c}
.page_honor .title h2{font-size:.36rem;color:#cd0c0c;display:block;margin-bottom:.1rem}
.page_honor .title p{font-size:.2rem;color:#8b8b8b;text-transform:uppercase;letter-spacing:.1rem}
.page_honor .list{width:100%;position:relative}
.page_honor .list a{display:inline-block;vertical-align:top;background:url(../shadow.png) no-repeat center bottom;padding-bottom:.2rem;background-size:100%}
.page_honor .list a .img{padding:.1rem;background:#fff;border:1px solid #f7f5f5}

.page_show{padding:.7rem 0}
.page_show .title{text-align:center;margin-bottom:.35rem}
.page_show .title h2{display:block;font-size:.36rem;color:#cc0c0c;margin-bottom:.1rem}
.page_show .title p{font-size:.2rem;color:#8b8b8b;letter-spacing:.1rem;text-transform:uppercase}
.page_show .list{width:100%}
.page_show .list a{padding:.05rem}
.page_show .list a .img{padding:.05rem;background:#fff;box-shadow:1px 1px 5px #8e8e8edd}

.swiper-paginations{width:100%;text-align:center;margin-top:.4rem}
.swiper-paginations>div{display:inline-block;vertical-align:top}
.swiper-paginations .left{width:.44rem;height:.47rem;background:url(../swiper_left.png) no-repeat center;background-size:.44rem;cursor:pointer}
.swiper-paginations .min{margin:0 .2rem}
.swiper-paginations .min span{width:.47rem;height:.47rem;line-height:.47rem;border-radius:0;background:#dcdcdc;color:#6a6a6a;opacity:1;margin:0 .04rem;font-size:.16rem}
.swiper-paginations .min span.swiper-pagination-bullet-active{background:#cd0c0c;color:#fff}
.swiper-paginations .right{width:.44rem;height:.47rem;background:url(../swiper_right.png) no-repeat center;background-size:.44rem;cursor:pointer}


.page_faq {width:100%}
.page_faq .item{width:49%;background: #f3f3f3;margin-bottom: .35rem;border-top:  1px dashed #dcdcdc;border-bottom: 1px dashed #dcdcdc;padding: .22rem .25rem;border-left: 1px solid #f3f3f3;border-right: 1px solid #f3f3f3;}
.page_faq .item:hover{background:#fff;box-shadow:1px 1px 3px #ddd;border:1px dashed #dcdcdc}
.page_faq .item a{font-size:.16rem}
.page_faq .item a .txt{float:left;width:90%;line-height:.28rem}
.page_faq .item a .txt p{display:block;word-break:break-all;display:-webkit-box!important;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:1}
.page_faq .item a .more{float:right;width:10%;font-size:.3rem;line-height:.56rem;text-align:center}

.page_app{width:100%;padding: .6rem 0;}
.page_app .title {margin-bottom:.35rem;text-align:center;}
.page_app .title h2{font-size:.36rem;color:#cc0c0c;margin-bottom:.1rem;}
.page_app .title p{font-size:.2rem;color:#8b8b8b;text-transform:uppercase;letter-spacing:.1rem;}
.page_app .list{width:100%;}
.page_app .list li{margin-bottom:.6rem;position: relative;}
.page_app .list li .img{float:left;width:78.572%}
.page_app .list li:hover .img img{transform:scale(1.1);transition:1s}
.page_app .list li.even .img{float:right}
.page_app .list li .txt{position:absolute;right:0;bottom:0;width:21.428%;background:#b00;padding:.5rem .4rem .8rem;color:#fff}
.page_app .list li.even .txt{left:0}
.page_app .list li .txt .top{margin-bottom:.35rem;position:relative;padding-bottom:.1rem}
.page_app .list li .txt .top::after{position:absolute;content:'';left:0;bottom:0;width:.23rem;height:2px;background:#5da8ef}
.page_app .list li .txt .top h2{font-size:1.3rem;color:#cd6767;font-weight:700}
.page_app .list li .txt .top h3{position:absolute;left:0;bottom:.15rem;font-size:.36rem}
.page_app .list li .txt .bot{font-size:.14rem;line-height:2}


.page_job{padding:.6rem 0;background: #f9f9f9;}
.page_job .title{background:#b4b4b4;padding: 0 .25rem;}
.page_job .title ul{display:table;width:100%}
.page_job .title ul li{display:table-cell;width:20%;text-align:center;}
.page_job .title ul li a{line-height:65px;color:#fff;font-size: .18rem;}
.page_job .list{border: 1px solid #dcdcdc;background: #fff;padding: .25rem;padding-bottom: .7rem;margin-bottom: .5rem;}
.page_job .list dl {border-bottom:1px solid #dcdcdc}
.page_job .list dl dt{display:table;width:100%}
.page_job .list dl dt .item{display:table-cell;width:20%;text-align: center;line-height: 65px;color: #474747;font-size: .16rem;font-weight: normal;white-space: nowrap;}
.page_job .list dl dt .item.click{cursor:pointer;}
.page_job .list dl dd{display:none;background: #f5f5f5;border-top: 1px solid #dcdcdc;padding: .25rem;color: #676767;font-size: .14rem;line-height: 24px;transition: none;}
.page_job .list dl dd.on{box-shadow:1px 1px 3px #9a9a9a}
.page_job .list dl dd .con{padding-bottom:.4rem;}
.page_job .list dl dd .click{border-top:1px solid #dcdcdc;text-align:center;padding: .3rem 0;}
.page_job .list dl dd .click a{display:inline-block;padding: .15rem .7rem;background: #e44042;color: #ffff;font-size: .14rem;}

.page_download{padding:.6rem 0}
.page_download li{width:48%;padding: .35rem;background: #f1f1f1;margin-bottom: .35rem;}
.page_download li:hover{box-shadow:1px 1px 5px #bbbbbb}
.page_download li p{float:left;font-size:.2rem;color:#2e2e2e;line-height: .35rem;}
.page_download li:hover p{color:#01873b;}
.page_download li a{float:right;width:.35rem;height:.35rem;background:url(../download_bj.png) no-repeat;background-size: .35rem;}

.page_service {width:100%;overflow:hidden;}
.page_service .top{padding: .6rem 0;}
.page_service .top .title{margin-bottom: .4rem;text-align: center;}
.page_service .top .title h2{color:#1b8361;font-size:.3rem;font-weight:bold;display:block;margin-bottom:.15rem}
.page_service .top .title p{color:#c6c6c6;font-size:.3rem;text-transform:uppercase;}
.page_service .top .list ul li{width: 47.2%;margin-bottom:.35rem} 
.page_service .top .list ul li:hover img{transform:scale(1.1)}
.page_service .top .list ul li .txt{padding-top:.8rem;position: relative;}
.page_service .top .list ul li .txt::after{position:absolute;top:.4rem;left:0;content:'';width:.6rem;height:4px;background:#1b8361;}
.page_service .top .list ul li .txt p{font-size:.15rem;color:#464646;line-height: .27rem;}
.page_service .bot{background:url(../service_bj.jpg) no-repeat;padding:1rem 0}
.page_service .bot .w1200>div{height:3rem}
.page_service .bot .left{float:left;width: 39%;background: -moz-linear-gradient(top, #18b4bb 0%, #46b557 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#18b4bb), color-stop(100%,#46b557));background: -webkit-linear-gradient(top, #18b4bb 0%,#46b557 100%);background: -o-linear-gradient(top, #18b4bb 0%,#46b557 100%);background: -ms-linear-gradient(top, #18b4bb 0%,#46b557 100%);background: linear-gradient(to bottom, #18b4bb 0%,#46b557 100%);padding: .5rem .3rem .7rem;}
.page_service .bot .left h2{color:#fff;font-size:.2rem;font-weight:bold;display:block;margin-bottom: .3rem;}
.page_service .bot .left p{color:#fff;line-height:.3rem;font-size:.15rem;}
.page_service .bot .right{float: right;width: 58.5%;background: #fff;padding: .5rem .3rem;}
.page_service .bot .right h2{font-size:.2rem;color:#38bde5;font-weight:bold;display: block;margin-bottom: .3rem;}
.page_service .bot .right p{color:#454545;font-size:.15rem;line-height:.3rem}


#showproduct{padding:.6rem 0;}
#showproduct .list{position: relative;}

#showproduct .list .swiper-pagination {
    position: absolute;
    top: 45%;
    left: 0;
    z-index: 1;
    width: 100%;
}

#showproduct .list .swiper-pagination div {
    width: .4rem;
    height: .4rem;
    background: #f7f5f4;
    line-height: .4rem;
    text-align: center;
    color: #000;
    border-radius: 100%;
    border: 1px solid #afafae;
    font-size: .2rem;
    position: absolute;
    top: 0;
}

#showproduct .list .swiper-pagination .swiper-button-disabled {
    background: #000;
    border: 1px solid #000;
    color: #fff;
}

#showproduct .list .swiper-pagination .left {
    left: 10%;
}

#showproduct .list .swiper-pagination .right {
    right: 10%;
}
#showproduct .w1400>div{width:50%;float:left;text-align: center;}
#showproduct .text{padding-top: 1rem;}

#showproduct .text .title {
    font-size: .26rem;
    color: #1c1c1c;
}

#showproduct .text .click {
    margin: .3rem 0 .4rem;
}

#showproduct .text .click a {
    display: inline-block;
    line-height: 3;
    padding: 0 .4rem;
    font-size: .16rem;
    color: #1c1c1c;
    background: #efefef;
    border: 1px solid #80bdd1;
    border-radius: 5px;
}

#showproduct .text .desc {
    font-size: .16rem;
    line-height: 2;
    color: #666;
}

.met_pager {text-align:center;}
.met_pager span.PageText,.met_pager input {display:none;}
.met_pager span,.met_pager a {display:inline-block;margin:0 4px;width:31px;height:31px;background:#e0e0e0;line-height:31px;font-size:.16rem;color:#393737;}
.met_pager a:hover,.met_pager a.Ahover {background: #007ca3;color:#FFF;}
/********<=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:#212121}
.m-header >.col-xs-6 img {max-height:45px;}
.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: .18rem;}
.st-container .st-menu ul li>a:hover,.st-container .st-menu ul li.active>a {background: #01873b;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: #01873b;}
.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:#333;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: #01873b;}
.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;}
	.tem_banner.index .txt .title h2{font-size:.3rem}
	.tem_banner.index .txt .title p{font-size:.14rem}
	.tem_banner.index .txt .click{display:none}
	.tem_index_product .col-xs-6{width:100%}
	.tem_index_product .text-left .list{width:100%;margin-bottom: .2rem;}
	.tem_index_case .bot>div{width:50%}
	.tem_index_case .bot .item .txt p{display: none!important;}
	.tem_index_case .bot .item .txt span{margin: .2rem 0 0 0;}
	.tem_index_case .bot .col-xs-4 .txt i{display: none;}
	.tem_index_map::after, .tem_index_map::before{display:none;}
	.tem_index_map .top .item::after{top:20%}
	.tem_index_news{background-size: cover;}
	.tem_index_news .top p {display: block;width: 100%;}
	.tem_index_news .bot .item{width: 49%;margin-bottom: .2rem;}
	.tem_index_news .bot .item:last-child {display: none;}
	footer {box-shadow:0px -1px 4px #c6c6c6}
	footer .top {display:none}
	footer .bot .left{width:100%;text-align:center;}
	footer .bot .left .logo{margin-bottom:10px;}
	footer .bot .left .contact{display:none}
	footer .bot .left *{line-height:22px}
	footer .bot .right{display:none}
	.tem_banner.inside .page_nav{position:relative;background: #a7a7a7;}
	.tem_banner.inside .page_nav .text-left{width:100%}
	.tem_banner.inside .page_nav .text-right{display:none;}
	.page_about .about img{float: initial!important;width:100%;margin: 0 0 20px 0!important;max-width: 100%!important;}
	.page_case .col-xs-4{width:50%}
	.page_tech .list img{float: initial!important;margin-bottom: .2rem;}
	.page_news ul li{width:50%;padding: 0 .10rem;}


	.index_about .list .left{float:initial;width:100%;height:initial;}
	.index_about .list .right{float:initial;width:100%;}
	.index_about .list .right>div{height:initial;}
	.index_about .list .right .top{margin-bottom:0;}
	.index_product .item .txt{bottom: 35%;}
	.index_news .list li{width:100%;}
	footer .min p{text-align:center;}
	footer .min p:first-child {line-height:initial;display: block;}
    footer .min p:first-child+p {display: none;}
	footer .bot .info{width:100%;text-align:center;margin-bottom:5px;}
	footer .bot .tech{width:100%;text-align:center;}
	.page_about .about .top .con{width:100%;display: block;}
	.page_about .about .top .con p {line-height: initial;}
	.page_about .about .top .year {display: block;width: 100%;text-align: center;margin-top: .4rem;}
	.page_about .culture .top .pd {width: 100%;}
	.page_about .culture .top .pd p {line-height: initial;}
	.page_about .culture .bot li {width: 100%;}
	.page_about .culture .bot li a {background: #7b7b7b;}
    .page_about .culture .bot li a .txt p {line-height: initial;}
	.tem_banner.inside .txt {padding-top: 60px;}
    .tem_banner.inside .txt .table .middle {vertical-align: top;padding-top: 10%;}
	.tem_banner.inside .txt a {display: none;}
}
/********mobile*********/
@media(max-width:767px){
    .tem_banner{padding-top:60px;}


	
}