/***** Header *****/
header{position: fixed;background:rgba(255,255,255,1);width: 100%;z-index: 1000;box-shadow:0 0 12px rgba(0,0,0,.15)}
header.index{background:rgba(255,255,255,1);box-shadow:0 0 0 0;}
header.index.on{box-shadow:0 0 12px rgba(0,0,0,.15)}
header .clearfix{padding: 0 .77rem;height:1.1rem;line-height:1.1rem}
header .logo img{max-width:}
header .clearfix .nav{}
header .clearfix .nav ul li{display:inline-block;padding:0 .45rem}
header .clearfix .nav ul li a{color:#333;font-size:.15rem}
header .clearfix .nav ul li.langs>*{display:inline-block;vertical-align:middle;}
header .clearfix .nav ul li.langs em {font-size:.15rem;color:#333;padding:0 .1rem;}
header .clearfix .nav ul li.langs a.ons {color:#01217d}

header .right{padding:.4rem 0 0;display:flex;justify-content: space-between;}
header .right .search{position:relative;width:70%}
header .right .search input[type="text"] {height:.3rem;border:0;padding:.1rem .3rem;font-size:.14rem;background:none;border-bottom:1px solid #333;color:#333;width:100%}
header .right .search button {border:0;position:absolute;left:0%;top:50%;color:white;background:url(/public/common/images/search.png)no-repeat;width:20px;height:17px;background-size:100%;transform:translateY(-50%)}
header .right .menu_btn {width:20px;height:17px;position:relative;}
header .right .menu_btn:after{width:20px;height:17px;background:url(/public/common/images/btn.png)no-repeat;background-size:100%;cursor:pointer;position:absolute;content:"";right:0;top:50%;}
.tem_banner.index{margin:  1.1rem 0 0 }
.tem_banner .label_txt {position:absolute;top:53%;left:0;width:100%;text-align:center;z-index:1}
.tem_banner .label_txt h3 {font-size:.6rem;color:#FFF;text-transform:uppercase;font-weight:bold;}
.tem_banner .label_txt p {font-size:.24rem;color:#FFF;margin:.3rem 0 0;letter-spacing:1vw;}
.tem_banner  .flash{position:relative}
.tem_banner  .flash .banner_nav{position:absolute;left:50%;transform:translateX(-50%);bottom:15%;width:100%;}
.tem_banner  .flash .banner_nav ul{display:flex;justify-content: center;}
.tem_banner  .flash .banner_nav ul li {padding:0 .4rem;position:relative;}
.tem_banner  .flash .banner_nav ul li a{color:white;font-size:.15rem;padding:0 0 .25rem;position:relative;width:1.2rem;text-align:center}
.tem_banner  .flash .banner_nav ul li a:after{content:"";position:absolute;background:white;bottom:0;width:100%;height:1px;left:0}
.tem_banner  .flash .banner_nav ul li a:before{content:"\f107";position:absolute;font:normal normal normal 14px/1 FontAwesome;left:50%;color:#01217d;font-size:.2rem;transform:translateX(-50%);bottom:-.4rem;opacity:0;animation: dropdown1 .7s 0.2s linear infinite alternate;}
.tem_banner  .flash .banner_nav ul li a:hover:after{width:100%;transition:.6s;background:#01217d;}
.tem_banner  .flash .banner_nav ul li.active a:after{transition:.6s;background:#01217d;}
.tem_banner  .flash .banner_nav ul li.active a:before{opacity:1}
.tem_banner  .flash .banner_nav ul li.active a{color:#01217d}
@keyframes dropdown1 {
	form{
		bottom:-.4rem;
	}
	to{
		bottom:-.25rem;
	}
}
.tem_banner  .flash .banner_nav ul li a:hover{color:#01217d}
.tem_banner  .flash .banner_nav ul li a:hover:before{opacity:1;transition:.6s}
.about .about_company{background:#f7f7f7;padding:.6rem 0 1rem;position:relative}
.about .about_company .w1600{background:white;padding:.6rem .7rem .65rem .9rem;}
.about .about_company .first{padding:.34rem 0  0 .4rem;position:relative;z-index:0}
.about .about_company .first:after{content:"";position:absolute;background:#b3da94;width:1.2rem;height:1.2rem;left:0;top:0;border-radius:50%;z-index:-1}
.about .about_company .first>*{display:inline-block;vertical-align:middle}

.about .about_company .first .right{width:60%;padding:0 0 0 .5rem}
.about .about_company .first .right h1{font-size:.3rem;font-weight:bold;padding: 0 0 .46rem;    text-transform: uppercase;}
.about .about_company .first .right p{font-size:.15rem;line-height:.25rem}
.about .about_company .first  .title{position:absolute;}
.about .about_company .first  .title h1{font-size:.6rem;text-transform:uppercase;color:#dbdbdb;text-align:right;font-weight:bold;line-height:.7rem}
.about .about_company .second{padding:.7rem 0 1.1rem;width:60%;position:relative}
.about .about_company .second h1{font-size:.3rem;font-weight:bold;padding:0 0 .25rem}
.about .about_company .second  p{font-size:.15rem;line-height:.3rem}
.about .about_company .second:after{content:"";position:absolute;background:#d2d2d2;width:100%;height:2px;bottom:0}
.about .about_company .second:before{content:"";position:absolute;background:#01217d;width:20%;height:2px;bottom:0;z-index:1}
.about .about_company  .imgs{position:absolute;right:0%;bottom:5%}
.about .about_history{padding:.76rem 0 1.4rem;background:white}
.about .about_history .title{padding: 0 0 1.14rem}
.about .about_history .title>div{display:flex;justify-content: space-between;}
.about .about_history .title .tit{padding:.45rem 0 0 }
.about .about_history .title .tit h1{font-size:.3rem;font-weight:bold}
.about .about_history .title .tit  p{font-size:.16rem;text-transform:uppercase;font-weight:bold;color:#9f9f9f;margin-top:.1rem}
.about .about_history .title  .info{text-align:center}
.about .about_history .title  .info  em{font-size:.5rem;color:black;font-weight:bold}
.about .about_history .title  .info p{font-size:.15rem;color:black}
.about .about_history  .lists{padding:0 0 0 2.6rem;position:relative}
.about .about_history  .lists:after{content:"";position:absolute;left:0;width:100%;background:#eaeaea;bottom:0;height:1px}
.about .about_history  .lists .item{position:relative;height:2.4rem}
.about .about_history  .lists .item h1{font-size:.17rem;color:black;font-weight:bold}
.about .about_history  .lists .item p{color:#5f5f5f;margin-top:.1rem;font-size:.14rem}
.about .about_history  .lists .item:after{content:"";position:absolute;width:8px;height:8px;border-radius:100%;background:#757575;bottom:0;left:5%;transform:translateX(-50%)}
.about .about_history  .lists .item:before{content:"";position:absolute;width:1px;height:40px;background:#757575;bottom:0;left:5%;transform:translateX(-50%)}
.about .about_history  .lists  .swiper-slide-active .item:after{background:#01217d;transition:.6s}
.about .about_history .swiper-page{padding:.77rem 0 0 2.6rem}
.about .about_history .swiper-page>div{display:inline-block;width:40px;height:40px;background:none;line-height:40px;text-align:center;font-size:.2rem;color:#01217d;border:1px solid #01217d}
.about .about_history .swiper-page>div:hover{background:#01217d;color:white;transition:0s}
.about .about_culture {background:#f7f7f7}
.about .about_culture>div{padding:0 0 .56rem}
.about .about_culture .title{text-align:center;padding:.52rem 0 .3rem}
.about .about_culture .title h1{font-size:.3rem;color:black;font-weight:bold}
.about .about_culture .title p{font-size:.16rem;text-transform:uppercase;font-weight:bold;color:#9f9f9f;margin-top:.1rem}
.about .about_culture  .lists a{position:relative;cursor:pointer}
.about .about_culture  .lists a.list1 .text h1:before{content:"";position:absolute;left:50%;top:0;background:url(/public/common/images/honor1.png)no-repeat;width:61px;height:51px;background-size:100%;transform:translateX(-50%)}
.about .about_culture  .lists a.list2 .text h1:before{content:"";position:absolute;left:50%;top:0;background:url(/public/common/images/honor2.png)no-repeat;width:62px;height:57px;background-size:100%;transform:translateX(-50%)}
.about .about_culture  .lists a.list3 .text h1:before{content:"";position:absolute;left:50%;top:0;background:url(/public/common/images/honor3.png)no-repeat;width:62px;height:56px;background-size:100%;transform:translateX(-50%)}
.about .about_culture  .lists a.list4 .text h1:before{content:"";position:absolute;left:50%;top:0;background:url(/public/common/images/honor4.png)no-repeat;width:56px;height:56px;background-size:100%;transform:translateX(-50%)}



.about .about_culture  .lists a:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.5)}
.about .about_culture  .lists a .text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) translateY(.8rem);text-align:center;z-index:1;width:90%;height:85%;padding:1rem 0 0}
.about .about_culture  .lists a .text h1{color:white;font-size:.18rem;padding: 0.75rem 0  0;position:relative;}
.about .about_culture  .lists a .text  h2{color:white;font-size:.15rem;padding:.1rem  0 .53rem;position:relative}
.about .about_culture  .lists a .text  h2:after{content:"";position:absolute;left:50%;bottom:0;background:#aaaaaa;height:.3rem;width:1px;transform:translateX(-50%);opacity:0}
.about .about_culture  .lists a .text p{color:black;font-size:.16rem;padding:.37rem;opacity:0}
.about .about_culture  .lists a:hover:after{background:none;transition:.3s}
.about .about_culture  .lists a:hover .text{transform:translate(-50%,-50%) translateY(0rem);background:rgba(255,255,255,.6);transition:.3s}
.about .about_culture  .lists a:hover .text h1{color:black}
.about .about_culture  .lists a:hover .text h2{color:black}
.about .about_culture  .lists a:hover .text h2:after{opacity:1}
.about .about_culture  .lists a:hover .text p{opacity:1}

.about .about_culture  .lists a.list1:hover .text h1:before{content:"";position:absolute;left:50%;top:0;background:url(/public/common/images/honor1-1.png)no-repeat;width:61px;height:51px;background-size:100%;transform:translateX(-50%);transition:.3s}
.about .about_culture  .lists a.list2:hover .text h1:before{content:"";position:absolute;left:50%;top:0;background:url(/public/common/images/honor2-2.png)no-repeat;width:62px;height:57px;background-size:100%;transform:translateX(-50%);transition:.3s}
.about .about_culture  .lists a.list3:hover .text h1:before{content:"";position:absolute;left:50%;top:0;background:url(/public/common/images/honor3-3.png)no-repeat;width:62px;height:56px;background-size:100%;transform:translateX(-50%);transition:.3s}
.about .about_culture  .lists a.list4:hover .text h1:before{content:"";position:absolute;left:50%;top:0;background:url(/public/common/images/honor4-4.png)no-repeat;width:56px;height:56px;background-size:100%;transform:translateX(-50%);transition:.3s}

.about .about_culture  .lists  .slide-pagination{text-align:center;margin-top:.35rem}
.about .about_culture  .lists .slide-pagination span{width:15px;height:15px;opacity:1;margin:0 .15rem;background:none;border:1px solid #01217d}
.about .about_culture  .lists .slide-pagination .swiper-pagination-bullet-active{background:#01217d;border:0}
.about .about_brand{background:white}
.about .about_brand .title{padding:.8rem 0  .4rem;text-align:center}
.about .about_brand .title h1{font-size:.3rem;color:black;font-weight:bold}
.about .about_brand .title p{font-size:.2rem;text-transform:uppercase;font-weight:bold;color:#9f9f9f;margin-top:.1rem}
.about .about_brand  .content{padding:.74rem 0 1rem}
.about .about_brand  .content .items{margin-bottom:.6rem;font-size:0}
.about .about_brand  .content .items>*{display:inline-block;vertical-align:middle}
.about .about_brand  .content .items h1{width:20%;font-size:.28rem;font-weight:bold}
.about .about_brand  .content .items  p{width:79%;font-size:.15rem;position:relative}
.about .about_brand  .content .items  p:after{position:absolute;content:"";width:12px;height:12px;border-radius:100%;border:2px solid black;left:-.2rem;top:.05rem}

.about .about_honor:after{position:fixed;content:"";width:100%;height:100%;background:url(/public/common/images/honorbg.jpg)no-repeat;left:0;top:0;z-index:-1;background-size:cover}
.about .about_honor>div{padding:0 0 1.2rem}
.about .about_honor .title{text-align:center;padding:.9rem 0 .85rem}
.about .about_honor .title h1{font-size:.3rem;color:white}
.about .about_honor .title p{font-size:.18rem;font-weight:bold;margin-top:.1rem;color:white}
.about .about_honor .lists{padding:.6rem  .68rem;background:white;position:relative}
.about .about_honor .lists a{overflow:hidden}
.about .about_honor .lists p{font-size:.14rem;color:black;text-align:center;margin:.15rem 0 0}
.about .about_honor .lists a:hover img{transform:scale(1.1)}
.about .about_honor .lists .swiper-page>div{position:absolute;font-size:.5rem;color:white;outline:none;z-index:2;top:50%;left:-1rem}
.about .about_honor .lists .swiper-page>div.slide-button-next {left:auto;right:-1rem}
.about .about_workshop{background:white}
.about .about_workshop>div{padding:0 0 1.2rem}
.about .about_workshop .title{text-align:center;padding:.84rem 0 .56rem}

.about .about_workshop .title h1{font-size:.3rem;color:black;font-weight:bold}
.about .about_workshop .title p{font-size:.18rem;font-weight:bold;margin-top:.1rem;color:#9f9f9f;text-transform:uppercase}
.about .about_workshop  .lists a{overflow:hidden}
.about .about_workshop  .lists  .img_{overflow:hidden}
.about .about_workshop  .lists a:hover img{transform:scale(1.1)}
.about .about_workshop  .lists h6 {font-size:.14rem;color:#333;text-align:center;margin:.25rem 0 0}
.about .about_workshop .lists  .slide-pagination{text-align:center;margin-top:.35rem}
.about .about_workshop .lists .slide-pagination span{width:15px;height:15px;opacity:1;margin:0 .1rem;background:none;border:1px solid #01217d}
.about .about_workshop .lists .slide-pagination .swiper-pagination-bullet-active{background:#01217d;border:0}

footer {background:#565656}
footer  .top{display:flex;padding:.9rem 0 .4rem;justify-content: space-between;}
footer  .top .left{width:70%}
footer  .top .left dl{display:inline-block;vertical-align: top;width:17%}
footer  .top .left dl dt{font-size:.16rem;color:white;margin-bottom:.25rem}

footer  .top .left dl dd {margin-bottom:.1rem}
footer  .top .left dl dd a{font-size:.14rem;color:#d1d1d1}
footer  .top  .right{width:20%;}
footer  .top  .right .img{text-align:right}
footer  .top  .right .share-component{text-align:right;padding:.6rem 0 0;}
footer  .top  .right .share-component a{border-radius:0;border:1px solid white;height:40px;width:40px;line-height:40px;color:white;margin:5px}
footer  .bot>div{display:flex;justify-content: space-between;padding:0 0 .4rem}
footer  .bot .first{display:flex;flex-direction: column;align-content: center;justify-content: center;}
footer  .bot .first  .infos>*{display:inline-block}
footer  .bot .first  .infos p{color:white;font-size:.14rem;}
footer  .bot .first .infos   a{color:white;font-size:.14rem;margin-left:.2rem}
footer  .bot  .third{text-align:right}
footer  .bot  .third p{font-size:.14rem;color:white;}
footer  .bot  .third p:first-child{margin-bottom:.15rem}
.product_list {background:#f3f3f3}
.product_list>div{padding:0 0 1.6rem}
.product_list .title{padding:.7rem 0 .4rem;text-align:center}
.product_list .title h1{font-size:.3rem;font-weight:bold;padding:0 0 .63rem;position:relative}
.product_list .title h1:after{position:absolute;content:"";background:#d9d9d9;height:40px;width:1px;bottom:0;left:50%;transform:translateX(-50%)}
.product_list .product_nav ul{display:flex;flex-wrap: wrap;justify-content: center;}
.product_list .product_nav ul li{width:19%;text-align:center;border:1px solid #e5e5e5;margin:.05rem}
.product_list .product_nav ul li a{padding:.16rem 0;font-size:.15rem;color:black; }
.product_list .product_nav ul li a:hover{color:white;background:#01217d;}
.product_list .product_nav ul li.active a{color:white;background:#01217d;}
.product_list .lists{padding:.6rem  0 0;display:flex;flex-wrap: wrap;justify-content: space-between;}
.product_list .lists:after{content:"";width:31%}
.product_list .lists .items{width:31%;padding:.15rem .18rem .35rem;background:white;margin-bottom:.52rem}
.product_list .lists .items .text{padding:.3rem 0 0}
.product_list .lists .items img {width:100%;height:3.2rem;object-fit:cover;}
.product_list .lists .items:hover img{transform:scale(1.1)}
.product_list .lists .items .text h1{font-size:.14rem;font-weight:bold;color:black;text-align:center}
.product_list .lists .items .text p{padding:.26rem 0 .38rem;font-size:.16rem;font-weight:bold;color:black;}

.product_list .met_pager{padding:.17rem 0 0}
.product_list .met_pager a{border:1px solid black}
.product_list  .met_pager a.next,.product_list  .met_pager a.pre{color:black;margin:0 .2rem}
.product_list  .met_pager a.page-num-current,.product_list  .met_pager a:hover{background:#01217d;border:1px solid #01217d;color:white}
.product_list  .met_pager a:hover i{color:white}
.product .infos{padding-top:1.15rem;background:#e9e9ea;}
.product .infos>div{display:flex;justify-content: space-between;padding:1rem  0 1.6rem}
.product .infos .left{width:30%;position:relative;}
.product .infos .left h1{font-size:.3rem;font-weight:bold;color:black;padding:0 0 .2rem}
.product .infos .lists{width:60%;position:relative;text-align:center;}
.product .infos .left .text{padding:.18rem 0 .21rem;border-bottom:2px solid #c7c7c8;border-top:2px solid #c7c7c8;}
.product .infos .left .text p{font-size:.15rem;color:black;margin:.09rem 0 ;line-height:1.8}
.product .infos .left a{position:absolute;bottom:0;left:0;padding:.2rem .3rem;background:#01217d;color:white;font-size:.14rem}

.product .infos  .lists  .slide-pagination{text-align:center;position:absolute;bottom:-.45rem;left:50%;transform:translateX(-50%)}
.product .infos  .lists .slide-pagination span{width:14px;height:14px;opacity:1;margin:0 .12rem;background:none;border:1px solid black}
.product .infos  .lists .slide-pagination .swiper-pagination-bullet-active{background:#01217d;border:0}
.product .content{background:#f3f3f3}
.product .content>div{padding:1.04rem  0 1.66rem}
.product .content .first{padding:0 0 .36rem;border-bottom:2px solid #e1e1e1}
.product .content .first h1{font-size:.25rem;font-weight:bold;color:black;padding:0 0 .25rem}
.product .content .first p{font-size:.15rem;color:black;line-height:.25rem}
.product .content .second{padding:.65rem 0 0 }
.product .content .second>h2{font-size:.25rem;font-weight:bold;color:black;padding:0 0 .35rem}
.product .content .second .items{padding:.15rem .18rem .35rem;background:white;}
.product .content .second .items img {width:100%;height:3rem;object-fit:cover;}
.product .content .second .items:hover img{transform:scale(1.1)}
.product .content .second  .items .text{padding:.3rem 0 0}
.product .content .second .items .text h1{font-size:.14rem;font-weight:bold;color:black;text-align:center;}
.product .content .second .items .text p{padding:.26rem 0 .38rem;font-size:.14rem;font-weight:bold;color:black}
.product .content .second .items .text a{display:inline-block;padding:.1rem .36rem;font-size:.14rem;font-weight:bold;border:1px solid black;;color:black}
.product .content .second .items .text a:hover{background:black;color:white}
.product .content .second .slide-pagination{margin:.77rem 0 0rem;text-align:center}

.product .content .second .slide-pagination span {opacity:1;outline:none; height:35px;width:35px;line-height:35px;border-radius: 5px; background: none; font-size: 15px; color: black; margin: 0 5px;;border:1px solid black;font-weight:bold}
.product .content .second .slide-pagination span:hover{background:#01217d;color:#FFF;border:1px solid #01217d}
.news_list>div{padding:0 0 1.4rem}
.news_list .title{text-align:center;padding:.6rem  0 .67rem}
.news_list .title h1{font-size:.3rem;font-weight:bold;}
.news_list .title p{font-size:.2rem;text-transform:uppercase;font-weight:bold;color:#9f9f9f;margin-top:.1rem}
.news_list  .zhiding {display:flex;justify-content: space-between;padding: 0 0 1.3rem}
.news_list  .zhiding .left{width:48%;position:relative}
.news_list  .zhiding .left .items{position:relative}
.news_list  .zhiding .left .items .text{text-align:initial;position:absolute;left:0;bottom:0;padding:.3rem .2rem .7rem .3rem ;background:rgba(0,0,0,.6);width:50%}
.news_list  .zhiding .left .items .text h1{font-size:.2rem;color:white}
.news_list  .zhiding .left .items .text p{font-size:.14rem;color:white;margin-top:.15rem}
.news_list  .zhiding .left .slide-pagination{position:absolute;left:5%;bottom:6%;z-index:1}
.news_list  .zhiding .left .slide-pagination span{margin:0 .075rem;background:white;opacity:1}
.news_list  .zhiding .left .slide-pagination .swiper-pagination-bullet-active{background:#01217d}
.news_list  .zhiding .right{width:49%;display:flex;flex-wrap: wrap;align-content: space-between;border-top:1px solid #d2d2d2}
.news_list  .zhiding .right a{padding: .3rem 0.16rem 0;border-bottom:1px solid #d2d2d2;height:33.33%;}
.news_list  .zhiding .right a:hover{background:#01217d}
.news_list  .zhiding .right a:hover .tit h1{color:white}
.news_list  .zhiding .right a:hover .tit p{color:white}

.news_list  .zhiding .right a:hover .tit h1:after{background:white}
.news_list  .zhiding .right a:hover>p{color:white} 
.news_list  .zhiding .right a .tit{font-size:0;padding:0 0 .2rem}
.news_list  .zhiding .right a .tit>*{display:inline-block}
.news_list  .zhiding .right a .tit h1{font-size:.2rem;font-weight:bold;width:70%;position:relative;color:black}
.news_list  .zhiding .right a .tit h1:after{position:absolute;content:"";background:#898989;width:8px;height:8px;border-radius:100%;left:-.15rem;top:50%;transform:translateY(-50%)}
.news_list  .zhiding .right a .tit  p{font-size:.2rem;color:#b5b5b5;text-align:right;width:30%;}
.news_list  .zhiding .right a>p{font-size:.14rem;color:#5e5e5e;line-height:.25rem;display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.news_list   .lists a{margin-bottom:.5rem;padding:0 0 .2rem;border-bottom-style:dotted;border-color:#d2d2d2;font-size:0}
.news_list   .lists a>div{display:inline-block;vertical-align:top}
.news_list   .lists a .first{width:7%;padding:0 0 .72rem;border-right:1px solid #dcdcdd;position:relative;margin:.36rem 0 0}
.news_list   .lists a .first:after{content:"\f178";position:absolute;font:normal normal normal 14px/1 FontAwesome;font-size:.16rem;color:black;width:34px;height:34px;border-radius:100%;line-height:34px;text-align:center;background:#e5e5e5;left:0;bottom:0}
.news_list   .lists a .first h1{font-size:.25rem;font-weight:bold;color:#aeaeae}
.news_list   .lists a .first h2{font-size:.18rem;color:#aeaeae;margin-top:.15rem}
.news_list   .lists a  .second{width:68%;padding:.1rem .55rem 0 .25rem;margin:.36rem 0 0;}
.news_list   .lists a  .second h1{font-size:.17rem;color:black;font-weight:bold;margin:0 0 .4rem;display:-webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.news_list   .lists a  .second p{font-size:.14rem;color:#5e5e5e;line-height:.25rem;display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.news_list   .lists a  .img{width:25%}
.news_list   .lists a:hover .first:after{background:#01217d;color:white;transition:.3s}
.news_list   .lists a:hover .img img{transform:scale(1.1)}
.news_list  .met_pager{padding:.5rem 0 0}
.news_list  .met_pager a{border:1px solid black}
.news_list   .met_pager a.pre,.news_list   .met_pager a.next{color:black;margin:0 .2rem}
.news_list   .met_pager a.page-num-current,.news_list .met_pager a:hover{background:#01217d;border:1px solid #01217d;color:white}
.news_list   .met_pager a:hover i{color:white}
.service .service_time>div{padding:0 0 .75rem}
.service .service_time .title{padding:.6rem 0 1.55rem;text-align:center}
.service .service_time .title h1{font-size:.3rem;font-weight:bold;color:black}
.service .service_time .title p{font-size:.18rem;font-weight:bold;color:#a5a5a5;text-transform:uppercase;margin-top:.1rem}
.service .service_time .content{padding:.35rem 0  .7rem;display:flex;justify-content: space-between;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;position:relative}
.service .service_time .content:after{content:"";position:absolute;width:61px;height:58px;background:url(/public/common/images/service.png)no-repeat;left:0;top:-.8rem;background-size:100%}
.service .service_time .content .left{width:40%;display:flex;flex-direction: column;justify-content: space-between;}
.service .service_time .content .left .items h1{color:black;font-size:.2rem;font-weight:bold;margin:0 0 .23rem}
.service .service_time .content .left .items p{color:#828282;font-size:.14rem}
.service .service_time .content .right{width:60%}

.service .service_buzhou {background:#f8f8f8}
.service .service_buzhou .title{padding:1rem 0 .2rem;text-align:center}
.service .service_buzhou .title h1{font-size:.3rem;font-weight:bold;color:black}
.service .service_buzhou .title p{font-size:.18rem;font-weight:bold;color:#a5a5a5;text-transform:uppercase;margin-top:.1rem}
.service .service_buzhou  .lists{display:flex;flex-wrap: wrap;justify-content: space-around;padding:0 0 1rem}
.service .service_buzhou  .lists .items{width:18%;height:2.7rem;position:relative;text-align:center;padding:0 .3rem}
.service .service_buzhou  .lists .items h1{padding:.6rem 0 0 ;font-size:.35rem;font-style:italic;font-weight:bold}
.service .service_buzhou  .lists .items h2{padding:.13rem 0 .2rem;font-size:.2rem;font-weight:bold;}
.service .service_buzhou  .lists .items  p{color:black;font-size:.14rem}
.service .service_buzhou  .lists .items:after{content:"";position:absolute;width:2.46rem;height:2.84rem;background:url(/public/common/images/lx.png)no-repeat;left:0;top:0;background-size:100%;z-index:-1}
.service .service_buzhou  .lists .items1{transform:translateX(.7rem) translateY(.4rem)}



.service .service_buzhou  .lists .items2{transform:translateX(-.7rem) translateY(0rem)}

.service .service_buzhou  .text{text-align:center;padding:0 0 .96rem}
.service .service_buzhou  .text h1{font-size:.2rem;color:#72bb39;}
.service .service_service>div{padding:0 0 1rem}
.service .service_service .title{padding:1.05rem 0 .6rem;text-align:center}
.service .service_service .title h1{font-size:.3rem;font-weight:bold;color:black}
.service .service_service .title p{font-size:.18rem;font-weight:bold;color:#a5a5a5;text-transform:uppercase;margin-top:.1rem}
.service .service_service  .content{display:flex;justify-content: space-between;}
.service .service_service  .content .left{position:relative;width:48%}
.service .service_service  .content  .left h1{position:absolute;left:1rem;top:15%;color:white;line-height:.25rem;font-size:.16rem}
.service .service_service  .content  .right{width:51.5%;border-top-style:dotted;border-color:#d2d2d2;}
.service .service_service  .content  .right .items{padding:.45rem 0  .45rem .55rem;border-bottom-style:dotted;border-color:#d2d2d2;}
.service .service_service  .content  .right .items>*{display:inline-block;vertical-align:middle}
.service .service_service  .content  .right .items h1{font-size:.25rem;font-weight:bold;width:20%}
.service .service_service  .content  .right .items p{font-size:.16rem;color:black}
.service .service_sale {background:url(/public/common/images/service_salebg.jpg)no-repeat;background-size:cover}
.service .service_sale>div{padding:0 0 1.5rem}
.service .service_sale .title{padding:1.05rem 0 .85rem;text-align:center}
.service .service_sale .title h1{font-size:.3rem;font-weight:bold;color:black}
.service .service_sale .title p{font-size:.18rem;font-weight:bold;color:#a5a5a5;text-transform:uppercase;margin-top:.1rem}
.service .service_sale .content{display:flex;justify-content: space-between;}
.service .service_sale .content .left{width:31%;box-shadow: 0 0 20px rgba(0,0,0,0.2);}
.service .service_sale .content .right{width:66%;position:relative}
.service .service_sale .content .right .input{display:flex;justify-content: space-between;margin-bottom:.3rem}
.service .service_sale .content .right .input input{width:48%;padding:.23rem .15rem;border:0}
.service .service_sale .content .right .textarea textarea{width:100%;height:2rem;padding:.2rem  .18rem;border:0}
.service .service_sale .content .right  button{position:absolute;bottom:0;left:0;padding:.15rem .45rem;border-radius:25px;border:0;background:#72bb39;color:white}
.page_contact  .contact>div{display:flex;padding:.45rem  0;justify-content: space-between;}
.page_contact  .contact .left{width:40%}
.page_contact  .contact .left h1{font-size:.3rem;color:#01217d;padding:.4rem 0 }
.page_contact  .contact .left .items{padding:.35rem 0 .2rem;border-bottom:1px solid #eeeeee}
.page_contact  .contact .left .items>*{display:inline-block}
.page_contact  .contact .left .items p{margin-left:.25rem;font-size:.15rem;color:black}
.page_contact  .contact .left .items p a{display:inline-block;font-size:.15rem;color:black}
.page_contact  .contact .right{width:40%;text-align:right}
.page_contact .map #container{height:4rem}
.page_contact .message>div{padding:0 0 2.55rem}
.page_contact .message .title{text-align:center;padding:1.06rem 0 .54rem}
.page_contact .message .title h1{font-size:.28rem;color:#72bb39;font-weight:bold}
.page_contact .message .title p{margin-top:.3rem;color:black;font-size:.16rem;font-weight:bold}
.page_contact .message .form{padding:.9rem 1.6rem  .6rem;box-shadow: 0 0 20px rgba(0,0,0,0.2);}
.page_contact .message  .form .input1{display:flex;justify-content: space-between;margin-bottom:.62rem}
.page_contact .message  .form .input1 input{width:44%;border:0;padding:0 .15rem .15rem;border-bottom:1px solid #e5e5e5}
.page_contact .message  .form .input2{display:flex;justify-content: space-between;margin-bottom:.8rem}
.page_contact .message  .form .input2 input{width:44%;border:0;padding:0 .15rem .15rem;border-bottom:1px solid #e5e5e5}
.page_contact .message  .form .input3 {margin:0 0 .6rem;}
.page_contact .message  .form .input3 input {width:35%;border:0;padding:0 .15rem .15rem;border-bottom:1px solid #e5e5e5}

.page_contact .message  .form  .textarea{margin:0 0 .6rem}

.page_contact .message  .form  .textarea textarea{width:100%;height:1.2rem;padding:0rem .15rem .15rem;border:0;border-bottom:1px solid #e5e5e5}
.page_contact .message  .form  .button{text-align:center;margin-top:.7rem}
.page_contact .message  .form  .button button{padding:.15rem .5rem ;border:0;color:white;background:#72bb39;font-size:.15rem}

.tem_banner  .slide-pagination{position:absolute;bottom:0;z-index:1;;left:5%;bottom:10%}
.tem_banner .slide-pagination span{width:15px;height:15px;opacity:1;margin:0 .1rem;background:none;border:1px solid #01217d}
.tem_banner .slide-pagination .swiper-pagination-bullet-active{background:#01217d;border:0}
.tem_banner  .more{position:absolute;right:5%;bottom:10%;z-index:1}
.tem_banner  .more:after{position:absolute;content:"";left:0%;background:white;height:110%;width:1px;top:0}
.tem_banner  .more:before{position:absolute;content:"";background:white;height:1px;width:105%;bottom:0;right:0}
.tem_banner  .more a{padding:.24rem .6rem;color:white;font-size:.18rem;letter-spacing:5px}
.tem_banner  .more a:after{position:absolute;content:"";right:0%;background:white;height:110%;width:1px;bottom:0}
.tem_banner  .more a:before{position:absolute;content:"";background:white;height:1px;width:105%;top:0;left:0}
.tem_banner  .more a:hover{background:#01217d;}
.index_product {background:#f0f0f0}
.index_product>div{padding:0 0 .9rem}
.index_product .title{text-align:center;padding:.7rem 0 .6rem}
.index_product .title h1{font-size:.3rem;font-weight:bold}
.index_product .title p{font-size:.16rem;color:#01217d;margin-top:.15rem;font-weight:bold}
.index_product .lists{display:flex;flex-wrap: wrap}
.index_product .lists .items{width:33.33%;margin-bottom:.3rem;padding:0 .1rem}
.index_product .lists .items a {;background:white;display:block;padding:.65rem .25rem .3rem;position:relative;background-position:center;background-repeat:no-repeat;background-size:cover;height:3.5rem;}
.index_product .lists .items a:before{content:'';width:100%;height:100%;background:rgba(0,0,0,.4);position:absolute;top:0;left:0;z-index:1}

.index_product .lists .items a .text{text-align:center;position:relative;z-index:2;position:absolute;top:70%;left:0;width:100%;transform:translateY(-50%)}
.index_product .lists .items a .text h1{color:#FFF;font-size:.18rem}
.index_product .lists .items a .text em {font-size:.22rem;color:#FFF;text-transform:uppercase;display:block;margin:.2rem 0 0}
.index_product .lists .items a .text p{color:#FFF;font-size:.14rem;margin-top:.08rem;height:.56rem;line-height:.28rem;overflow:hidden}
/*
.index_product .lists .items.item1 a .text:after{position:absolute;content:"";background:url(/public/common/images/index_pro1.png)no-repeat;width:0.81rem;height:.75rem;background-size:100%;left:50%;transform:translateX(-50%);top:-1.3rem;transition:.6s}
.index_product .lists .items.item2 a .text:after{position:absolute;content:"";background:url(/public/common/images/index_pro1.png)no-repeat;width:0.81rem;height:.75rem;background-size:100%;left:50%;transform:translateX(-50%);top:-1.3rem;transition:.6s}

.index_product .lists .items.item3 a .text:after{position:absolute;content:"";background:url(/public/common/images/index_pro2.png)no-repeat;width:0.75rem;height:.64rem;background-size:100%;left:50%;transform:translateX(-50%);top:-1.1rem;transition:.6s}

.index_product .lists .items.item4 a .text:after{position:absolute;content:"";background:url(/public/common/images/index_pro3.png)no-repeat;width:0.99rem;height:.71rem;background-size:100%;left:50%;transform:translateX(-50%);top:-1.3rem;transition:.6s}
.index_product .lists .items.item5 a .text:after{position:absolute;content:"";background:url(/public/common/images/index_pro4.png)no-repeat;width:0.67rem;height:.75rem;background-size:100%;left:50%;transform:translateX(-50%);top:-1.3rem;transition:.6s}
.index_product .lists .items.item6 a .text:after{position:absolute;content:"";background:url(/public/common/images/index_pro5.png)no-repeat;width:0.51rem;height:.51rem;background-size:100%;left:50%;transform:translateX(-50%);top:-1.1rem;transition:.6s}
*/
.index_product .lists .items  a:hover .text{top:50%}
.index_product .lists .items  a:hover .text:after{opacity:0;transition:.6s}

.index_product .lists .items  a:hover{box-shadow: 0 0 20px rgba(0,0,0,0.3);}
.index_product .lists .items.item6 a{background:url(../images/ab_more.jpg) center no-repeat;background-size:cover;}
.index_about {background:url(/public/common/images/index_aboutbg.jpg)no-repeat;background-size:cover;padding:0 0 .66rem;position:relative;z-index:1}

.index_about .title{text-align:center;padding:.94rem 0 1.2rem}
.index_about .title h1{font-size:.3rem;color:white;}
.index_about .title p{font-size:.15rem;color:white;margin-top:.1rem}
.index_about  .content{display:flex;padding:0 0 .5rem 1.6rem;justify-content: space-between;}
.index_about  .content .left{padding:0 0 0 1rem;width:52%;position:relative;}
.index_about  .content .left .infos h1{text-transform:uppercase;width:40%;color:white;font-size:.3rem;font-weight:bold;letter-spacing:5px;line-height:.4rem;padding:0 0 .6rem}
.index_about  .content .left .infos p{color:white;font-size:.15rem;line-height:.3rem}
.index_about  .content .left a{color:white;font-size:.15rem;text-decoration:underline;position:absolute;bottom:0;left:1rem}
.index_about  .content .left .slide-pagination {position:absolute;left:0;top:0;}
.index_about  .content .left .slide-pagination span{display:inherit;width:10px;height:2px;border-radius:0;margin-bottom:.15rem;opacity:1;background:white}
.index_about  .content .left .slide-pagination .swiper-pagination-bullet-active{width:30px;}
.index_about  .content .right{width:35%;padding:0 0 4rem 1rem;position:relative;overflow:hidden;}

.index_about  .content .right  h6{font-size:.5rem;font-weight:bold;color:white;text-decoration:underline}
.index_about  .content .right  p{color:white;margin-top:.3rem;font-size:.16rem}
.index_about  .content .right  h2{position:absolute;font-size:1rem;color:white;text-transform:uppercase;font-weight:bold;letter-spacing:20px;bottom:10%;z-index:1;}
.index_about  .content .right  h2:after{content:"";position:absolute;background:url(/public/common/images/circle.png)no-repeat;width:1.07rem;height:1.08rem;left:0;top:0;transform:translate(-40%,-20%);background-size:100%;z-index:-1}
.index_about:after{content:"";position:absolute;background:url(/public/common/images/juxing.png)no-repeat;width:6.66rem;height:6.92rem;right:0;top:50%;background-size:100%;transform:translateY(-50%);z-index:-1}
.index_news{background:#f0f0f0}
.index_news>div{padding:0 0 1.26rem}
.index_news .title{text-align:center;padding:.73rem 0 .35rem;position:relative}

.index_news .title h1{font-size:.3rem;font-weight:bold}
.index_news .title p{font-size:.16rem;color:#01217d;margin-top:.15rem;font-weight:bold}
.index_news .title  a{position:absolute;right:0;top:55%;color:black}
.index_news .title  a:hover{color:#01217d;}
.index_news  .lists a{background:white;}
.index_news  .lists .img img{width:100%;height:3.3rem;object-fit:cover;}
.index_news  .lists a .text{padding:0 .2rem .3rem}
.index_news  .lists a .text h1{padding:.35rem 0  .3rem;font-size:.15rem;color:black}
.index_news  .lists a .text p{font-size:.15rem;display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;color:black}
.index_news  .lists a .text  span{color:black;font-size:.13rem;margin-top:.3rem;display:inline-block}
.index_news  .lists a:hover{background:#01217d}
.index_news  .lists a:hover img{transform:scale(1.1)}
.index_news  .lists  a:hover .text h1{color:white}
.index_news  .lists  a:hover .text p{color:white}
.index_news  .lists  a:hover .text span{color:white}
.index_news  .lists .slide-pagination{text-align:center;margin-top:.7rem}
.index_news  .lists .slide-pagination span{width:14px;height:14px;opacity:1;margin:0 .07rem;background:none;border:1px solid black}
.index_news  .lists .slide-pagination .swiper-pagination-bullet-active{background:#01217d;border:0}
.show_news {padding:.45rem 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 a {font-size:.14rem;color:#333}
.tras {-webkit-transition: all .4s;-o-transition: all .4s;transition: all .4s;}
.trans-md {-webkit-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s;}
.nav-header {position:fixed;top:0;right:0;z-index:50;width:100%;}
.nav-header .bg{position:fixed;top:0;right:0;width:100%;height:100%;background:rgba(0,0,0,0);visibility:hidden}
.nav-header .btns{position:fixed;top:0;right:0;display:-webkit-box;display:-ms-flexbox;display:flex}
.nav-open .nav-header .bg{background:rgba(0,0,0,.3);visibility:visible}
.nav-open .nav-header .nav-bg{-webkit-transform:translate(50%,-50%) scale(1);-ms-transform:translate(50%,-50%) scale(1);transform:translate(50%,-50%) scale(1)}
#topnav{position:fixed;top:0;right:0;pointer-events:none;-webkit-transition:all .8s cubic-bezier(.77,0,.175,1) 0s;-o-transition:all .8s cubic-bezier(.77,0,.175,1) 0s;transition:all .8s cubic-bezier(.77,0,.175,1) 0s}
#topnav .main{position:absolute;top:0;right:0;width:15%;height:100%;background:#fff;pointer-events:auto;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;z-index:1;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);-webkit-transition:all .8s cubic-bezier(.77,0,.175,1) 0s;-o-transition:all .8s cubic-bezier(.77,0,.175,1) 0s;transition:all .8s cubic-bezier(.77,0,.175,1) 0s;border-left:1px solid #dcdcdc}
#topnav .main nav{max-width:100%;-webkit-transform:translate3d(50%,0,0);transform:translate3d(50%,0,0);-webkit-transition:all .8s cubic-bezier(.77,0,.175,1) 0s;-o-transition:all .8s cubic-bezier(.77,0,.175,1) 0s;transition:all .8s cubic-bezier(.77,0,.175,1) 0s;position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;padding:0 15%}
#topnav .sub-btn{-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer}
#topnav .sub-btn h5 {position: relative;line-height: 40px;text-transform: capitalize;transition: all .4s;font-size:16px;color:#2b2b2b}
#topnav .sub-btn.active,.desktop #topnav .sub-btn:hover{color:#2c1d10}
#topnav .submenu{position:absolute;top:0;right:15%;width:280px;height:100%;padding-left:20px;padding-right:20px;background:#F0F0F0;pointer-events:auto;overflow-y:auto;-webkit-overflow-scrolling:touch;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);-webkit-transform-origin:right;-ms-transform-origin:right;transform-origin:right;opacity:0;-webkit-transition:all .8s cubic-bezier(.77,0,.175,1) 0s;-o-transition:all .8s cubic-bezier(.77,0,.175,1) 0s;transition:all .8s cubic-bezier(.77,0,.175,1) 0s}
.nav-open #topnav .submenu.open{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
.nav-open #topnav .submenu.open a{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
#topnav .submenu>div{position:absolute;top:50%;left:0;width:100%;padding:0 20%;transform:translateY(-50%)}

#topnav .submenu a{position:relative;display:block;margin-bottom:10px;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);-webkit-transition:all .8s cubic-bezier(.77,0,.175,1) 0s;-o-transition:all .8s cubic-bezier(.77,0,.175,1) 0s;transition:all .8s cubic-bezier(.77,0,.175,1) 0s;font-size:16px;color:#323232;margin:0 0 35px;}

#topnav .submenu a:focus img,.desktop #topnav .submenu a:hover img{-webkit-filter:grayscale(0);filter:grayscale(0)}
#topnav .submenu a:focus .title:before,.desktop #topnav .submenu a:hover .title:before{height:100%}
@media (orientation:landscape){#topnav .submenu{padding-top:20px;padding-bottom:20px}}#topnav nav ul{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
#topnav nav ul {    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;	
	}
.m-t-lg {margin-top:60px}	
nav ul li {    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 15px;}
#topnav nav ul li {margin:0}
#topnav nav ul li a{    position: relative;
    display: block;
    line-height: 40px;
    text-transform: capitalize;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;padding:0;font-size:16px;color:#2b2b2b}
#topnav nav ul li a:hover,#topnav nav ul li a:focus{background:none;color:#2c1d10}

.nav-open #topnav .main{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.nav-open{overflow:hidden}
.nav-open #qtranslate-chooser{color:#583afa}
.desktop .mini-header .toplogo:after{background:#583afa}
.mini-header .toplogo .logo{background-position:bottom center}
.mini-header .menu_btn span:after,.mini-header .menu_btn span:before{background:#583afa}
.mini-header #qtranslate-chooser{color:#583afa}
.full {width:100%;height:100%;overflow:hidden;}
@media (max-width:812px){.p-v-md{padding-top:40px;padding-bottom:40px}}@media (max-width:767px){.p-v-md{padding-top:30px;padding-bottom:30px}}.p-v-lg{padding-top:120px;padding-bottom:120px}
@media (max-width:812px){.p-v-lg{padding-top:.8rem;padding-bottom:.8rem}}@media (max-width:767px){.p-v-lg{padding-top:60px;padding-bottom:60px}}@media (min-width:1600px){.p-v-lg{padding-top:160px;padding-bottom:160px}}.p-h-xs{padding-left:20px;padding-right:20px}


@media (orientation:landscape){#topnav .submenu{padding-top:20px;padding-bottom:20px}}#topnav nav ul{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
#topnav nav ul li{margin:0}
.nav-open #topnav .main{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.nav-open{overflow:hidden}
.nav-open #qtranslate-chooser{color:#2c1d10}
.desktop .mini-header .toplogo:after{background:#2c1d10}
.mini-header .toplogo .logo{background-position:bottom center}
.mini-header .menu_btn span:after,.mini-header .menu_btn span:before{background:#2c1d10}
.mini-header #qtranslate-chooser{color:#2c1d10}
@media (min-width:768px){html:not(.iphone_x) .mini-header .toplogo{height:70px;padding-top:24px;padding-bottom:24px}
html:not(.iphone_x) .mini-header #qtranslate-chooser,html:not(.iphone_x) .mini-header .menu_btn{height:70px;line-height:70px}
html:not(.iphone_x) .mini-header .pagenav .title,html:not(.iphone_x) .mini-header .pagenav ul li a{line-height:70px}}#qtranslate-chooser,#topnav .submenu,.menu_btn,.pagenav{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}
@media (min-width:768px) and (orientation:portrait){#topnav .p-v-lg{padding-top:120px}}@media (max-width:812px) and (orientation:portrait){.toplogo{width:160px;padding:34px 24px}
.pagenav{left:160px;width:calc(100% - 340px)}}@media (max-width:812px) and (orientation:landscape){#topnav .main{width:40%}
#topnav .submenu{right:40%;width:50%;max-width:240px}}
@media (max-width:767px){.header-bg{height:60px;background:#000}
.toplogo{width:140px;height:60px;padding:20px}
.menu_btn{width:60px;height:60px;line-height:60px}
#qtranslate-chooser{width:60px;height:60px;line-height:60px}
#topnav .main{padding-top:.8rem}
#topnav .main nav{max-width:80%}
#topnav .submenu a .title{font-size:12px}}
@media (max-width:767px) and (orientation:portrait){#topnav .main{width:60%;padding-top:100px}
#topnav .submenu{right:40%;width:60%}
.nav-open .opensub #topnav .main{-webkit-transform:translate3d(20vw,0,0);transform:translate3d(20vw,0,0)}}
@media (orientation:landscape){.iphone_x .header-bg{display:none}
}
/***** Header End *****/


/**/
/********<=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: #887e6d;}
.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: #555;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: #444;}
.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: #fff;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:1600px){
.index_about  .content{padding:0 0 .5rem 0.6rem;}
.index_about .content .right{padding: 0 0 4rem 0.6rem;width:38%;}
.about .about_company .first .title{right:0;top:0;width:30%}
.about .about_company .first .title h1{font-size:.5rem}
.about .about_company .imgs{width:40%;bottom:20%}
.about .about_history .lists{padding:0 0 0 1.6rem}
.about .about_history .swiper-page{padding:.77rem 0 0 1.6rem}
.about .about_honor .lists .swiper-page>div{left:-.5rem}
.about .about_honor .lists .swiper-page>div.slide-button-next {left:auto;right:-.5rem}
.about .about_culture .lists a .text{padding:.3rem 0 0 }
.about .about_culture .lists a .text h2{padding:.1rem  0 .23rem}
.about .about_culture .lists a .text p{padding:.2rem}
	
}
@media(max-width:1300px){
.index_about .content .right span{letter-spacing:15px}
}
@media(max-width:990px){
	body{overflow-x:hidden;}
	header .clearfix .nav{display:none}
	header .right .search{display:none}
	.tem_banner{padding-top: 50px;}
	.tem_banner.index{padding:0}
	header .clearfix{display:flex;justify-content: space-between;}
	header .logo{width:40%}
	header .right{padding:.3rem 0 0 ;}


	
}

/********mobile*********/
@media(max-width:767px){
   .index_about .content{display:inherit}
   .index_about .content .left{width:100%;padding:0 0 .8rem 1rem}
   .index_about:after{display:none}
.index_about .content .right{width:100%;padding:0 0 3rem 1rem;margin-top:.5rem}
.index_about .content{padding:0}
.tem_banner .flash .banner_nav ul{display:flex;flex-wrap: wrap;}
.tem_banner .flash .banner_nav{bottom:0}
.tem_banner .flash .banner_nav ul li{padding:0 .2rem;margin:0 0 .3rem}
.tem_banner .flash .banner_nav ul li a{width:1.6rem}
.about .about_company .first .left{width:30%}

.about .about_company .first .right{padding:0}
.about .about_company .first .title h1{font-size:.3rem;line-height:.3rem}
.about .about_company .imgs{bottom:10%}
.about .about_history .lists{padding:0 0 0 .6rem}
.about .about_history .lists .item{padding:0 0 2rem}
.about .about_history .swiper-page{padding:.77rem 0 0 .6rem}
.about .about_culture .lists a .text h1{padding:1.3rem 0  0}
.about .about_culture .lists a .text{padding:.2rem 0 0}
.about .about_brand .content .items h1{width:100%}
.about .about_brand .content .items p{width:100%;padding: 0 .2rem }
.about .about_brand .content .items p:after{left:-.1rem}
.about .about_honor .lists .swiper-page>div{left:-.2rem}
.about .about_honor .lists .swiper-page>div.slide-button-next {left:auto;right:-.2rem}
.news_list .zhiding{display:inherit}
.news_list .zhiding .left{width:100%}
.news_list .zhiding .right{width:100%}
.news_list .zhiding .right a{padding:.3rem 0.16rem }
.news_list .lists a .second{margin:0;width:60%}
.news_list .lists a .first{margin:0;width:15%}
.service .service_time .content:after{top:-1.3rem}
.service .service_time .content{display:inherit}
.service .service_time .content .left{width:100%}
.service .service_time .content .right{width:100%}
.service .service_buzhou .lists .items{width:35%;margin-bottom:.3rem}
.service .service_buzhou .lists .items1{transform:translateX(0rem) translateY(0rem)}
.service .service_buzhou .lists .items2{transform:translateX(0rem) translateY(0rem)}
.service .service_buzhou .lists .items:after{left:50%;transform:translateX(-50%)}
.service .service_buzhou .lists .items h1{padding:.3rem  0 0}
.service .service_service .content{display:inherit}
.service .service_service .content .left{width:100%}
.service .service_service .content .right{width:100%;margin-top:.3rem}
.service .service_sale .content .left{display:none}
.service .service_sale .content .right{width:100%;margin:0 0 0 .8rem;padding:0 0 1rem 0}
.page_contact .contact .right{display:none}
.page_contact .contact .left{width:100%}
.page_contact .message .form{padding:.5rem}
footer .top .left dl dd{display:none}
footer .top .left dl.dl2 dd{display:none}
footer .top{display:inherit}
footer .top .left{width:100%}
footer .top .right{display:flex;width:50%}
footer .top .right .share-component{padding:0}
footer .bot>div{display:inherit}
footer .bot .middle{width:30%}
footer .bot .third{text-align:left}
footer .bot .first .infos a{margin:0}
footer .bot .first .infos{margin-bottom:.2rem}
.product_list .product_nav ul li{width:25%;}
.product_list .lists .items{width:48%}
.product .infos>div{display:inherit}
.product .infos .left{width:100%;padding:0 0 1rem}
.product .infos .lists{width:100%}
.about .about_company .second{width:100%}
.about .about_company .imgs{bottom:5%}

}