/*header*/
.st-container{font-size:0}
.nav-header{position:fixed;top:0;left:0;z-index:18;width:100%;}
.nav-header .main_box{padding:0 .95rem;line-height:1.45rem}
.nav-header .main_box>div{display:inline-block;vertical-align:middle;width:20%}
.nav-header .main_box .logo a{display:inline-block;position:relative}
.nav-header .main_box .logo img{max-height:.64rem;transition:none;}
.nav-header .main_box .logo img.logo2 {position:absolute;top:50%;left:50%;opacity:0;visibility:hidden;transform:translate(-50%,-50%)}
.nav-header .main_box .navlist{width:60%;text-align:right;line-height:normal;}
.nav-header .main_box .navlist li {display:inline-block;vertical-align:middle;padding:0 .26rem;position:relative}
.nav-header .main_box .navlist li>a{font-size:.18rem;color:#FFF;}
.nav-header .main_box .navlist li>a i {font-size:.16rem;margin-left:.1rem;}
.nav-header .main_box .navlist li>dl {position:absolute;top:100%;left:0;width:100%;margin:0;padding:0;text-align:center;transition:none;display:none;}
.nav-header .main_box .navlist li>dl>dd {}
.nav-header .main_box .navlist li dd>a{font-size:.18rem;color:#FFF;display:block;padding:.1rem 0}


.nav-header .main_box .menus{text-align:right;line-height:normal;}
.nav-header .main_box .menus>*{display:inline-block;vertical-align:middle;}
.nav-header .main_box .menus>a{font-size:.2rem;color:#FFF}

.is_header {background:rgba(0,0,0,.8)}
/**/
button{position:relative;display:inline-block;padding:0;vertical-align:middle;white-space:nowrap;background:0 0;border:none;border-radius:0;text-shadow:none;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.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 {}
.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)}

.menu_btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:80px;height:80px;line-height:80px;white-space:nowrap;color:#FFF;overflow:hidden;-webkit-font-smoothing: auto;    outline: 0;background-image: none;}
.menu_btn span,.menu_btn span:after,.menu_btn span:before{width:20px;height:2px;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s}
.menu_btn span{position:relative}
.menu_btn span:after,.menu_btn span:before{content:"";position:absolute;background:#FFF;left:0}
.menu_btn span:before{top:-3px;width:20px}
.menu_btn span:after{top:3px;width:14px}

.menu_btn:hover span,.nav-open .menu_btn span{width:16px}
.menu_btn:hover span:after,.menu_btn:hover span:before,.nav-open .menu_btn span:after,.nav-open .menu_btn span:before{width:16px}
.menu_btn:hover span:before,.nav-open .menu_btn span:before{-webkit-transform:translateY(3px) rotate(-45deg);-ms-transform:translateY(3px) rotate(-45deg);transform:translateY(3px) rotate(-45deg)}
.menu_btn:hover span:after,.nav-open .menu_btn span:after{-webkit-transform:translateY(-3px) rotate(45deg);-ms-transform:translateY(-3px) rotate(45deg);transform:translateY(-3px) rotate(45deg)}
.nav-open .menu_btn span:after,.nav-open .menu_btn span:before{background:#2c1d10}
.menu_btn:hover span{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg)}
.nav-open .menu_btn:hover span{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
.nav-open .menu_btn{z-index:55}

#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:10%;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:10%;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:80px;padding-bottom:80px}}@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){
.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:80px}
#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}

.iphone_x .toplogo{left:20px;width:140px;height:60px;padding:20px}
.iphone_x .nav-header .btns{right:20px}
.iphone_x #qtranslate-chooser,.iphone_x .menu_btn{width:60px;height:60px;line-height:60px}}
/*banner*/
.region-list{position:absolute;left:0;top:0}

@-webkit-keyframes warn{
0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}
100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}
}
@-moz-keyframes warn{
0%{-moz-transform:scale(0);transform:scale(0);opacity:1}
100%{-moz-transform:scale(1);transform:scale(1);opacity:0}
}
@-o-keyframes warn{
0%{-o-transform:scale(0);transform:scale(0);opacity:1}
100%{-o-transform:scale(1);transform:scale(1);opacity:0}
}
@keyframes warn{
0%{-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0);opacity:1}
100%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:0}
}
.area-box .dot{position:absolute;left:0;width:10px;height:10px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#FFF;opacity:1;filter:alpha(opacity=100)}
.area-box .pulse{position:absolute;top:-28px;left:-28px;height:66px;width:66px;border:2px solid #b7b7b7;-webkit-border-radius:48px;-moz-border-radius:48px;border-radius:48px;-webkit-box-shadow:0 0 4px #FFF,0 0 10px #FFF inset;-moz-box-shadow:0 0 4px #FFF,0 0 10px #FFF inset;box-shadow:0 0 4px #FFF,0 0 10px #FFF inset;opacity:.12;filter:alpha(opacity=0);-webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;background:0 0}
.area-box .delay-01{-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0}
.area-box .delay-02{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s}
.area-box .delay-03{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s}
.area-box .delay-04{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay:1.2s;animation-delay:1.2s}
.area-box .delay-05{-webkit-animation-delay:1.6s;-moz-animation-delay:1.6s;-o-animation-delay:1.6s;animation-delay:1.6s}
.area-box .delay-06{-webkit-animation-delay:2s;-moz-animation-delay:2s;-o-animation-delay:2s;animation-delay:2s}
.area-box .delay-07{-webkit-animation-delay:2.4s;-moz-animation-delay:2.4s;-o-animation-delay:2.4s;animation-delay:2.4s}
.area-box .delay-08{-webkit-animation-delay:-.4s;-moz-animation-delay:-.4s;-o-animation-delay:-.4s;animation-delay:-.4s}
.area-box .delay-09{-webkit-animation-delay:-.8s;-moz-animation-delay:-.8s;-o-animation-delay:-.8s;animation-delay:-.8s}
.area-box .delay-10{-webkit-animation-delay:-1.2s;-moz-animation-delay:-1.2s;-o-animation-delay:-1.2s;animation-delay:-1.2s}
.area-box .delay-11{-webkit-animation-delay:4s;-moz-animation-delay:4s;-o-animation-delay:4s;animation-delay:4s}
/**/
.tem_banner .label_txt{position:absolute;top:50%;left:0;width:100%;text-align:center;z-index:1;transform:translateY(-50%);padding:.67rem 0 0}
.tem_banner .label_txt .postition-1{position:absolute;top:0;left:50%;transform:translateX(-50%);}
.tem_banner .label_txt>*{transform:translateY(.45rem);opacity:0;visibility:hidden;transition:none;}
.tem_banner .label_txt h4{font-size:.4rem;color:#FFF;}
.tem_banner .label_txt p{font-size:.3rem;color:#FFF;margin:.2rem 0 0}

.tem_banner .swiper-slide-active .label_txt>*{transform:none;opacity:1;visibility:visible;transition:all .65s linear;}
.tem_banner .swiper-slide-active .label_txt p{transition-delay:.35s}

.tem_banner .more_scrol{position:absolute;left:50%;bottom:.6rem;transform:translateX(-50%);z-index:1;width:2rem;text-align:center;}
.tem_banner .more_scrol span{font-size:.16rem;color:#FFF;letter-spacing:3px;text-align:center;border-top:2px dashed #9d9c9c;display:block;padding:30px 0 0;transform:translateX(38px)}
.tem_banner .more_scrol>div{height:53px;border:1px solid #FFF;border-radius:100%;position:absolute;top:-25px;left:0;background:url(../images/icon0.png) center no-repeat;}

.tem_banner .links{position:absolute;right:.95rem;bottom:.55rem;z-index:1}
.tem_banner .links>a{display:flex;width:1.08rem;height:1.08rem;background:#000;font-size:.16rem;color:#FFF;line-height:1.75;border-radius:100%;justify-content: center;
align-items: center;}
/**/
.tem_index_product{padding:.94rem 0 1.2rem;background:#f4f4f4;}
.tem_index_product .title{margin:0 0 .43rem;position:relative}
.tem_index_product .title .name h3{font-size:.36rem;color:#272727;}
.tem_index_product .title .name p{font-size:.24rem;color:#272727;margin:.15rem 0 0}
.tem_index_product .title>a{position:absolute;right:0;top:50%;transform:translateY(-50%);}
.tem_index_product .lists .swiper-slide a{display:block;position:relative;overflow:hidden;}
.tem_index_product .lists .swiper-slide .imgs{overflow:hidden;border-radius:6px;overflow:hidden;}
.tem_index_product .lists .swiper-slide .imgs img{width:100%;height:4.97rem;object-fit:cover;transition:none;}
.tem_index_product .lists .swiper-slide .text{margin:.35rem 0 0}
.tem_index_product .lists .swiper-slide .text p{font-size:.14rem;color:#7a7a7a;margin:0 0 .2rem;}
.tem_index_product .lists .swiper-slide .text h4{font-size:.2rem;color:#2a2a2a;}
.tem_index_product .lists .swiper-slide a:hover .imgs{transform:scale(.95);box-shadow:4px 4px 6px rgba(0,0,0,.12)}

.tem_index_case{padding:.5rem 0 .6rem;position:relative;background:#FFF}
.tem_index_case .swiper-slide a{display:block;position:relative;overflow:hidden;}
.tem_index_case .swiper-slide .img_{overflow:hidden;border-radius:8px;}
.tem_index_case .swiper-slide .img_ img{width:100%;height:7.18rem;object-fit:cover;transition:none;}
.tem_index_case .swiper-slide .text{position:absolute;top:.9rem;left:0;width:100%;text-align:center;}
.tem_index_case .swiper-slide .text>*{transform:translateY(.5rem);opacity:0;transition:all 1.2s cubic-bezier(0, 0, 0.2, 1);}
.tem_index_case .swiper-slide .text p{font-size:.2rem;color:rgba(255,255,255,.5);margin:0 0 .2rem;}
.tem_index_case .swiper-slide .text h5{font-size:.3rem;color:#FFF;margin:0 0 .6rem;}
.tem_index_case .swiper-slide .text em{font-size:.16rem;color:#FFF;display:inline-block;}
.tem_index_case .swiper-slide .text em i {margin-left:.12rem;font-size:.18rem;}
.tem_index_case .swiper-slide-active .text>*{transform:none;opacity:1;}
.tem_index_case .swiper-slide-active .text h5{transition-delay:.6s}
.tem_index_case .swiper-slide-active .text em {transition-delay:.75s}
.tem_index_case .swiper-page .slide-button-prev,.tem_index_case .swiper-page .slide-button-next {position:absolute;left:20%;top:50%;transform:translateY(-50%);font-size:.43rem;color:#FFF;z-index:1}
.tem_index_case .swiper-page .slide-button-next{left:auto;right:20%}
.tem_index_case .swiper-page .slide-pagination{position:absolute;left:50%;bottom:1.2rem;transform:translateX(-50%);z-index:2}
.tem_index_case .swiper-page .slide-pagination span{outline:none;width:.25rem;height:3px;background:#FFF;border-radius:35px;opacity:.5;margin:0 3px;}
.tem_index_case .swiper-page .slide-pagination span.swiper-pagination-bullet-active{opacity:1}

.tem_index_about .imgs1 {position:relative;}
.tem_index_about .imgs1 .info{position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%;text-align:center;z-index:1}
.tem_index_about .imgs1 .info p{margin:0;font-size:.24rem;color:#1d1d1d;line-height:1.75}
.tem_index_about .imgs1 .info p:first-child {margin:0 0 .55rem;}
.tem_index_about .imgs1 .info p img{max-height:1.28rem;transition:none;}
.tem_index_about .imgs1:before{content:'';width:1px;height:.5rem;background:#181818;position:absolute;left:50%;top:-.24rem;z-index:2}
.tem_index_about .imgs1 .more{position:absolute;left:50%;transform:translateX(-50%);bottom:-1.08rem;width:2.25rem;height:2.25rem;}
.tem_index_about .imgs1 .circle{font-size:.25rem;color:#101010;text-align:center;position:absolute;left:0;width:100%;top:-.2rem}

.tem_index_about .imgs1 .more .mores{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1.67rem;height:1.67rem;border-radius:100%;background:#FFF;display:flex;    justify-content: center;
    align-items: center;box-shadow:4px 4px 6px rgba(0,0,0,.11)}
.tem_index_about .imgs1 .more .mores em {font-size:.16rem;color:#232323;padding:.35rem 0 0;display:inline-block;background:url(../images/icon1.png) center 0 no-repeat;background-size:.22rem auto;}
.tem_index_about .imgs1 .more .mores:before{content:'';width:1.33rem;height:1.33rem;border:1px dashed #191919;border-radius:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.tem_index_about .imgs2 {position:relative;padding:6.6rem 0 .9rem;}
.tem_index_about .imgs2:before{position:fixed;top:0;width:100%;height:100%;left:0;background-position:center;background-repeat:no-repeat;background-size:cover;z-index:-1;}
.tem_index_about .imgs2 .text{font-size:.26rem;color:#FFF;font-weight:bold;}
.tem_index_about .imgs2 .text p{margin:0}
.tem_index_about .imgs2 .text h6{font-size:.24rem;color:#FFF;margin:.5rem 0 0;padding-left:.3rem;position:relative}
.tem_index_about .imgs2 .text h6:before{content:'';width:.16rem;height:.16rem;background:#FFF;position:absolute;left:0;border-radius:100%;top:50%;transform:translateY(-50%);}

.tem_index_style{background:#FFF;padding:.75rem 0 .5rem;}
.tem_index_style .item{margin:0 0 .65rem;margin:0 0 .65rem;}
.tem_index_style .item>a{display:flex;width:100%;position:relative;align-items: center;    flex-direction: row;}
.tem_index_style .item>a>div{display:inline-block;vertical-align:middle;width:65%}
.tem_index_style .item .imgs {overflow:hidden}
.tem_index_style .item .text{width:35%;padding:0 1rem 0 .78rem;}
.tem_index_style .item .text h6{font-size:.48rem;color:#6c6c6c;}
.tem_index_style .item .text h5{font-size:.36rem;color:#6c6c6c;margin:.55rem 0 .3rem;}
.tem_index_style .item .text p{font-size:.36rem;color:#6c6c6c;margin:0 0 1.95rem;}
.tem_index_style .item .text em {font-size:.18rem;color:#6c6c6c;display:block;text-align:right;}
.tem_index_style .item .text em i{margin-left:.15rem;font-size:.2rem;}
.tem_index_style .item.on>a{flex-direction:row-reverse}
.tem_index_style .item.on .text{padding:0 1rem 0 0}
.tem_index_style .item>a:hover .imgs{box-shadow:10px 10px 12px rgba(0,0,0,.078)}

.tem_index_news{background:#FFF;padding:.5rem 0 1.7rem;}
.tem_index_news .title{margin:0 0 .45rem;text-align:center;}
.tem_index_news .title h3{font-size:.36rem;color:#272727}
.tem_index_news .title p{font-size:.24rem;color:#272727;margin:.15rem 0 .4rem;text-transform:uppercase;}
.tem_index_news .title a{display:inline-block;background:#000;padding:0 .85rem;line-height:.5rem;font-size:.16rem;color:#FFF;}
.tem_index_news .items a{display:block;position:relative;overflow:hidden;border-top:1px solid #c8c8c8}
.tem_index_news .items a>div{display:inline-block;vertical-align:middle;width:72.5%}
.tem_index_news .items .text {padding:0 .78rem 0 0}
.tem_index_news .items .text>div{display:inline-block;vertical-align:top;width:22%}
.tem_index_news .items .text .time {font-size:.16rem;color:#242424;padding:0 .15rem;line-height:.7rem;}
.tem_index_news .items .text .info{width:78%}
.tem_index_news .items .text .info h6{font-size:.18rem;color:#242424;font-weight:bold;line-height:.7rem;}
.tem_index_news .items .text .info p{font-size:.16rem;color:#242424;margin:.2rem 0 .6rem;display:none;opacity:0;}
.tem_index_news .items .text .info em {font-size:.16rem;color:#242424;display:none;opacity:0;}
.tem_index_news .items .text .info em i{margin-left:.2rem;font-size:.18rem;}
.tem_index_news .items .imgs {width:27.5%;display:none;opacity:0}
.tem_index_news .items .imgs img{width:100%;height:2.38rem;object-fit:cover;transition:none;}
.tem_index_news .items:last-child {border-bottom:1px solid #c8c8c8}
.tem_index_news .items.opens>a{background:#efefef}
.tem_index_news .items.opens .imgs{display:inline-block;transition:opacity .6s linear;opacity:1}
.tem_index_news .items.opens .text .info p,.tem_index_news .items.opens .text .info em{display:block;opacity:1;transition:all 1.2s linear;}
/*通用底部*/
.footer{background:url(../images/icon2.png) center no-repeat #212121;background-size:10.39rem auto;padding:.9rem 0 .65rem;text-align:center}
.footer .logo {margin:0 0 .93rem;}
.footer .logo img{max-height:1.07rem;transition:none;}
.footer .share>a{display:inline-block;vertical-align:top;margin:0 .26rem;}
.footer .share i{font-size:.26rem;color:#FFF}
.footer .share p{margin:.2rem 0 0;font-size:.16rem;color:#FFF;text-transform:capitalize;}
.footer .back{margin:1rem 0 .45rem;}
.footer .back a{font-size:.35rem;color:#FFF}
.footer .copy{font-size:.14rem;color:#bcbcbc;}
.footer .copy a{font-size:.14rem;color:#bcbcbc;}
/*通用内页*/
.flash .page_txt{position:absolute;top:50%;left:50%;text-align:center;transform:translate(-50%,-50%);z-index:1}
.flash .page_txt h3{font-size:.36rem;color:#FFF;text-transform:uppercase;font-family:"Roboto-Regular";letter-spacing:2px;}
.flash .page_txt p{font-size:.36rem;color:#FFF;margin:.25rem 0 0;letter-spacing:10px;}

.about_box{background:url(../images/icon3.png) 0 0 no-repeat;background-size:100% auto;padding:1.65rem 0 1.75rem;}
.about_box .title{text-align:center;margin:0 0 2.53rem;}
.about_box .title h2{font-size:.48rem;color:#232425;margin:0 0 .55rem;}
.about_box .title p{font-size:.24rem;color:#535353;margin:0}
.about_box .mains .imgs{margin:0 0 1.55rem;}
.about_box .mains .imgs>div{display:inline-block;vertical-align:top;width:50%;position:relative}
.about_box .mains .imgs>div:first-child{transform:translateY(.54rem)}
.about_box .mains .imgs>div:first-child:before{content:'';width:.8rem;height:4px;background:#FFF;position:absolute;left:1.25rem;top:.97rem;}
.about_box .mains .imgs .t {position:absolute;top:40%;left:.65rem;text-align:center;}
.about_box .mains .imgs .t h4{font-size:.48rem;color:#FFF}
.about_box .mains .imgs .t p{font-size:.3rem;color:#8b8a8a;margin:.2rem 0 0;text-transform:capitalize;}
.about_box .mains>h5 {font-size:.36rem;color:#040000;text-align:center;margin:0 0 .7rem;}
.about_box .mains>h5 em{display:block;font-size:.24rem;margin:.35rem 0 0}
.about_box .mains .text {font-size:.16rem;color:#4b4b4a;line-height:1.75;padding:0 2.15rem;text-align:center;margin:0 0 .8rem;}
.about_box .mains .slogan{font-size:.2rem;color:#30302f;line-height:3;text-decoration:underline;text-align:center;}

.product_box{padding:.35rem 0 1.5rem;}
.product_box h3{font-size:.36rem;color:#393939;text-align:center;margin:0 0 1.25rem;}
.product_box .items{margin:0 0 .64rem;position:relative}
.product_box .items>div{display:inline-block;vertical-align:top;width:70%}
.product_box .items .imgs {position:relative;padding:0 .18rem 0 0}
.product_box .items .imgs img{width:100%;height:7.18rem;object-fit:cover;transition:none;}

.product_box .items .lists {width:30%;position:relative}
.product_box .items .swiper-slide img{width:100%;height:7.18rem;object-fit:cover;transition:none;}
.product_box .items .slide-pagination{position:absolute;width:auto;right:.45rem;bottom:.4rem;z-index:12}
.product_box .items .slide-pagination span{opacity:1;outline:none;width:.13rem;height:.13rem;border:1px solid #FFF;margin:0 0 0 .1rem;background:none;}
.product_box .items .slide-pagination span.swiper-pagination-bullet-active{background:#FFF}

.product_box .items .names{position:absolute;left:1rem;top:1.1rem;z-index:1}
.product_box .items .names h4{font-size:.48rem;color:#FFF;font-family:"Roboto-ThinItalic";text-transform:uppercase;}
.product_box .items .names p{font-size:.36rem;color:#FFF;margin:.2rem 0 0}
.product_box .items .imgs>a{position:absolute;border:1px solid #FFF;padding:0 .39rem;line-height:.47rem;border-radius:35px;font-size:.16rem;color:#FFF;font-family:"Roboto-Light";text-transform:uppercase;z-index:1;bottom:.8rem;right:1rem}
/**/
.on_header {background:#f7f7f7;line-height:1.33rem;box-shadow:0 0 12px rgba(0,0,0,.1)}
.nav-header.on_header .main_box{line-height:1.33rem;}
.nav-header.on_header .main_box .logo img {opacity:0;visibility:hidden}
.nav-header.on_header .main_box .logo img.logo2 {opacity:1;visibility:visible}
.nav-header.on_header .main_box .navlist,.nav-header.on_header .main_box .menus {line-height:normal;}
.nav-header.on_header .main_box .navlist li>a,.nav-header.on_header .main_box .menus>a,.nav-header.on_header .main_box .navlist li dd>a{color:#181818}
.nav-header.on_header  .menu_btn span:after,.nav-header.on_header  .menu_btn span:before{background:#181818}
.product_list{padding:1.78rem 0 1.45rem;}
.product_list>div>div{display:inline-block;vertical-align:top;width:72%}
.product_list .mains{padding:0 .27rem 0 0}
.product_list .mains .select_box{margin:0 0 .4rem;}
.product_list .mains .select_box>*{display:inline-block;vertical-align:middle;width:22%;position:relative}
.product_list .mains .select_box h6{font-size:1rem;color:#000;font-family:"Roboto-Regular";text-transform:uppercase;}
.product_list .mains .select_box .item{width:78%;padding:5px 0 5px .53rem;}
.product_list .mains .select_box .item:before{content:'';width:1px;height:100%;background:linear-gradient(to bottom,rgba(255,255,255,0),#d2d2d2,rgba(255,255,255,0));position:absolute;left:0;top:0}
.product_list .mains .select_box .item dl {margin:0;padding:.175rem 0;    display: flex;width: 100%;flex-direction: row;align-items: center;}

.product_list .mains .select_box .item dl dt {font-size:.14rem;color:#000000;position:relative;padding:0 0 .1rem;}
.product_list .mains .select_box .item dl dt:after{content:'';width:100%;height:1px;background:#3f3f3f;position:absolute;bottom:0;left:0}
.product_list .mains .select_box .item dl dd{padding:0 0 0 .25rem;    display: flex;flex-direction: row;align-content: center;justify-content: center;align-items: center;}
.product_list .mains .select_box .item dl dd p{margin:0 .2rem 0 0;}
.product_list .mains .select_box .item dl dd p a{font-size:.14rem;color:#747474;display:inline-block;padding-left:.2rem;position:relative;}
.product_list .mains .select_box .item dl dd p a:before,.product_list .mains .select_box .item dl dd p a:after{content:'';width:.1rem;height:.1rem;border:1px solid #272727;position:absolute;left:0;top:50%;transform:translateY(-50%)}
.product_list .mains .select_box .item dl dd p a:after{width:.06rem;height:.06rem;border:0;background:#272727;left:.03rem;margin:.02rem 0 0;opacity:0;transition:all .2s linear;}
.product_list .mains .select_box .item dl dd p a.active:after{opacity:1}
.product_list .mains .select_box .item dl dd p:last-child{margin:0}
.product_list .mains .lists li {padding:0 .27rem 0 0;margin:0 0 .5rem;}
.product_list .mains .lists li .imgs{margin:0 0 .24rem;}
.product_list .mains .lists li .imgs img{width:100%;height:2.2rem;object-fit:cover;transition:none;}
.product_list .mains .lists li .text p{font-size:.14rem;color:#7a7a7a;margin:0 0 .2rem;}
.product_list .mains .lists li .text h6{font-size:.2rem;color:#2a2a2a;}
.product_list .mains .lists li a:hover .imgs{box-shadow:6px 6px 8px rgba(0,0,0,.16)}

.product_list .videos{width:28%;padding-left:.6rem;position:relative;margin:.8rem 0 0}
.product_list .videos:before{content:'';content:'';width:1px;height:100%;background:linear-gradient(to bottom,rgba(255,255,255,0),#737373,rgba(255,255,255,0));position:absolute;left:0;top:0}
.product_list .videos .title{position:relative;margin:0 0 .55rem;}
.product_list .videos .title h3{font-size:.72rem;color:#000000;}
.product_list .videos .title a{position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:.16rem;color:#4a4a4a;cursor:pointer;border:1px solid #333;border-radius:35px;padding:0 .25rem;line-height:.45rem;}
.product_list .videos .list li {margin:0 0 .4rem;}
.product_list .videos .list li .imgs{overflow:hidden;position:relative;border-radius:8px;}
.product_list .videos .list li img{width:100%;height:2.34rem;object-fit:cover;transition:none;}
.product_list .videos .list li .text{margin:.3rem 0 0}
.product_list .videos .list li .text p{font-size:.16rem;color:#000;opacity:.5;margin:0 0 .15rem;}
.product_list .videos .list li .text h6{font-size:.2rem;color:#353434;}
.product_list .videos .list li a:hover .imgs{box-shadow:0 0 12px rgba(0,0,0,.25)}
/*产品详情*/
.show_product{padding:1.33rem 0 1.8rem;}
.show_product .mbx{padding:.25rem 0;border-bottom:2px solid #e7e7e7;font-size:.14rem;color:#606060}
.show_product .mbx a{font-size:.14rem;color:#606060}
.show_product .mains{padding:.48rem 0 1.54rem;}
.show_product .mains>div{display:inline-block;vertical-align:bottom;width:38.3%}
.show_product .mains .imgs{overflow:hidden;text-align:center;}
.show_product .mains .imgs #gallery img{width:100%;height:3.8rem;object-fit:cover;transition:none;}
.show_product .mains .imgs #gallery{margin:0 0 .32rem}
.show_product .mains .imgs #thumbs img{width:100%;height:1.3rem;transition:none;object-fit:cover;} 
.show_product .mains .imgs #thumbs .swiper-slide{cursor:pointer;}
.show_product .mains .imgs .sma_list{position:relative;padding:0 .3rem;}
.show_product .mains .imgs .sma_list .swiper-page>div{position:absolute;left:0;top:50%;transform:translateY(-50%);outline:none;font-size:.32rem;color:#323232;}
.show_product .mains .imgs .sma_list .swiper-page>div.slide-button-next{left:auto;right:0}
.show_product .mains .infos{width:61.7%;padding:0 0 0 .54rem;}
.show_product .mains .infos h3{font-size:.42rem;color:#2a2a2a;}
.show_product .mains .infos>p {font-size:.2rem;color:#7a7a7a;margin:.15rem 0 .5rem;}
.show_product .mains .infos .slogan{font-size:.16rem;color:#3d3d3d;line-height:1.8;padding:0 0 .44rem;border-bottom:2px solid #000}
.show_product .mains .infos .editor{padding:.17rem 0;}
.show_product .mains .infos .editor .mores {font-size:.16rem;color:#383838;position:relative;margin:0 0 .2rem;background:url(../images/icon4.png) right center no-repeat;background-size:.12rem .23rem;width:100%}
.show_product .mains .infos .editor>div{display:inline-block;vertical-align:middle;}
.show_product .mains .infos .editor .txt {width:65%;font-size:.14rem;color:#4c4c4c}
.show_product .mains .infos .editor .txt em{font-size:.16rem;color:#2a2a2a;width:1.76rem;display:inline-block;}
.show_product .mains .infos .editor .txt p{padding:.14rem 0;margin:0}
.show_product .mains .infos .editor .img{width:35%;text-align:right;}
.show_product .mains .infos .editor .img .swiper-slide a{display:block;position:relative;}

.show_product .mains .infos>a{display:block;border:2px solid #eaeaea;border-radius:6px;text-align:center;line-height:.54rem;font-size:.16rem;color:#383838;}
.show_product .mains .infos>a:hover{background:#eaeaea;}
.show_product .pro_case{padding:0 0 .85rem;}
.show_product .pro_case h4{font-size:.36rem;color:#000000;position:relative;text-align:center;margin:0 0 .5rem}
.show_product .pro_case h4 span{display:inline-block;padding:0 .4rem;position:relative;z-index:2;background:#FFF}
.show_product .pro_case h4:before{content:'';width:100%;height:2px;background:#807f7f;position:absolute;left:0;top:50%;margin:-1px 0 0;}
.show_product .pro_case .editor{font-size:.16rem;color:#505050;line-height:1.7;text-align:center;padding:.55rem 0}
.show_product .pro_case .editor h6{font-size:.3rem;color:#353535;margin:0 0 .35rem;}
.show_product .pro_case .lists {margin:0 0 .75rem}
.show_product .pro_case .lists .imgs{overflow:hidden;}
.show_product .pro_case .lists .imgs img{width:100%;height:4.57rem;object-fit:cover;}
.show_product .pro_case .lists p{font-size:.16rem;color:#505050;text-align:center;margin:.35rem 0 0}
.show_product .pro_case>a{display:block;margin:0 auto;border:1px solid #5c5c5c;border-radius:35px;text-align:center;font-size:.16rem;color:#505050;line-height:.65rem;width:2rem;}
.show_product .pro_case>a:hover{background:#5c5c5c;color:#FFF}
.show_product .like_box{padding:.8rem 0 1.8rem;}
.show_product .like_box h4{font-size:.36rem;color:#000000;position:relative;text-align:center;margin:0 0 .65rem;}
.show_product .like_box h4 span{display:inline-block;padding:0 .4rem;position:relative;z-index:2;background:#FFF}
.show_product .like_box h4:before{content:'';width:100%;height:2px;background:#807f7f;position:absolute;left:0;top:50%;margin:-1px 0 0;}
.show_product .like_box .swiper-slide a{display:block;position:relative;overflow:hidden;}
.show_product .like_box .swiper-slide .imgs{overflow:hidden;}
.show_product .like_box .swiper-slide .imgs img{width:100%;height:4.65rem;object-fit:cover;}
.show_product .like_box .swiper-slide .text{margin:.25rem 0 0;}
.show_product .like_box .swiper-slide .text p{font-size:.14rem;color:#7a7a7a;margin:0 0 .15rem;}
.show_product .like_box .swiper-slide .text h6{font-size:.2rem;color:#2a2a2a}
.show_product .like_box .swiper-slide a:hover img{transform:scale(1.09)}
/**/
.case_box{padding:.9rem 0 1.6rem}
.case_box h3{font-size:.36rem;color:#393939;margin:0 0 .7rem;text-align:center;}
.case_box .lists li {padding:0 .12rem;margin:0 0 .75rem;}
.case_box .lists li .imgs{overflow:hidden;position:relative}
.case_box .lists li .imgs>i{position:absolute;top:50%;left:50%;font-size:.35rem;color:#FFF;transform:translate(-50%,-50%);opacity:.5}
.case_box .lists li .imgs img{width:100%;height:3.4rem;object-fit:cover;transition:none;}
.case_box .lists li .text{margin:.32rem 0 0}
.case_box .lists li .text span{font-size:.16rem;color:#000;opacity:.5;margin:0 0 .2rem;display:inline-block;}
.case_box .lists li .text h6{font-size:.2rem;color:#191919;}
.case_box .lists li .text .editor{font-size:.16rem;color:#3e3e3e;margin:.2rem 0 0;height:.26rem;line-height:.26rem;}
.case_box .lists li .text .editor p{margin:0}
.case_box .lists li a:hover .imgs{box-shadow:6px 6px 9px rgba(0,0,0,.15)}
.case_box .mores{margin:.45rem 0 0;text-align:center}
.case_box .mores>a{display:inline-block;font-size:.16rem;color:#353434;padding:1rem 0 0;position:relative;}
.case_box .mores>a:before{content:'+';width:.69rem;height:.69rem;border:1px solid #5b5b5b;border-radius:100%;line-height:.67rem;text-align:center;position:absolute;top:0;left:50%;transform:translateX(-50%);font-size:.4rem;color:#9a9999;}
.fixed_box{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99;background:rgba(0,0,0,.5);opacity:0;visibility:hidden;}
.fixed_box .main {background:#FFF;padding:.65rem 0 .9rem;height:95%;position:relative;top:2.5%;overflow-y:auto;transform:translateY(-.35rem);opacity:0}
.fixed_box .main .close_ {position:absolute;width:.33rem;height:.33rem;background:url(../images/icon5.png) 0 0 no-repeat;background-size:.33rem .33rem;right:.85rem;top:.54rem;cursor:pointer;}
.fixed_box .main h2{font-size:.36rem;color:#2c2c2c;text-align:center;}
.fixed_box .main .slogan{font-size:.18rem;color:#575757;text-align:center;margin:.3rem 0 .6rem;}
.fixed_box .main .imgbox{text-align:center;margin:0 0 .5rem;}
.fixed_box .main .mygallery{width:100%}
.fixed_box .main .mygallery * {transition:none;}
.chroma-screen,.chroma-screen *,.fixed_box .main * {transition:none;}
.fixed_box .mCSB_inside > .mCSB_container{margin:0}
.fixed_box .main .mCSB_container{padding:0 2.03rem;}

.video_box .fixed_box .slogan video{width:100% !important;background:#000;object-fit:cover;height:5.5rem;}
.video_box .fixed_box .imgbox,.video_box .fixed_box .chroma-gallery {display:none !important;}
/*新闻*/
.news_box{padding:.95rem 0 1.1rem;}
.news_box h3{font-size:.36rem;color:#393939;text-align:center;margin:0 0 .7rem;padding:0 0 .65rem;border-bottom:2px solid #393939}
.news_box .lists li{padding:0 .16rem;margin:0 0 .65rem;}
.news_box .lists li a{display:block;position:relative;overflow:hidden;}
.news_box .lists li .imgs{overflow:hidden;position:relative}
.news_box .lists li .imgs img{width:100%;height:3.95rem;object-fit:cover;transition:none;}
.news_box .lists li .imgs .time{position:absolute;background:#FFF;z-index:1;text-align:center;font-size:.16rem;color:#b7b7b7}
.news_box .lists li .imgs .time em {display:block;font-size:.23rem;color:#282828;margin:0 0 .12rem}
.news_box .lists li .text{background:#f6f6f6;padding:.55rem .35rem .72rem;}
.news_box .lists li .text h6{font-size:.2rem;color:#363636;margin:0 0 .25rem;font-weight:bold;}
.news_box .lists li .text p{font-size:.16rem;color:#565656;line-height:.27rem;height:.54rem;overflow:hidden;margin:0 0 .7rem;}
.news_box .lists li .text em {font-size:.16rem;color:#363636;text-transform:uppercase;}
.news_box .lists li .text em img{margin-left:.25rem;max-width:.17rem;transition:none;}
.news_box .lists li a:hover{box-shadow:0 0 12px rgba(0,0,0,.12);transform:translateY(-.1rem)}
/*联系我们*/
.contact_box{}
.contact_box .mains{padding:.9rem 0 1rem;background:#FFF;text-align:center;}
.contact_box .mains h4{font-size:.36rem;color:#393939;}
.contact_box .mains h5{font-size:.3rem;color:#232323;font-weight:bold;margin:.4rem 0 .85rem;}
.contact_box .mains .editor p{margin:0 0 .25rem;font-size:.18rem;color:#2f2e2e}
.contact_box .mains .editor p img{max-height:.25rem;transition:none;margin-right:.15rem;}
.contact_box .mains .maps{margin:.3rem 0 0;}
.contact_box .mains .maps span{display:inline-block;font-size:.16rem;color:#353434;vertical-align:middle;cursor:pointer;}
.contact_box .mains .maps span img{max-height:.31rem;margin-left:.15rem;transition:none;}
.contact_box .fix_map {position:fixed;top:0;left:0;width:100%;height:100%;z-index:99;background:rgba(0,0,0,.6);transition:none;display:none;}
.contact_box .fix_map>div{position:absolute;top:70%;left:50%;transform:translate(-50%,-50%);width:80%;height:70%;padding:.1rem;background:#FFF;border-radius:12px;overflow:hidden;opacity:0;}
.contact_box .fix_map #container{width:100%;height:100%;border-radius:12px;}
.contact_box .code{padding:1.25rem 0 .55rem;text-align:center}
.contact_box .code:before{width:100%;height:100%;position:fixed;top:0;left:0;z-index:-1;background-position:center;background-repeat:no-repeat;background-size:cover;}
.contact_box .code p{font-size:.24rem;color:#FFF;margin:0 0 .45rem;}
.contact_box .code>img {width:1.7rem;transition:none;}
.contact_box .code p:last-child{margin:.9rem 0 0;}
.contact_box .code p>img  {display:block;margin:.6rem auto 0;width:.16rem;transition:none;}
.contact_box .message{padding:1.85rem 0 2.1rem;background:#FFF}
.contact_box .message h3.titles {font-size:.36rem;color:#272727;text-align:center;margin:0 0 .9rem;}
.contact_box .message .lists li {padding:0 .22rem;margin:0 0 .65rem;}
.contact_box .message .lists li input[type="text"],.contact_box .message .lists li textarea{width:100%;border:0;background:none;outline:none;border-bottom:1px solid #b5b5b5;height:.8rem;min-height:35px;font-size:.16rem;color:#2c2b2b;}
.contact_box .message .lists li textarea{height:1.99rem;padding:.1rem 0}
.contact_box .message .lists li button {background:#000;border-radius:6px;font-size:.16rem;color:#FFF;padding:0 .52rem;height:.58rem;min-height:35px;border:0;}
.contact_box .message .lists li:last-child{margin:0}
.contact_box .message .lists li button:hover {box-shadow:4px 4px 6px rgba(0,0,0,.12)}
/*版本*/
.version_box {padding:.9rem 0 2rem;}
.version_box .items{margin:0 0 .5rem;}
.version_box .items a{display:block;position:relative;border-radius:20px;overflow:hidden;background:#f5f5f5}
.version_box .items a>div{display:inline-block;vertical-align:middle;width:50%}
.version_box .items .imgs {overflow:hidden}
.version_box .items .imgs img{width:100%;height:4.65rem;object-fit:cover;transition:none}
.version_box .items .txt {padding:0 0 0 .5rem;}
.version_box .items .txt h6{font-size:.2rem;color:#2a2a2a;padding:0 0 .33rem .15rem;border-bottom:1px solid #e3e3e3;margin:0 0 .3rem;}
.version_box .items .txt h5{padding:0 .15rem;margin:0 0 .2rem;font-size:.14rem;color:#565656;}
.version_box .items .txt p{font-size:.14rem;color: #7a7a7a;margin:0;line-height:1.75;padding:0 1.6rem 0 .15rem;}
.version_box .items a:before{content:'';width:.21rem;height:.21rem;background:url(../images/icon9.png) 0 0 no-repeat;background-size:.21rem .21rem;position:absolute;bottom:.6rem;right:1rem;}
.version_box .items a:hover {box-shadow:8px 8px 10px rgba(0,0,0,.12)}

.version_list{padding:1.78rem 0 1.7rem;}
.version_list li{padding:0 .15rem;margin:0 0 .35rem;}
.version_list li a{display:block;position:relative;overflow:hidden;background:#f4f4f4;border-radius:20px;}
.version_list li a>div{display:inline-block;vertical-align:middle;width:57%}
.version_list li .imgs{overflow:hidden}
.version_list li .imgs img{width:100%;height:4.65rem;object-fit:cover;transition:none}
.version_list li .txt {width:43%}
.version_list li .txt h6{font-size:.2rem;color:#2a2a2a;padding:0 .4rem .3rem;border-bottom:1px solid #e3e3e3;margin:0 0 .3rem;}
.version_list li .txt h5{padding:0 .4rem;margin:0 0 .2rem;font-size:.14rem;color:#565656;}
.version_list li .txt .editor{font-size:.14rem;color: #7a7a7a;margin:0;line-height:1.75;padding:0 .7rem 0 .4rem;}
.version_list li a:hover {box-shadow:8px 8px 10px rgba(0,0,0,.12)}
.version_list .mores{margin:.45rem 0 0;text-align:center}
.version_list .mores>a{display:inline-block;font-size:.16rem;color:#353434;padding:1rem 0 0;position:relative;}
.version_list .mores>a:before{content:'+';width:.69rem;height:.69rem;border:1px solid #5b5b5b;border-radius:100%;line-height:.67rem;text-align:center;position:absolute;top:0;left:50%;transform:translateX(-50%);font-size:.4rem;color:#9a9999;}
/********<=767 mobile nav style css********/
.fl-page{position:relative;top:-1.5rem;}

.m-header {background:#FFF;box-shadow:0 0 12px rgba(0,0,0,0.2)}
.m-header >.col-xs-6>div {color:#333}
.m-header >.col-xs-6 img {max-height:45px;}
.st-container .st-menu {background:#0e6eb8;
	-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:#FFF;position:relative;font-size:.25rem}
.st-container .st-menu ul li>a:hover,.st-container .st-menu ul li.active>a {background:#f39800;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:#FFF}
.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:#FFF;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:#f39800}
.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;}
/********<=767 mobile nav style css 2********/
.m-header .dl-menuwrapper button.dl-active{color:#0061ae}
.m-header .dl-menuwrapper ul{background:#0061ae}
.m-header>div.col-xs-6,.m-header>div.m_langs {z-index:2}
.m-header .dl-menuwrapper {z-index:1}
.m-header .dl-menuwrapper li a {border-top:1px solid rgba(255,255,255,.2);font-size:12px;}
/**************************/
@media(max-width:1600px){
	.product_list .mains .select_box .item dl dd p{margin:0 .1rem 0 0}
	
}
@media(max-width:1440px){

}
@media(max-width:1100px){
	.product_list .mains .select_box .item dl dd p{margin:0 5px 0 0}
}
/******ipad****/
@media(max-width:990px){
	body{overflow-x:hidden;}
	.contact_box .message .lists li input[type="text"], .contact_box .message .lists li textarea,.contact_box .message .lists li button{font-size:12px}
	.version_box .items .txt p{padding:0 .15rem}
}
/********mobile*********/
@media(max-width:767px){
	.nav-header .main_box{padding:0 .25rem;}
	.nav-header .main_box .navlist{display:none;}
	.nav-header .main_box .menus{width:77%}
	.tem_banner .more_scrol{display:none;}
	.tem_index_about .imgs1>img {width:100%;height:6.88rem;object-fit:cover;}
	.tem_index_style .item > a{display:block;position:relative;}
	.tem_index_style .item > a>div{display:block;width:100% !important;}
	.tem_index_style .item .text{padding:.65rem 0 0}
	.tem_index_style .item.on .text{padding:.65rem 0 0}
	.tem_index_news .items a > div{display:block;width:100% !important;}
	.tem_index_news .items .text{padding:0 .15rem .5rem 0;}
	.about_box{background-size:auto 6.68rem;background-position:center 0;}
	.about_box .mains .text{padding:0 .25rem;}
	.product_list .mains .select_box > *{display:block;width:100% !important;}
	.product_list .mains .select_box .item{padding:5px 0 0;}
	.product_list .mains .select_box .item::before{display:none;}
	.product_list .mains .select_box .item dl{display:block;}
	.product_list .mains .select_box .item dl dt{display:inline-block;}
	.product_list .mains .select_box .item dl dd{display:block;width:100%;padding:.35rem 0 0}
	.product_list .mains .select_box .item dl dd p{display:inline-block;vertical-align:middle;}
	.product_list > div > div{display:block;width:100% !important;}
	.product_list .mains{padding:0}
	.product_list .videos{padding:0}
	.product_list .videos::before{display:none;}
	.product_list .mains .lists li{padding:0 .12rem}
	.product_list .mains .select_box .item dl dd p{margin:0 .25rem 0 0}
	.fixed_box .main .mCSB_container{padding:0 .25rem}
	.contact_box .message .lists li{padding:0}
	.version_list li a>div{width:100% !important;display:block}
	.version_list li .txt{padding:.45rem 0 0}
	
}