/*header*/
.m210 {margin:0 2.1rem;}
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 {position:fixed;top:0;right:0;z-index:50;width:100%;background:#FFF}
.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:#2b2b2b;overflow:hidden;-webkit-font-smoothing: auto;    outline: 0;background-image: none;z-index:2}
.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:#2b2b2b;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)}


#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:280px;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:280px;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}
#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}}
/**/
.menu_box{}
.menu_box>div{display:inline-block;vertical-align:middle;width:23%}
.menu_box .navlist{width:77%;text-align:right;}
.menu_box .logo{line-height:.9rem;}
.menu_box .logo img {max-height:.63rem;transition:none;}
.menu_box .navlist>*{display:inline-block;vertical-align:middle;}
.menu_box .navlist ul li {display:inline-block;padding-right:.5rem;}
.menu_box .navlist ul li a{display:block;position:relative;font-size:.16rem;color:#333;}
.menu_box .navlist ul li a:after{content:'';width:0;height:2px;background:#008cd6;position:absolute;bottom:-5px;left:0;transition:all .5s ease-in-out;}
.menu_box .navlist ul li.active a:after,.menu_box .navlist ul li a:hover:after{width:100%}
.menu_box .navlist .langs{padding:0 .6rem 0 .2rem;}
.menu_box .navlist .langs>*{display:inline-block;vertical-align:middle;font-size:.16rem;color:#333}
.menu_box .navlist .langs>em {padding:0 .1rem;}
.menu_box .navlist .menu_btn {min-width:1.15rem;height:.43rem;background:#008cd6;border-radius:9999px;padding:0 .15rem;line-height:.43rem}
.menu_box .navlist .menu_btn>*{display:inline-block;vertical-align:middle;}
.menu_box .navlist .menu_btn i{font-size:.16rem;color:#FFF;margin-right:.2rem;text-transform:uppercase;}
.menu_btn span:after, .menu_btn span:before{background:#FFF}
.nav-open .menu_btn span:after, .nav-open .menu_btn span:before{background:#FFF}

.is_header {box-shadow:0 0 12px rgba(0,0,0,.12)}
/*banner*/
.tem_banner{}
.tem_banner .label_text{position:absolute;top:30%;left:2.1rem;z-index:1;width:4.6rem;max-width:100%;z-index:1}
.tem_banner .label_text h3 {font-size:.48rem;color:#FFF;line-height:1.6}
.tem_banner .label_text>p {font-size:.16rem;color:#FFF;margin:.45rem 0;display:inline-block;    text-decoration: underline;}
.tem_banner .label_text .text{display:grid;grid-template-columns: 1fr 1fr 1fr;gap:.17rem .22rem;}
.tem_banner .label_text .text>p{background:#008cd6;margin:0;border:1px solid #FFF;border-radius:8px;font-size:.16rem;color:#FFF;text-align:center;line-height:.41rem;}
/**/
.index_about{}
.index_about>div{background:url(../images/icon0.jpg) right bottom no-repeat;background-size:9.94rem auto;padding:1.05rem 0 1.3rem;}
.index_about .titles{margin:0 0 .9rem;display:grid;grid-template-columns:57% auto;}
.index_about .titles .name h3 {font-size:.6rem;color:#101010;font-weight:bold;}
.index_about .titles .name p{font-size:.32rem;color:#101010;margin:.25rem 0 0}
.index_about .titles .text .t {font-size:.16rem;color:#4e4e4e;margin:0 0 .65rem;line-height:1.6}
.index_about .titles .text>a{font-size:.16rem;color:#008cd6;font-weight:bold;}
.index_about .mains {display:grid;grid-template-columns:1fr 1fr 1fr;gap:0 .36rem;}
.index_about .mains a{display:block;position:relative;border-radius:10px;overflow:hidden}
.index_about .mains .imgs img {width:100%;height:5.35rem;object-fit:cover;transition:none}
.index_about .mains .txt {position:absolute;bottom:.53rem;left:0;width:100%;padding:0 1.15rem 0 .45rem;z-index:2}
.index_about .mains .txt h4 {font-size:.3rem;color:#FFF;font-weight:bold;}
.index_about .mains .txt p{font-size:.16rem;color:#FFF;margin:.2rem 0 0}
.index_about .mains .txt:after{content:'···';font-size:.22rem;color:#000;width:.5rem;height:.5rem;background:#FFF;border-radius:100%;position:absolute;right:.45rem;top:50%;transform:translateY(-50%);text-align:center;line-height:.5rem;font-weight:bold}
.index_about .mains a:before{content:'';width:100%;height:100%;background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,.8));position:absolute;top:0;left:0;z-index:1}
.index_about .mains a:hover {transform:scale(1.02);box-shadow:4px 4px 6px rgba(0,0,0,.12)}
.index_about .nums{padding:2.1rem 0 0;display:grid;grid-template-columns:57% auto;    align-items: center;}
.index_about .nums .txt{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0 .6rem;}
.index_about .nums .txt h5 {font-size:.36rem;color:#333}
.index_about .nums .txt h5 em {display:inline-block;font-family:'Humanist777BT-BlackB';font-size:.72rem;}
.index_about .nums .txt p{font-size:.16rem;color:#444444;margin:.25rem 0 0}
.index_about .nums .info p{margin:0;display:inline-block;width:2.24rem;height:2.24rem;background:#008cd6;font-size:.32rem;color:#FFF;font-weight:bold;text-align:center;display:flex;justify-content: center;    align-items: center;border-radius:100%}
/**/
.index_product{background:url(../images/icon1.jpg) center no-repeat;background-size:cover;padding:1.7rem 0 .6rem;overflow:hidden}
.index_product .titles {margin:0 0 1.15rem;display:grid;grid-template-columns:57% auto;position:relative}
.index_product .titles .names h3{font-size:.6rem;color:#FFF;font-weight:bold;font-family:"Arial";}
.index_product .titles .names p{font-size:.32rem;color:#FFF;margin:.2rem 0 0}
.index_product .titles .infos{padding:.7rem 0 0}
.index_product .titles .infos p{font-size:.16rem;color:#FFF;line-height:1.65;margin:0 0 .65rem;}
.index_product .titles .infos>a{font-size:.16rem;color:#FFF;font-weight:bold;font-family:"Arial";}
.index_product .titles:after{content:'';width:8.45rem;height:2.35rem;background:url(../images/icon2.png) center no-repeat;background-size:8.45rem auto;position:absolute;right:-2.1rem;bottom:-.3rem;}
.index_product .itembox{position:relative;}
.index_product .itembox>div{display:inline-block;vertical-align:top;width:12.8%;padding:0 6px 0 0;position:relative}
.index_product .itembox>div#on {width:36%}
.index_product .itembox>div a{display:block;position:relative;background-position:center;background-repeat:no-repeat;background-size:cover;height:3.82rem;border-radius:10px;z-index:2}
.index_product .itembox>div a:after{content:'';width:100%;height:100%;background:linear-gradient(to bottom,rgba(0,140,214,0),rgba(0,140,214,0),rgba(0,140,214,.9));position:absolute;bottom:0;left:0;border-radius:10px;transition:all .4s ease-in-out;opacity:0}
.index_product .itembox>div a:before{content:'';width:100%;height:100%;background:rgba(0,0,0,.27);position:absolute;bottom:0;left:0;border-radius:10px;transition:all .4s ease-in-out;}
.index_product .itembox>div a h5 {font-size:.2rem;color:#FFF;font-weight:bold;position:absolute;left:0;bottom:.38rem;z-index:1;padding:0 .3rem;}
.index_product .itembox>div .boxs{position:absolute;width:100%;left:0;bottom:0;z-index:5}
.index_product .itembox>div .boxs>div{display:inline-block;vertical-align:bottom;width:45%}
.index_product .itembox>div .boxs .text h4 {font-size:.3rem;color:#FFF;font-weight:bold;margin:0 0 .3rem;}
.index_product .itembox>div .boxs .text{padding:0 0 .35rem .3rem;width:55%}
.index_product .itembox>div .boxs .text em {display:inline-block;background:#FFF;font-size:.14rem;color:#585757;border-radius:9999px;padding:0 .15rem;line-height:.3rem;}
.index_product .itembox>div .boxs .text>*{opacity:0;transform:translateY(3vw);transition:all .8s ease-in-out;}
.index_product .itembox>div .boxs .imgs {opacity:0;transform:translateX(3vw);transition:all .8s ease-in-out}
.index_product .itembox>div#on a:after{opacity:1}
.index_product .itembox>div#on a:before{opacity:0}
.index_product .itembox>div#on .boxs .text>*{opacity:1;transform:none;transition-delay:100ms}
.index_product .itembox>div#on .boxs .text em {transition-delay:150ms}
.index_product .itembox>div#on .boxs .imgs{opacity:1;transform:none;transition-delay:200ms}
.index_product .itembox>div#on a h5 {opacity:0;transform:translateY(3vw)}
.index_product .itembox>div:after{content:'';width:100%;height:1.42rem;background:url(../images/icon3.png) 0 bottom no-repeat;background-size:100% auto;position:absolute;bottom:-.64rem;left:0;transition:all .4s ease-in-out;opacity:0}
.index_product .itembox>div#on:after{opacity:1}

.index_field{padding:.75rem 0 1.1rem;}
.index_field>div{display:grid;grid-template-columns:35% auto;    align-items: center;gap:0 1.7rem;}
.index_field .text .titles {margin:0 0 .9rem}
.index_field .text .titles p{font-size:.6rem;color:#101010;font-weight:bold;margin:0 0 .15rem;font-family: "Arial";}
.index_field .text .titles h3 {font-size:.32rem;color:#101010;}
.index_field .text .desc{font-size:.18rem;color:#4e4e4e;line-height:1.65;margin:0 0 1.05rem;}
.index_field .text>a{display:inline-block;font-size:.16rem;color:#FFF;background:#008cd6;border-radius:999px;line-height:.55rem;padding:0 .45rem;}
.index_field .column{display:grid;grid-template-columns:1fr 1fr;gap:.1rem .15rem;}
.index_field .column a{display:block;position:relative;border-radius:12px;overflow:hidden}
.index_field .column .imgs img {width:100%;height:3.8rem;object-fit:cover;transition:none}
.index_field .column .t {position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%;text-align:center}
.index_field .column .t h5 {padding:1.15rem 0 0;position:relative;font-size:.24rem;color:#FFF;margin:0 0 .4rem;background-position:center 0;background-repeat:no-repeat;background-size:auto .81rem;}
.index_field .column .t i {font-size:.26rem;color:#FFF;}
.index_field .column>div:nth-child(2n) {transform:translateY(.47rem)}
.index_field .column>div a:hover {box-shadow:4px 4px 6px rgba(0,0,0,.15);}

.index_news{background:#f1f1f1;padding:.95rem 0 1.05rem;}
.index_news .titles{position:relative;margin:0 0 .6rem;}
.index_news .titles p{font-size:.6rem;color:#101010;font-weight:bold;margin:0 0 .2rem;font-family: "Arial";}
.index_news .titles h3 {font-size:.32rem;color:#101010}
.index_news .titles>a{position:absolute;right:0;bottom:.1rem;background:#008cd6;border-radius:999px;padding:0 .45rem;line-height:.55rem;font-size:.16rem;color:#FFF}
.index_news .lists{display:grid;grid-template-columns:repeat(3,33.333%);gap:0 .13rem;}
.index_news .lists>div{background:#FFF;height:100%}
.index_news .lists .n-item a{display:block;position:relative;background:#FFF;padding:.2rem .2rem .35rem;}
.index_news .lists .n-item .imgs img {width:100%;height:2.87rem;object-fit:cover;transition:none;}
.index_news .lists .n-item .imgs {overflow:hidden;border-radius:4px;}
.index_news .lists .n-item .text{padding:.4rem .1rem 0}
.index_news .lists .n-item .text span {font-size:.17rem;color:#595959;font-family:"Gotham-Book"}
.index_news .lists .n-item .text h4 {font-size:.18rem;color:#292929;margin:.25rem 0 .35rem;}
.index_news .lists .n-item .text p{font-size:.16rem;color:#525252;line-height:.25rem;height:.5rem;overflow:hidden;margin:0 0 .45rem;}
.index_news .lists .n-item .text em {font-size:.15rem;color:#666}
.index_news .lists .n-item .text em i{margin-left:.15rem;font-size:.26rem;}
.index_news .lists .cet ul{display:block;height:100%;padding:.15rem .25rem;}
.index_news .lists .cet ul li {height:33.333%;border-bottom:2px solid #efefef}
.index_news .lists .cet ul li:last-child {border-bottom:0}
.index_news .lists .cet li span {font-size:.17rem;color:#595959;font-family:"Gotham-Book"}
.index_news .lists .cet li h4 {font-size:.18rem;color:#292929;line-height:.26rem;height:.52rem;margin:.15rem 0 .25rem;}
.index_news .lists .cet li em {font-size:.15rem;color:#666}
.index_news .lists .cet li em i{margin-left:.15rem;font-size:.26rem;}
.index_news .lists .cet li a{    display: flex;    flex-direction: column;    justify-content: center;    width: 100%;    height: 100%;}

.footer{background:#008cd6;padding:.9rem 0 1.05rem;}
.footer>div{display:grid;grid-template-columns:39% auto;}
.footer .logos>a img {max-height:.78rem;transition:none}
.footer .tels{padding:1.64rem 0 0}
.footer .tels span {font-size:.16rem;color:#FFF}
.footer .tels h4 {font-size:.42rem;color:#FFF;margin:.2rem 0 0;font-family:"Knockout-HTF50-Welterweight"}
.footer .navlist{display:flex;justify-content: space-between;}
.footer .navlist dl {margin:0;padding:0}
.footer .navlist dl dt{margin:0 0 .35rem;}
.footer .navlist dl dt a{font-size:.2rem;color:#FFF}
.footer .navlist dl dd {margin:0 0 .3rem;}
.footer .navlist dl dd a{font-size:.16rem;color:#FFF}
.copy{background:#008cd6;padding:.5rem 0;border-top:1px solid rgba(255,255,255,.3);font-size:.16rem;color:#FFF}
.copy>div{position:relative}
.copy a{font-size:.16rem;color:#FFF}
.copy .codes{position:absolute;right:0;top:50%;transform:translateY(-50%);}
.copy .codes span {font-size:.16rem;color:#FFF;cursor:pointer;}
.copy .codes span i{font-size:.2rem;color:#FFF;margin-right:.1rem;}
.copy .codes>div{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);width:1.2rem;background:#FFF;padding:5px;border-radius:6px;opacity:0;visibility:hidden}
.copy .codes:hover>div{opacity:1;visibility:visible;}
/*内页*/
.flash{position:relative}
.flash .page_txt{position:absolute;left:0;width:100%;padding:0 2.1rem;top:50%;transform:translateY(-50%);z-index:1}
.flash .page_txt h2 {font-size:.36rem;color:#FFF;font-weight:bold;}
.flash .page_txt p{font-size:.16rem;color:#FFF;text-decoration:underline;margin:.3rem 0 0;display:inline-block;}

.sort_navlist{border-radius:9999px;box-shadow:0 0 .29rem rgba(0,0,0,.18);background:#FFF;transform:translateY(-.35rem);z-index:5;position:relative;}
.sort_navlist li {display:inline-block;vertical-align:top;width:2.15rem;max-width:14.285%}
.sort_navlist li a{display:block;padding:0 .15rem;font-size:.16rem;color:#9f9f9f;font-weight:bold;border-radius:9999px;line-height:.7rem;text-align:center;}
.sort_navlist li a:hover,.sort_navlist li.on a{background:#008cd6;color:#FFF}

.company{padding:.65rem 0 0}
.about_box .titles {margin:0 0 .55rem;}
.about_box .titles h3 {font-size:.48rem;color:#101010}
.about_box .titles p{font-size:.24rem;color:#4d4d4d;margin:.15rem 0 0;text-transform:uppercase;}
.company .mains {display:grid;grid-template-columns:55% auto;padding:.93rem 0 1.15rem;position:relative;align-items: center;}
.company .mains .text {padding:0 1.05rem 0 0;position:relative;z-index:3}
.company .mains .text span {font-size:.3rem;color:#008cd6;}
.company .mains .text h4 {font-size:.3rem;color:#101010;padding:.2rem 0 .28rem;position:relative;}
.company .mains .text h4:after{content:'';width:.31rem;height:6px;background:#c9c9c9;position:absolute;bottom:0;left:0}
.company .mains .text h6 {font-size:.18rem;color:#434343;margin:.25rem 0 0;}
.company .mains .text p{font-size:.16rem;color:#888787;line-height:1.7;margin:.3rem 0 0}
.company .mains:before{content:'';width:91%;height:100%;background:#f8f8f8;position:absolute;left:-2.1rem;top:0}
.company .nums{padding:1.1rem 0 .95rem;display:flex;    justify-content: space-between;}
.company .nums>div h5 {font-size:.36rem;color:#333;}
.company .nums>div h5 em {font-size:.72rem;font-family:"Humanist777BT-BlackB";}
.company .nums>div p{font-size:.16rem;color:#444444;margin:.25rem 0 0}
.company .nums>div{padding-left:.7rem;background:url(../images/icon4-1.png) 0 .2rem no-repeat;background-size:auto .45rem !important;}
.company .nums>div:nth-child(2) {background:url(../images/icon4-2.png) 0 .2rem no-repeat;}
.company .nums>div:nth-child(3) {background:url(../images/icon4-3.png) 0 .2rem no-repeat;}
.company .mains2 {padding:1.25rem 0 1.05rem;grid-template-columns:45% auto}
.company .mains2:before {left:auto;right:-2.1rem}
.company .mains2 .text {padding:0 0 0 1.05rem;}
.company .mains2 .text p:first-child {margin:0}

.founder{padding:1.15rem 0 1.54rem;}
.founder>div{position:relative}
.founder .titles{position:absolute;left:0;top:0}
.founder .mains{display:grid;grid-template-columns:30% 35% 35%;    align-items: end;}
.founder .mains .name{padding:0 0 1.25rem;}
.founder .mains .name h4 {font-size:.24rem;font-family:"Futura-ExtraBold";color:#2b2b2b;text-transform:uppercase;font-weight:bold;}
.founder .mains .name h4 i{font-size:.3rem;color:#008cd6;margin-left:.2rem;font-weight:normal;}
.founder .mains .name p{font-size:.16rem;color:#393939;margin:.25rem 0 0}
.founder .mains .imgs span {background:none !important;}
.founder .mains .editor{padding:0 0 .75rem 1rem;}
.founder .mains .editor h6 {font-size:.16rem;color:#393939;padding:0 0 .32rem;margin:0 0 .3rem;border-bottom:1px solid #aaa;line-height:1.65}
.founder .mains .editor p{font-size:.16rem;color:#888787;line-height:1.65;margin:0}

.history{padding:1.02rem 0 1.25rem;background:url(../images/icon5.jpg) center no-repeat;background-size:cover;}
.history .titles {position:relative;margin:0 0 .8rem;}
.history .titles h3,.history .titles p{color:#FFF}
.history .titles .swiper-page{position:absolute;right:0;top:0;}
.history .titles .swiper-page>div{display:inline-block;vertical-align:middle;margin-left:.12rem;width:.63rem;height:.63rem;border:1px solid #FFF;font-size:.22rem;color:#FFF;line-height:.61rem;text-align:center;border-radius:100%}
.history .lists .swiper-slide .items{background:#FFF;height:4.65rem;border-radius:12px;overflow:hidden;text-align:center;padding:1.05rem .15rem 0;}
.history .lists .swiper-slide .items h5 {font-size:.6rem;color:#1a1a1a;font-weight:bold;font-family:"Arial";padding:0 0 .45rem;position:relative;margin:0 0 .5rem}
.history .lists .swiper-slide .items h5:after{content:'';width:.96rem;height:4px;background:#008cd6;border-radius:999px;position:absolute;bottom:0;left:50%;transform:translateX(-50%)}
.history .lists .swiper-slide .items .editor {font-size:.16rem;color:#1a1a1a}
.history>div{padding:0 0 .85rem;background:url(../images/icon6.png) center bottom no-repeat;background-size:100% auto}

.honor{padding:1.15rem 0 1.35rem;background:url(../images/icon7.jpg) center no-repeat;background-size:cover;}
.honor .titles {margin:0 0 .55rem;}
.honor .lists {position:relative}
.honor .lists .swiper-slide a{display:block;position:relative;overflow:hidden;text-align:center}
.honor .lists .swiper-slide .imgs {height:3.27rem;line-height:3.27rem;background:#FFF;border-radius:12px;overflow:hidden}
.honor .lists .swiper-slide .imgs img {max-height:2.7rem;transition:none}
.honor .lists .swiper-slide p{font-size:.16rem;color:#adaeae;line-height:.26rem;height:.52rem;overflow:hidden;margin:.25rem 0 0}
.honor .lists .swiper-slide a:hover .imgs {box-shadow:2px 2px 4px rgba(0,0,0,.12);transform:scale(.98)}
.honor .lists .swiper-page>div{position:absolute;top:50%;left:-.31rem;transform:translateY(-50%);width:.62rem;height:.62rem;background:#FFF;border-radius:100%;line-height:.62rem;text-align:center;font-size:.26rem;color:#008cd6;z-index:1;box-shadow:0 0 .3rem rgba(0,0,0,.16)}
.honor .lists .swiper-page>div.slide-button-next {left:auto;right:-.31rem;}

.culture{background:url(../images/icon9.jpg) center no-repeat;background-size:cover;padding:1.1rem 0 1.35rem;}
.culture .titles {margin:0 0 .85rem}
.culture .mains{display:grid;grid-template-columns:51% auto;}
.culture .mains h4 {font-size:.24rem;color:#008cd6;padding-left:.3rem;position:relative;border-left:6px solid #008cd6;margin:0 0 .7rem;}
.culture .mains>div:first-child {padding-right:2.4rem;}
.culture .mains .t {padding:0 0 .6rem .3rem;border-bottom:1px dashed #dcdcdc;display:grid;grid-template-columns:44% auto;margin:0 0 .8rem;}
.culture .mains .t p{font-size:.18rem;color:#101010;margin:0}
.culture .mains .t p em {display:block;margin:.2rem 0 0;font-size:.16rem;color:#5c5c5c;}
.culture .mains>div .t:last-child{margin:0;padding:0;border-bottom:0}
.culture .mains>div:first-child .t:last-child p {color:#FFF}
.culture .mains>div:first-child .t:last-child p  em {color:#FFF}
.culture .mains>div:last-child .t{margin:0 0 .25rem;padding:0 0 .25rem;grid-template-columns:28% 43% auto}


.patent{background:#f9fcff;padding:1.1rem 0 .9rem;}
.patent .titles {margin:0 0 .45rem;}
.patent .lists .swiper-slide a{display:block;position:relative;text-align:center}
.patent .lists .swiper-slide .imgs {border:1px solid #c9c9c9;background:#FFF;border-radius:12px;overflow:hidden;height:4.1rem;line-height:3.9rem;padding:0 .17rem;}
.patent .lists .swiper-slide .imgs img {max-height:3.81rem;transition:none}
.patent .lists .swiper-slide p{font-size:.16rem;color:#3c3d3d;margin:.3rem 0 0;opacity:0;transform:translateY(3vw);}
.patent .lists .swiper-slide-active p{opacity: 1 !important;pointer-events: auto !important;-webkit-transform: none !important;transform: none !important;-webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);transition: all .8s cubic-bezier(.69, .27, .45, .99);  transition-delay: 0s;-webkit-transition-delay: 100ms;transition-delay: 100ms;}
.patent .lists .swiper-page{margin:.6rem 0 0;text-align:center}
.patent .lists .swiper-page>div{display:inline-block;margin:0 .15rem;width:.51rem;height:.51rem;border:1px solid #b7b7b7;border-radius:100%;line-height:.49rem;text-align:center;font-size:.22rem;color:#5f5f5f;}
.patent .lists .swiper-page>div:hover {background:#008cd6;color:#FFF;border-color:#008cd6}

.partner{padding:1.05rem 0 1.55rem;}
.partner .titles {margin:0 0 .83rem;}
.partner .lists {padding:0 1rem}
.partner .swiper-slide{padding:0 .8rem .8rem;background:url(../images/icon10.png) center bottom no-repeat;background-size:100% auto;}
.partner .swiper-slide>div{display:inline-block;vertical-align:top;width:25%;padding:0 .09rem;margin:0 0 .1rem;}
.partner .swiper-slide .imgs{height:1rem;line-height:.98rem;border:1px solid #44abe1;border-radius:6px;text-align:center;background:#FFF}
.partner .swiper-slide .imgs img {max-height:.7rem;transition:none}
.partner .lists .slide-pagination{margin:.5rem 0 0;text-align:center}
.partner .lists .slide-pagination span {opacity:1;outline:none;width:.15rem;height:.15rem;border:1px solid #1194d9;border-radius:100%;margin:0 .1rem;background:none;}
.partner .lists .slide-pagination span.swiper-pagination-bullet-active{background:#1194d9;}
/*应用领域*/
.field_box{padding:.6rem 0 1.8rem;}
.field_box .titles {margin:0 0 .7rem;}
.field_box .titles h3 {font-size:.48rem;color:#101010}
.field_box .titles p{font-size:.24rem;color:#4d4d4d;margin:.15rem 0 0;text-transform:uppercase;}
.field_box .mains>div{margin:0 0 .39rem;display:grid;grid-template-columns:1fr 1fr;position:relative;align-items: center;    background: #e8e8e8;}
.field_box .mains>div>div{position:relative;background:#e8e8e8}
.field_box .mains .imgs>span>img {width:100%;height:4.5rem;object-fit:cover;transition:none}
.field_box .mains .imgs h6 {position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%;text-align:center;font-size:.3rem;color:#FFF}
.field_box .mains .imgs h6 i{display:inline-block;vertical-align:middle;width:.77rem;height:.77rem;border-radius:100%;line-height:.77rem;margin-right:.3rem;border:1px solid #FFF}
.field_box .mains .imgs h6 i img {max-height:.44rem;transition:none;}
.field_box .mains .lists{display:grid;grid-template-columns:1fr 1fr;gap:.24rem .25rem;align-items: center;padding:0 .95rem 0 .5rem;}
.field_box .mains .lists p{margin:0}
.field_box .mains .lists p a{display:block;background:#FFF;padding:.15rem .15rem;position:relative;font-size:.16rem;color:#464545;border-radius:6px;overflow:hidden;}
.field_box .mains .lists p a i{position:absolute;right:.25rem;top:50%;transform:translateY(-50%);font-size:.22rem;color:#008cd6;font-weight:bold;}
/**/
.product_box{padding:.6rem 0 1.5rem;}
.product_box .items{margin:0 0 .59rem;}
.product_box .items a{display:grid;grid-template-columns:1fr 1fr;align-items:center;border-bottom:1px solid #dcdcdc}
.product_box .items .imgs {position:relative}
.product_box .items .imgs>span>img {width:100%;height:4.78rem;object-fit:cover;transition:none}
.product_box .items .imgs:before{content:'';width:100%;height:40%;background:linear-gradient(to bottom,rgba(1,97,212,0),rgba(1,97,212,1));position:absolute;bottom:0;left:0;z-index:1}
.product_box .items .imgs h6 {position:absolute;bottom:.5rem;left:0;width:100%;text-align:center;z-index:2;font-size:.24rem;color:#FFF}
.product_box .items .imgs h6 i{display:block;margin:0 auto .15rem;width:.67rem;height:.67rem;border:1px solid #FFF;line-height:.65rem;text-align:center;border-radius:100%}
.product_box .items .imgs h6 i img {max-height:.44rem;transition:none;}
.product_box .items .text{padding:0 .2rem 0 .65rem;}
.product_box .items .text h2 {font-size:.36rem;color:#141414;font-weight:bold;margin:0 0 .45rem;}
.product_box .items .text p{font-size:.16rem;color:#4f4f4f;line-height:.27rem;height:.81rem;margin:0 0 1rem;overflow:hidden}
.product_box .items .text em {font-size:.16rem;color:#4f4f4f;padding:.2rem 0 0;position:relative;display:inline-block;}
.product_box .items .text em:before{content:'';width:.32rem;height:6px;background:#008cd6;position:absolute;top:0;left:0}
.product_box .items.li-it0 a .text {background:url(../images/icon11-1.png) right 20% no-repeat;background-size:auto 2rem;}
.product_box .items.li-it1 a .text {background:url(../images/icon11-2.png) right 20% no-repeat;background-size:auto 2rem;}
/*
.product_box .items.li-it2 a .text {background:url(../images/icon11-3.png) right 20% no-repeat;background-size:auto 2rem;}
*/
.product_box .items.li-it2 a .text {background:url(../images/icon11-4.png) right 20% no-repeat;background-size:auto 2rem;}
.product_box .items.li-it3 a .text {background:url(../images/icon11-5.png) right 20% no-repeat;background-size:auto 2rem;}
.product_box .items.li-it4 a .text {background:url(../images/icon11-6.png) right 20% no-repeat;background-size:auto 2rem;}
.product_box .items.li-it5 a .text {background:url(../images/icon11-7.png) right 20% no-repeat;background-size:auto 2rem;}
/*中央*/
.show_probox1{background:#f5f5f5;padding:.92rem 0 1.8rem;}
.show_probox1 .mains{background:#FFF;border-radius:14px;overflow:hidden;padding:.7rem 0 1.95rem;}
.show_probox1 .mains .names {position:relative;padding:0 .4rem .4rem;border-bottom:1px solid #dcdcdc}
.show_probox1 .mains .names h1 {font-size:.36rem;color:#141414;font-weight:bold;}
.show_probox1 .mains .names a{position:absolute;right:.4rem;bottom:.4rem;width:.54rem;height:.54rem;border:2px solid #9f9f9f;border-radius:100%;line-height:.5rem;text-align:center;font-size:.24rem;color:#9f9f9f;font-weight:bold;}
.show_probox1 .mains .contents{padding:.45rem .4rem 0}
.show_probox1 .mains .contents .items1 {background:#f5f5f5;padding:.5rem .45rem .55rem;border-radius:10px;}
.show_probox1 .mains .contents  h4 {font-size:.2rem;color:#008cd6;padding:.23rem 0 0;position:relative;margin:0 0 .38rem;font-weight:bold;}
.show_probox1 .mains .contents  h4:before{content:'';width:.32rem;height:6px;background:#008cd6;position:absolute;top:0;left:0}
.show_probox1 .mains .contents .items1 .t {font-size:.18rem;color:#4f4f4f;line-height:1.65}
.show_probox1 .mains .contents .items2 {padding:.75rem .45rem 0}
.show_probox1 .mains .contents .items2 .t>div{margin:0 0 .5rem;padding:0 0 .3rem;border-bottom:1px solid #d2d2d2}
.show_probox1 .mains .contents .items2 .t h6 {font-size:.18rem;color:#3d3d3d;font-weight:bold;margin:0 0 .35rem;}
.show_probox1 .mains .contents .items2 .t p{font-size:.16rem;color:#626262;margin:0;line-height:1.8}
.show_probox1 .mains .contents .items2 .t>div:last-child{margin:0;padding:0;border-bottom:0}

.show_probox2 .mains .contents{padding:.54rem .45rem 0;}
.show_probox2 .mains .contents .items2{padding:0 0 .65rem;margin:0 0 .55rem;border-bottom:1px solid #d2d2d2}
.show_probox2 .mains .contents .items2:last-child{margin:0;padding:0;border:0}
/**/
.show_probox3{background:#f5f5f5;padding:.92rem 0 3rem;}
.show_probox3>div>div{margin:0 0 .45rem;}
.show_probox3 .mains0 {background:#FFF;padding:.7rem 0 1.2rem;border-radius:14px;}
.show_probox3 .names {position:relative;padding:0 .4rem .4rem;border-bottom:1px solid #dcdcdc}
.show_probox3 .names h1 {font-size:.36rem;color:#141414;font-weight:bold;}
.show_probox3 .names a{position:absolute;right:.4rem;bottom:.4rem;width:.54rem;height:.54rem;border:2px solid #9f9f9f;border-radius:100%;line-height:.5rem;text-align:center;font-size:.24rem;color:#9f9f9f;font-weight:bold;}
.show_probox3 .mains0 .contents{padding:.65rem .45rem 1.2rem;}
.show_probox3 .mains0 .contents .item{font-size:.18rem;color:#4f4f4f;line-height:1.9;padding:0 0 .5rem;border-bottom:1px solid #d2d2d2}
.show_probox3 .mains0 .contents .item2 {padding:.58rem 0 0;font-size:.16rem;color:#626262;line-height:1.8}
.show_probox3 .mains0 .contents  h4 {font-size:.2rem;color:#008cd6;padding:.23rem 0 0;position:relative;margin:0 0 .38rem;font-weight:bold;}
.show_probox3 .mains0 .contents  h4:before{content:'';width:.32rem;height:6px;background:#008cd6;position:absolute;top:0;left:0}

.show_probox3 .mains1,.show_probox3 .mains2 {background:#FFF;border-radius:14px;overflow:hidden;padding:.7rem 0 .95rem;}
.show_probox3 .mains1 .editor {padding:.4rem .35rem 0;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:.15rem .11rem;}
.show_probox3 .mains1 .editor p{margin:0;background:#008cd6;font-size:.18rem;color:#FFF;font-weight:bold;padding:.85rem .25rem 0;height:2.24rem;border-radius:12px;}
.show_probox3 .mains2 .lists{padding:.55rem .65rem 0}
.show_probox3 .mains2 .lists .swiper-slide a{display:block;position:relative;text-align:center}
.show_probox3 .mains2 .lists .swiper-slide .imgs {background:#f5f5f5;height:4.67rem;line-height:4.67rem;border-radius:6px;overflow:hidden}
.show_probox3 .mains2 .lists .swiper-slide .imgs img {max-height:3.8rem;transition:none}
.show_probox3 .mains2 .lists .swiper-slide p{font-size:.16rem;color:#141414;font-weight:bold;margin:.3rem 0 0}
.show_probox3 .mains2 .lists .swiper-slide a:hover .imgs {transform:scale(.98);box-shadow:2px 2px 4px rgba(0,0,0,.12)}
.show_probox3 .mains2 .lists .swiper-slide a:hover p{color:#008cd6}
/**/
.show_product{background:#f5f5f5;padding:.9rem 0 2.8rem;}
.show_product .imgbox{background:#FFF;padding:.75rem 0 .35rem;border-radius:14px;overflow:hidden;}
.show_product .imgbox .names {position:relative;padding:0 .4rem .4rem;border-bottom:1px solid #dcdcdc}
.show_product .imgbox .names h1 {font-size:.36rem;color:#141414;font-weight:bold;}
.show_product .imgbox .imgs{position:relative;padding:.65rem .7rem;text-align:center}
.show_product .imgbox .imgs span {display:inline-block;background:none !important;}
.show_product .imgbox .imgs .pages>a{position:absolute;left:.7rem;top:50%;transform:translateY(-50%);z-index:2;text-align:center;}
.show_product .imgbox .imgs .pages>a i {display:inline-block;width:.65rem;height:.65rem;border:1px solid #929292;border-radius:100%;line-height:.63rem;text-align:center;font-size:.26rem;color:#909399;font-weight:bold;}
.show_product .imgbox .imgs .pages>a p{font-size:.16rem;color:#8f8f8f;margin:.3rem 0 0;}
.show_product .imgbox .imgs .pages>a:last-child{left:auto;right:.7rem;}
.show_product .contents{margin:.35rem 0 0;background:#FFF;border-radius:14px;overflow:hidden;padding:.75rem .65rem 1.5rem;}
.show_product .contents h4 {font-size:.24rem;color:#141414;font-weight:bold;margin:0 0 .3rem;}
.show_product .contents .editor {font-size:.16rem;color:#141414;}
.show_product .contents .editor table {background:#f6f6f6;}
.show_product .contents .editor table td p{margin:0}
.show_product .contents .editor table td{height:.52rem;vertical-align:middle;border:1px solid #929292;text-align:center;}
/**/
.show_probox4 .contents .items3{padding:.45rem 0 0;margin:0 .45rem;border-bottom:1px solid #dcdcdc}
.show_probox4 .contents .items3 p:first-child {padding:0 0 .5rem;border-bottom:1px solid #dcdcdc}
.show_probox4 .contents .items3 p {font-size:.16rem;color:#626262;margin:0 0 .55rem;}
.show_probox4 .contents .items3 p em {display:block;font-size:.18rem;color:#171717;font-weight:bold;margin:0 0 .25rem;}
.show_probox4 .mains .contents .items2 .t>div{border-bottom:0}
.show_probox4 .mains .contents .items2 .t h6 {font-weight:bold;font-size:.18rem;color:#171717;font-weight:bold;}
.show_probox4 .contents .items4 {padding:.7rem 0 0;margin:.5rem .45rem 0;border-top:1px solid #dcdcdc}
.show_probox4 .contents .items4 .t{display:grid;grid-template-columns:1fr 1fr;gap:0 .41rem;}
.show_probox4 .contents .items4 .t>div{height:100%;background:#f6f6f6;padding:.45rem .25rem .5rem;}
.show_probox4 .contents .items4 .t h6 {font-size:.2rem;color:#2d2d2d;font-weight:bold;margin:0 0 .2rem;}
.show_probox4 .contents .items4 .t p{font-size:.16rem;color:#545454;padding:0 0 .3rem;margin:0 0 .23rem;border-bottom:1px solid #e5e5e5}

.show_probox5 .mains .contents>div:last-child{padding:.55rem 0 0;border-top:1px solid #dcdcdc;margin:.8rem .45rem 0;}
/**/
.show_probox6 .mains .contents .items2{padding:0 0 .67rem;}
.show_probox6 .mains .contents .items2 .t{font-size:.18rem;color:#4f4f4f;line-height:1.65;padding:0 0 .8rem;border-bottom:1px solid #dcdcdc}
.show_probox6 .mains .contents .items2 .txt {display:grid;grid-template-columns:35% 30% 35%;align-items:center;padding:.95rem 0 .55rem;border-bottom:1px solid #dcdcdc}
.show_probox6 .mains .contents .items2 .txt p{font-size:.18rem;color:#4f4f4f;line-height:1.6;margin:0}
.show_probox6 .mains .contents .items2 .txt p:first-child{margin:0 0 .95rem;}
.show_probox6 .mains .contents .items2 .txt>div:first-child{padding:0 .65rem 0 0}
.show_probox6 .mains .contents .items2 .txt>div:last-child {padding:0 0 0 .65rem;}
.show_probox6 .mains .contents .items2 .infos{padding:0 .88rem 0 0}
.show_probox6 .mains .contents .items2 .infos .t1 {display:flex;}
.show_probox6 .mains .contents .items2 .infos .t1 p{width:25%;position:relative;padding:0 .6rem .6rem 0;}
.show_probox6 .mains .contents .items2 .infos p{font-size:.16rem;color:#626262;margin:0;border-bottom:.1rem solid #bddcff;position:relative}
.show_probox6 .mains .contents .items2 .infos p em {position:absolute;width:.46rem;height:.46rem;border-radius:100%;font-size:.16rem;color:#FFF;font-weight:bold;line-height:.46rem;text-align:center;bottom:-.28rem;left:0;background:#007acf;z-index:2}
.show_probox6 .mains .contents .items2 .infos p strong {font-size:.16rem;color:#323232;display:block;margin:0 0 .25rem;}
.show_probox6 .mains .contents .items2 .infos .t1 p:first-child{padding-left:.55rem;}
.show_probox6 .mains .contents .items2 .infos p:before{content:'';border-top:.2rem solid transparent;border-bottom:.2rem solid transparent;border-left:.4rem solid #bddcff;position:absolute;left:50%;bottom:-.25rem;}
.show_probox6 .mains .contents .items2 .infos .t2 {display:flex;flex-direction: row-reverse;position:relative;padding:.6rem 0 0;border-right:.12rem solid #bddcff}
.show_probox6 .mains .contents .items2 .infos .t2 p {width:25%;position:relative;padding:0 .6rem .6rem 0}
.show_probox6 .mains .contents .items2 .infos .t2 p:last-child{padding-left:.55rem;}
.show_probox6 .mains .contents .items2 .infos .t2 p:before{border-left:0;border-right:.4rem solid #bddcff}
.show_probox6 .mains .contents .items2 .infos .t2:before{content:'';border-top:.4rem solid #bddcff;border-left:.2rem solid transparent;border-right:.2rem solid transparent;position:absolute;top:50%;transform:translateY(-50%);right:-.25rem;}
.show_probox6 .mains .contents .items2 .infos .t3 {position:relative;display:flex;    align-items: flex-end;}
.show_probox6 .mains .contents .items2 .infos .t3:before{content:'';border-top:.4rem solid #bddcff;border-left:.2rem solid transparent;border-right:.2rem solid transparent;position:absolute;top:50%;transform:translateY(-50%);left:-.03rem;}
.show_probox6 .mains .contents .items2 .infos .t3:after{content:'';width:.12rem;height:100%;background:#bddcff;position:absolute;left:.12rem;top:0}
.show_probox6 .mains .contents .items2 .infos .t3 p {width:25%;position:relative;padding:.6rem .15rem .5rem .8rem;}
.show_probox6 .mains .contents .items2 .infos .t3 p:before{display:none;}
.show_probox6 .mains .contents .items2 .infos .t3 table {width:75%;background:#f4f4f4}
.show_probox6 .mains .contents .items2 .infos .t3 table td {font-size:.18rem;color:#2e2e2e;text-align:center;border:1px solid #e5e5e5;height:.8rem;vertical-align:middle;width:12.5%;}
.show_probox6 .mains .contents .items2 .infos .t3 table td p{margin:0}
.show_probox6 .mains .contents .items2 .infos .t3 table tr:first-child td{height:.6rem;font-size:.16rem;color:#2e2e2e;font-weight:bold;}
/**/
.case_box{padding:.6rem 0 1.65rem;}
.case_box ul {display:grid;grid-template-columns:1fr 1fr 1fr;gap:.52rem .56rem;}
.case_box ul li a{display:block;background:#f0f0f0;border-radius:10px;overflow:hidden;}
.case_box ul li .imgs {position:relative;border-radius:10px;overflow:hidden;}
.case_box ul li .imgs img {width:100%;height:3.92rem;object-fit:cover;transition:none;}
.case_box ul li .imgs em {position:absolute;top:.25rem;left:.18rem;z-index:1;font-size:.16rem;color:#FFF;background:rgba(255,255,255,.2);border-radius:9999px;padding:0 .15rem;line-height:.3rem;}
.case_box ul li .text{padding:.25rem 0 .55rem;}
.case_box ul li .text h6 {font-size:.2rem;color:#393939;padding:0 .25rem .25rem;border-bottom:1px solid #dcdcdc}
.case_box ul li .text p{font-size:.16rem;color:#888;line-height:.25rem;height:.75rem;overflow:hidden;margin:.3rem 0 0;padding:0 .25rem;}
.case_box ul li a:hover {transform:translateY(-5px);box-shadow:2px 2px 4px rgba(0,0,0,.12)}
/**/
.page{margin:.95rem 0 0}
.page a{display:inline-block;margin:0 4px;width:.48rem;height:.48rem;background:#f5f5f6;line-height:.48rem;font-size:.16rem;color:#878787;border-radius:6px;font-weight:bold;}
.page a.page-item{width:auto;padding:0 .24rem;}
.page a.page-num-current,.page a:hover{background:#37a6fa;color:#FFF}
/**/
.fixed_case .mains{width:100%;padding:0 2.1rem;background:none;margin:0;height:100%;border-radius:0;    display: grid;
    align-items: center;}
.fixed_case .mains .contents {background:#FFF;border-radius:20px;overflow:hidden;padding:.3rem .35rem;display:flex;max-height:95%}
.fixed_case .mains .contents .let {width:42%;padding:0 .65rem 0 0}
.fixed_case .mains .contents .let .imgs img{width:100%;height:5.12rem;object-fit:cover;transition:none;border-radius:10px;}
.fixed_case .mains .contents .let .othpro{margin:.2rem 0 0}
.fixed_case .mains .contents .let .othpro a{display:block;position:relative;background:#efefef;padding:.25rem;border-radius:10px;display:grid;grid-template-columns:39% auto;}
.fixed_case .mains .contents .let .othpro .txt h4 {font-size:.2rem;color:#393939;font-weight:bold;margin:0 0 .55rem;}
.fixed_case .mains .contents .let .othpro .txt i {width:.61rem;height:.61rem;background:#1194d9;border-radius:100%;line-height:.61rem;text-align:center;font-size:.36rem;color:#FFF}
.fixed_case .mains .contents .let .othpro .imgpro {height:2.4rem;line-height:2.4rem;background:#FFF;text-align:center}
.fixed_case .mains .contents .let .othpro .imgpro img {max-height:1.8rem;}
.fixed_case .mains .contents .rlt{width:58%}
.fixed_case .mains .contents .rlt h4 {font-size:.3rem;color:#393939;padding:.35rem 0 .25rem;border-bottom:1px solid #e4e4e4;margin:0 0 .3rem;}
.fixed_case .mains .contents .rlt .editor {font-size:.16rem;color:#888888;line-height:1.7;height:83%}
.fixed_case .mains .contents .rlt .editor * {transition:none;}
.fixed_case .mains .contents .rlt .editor strong {font-size:.18rem;color:#FFF;background:#1194d9;border-radius:999px;padding:0 .21rem;line-height:.38rem;display:inline-block;}
/**/
.service_box{}
.service_box .qa {padding:.6rem 0 .7rem;background:#f5f5f5}
.service_box .titles {margin:0 0 .45rem;}
.service_box .titles h3 {font-size:.48rem;color:#101010}
.service_box .titles p{font-size:.24rem;color:#4d4d4d;margin:.25rem 0 0}
.service_box .qa .lists ul{display:grid;grid-template-columns:1fr 1fr;gap:.34rem .73rem;}
.service_box .qa .lists li a{display:block;position:relative;background:#FFF;padding:.75rem .35rem .68rem;border-radius:10px;overflow:hidden}
.service_box .qa .lists li p {margin:0;padding-left:.28rem;position:relative;font-size:.2rem;color:#484747}
.service_box .qa .lists li p:before{content:'';width:.1rem;height:.1rem;background:#008cd6;position:absolute;left:0;top:50%;transform:translateY(-50%);border-radius:100%}
.service_box .qa .lists li a:after{content:'';width:0;height:5px;background:#008cd6;position:absolute;bottom:0;left:0;transition:all .5s ease-in-out}
.service_box .qa .lists li a:hover:after{width:100%}
.service_box .qa .lists li a:hover{box-shadow:0 0 .21rem rgba(0,140,214,.13)}
.service_box .qa .lists .mores{margin:.6rem 0 0;text-align:center;}
.service_box .qa .lists .mores a{display:inline-block;font-size:.2rem;color:#7d7d7d}

.feedback{padding:1.05rem 0 .8rem;background:url(../images/icon12.jpg) center bottom no-repeat;background-size:cover;}
.feedback .lists li {padding:0 .35rem 0 0;margin:0 0 .4rem;}
.feedback .lists{padding:0 .7rem 0 0}
.feedback .lists li:last-child{margin:0}
.feedback .lists li input[type="text"],.feedback .lists li textarea{width:100%;height:.9rem;min-height:35px;border:1px solid #1193d8;border-radius:15px;background:#f5f5f5;padding:0 .25rem;font-size:.18rem;color:#6c6c6c;}
.feedback .lists li textarea{height:2.7rem;padding:.25rem;}
.feedback .lists li button {background:#008cd6;font-size:.18rem;color:#FFF;padding:0 .75rem;height:.75rem;min-height:35px;border-radius:999px;border:0;box-shadow:.15rem .15rem .45rem rgba(0,140,214,.4)}

.service_box .after{background:#f5f5f5;padding:.8rem 0 1.5rem;}
.service_box .after .editor {font-size:.16rem;color:#222;line-height:1.7}

.news_box{background:#f5f5f5}
.comnews{background:#f5f5f5;padding:.6rem 0 .7rem}
.news_box .titles {margin:0 0 .45rem;}
.news_box .titles h3 {font-size:.48rem;color:#101010}
.news_box .titles p{font-size:.24rem;color:#4d4d4d;margin:.25rem 0 0}
.comnews .lists {position:relative;padding:0 1.03rem;}
.comnews .lists .swiper-slide a{display:block;position:relative;}
.comnews .lists .swiper-slide .imgs img {width:100%;height:2.74rem;object-fit:cover;transition:none}
.comnews .lists .swiper-slide .text {padding:.35rem .35rem .6rem;background:#FFF}
.comnews .lists .swiper-slide .text span {font-size:.14rem;color:#5e5d5d}
.comnews .lists .swiper-slide .text h5 {font-size:.2rem;color:#2a2929;line-height:.28rem;height:.56rem;overflow:hidden;margin:.2rem 0 .3rem;}
.comnews .lists .swiper-slide .text p{font-size:.16rem;color:#6c6c6c;line-height:.26rem;height:.78rem;overflow:hidden;margin:0 0 .55rem;}
.comnews .lists .swiper-slide .text em {font-size:.14rem;color:#8f8f8f}
.comnews .lists .swiper-page>div{position:absolute;top:50%;left:0;transform:translateY(-50%);width:.7rem;height:.7rem;border:1px solid #a9a9a9;border-radius:100%;line-height:.68rem;text-align:center;font-size:.32rem;color:#565656}
.comnews .lists .swiper-page>div.slide-button-next{left:auto;right:0}
.comnews .lists .swiper-page>div:hover {background:#008cd6;border-color:#008cd6;color:#FFF}

.industrynews{padding:1.05rem 0 1.2rem;background:#FFF}
.industrynews .lists{border-top:1px dashed #b6b6b6}
.industrynews .lists>div a{display:grid;position:relative;padding:.45rem 1rem .55rem 1.24rem;grid-template-columns:33% 33% auto;border-bottom:1px dashed #b6b6b6}
.industrynews .lists .tit,.industrynews .lists .desc{padding:0 .65rem 0 0}
.industrynews .lists .tit span{font-size:.14rem;color:#8f8f8f;display:inline-block;padding:.25rem 0 0}
.industrynews .lists .tit h5 {font-size:.2rem;color:#2a2929;margin:.35rem 0 0}
.industrynews .lists .desc p{font-size:.16rem;color:#6c6c6c;line-height:.26rem;height:.78rem;overflow:hidden;margin:.65rem 0 .75rem;}
.industrynews .lists .desc em {font-size:.16rem;color:#9a9a9a;}
.industrynews .lists .imgs img {width:100%;height:2.68rem;object-fit:cover;transition:none}
.industrynews .lists>div a:hover {background:linear-gradient(to bottom,#FFF,#e8f7ff)}
.industrynews .lists>div a:hover .tit  h5 ,.industrynews .lists>div a:hover  .desc p,.industrynews .lists>div a:hover  .desc em{color:#008cd6}
.industrynews .mores {text-align:center;margin:.75rem 0 0}
.industrynews .mores a{display:inline-block;font-size:.24rem;color:#b0b0b0}
/**/
.contact_box .infos>div{display:flex;}
.contact_box .infos>div>div{padding:1.25rem 0 .65rem;width:33.333%;border-right:1px solid #dcdcdc}
.contact_box .infos>div>div:last-child{border-right:0}
.contact_box .infos p{margin:0}
.contact_box .infos p:first-child {height:.65rem;}
.contact_box .infos p:first-child img {max-height:.65rem;transition:none}
.contact_box .infos .tels h5 {font-size:.3rem;color:#282828;margin:.45rem 0 .5rem;}
.contact_box .infos .tels h5 em {display:block;margin:.2rem 0 0;font-size:.36rem;}
.contact_box .infos .tels p{font-size:.16rem;color:#717171}
.contact_box .infos .adds{padding:1.25rem .85rem .65rem;}
.contact_box .infos .adds p {font-size:.16rem;color:#282828;margin:0 0 .45rem;}
.contact_box .infos .adds h4 {font-size:.24rem;color:#282828;margin:0 0 .65rem;}
.contact_box .infos .adds h6 {font-size:.16rem;color:#008cd6;margin:0 0 .2rem;}
.contact_box .infos .adds p:last-child{margin:0;}
.contact_box .infos .adds p:last-child img {max-height:.67rem;transition:none}
.contact_box .infos .emails{padding-left:.85rem;}
.contact_box .infos .emails p {font-size:.18rem;color:#282828;margin:0 0 .45rem;}
.contact_box .infos .emails h5 {font-size:.36rem;color:#282828;margin:0 0 .5rem;}
.contact_box .infos .emails h6 {font-size:.16rem;color:#373737;}
.contact_box .map #container {height:6.15rem;min-height:350px;}

.message{padding:.85rem 0 1.9rem;}
.message h3 {font-size:.36rem;color:#6c6c6c;margin:0 0 .5rem;}
.message .lists li {padding:0 .35rem 0 0;margin:0 0 .4rem;}
.message .lists{padding:0 .7rem 0 0}
.message .lists li:last-child{margin:0}
.message .lists li input[type="text"],.message .lists li textarea{width:100%;height:.9rem;min-height:35px;border:0;border-radius:15px;background:#f5f5f5;padding:0 .25rem;font-size:.18rem;color:#6c6c6c;}
.message .lists li textarea{height:2.7rem;padding:.25rem;}
.message .lists li button {background:#008cd6;font-size:.18rem;color:#FFF;padding:0 .75rem;height:.75rem;min-height:35px;border-radius:999px;border:0;}
.message .lists li input[name="checkcode"] {width:30%}
/********<=767 mobile nav style css********/
.fl-page{position:relative;top:-1.5rem;}

#menu {display:none;}
#menu.mm-menu.mm-current{display:block;}
.m-header {background:#FFF;box-shadow:0 0 12px rgba(0,0,0,0.2)}
.m-header >.col-xs-6>div {color:#333;line-height:normal;}
.m-header >.col-xs-6 .langs>*{display:inline-block;font-size:14px;color:#333;line-height:normal;}
.m-header >.col-xs-6 .langs em {padding:0 5px;}
.m-header >.col-xs-6 .langs a{width:30px;height:30px;background:#333;color:#FFF;line-height:30px;text-align:center;border-radius:100%;margin:0 0 0 5px;}
.m-header >.col-xs-6 .menu{margin-left:.15rem;}
.m-header >.col-xs-6 .menu a{font-size:16px;color:#333}
.m-header >.col-xs-6 .menu a>* {display:inline-block;vertical-align:middle;}
.m-header >.col-xs-6 .menu a i {font-size:20px;}
.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********/

/**************************/
@media(max-width:1800px){
	.menu_box .navlist ul li{padding-right:.35rem;}
}
@media(max-width:1650px){
	.menu_box .navlist ul li{padding-right:.3rem;}
	.menu_box .navlist .langs{padding:0 .3rem 0 .2rem;}
}
@media(max-width:1440px){
	.m210 {margin:0 1.1rem;}
	.tem_banner .label_text{left:1.1rem;}
	.flash .page_txt{padding:0 1.1rem;}
	.company .mains2:before{right:-1.1rem;}
	.fixed_case .mains{padding:0 1.1rem;}
}
/******ipad****/
@media(max-width:990px){
	body{overflow-x:hidden;}
	.st-menu {display:block;}	
	.header {display:none;}
	.m-header  {top:0;opacity:1;}
	.menu_box .navlist > ul {display:none;}
	.m210 {margin:0 25px;}
	.tem_banner .label_text{left:25px;}
	.flash .page_txt{padding:0 25px;}
	.company .mains2:before{right:-25px;}
	.fixed_case .mains{padding:0 25px;}
}
/********mobile*********/
@media(max-width:767px){
	.m210 {margin:0 15px;}
	.tem_banner .label_text{left:15px;}
	.tem_banner .label_text p,.tem_banner .label_text>div{display:none;}
	.flash .page_txt{padding:0 15px;}
	.company .mains2:before{right:-15px;}
	.index_about .mains,.index_about .nums,.index_field > div,.index_news .lists,.footer > div{display:block;}
	.index_about .mains>div{margin:0 0 .35rem;}
	.index_product .itembox > div{width:33.333%;margin:0 0 .3rem}
	.index_product .itembox > div#on {width:33.333%}
	.index_product .itembox > div .boxs{display:none;}
	.index_product .itembox > div#on a::before{opacity:1}
	.index_product .itembox > div#on a::after{opacity:0}
	.index_product .itembox > div#on::after{opacity:0}
	.index_product .itembox > div#on a h5{opacity:1;transform:none;}
	.index_field .column{margin:.45rem 0 0}
	.index_news .lists > div{margin:0 0 .5rem}
	.footer .navlist{display:none;}
	.footer .tels{padding:.4rem 0 0}
	.copy .codes,.sort_navlist {display:none;}
	.footer{padding:.4rem 0 }
	.flash img {width:100%;height:350px;transition:none;object-fit:cover}
	.company .mains{display:block;}
	.company .mains::before{display:none;}
	.company .mains .text{padding:0 0 .5rem;}
	.company .mains2 .text{padding:.5rem 0 0}
	.company .nums{display:block;padding:0}
	.company .nums > div{width:50%;display:inline-block;vertical-align:top;}
	.founder .titles{position:relative}
	.founder .mains{display:block;}
	.founder .mains .editor{padding:.75rem 0 0}
	.culture .mains > div:first-child{padding-right:.3rem;}
	.partner .lists{padding:0}
	.partner .swiper-slide > div{width:33.333%}
	.field_box .mains .lists{padding:.5rem .25rem;}
	.field_box .mains > div{display:block;}
	.show_probox3 .mains1 .editor{grid-template-columns:1fr 1fr;}
	.show_probox4 .contents .items4 .t,.show_probox6 .mains .contents .items2 .txt{display:block;}
	.show_probox4 .contents .items4 .t > div{margin:0 0 .35rem;}
	.show_probox6 .mains .contents .items2 .txt > div:first-child,.show_probox6 .mains .contents .items2 .txt > div:last-child{padding:.45rem 0}
	.show_probox6 .mains .contents .items2 .infos .t1{display:block;}
	.show_probox6 .mains .contents .items2 .infos .t1 p{width:100%;}
	.show_probox6 .mains .contents .items2 .infos .t1 p:first-child{padding-left:0}
	.show_probox6 .mains .contents .items2 .infos{padding:0}
	.show_probox6 .mains .contents .items2 .infos p em{position:relative;bottom:auto;display:inline-block;margin:0 0 .3rem}
	.show_probox6 .mains .contents .items2 .infos p::before{display:none;}
	.show_probox6 .mains .contents .items2 .infos p{border-bottom:0;padding-right:0}
	.show_probox6 .mains .contents .items2 .infos .t2{display:block;border:0;padding:0}
	.show_probox6 .mains .contents .items2 .infos .t2 p::before{border-right:0}
	.show_probox6 .mains .contents .items2 .infos .t2 p{width:100%;padding-right:0}
	.show_probox6 .mains .contents .items2 .infos .t2::before,.show_probox6 .mains .contents .items2 .infos .t3::after,.show_probox6 .mains .contents .items2 .infos .t3::before{display:none;}
	.show_probox6 .mains .contents .items2 .infos .t2 p:last-child{padding-left:0}
	.show_probox6 .mains .contents .items2 .infos .t3{display:block;}
	.show_probox6 .mains .contents .items2 .infos .t3 p{padding:0 0 .5rem;width:100%}
	.show_probox6 .mains .contents .items2 .infos .t3 table{width:100%}
	.case_box ul{display:block}
	.case_box ul li {margin:0 0 .35rem;}
	.fixed_case .mains{padding:0 15px;}
	.service_box .qa .lists ul{display:block;}
	.service_box .qa .lists ul li {margin:0 0 .15rem}
	.feedback .lists{padding:0}
	.industrynews .lists > div a{display:block;padding:.45rem 0 .55rem;}
	.industrynews .lists .tit, .industrynews .lists .desc{padding:0 0 .5rem;}
	.contact_box .infos > div{display:block;}
	.contact_box .infos > div > div{width:100%;padding:.45rem 0;border:0;border-bottom:1px solid #dcdcdc}
	.contact_box .infos .adds{padding:.45rem 0;}
	.contact_box .infos .emails{padding-left:0}
	.message .lists{padding:0}
	.fixed_case .mains .contents .let{display:none}
	.fixed_case .mains .contents .rlt {width:100%}
}