@charset "utf-8";
@font-face {
    font-family: 'hm';
    src: url('fonts/HarmonyOS/Light.woff') format('woff');
    font-weight: 100;
    font-display: swap;
}
@font-face {
    font-family: 'hm';
    src: url('fonts/HarmonyOS/Regular.woff') format('woff');
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'hm';
    src: url('fonts/HarmonyOS/Medium.woff') format('woff');
    font-weight: 500;
    font-display: swap;
}
@font-face {
    font-family: 'hm';
    src: url('fonts/HarmonyOS/Bold.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}

/*初始化样式*/
*{-webkit-tap-highlight-color:transparent;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}

/*html5设置*/
html{-webkit-text-size-adjust:none;font-size:5.20834vw;}
article,aside,details,figcaption,figure,footer,header,main,nav,section{display:block;}
html,body,div,pre,code,form,fieldset,legend,input,textarea,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main,p,h1,h2,h3,h4,h5,h6,dl,dd,ol,ul,li{margin:0;padding:0;}
body{background-color:#fff;color:#000;font:normal 0.16rem/1.875em 'hm';overflow-x:hidden;word-wrap:break-word;}
a{text-decoration:none;outline:none;color:#000;}
a:focus{outline:none;-moz-outline:none;}
a:hover{color:#009ade;}
a img{border:none;}
img{vertical-align:middle;max-width:100%;}
li{list-style:none;}
select,input,textarea,button{border-radius:0;-webkit-border-radius:0;background:none;border:none;margin:0;padding:0;outline:none;font-family:'hm'; font-size:1em;}
input:focus{outline:none;}
textarea{resize:none;}
input::-moz-placeholder{opacity:0.75;color:inherit;}
input:-moz-placeholder{opacity:0.75;color:inherit;}
input::-webkit-input-placeholder{opacity:0.75;color:inherit;}
input:-ms-input-placeholder{opacity:0.75;color:inherit;}
table{background-color:transparent;border-spacing:0;border-collapse:collapse;width:100%;box-sizing:border-box;}
table td,table th{box-sizing:border-box;}

/*全局样式*/
.inner{width:93.75%;max-width:78.75em;margin:0 auto;}
.clear{clear:both;height:0px;overflow:hidden;}
.figure{overflow:hidden;position:relative;}
.figure a{display:block;}
.figure img{display:block;width:100%;height:auto;}
.figure .img{background:no-repeat center center;background-size:contain;display:block;transition:all .3s;}
#small .figure .img{background:no-repeat center center;background-size:cover;display:block;transition:all .3s;}
.rows{display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;}
.wot{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.submit{cursor:pointer;}
.submit:hover{opacity:0.85;}
.fz48{font-size:3em;line-height:1.25em;}
.fz36{font-size:2.25em;line-height:1.25em;}

/*flexbox*/
.flex{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;}
.table{display:table;table-layout:fixed;width:100%;}
.table .td{display:table-cell;vertical-align:middle;}

/*entry*/
.entry{font-size:1.25em;color:#111;}
.entry *{line-height:1.5em;}
.entry img{height:auto!important;}
.entry ul li{position:relative;padding-left:1.66666667em;}
.entry ul li:before{width:0.27777778em;height:0.27777778em;border-radius:50%;background-color:#3f3a39;content:'';display:block;position:absolute;left:0.38888889em;top:0.75em;}
.entry ol li{list-style:outside decimal none;}
.entry h1{font-size:1.5em;}
.entry h2{font-size:1.25em;}
.entry h3{font-size:1.125em;}
.entry h4{font-size:1em;}
.entry h5{font-size:0.875em;}
.entry h6{font-size:0.75em;}
.entry blockquote{margin:0 2em;font-style:italic;opacity:0.95;padding:1em;border:1px solid #e8e8e8;background-color:#f9f9f9;}
.entry hr{border:none;clear:both;border-bottom:1px solid #e6e6e6;}

/*header*/
#header{position:relative;z-index:8;background-color:#fff;}
#header > .inner{display:table;table-layout:fixed;}

/*logo*/
#logo{width:8.75em;font-size:1em;display:table-cell;vertical-align:middle;position:relative;z-index:10;padding:1em 0;}
#logo a{display:block;overflow:hidden;padding-bottom:47.85714286%;position:relative;}
#logo i{position:absolute;width:100%;height:100%;text-indent:-99999em;display:block;overflow:hidden;background:no-repeat left center;background-size:contain;}

/*button*/
#button{display:table-cell;vertical-align:middle;width:12.5em;}
#button > .flex{align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}

/*language*/
#language{position:relative;}
#language a{font-size:0.88888889em;border:1px solid #333;width:1.94444444em;height:1.94444444em;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;align-items:center;justify-content:center;border-radius:50%;}
#language a:hover{background-color:#009ade;color:#fff;border-color:#009ade;}

/*search*/
#search .input{position:relative;padding-right:3.75em;border-radius:1.25em;background-color:#f5f5f5;max-width:12.5em;}
#search .text{display:block;width:100%;height:2.22222222em;font-size:1.125em;line-height:1.77777778em;padding:0.22222222em 0 0.22222222em 1em;}
#search .go{display:block;position:absolute;right:0;top:0;height:100%;width:3.75em;cursor:pointer;background:url(../images/search_02.svg) no-repeat center center;background-size:auto 50%;}

/*navbtn*/
#navbtn{display:none;}

/*navi*/
#navi{display:table-cell;vertical-align:middle;padding:0 5%;}
#navi .menu{align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;width:45em;margin:0 auto;max-width:100%;}
#navi a{display:block;white-space:nowrap;}
#navi .parent{font-size:1.25em;font-weight:bold;line-height:2em;padding:1.475em 0;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;align-items:center;position:relative;}
#navi .static{position:static;}
#navi .on > a,#navi .cur > a{color:#009ade;}
#navi .on em:after,#navi .cur em:after{background-image:url(../images/arrow_03.svg);}
#navi em{position:relative;margin-top:0.3em;margin-left:0.5em;}
#navi em:after{width:0.6em;height:0.45em;display:block;content:'';background:url(../images/arrow_02.svg) no-repeat center center;background-size:contain;}
#navi .drop{position:absolute;top:100%;background-color:#fff;left:0;border-top:1px solid #ddd;display:none;min-width:100%;}
#navi .lsub{padding:1.3em 2.5em;left:-2.5em;}
#navi .lsub li{font-size:1.2em;line-height:1.8em;}
#navi .psub .active > a{color:#009ade;}
#navi .info{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;}
#navi .second{width:18em;background-color:#f6f8fc;padding:1.3em 2.4em;}
#navi .second li{font-size:1.2em;line-height:2.5em;}
#navi .third,#navi .fourth{padding:1.8em 2.4em;}
#navi .third li,#navi .fourth li{line-height:2.1em;}
#navi .third{border-right:1px solid #ddd;}
#navi .third li ul{display:none;}
#navi .fourth{width:calc(100% - 30.5em);display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;align-items:flex-start;}
#navi .item{display:none;}
#navi .image{width:15em;background-color:#fff;border:solid 1px #009ade;border-radius:1.5em;overflow:hidden;}
#navi .image .img{padding-bottom:60.61776062%;padding-bottom:84.41558442%;background-size:contain;}
#navi .image .name{text-align:center;font-weight:bold;line-height:1.5em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:0.85em;}
#navi .image a{display:block;overflow:hidden;padding:0.3em 1em 1.55em;}
@media only screen and (min-width:1025px){
.ishome #header{position:absolute;left:0;top:0;width:100%;transition:all 0.2s;}
.ishome #header:not(:hover){background-color:transparent;}
.ishome #header:not(:hover) #search .input{background-color:rgba(255,255,255,0.25);}
.ishome #header:not(:hover) #search .text{color:#fff;}
.ishome #header:not(:hover) #search .go{background-image:url(../images/search_01.svg);}
.ishome #header:not(:hover) #navi .parent > a{color:#fff;}
.ishome #header:not(:hover) #navi em:after{background-image:url(../images/arrow_01.svg);}
.ishome #header:not(:hover) #navi .cur > a{color:#009ade;}
}

/*banner*/
#banner{padding-bottom:26.04166667%;background:no-repeat center center;background-size:cover;position:relative;}
#banner .text{position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%;color:#fff;text-align:center;}

/*slides*/
#footer{background-color:#000;color:#999;}
#footer a{color:#999;}
#footer a:hover{color:#fff;}

/*bottom*/
#bottom{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;font-size:1.25em;line-height:1.5em;padding:1.15em 0;}

/*site*/
#site{align-items:flex-end;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;border-bottom:1px solid #333;padding:5em 0 2.5em;}
#site .logo{width:8.75em;}
#site img{display:block;width:100%;height:auto;}
#site .social li:not(:last-child){margin-right:1.25em;}
#site .social a{display:block;width:2.625em;}
#site .social i{display:block;overflow:hidden;padding-bottom:100%;background:rgba(255,255,255,0.25) no-repeat center center;background-size:contain;border-radius:50%;}
#site .social .fb{background-image:url(../images/social_fb.png);}
#site .social .in{background-image:url(../images/social_in.png);}
#site .social .tw{background-image:url(../images/social_tw.png);}
#site .social .top{background-color:#009ade;background-image:url(../images/social_top.png);}
#site .social a:hover i{background-color:#009ade;}

/*infor*/
#infor{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;border-bottom:1px solid #333;padding:4.5em 0 4.0625em;}
#infor .info{width:50.79365079%;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
#infor .info dt{color:#fff;font-size:1.25em;line-height:1.35em;font-weight:bold;margin-bottom:0.5em;width:100%;}
#infor .info dd{font-size:1.25em;line-height:1.65em;}
#infor .menu a{display:inline-block;background:no-repeat;background:url(../images/arrow_04.svg) no-repeat left 0.575em;background-size:0.4em auto;padding-left:1.05em;}
#infor .contact{width:62.5%;}
#infor .contact dd{padding-left:1.6em;background:no-repeat left 0.35em;background-size:0.9em auto;margin-bottom:0.5em;}
#infor .contact .tel{background-image:url(../images/icon_tel.svg);}
#infor .contact .mail{background-image:url(../images/icon_mail.svg);}
#infor .contact .addr{background-image:url(../images/icon_addr.svg);}
#infor .form{width:39.68253968%;}
#infor .form .input{background-color:rgba(255,255,255,0.2);margin-bottom:2%;position:relative;}
#infor .form .label{position:absolute;left:0;top:0;height:2.1em;font-size:1.25em;color:#fff;width:100%;line-height:2.1em;padding:0 0.5em;display:none;}
#infor .form .text{font-size:1.25em;display:block;width:100%;height:2.1em;line-height:1.5em;padding:0.3em 0.5em;color:#fff;position:relative;z-index:2;}
#infor .form textarea.text{height:5em;}
#infor .form .column{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;}
#infor .form .column .input{width:32%;}
#infor .form .submit{background-color:#009ade;color:#fff;height:2.1em;font-size:1.25em;width:6em;}

/*bar*/
#bar{background-color:#f6f8fc;}

/*breadcrumb*/
#breadcrumb{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:2.25em;padding:0.6875em 0;}
#breadcrumb a,#breadcrumb i{display:inline-block;vertical-align:middle;}
#breadcrumb a:first-child{background:url(../images/icon_home.svg) no-repeat left center;background-size:1em auto;padding-left:1.625em;}
#breadcrumb i{width:0.375em;height:0.625em;background:url(../images/arrow_05.png) no-repeat center center;background-size:contain;margin:0 0.5625em;}

/*wrapper*/
#wrapper{padding:0.9rem 0;overflow:hidden;}

/*bxname*/
.bxname{color:#009ade;margin-bottom:0.72222222em; text-transform: uppercase;}
.bxname.center{text-align:center;}

/*about*/
#about{margin-bottom:6.34920635%;}
#about .bxname{margin-bottom:0.44444444em;}

/*secne*/
#secne{overflow:hidden;}
#secne ul{width:102.38095238%;}
#secne li{width:33.333%;padding-right:2.3255814%;padding-bottom:2.3255814%;}
#secne .img{padding-bottom:67.5%;}
#secne .img:hover{transform:scale(1.05);}

/*innox*/
#innox .title{font-size:1.5em;line-height:1.35em;margin-bottom:0.91666667em;}
#innox .entry ul{overflow:hidden;}
#innox .entry ul li{margin-bottom:1em;background:url(../images/icon_dot_01.svg) no-repeat left 0.15em;background-size:1.2em auto;padding-left:2em;}
#innox .entry ul li:before{display:none;}

/*quality*/
#quality{overflow:hidden;margin-bottom:4.76190476%;}
#quality ul{width:102.38095238%;}
#quality li{width:33.333%;padding-right:2.3255814%;padding-bottom:2.3255814%;}
#quality li:hover .img{transform:scale(1.05);}
#quality .img{padding-bottom:67.5%;}
#quality .title{text-align:center;font-size:1.25em;line-height:1.5em;margin-top:1em;}

/*pagenavi*/
#pagenavi{justify-content:center;align-items:center;}
#pagenavi a,
#pagenavi span{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;justify-content:center;align-items:center;font-size:1.25em;margin:0 .5%;height:2.3em;min-width:2.3em;position:relative;color:#009ade;background:#fff no-repeat center center;background-size:auto 43.47826087%;border-radius:0.15em;border:1px solid #009ade;border-bottom-width:2px;}
#pagenavi a:hover,
#pagenavi .a_cur{background-color:#009ade;color:#fff;}
#pagenavi .a_prev{background-image:url(../images/prev_01.png);}
#pagenavi .a_prev:hover{background-image:url(../images/prev_02.png);}
#pagenavi .a_next{background-image:url(../images/next_01.png);}
#pagenavi .a_next:hover{background-image:url(../images/next_02.png);}

/*contact*/
#contact{overflow:hidden;}
#contact ul{width:102.38095238%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;}
#contact li{width:33.333%;padding-right:2.3255814%;padding-bottom:2.3255814%;}
#contact .box{background-color:#f6f8fc;border:1px solid #f6f8fc;padding:3.5625em 0.5em 2.5em;position:relative;height:100%;}
#contact .icon{width:3.4375em;margin:0 auto 2.6875em;height:3.4375em;}
#contact .icon img{display:block;width:100%;height:100%;object-fit:contain;}
#contact .icon img:nth-child(2){display:none;}
#contact .name{font-size:1.5em;line-height:1.75em;}
#contact .intro{font-size:1.25em;line-height:1.5em;overflow:hidden;}
#contact .intro h4{font-size:1em;line-height:2.1em;margin-top:0.5em;}
#contact .three .box{text-align:center;}
#contact .two li{width:50%;}
#contact .two .box{padding:1.6875em 3.375em 1.875em 2.4375em;}
#contact .two .name{min-height:1.75em;}
#contact .two .intro p{min-height:3em;}
#contact .box:hover{border-color:#009ade;color:#009ade;}
#contact .box:hover .icon img:nth-child(1){display:none;}
#contact .box:hover .icon img:nth-child(2){display:block;}

/*message*/
#message .name{font-size:1.5em;line-height:1.5em;margin-bottom:0.83333333em;}
#message .input{position:relative;margin-bottom:2.38095238%;}
#message .label{position:absolute;left:0;top:0;width:100%;padding:0 1em;font-size:1.25em;color:#ddd;height:2.5em;line-height:2.5em;}
#message .text{border:solid 1px #ccd3eb;display:block;width:100%;font-size:1.25em;height:10em;line-height:1.5em;padding:0.45em 1em;position:relative;z-index:2;}
#message .submit{background-color:#3563d3;color:#fff;font-size:1.25em;width:6em;height:2.5em;font-weight:bold;}
.smore{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;justify-content:center;}
.smore .go{background-color:#009ade;color:#fff;font-size:1.25em;font-weight:bold;height:3em;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;align-items:center;justify-content:center;width:10em;}
.smore .go:hover {opacity: 0.85;}
/*prolist*/
#prolist{/* padding:0 0.65rem; */margin-bottom:0.28rem;overflow:hidden;}
#prolist ul{width:102.79329609%;}
#prolist li{width:25%;padding-right:2.7173913%;padding-bottom:2.7173913%;}
#prolist li a{display:block;overflow:hidden;position:relative;height:100%;border:solid 1px #ddd;background-color:#fff;padding:0.625em 0.625em 10.2173913%;color:#111;}
#prolist li a:hover{ border-color: #009ade;}
#prolist li a:hover .img{transform:scale(1.05);}
#prolist .title{font-size:1.25em;line-height:1.5em;text-align:center;margin-top:0.75em;}
#prolist li a:hover .title{color:#009ade;}
#prolist .img{padding-bottom:84.41558442%;background-size:contain;}
#prolist.hmpro{padding-top:1.05rem;margin-bottom:0;padding-bottom:1rem;}
#prolist.hmpro ul{margin-bottom:1.25em;}
/*provideo*/
.provideo{position:relative;border-radius:1.875em; overflow:hidden;}
.provideo .img {display:block;content:'';padding-bottom:39.68253968%;}
.provideo .play{position:absolute;left:50%;top:50%;width:5.23809524%;background:url(../images/play.svg) no-repeat center center;background-size:contain;z-index:5;margin:-2.61904762% 0 0 -2.61904762%;transition:all 0.2s;cursor:pointer; display: block;}
.provideo .play:after{padding-bottom:100%;display:block;content:'';}
.provideo #video{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; display:none;}
.provideo a:hover .play{transform:scale(0.95);}


/*proinfo*/
.proinfo{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:4.76190476%;}

/*protxt*/
.protxt{width:46.82539683%;}
.protxt .title{color:#009ade;margin-bottom:0.61111111em;}
.protxt .entry{color:#111;}
.protxt .entry *{line-height:1.25em;}
.protxt .entry ul li{margin-bottom:1em;}
.protxt .entry ul li:before{width:0.25em;height:0.25em;background-color:#000;top:0.5em;}

/*proimg*/
.proimg{width:50%;}
.proimg #large{border:1px solid #ddd;margin-bottom:0.625em;}
.proimg #large .img{padding-bottom:66.66666667%;}
.proimg #small{padding:0 9.52380952%;position:relative;}
.proimg #small .img{padding-bottom:75%;position:relative;}
.proimg #small .img:after{content:'';display:block;position:absolute;box-sizing:border-box;left:0;top:0;width:100%;height:100%;border:1px solid #ddd;}
.proimg #small .swiper-slide-thumb-active .img:after{border-color:#009ade;}
.proimg .arrow{margin-top:0;transform:translateY(-50%);width:7.93650794%;border:1px solid #ddd;height:100%;background-color:#fff;color:#222;font-weight:bold;}
.proimg .arrow:after{font-size:0.875em;}
.proimg .swiper-button-prev{left:0;}
.proimg .swiper-button-next{right:0;}

/*procont*/
.procont{margin-bottom:4.76190476%;overflow-x:auto;-webkit-overflow-scrolling:touch;}
.procont table{text-align:center;min-width:600px;width: 100% !important;}
.procont th:last-child,.procont td:last-child{border-right:none;}
.procont th{background-color:#009ade;color:#fff;border-right:2px solid #fff;font-size:1.125em;line-height:1.5em;padding:0.31666667em 0.5em;}
.procont td{border-right:2px solid #fff;color:#111;line-height:lighter;padding:0.125em 0.5em;}
.procont tr:nth-child(1) td,.procont tr:nth-child(2) td{background-color:rgb(79, 129, 189) !important;color:#fff !important;border:1px solid rgb(221, 221, 221) !important;}
.procont tr:nth-child(2n+1) td{background-color:#f0f4fc;}

/*slides*/
#slides{position:relative;z-index:5;}
#slides .figure:before{content:'';display:block;position:absolute;left:0;width:100%;padding-bottom:25.3125%;background-image:linear-gradient(180deg,#000,transparent);opacity:0.5;z-index:2;}
#slides .img{padding-bottom:31.25%;}
#slides .img:nth-child(2){display:none;}
#slides .text{position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%;z-index:3;}
#slides .intro{text-align:center;max-width:16.66666667em;margin:0 auto;}
#slides a{display:block;overflow:hidden;position:relative;color:#fff;}
#slides .swiper-but{ margin-top:0; transform:translateY(-50%); width:3em; height:3em; background:rgba(0,0,0,0.7); color:#fff; font-weight:bold; border-radius:100%;}
#slides .swiper-but:after{font-size:0.875em;}
#slides .swiper-button-prev{ left:5%;}
#slides .swiper-button-next{ right:5%;}
#slides .swiper-pagination{left:50%;transform:translateX(-50%);bottom:5%;justify-content:center;width:auto;align-items:center;}
#slides .swiper-pagination-bullet{width:0.625em;height:0.625em;background-color:#fff;margin:0 0.625em;position:relative;opacity:1;transition:all 0.3s;}
#slides .swiper-pagination-bullet:before{width:142.85714286%;padding-bottom:142.85714286%;border:0.125em solid #009ade;border-radius:50%;border-left-color:transparent;border-bottom-color:transparent;content:'';display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-45deg);opacity:0;transition:all 0.3s;}
#slides .swiper-pagination-bullet-active{width:0.875em;height:0.875em;background-color:#009ade;}
#slides .swiper-pagination-bullet-active:before{opacity:1;}

/*hmabout*/
#hmabout{background-color:#f6f8fc;overflow:hidden;padding:0.84rem 0 1.2rem;}
#hmabout .box{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;align-items:flex-start;}
#hmabout .figure{width:32%;}
#hmabout .figure #hmabout-img{position: relative;}
#hmabout .figure #hmabout-img .swiper-pagination{justify-content: center;}
#hmabout .figure #hmabout-img .swiper-pagination-bullet {width: 0.625em;height: 0.625em;background-color: #fff;margin: 0 0.25em;position: relative;opacity: 1;transition: all 0.3s;}
#hmabout .figure #hmabout-img .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color: #009ade;}
#hmabout .img{padding-bottom:70.33333333%;}
#hmabout .text{width:64%;}
#hmabout .entry{margin-bottom:5.55932203%;font-size: 1.125em;}
#hmabout .data{margin-bottom:4.47457627%;}
#hmabout .data ul{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;flex-wrap: wrap;}
#hmabout .data li{ width: 100%; margin-bottom: .3rem;}
#hmabout .data .txt{font-size:1.25em;line-height:1.5em;}
#hmabout .data .num{font-weight:bold;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;align-items:flex-end;margin-bottom:0.2em;}
#hmabout .data span{color:#009ade;display:block;line-height:1em;margin-right:0.3125em;}
#hmabout .data .sub{display:block;}
#hmabout .smore{justify-content:flex-start;}



/*搜索*/
.TextList002322 .list{ margin-bottom:.5rem;}
.TextList002322 .list li{ position: relative; padding: 10px 100px 10px 0; line-height:22px; border-bottom:solid 1px #eee;}
.TextList002322 .list li *{ color:#777;}
.TextList002322 .list li time{ position: absolute; right: 0; top: 10px; display: block;}
.TextList002322 .list li a{position:relative; display:block; width:100%;overflow:hidden; white-space:nowrap; -o-text-overflow: ellipsis; text-overflow:ellipsis; padding-left:15px;}
.TextList002322 .list li a:before{ font-family:'宋体'; font-weight:bold;  display:table; content:">"; position: absolute; left: 0; top: 0; height:100%; width:20px;}
.TextList002322 .list li a:hover{ color: #114593;}


@media only screen and (max-width:1280px){

    /*1280px*/
    body{font-size:14px;}

    /*1280px*/
    #navi .psub{font-size:0.26rem;}
}
@media only screen and (max-width:1024px){

    /*1024px*/
    .fz48{font-size:4.1015625vw;}

    /*1024px*/
    .fz36{font-size:3.07617188vw;}

    /*1024px*/
    #header > .inner{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;padding:1em 0;}

    /*1024px*/
    #button{display:block;width:auto;}

    /*1024px*/
    #logo{display:block;padding:0;}

    /*1024*/
    #navbtn{position:relative;cursor:pointer;width:1.28571429em;height:1.14285714em;margin-left:1.5em;transition:all 0.3s;display:block;z-index:10;overflow:hidden;}
    #navbtn:before,#navbtn:after,#navbtn i{width:100%;height:0.14285714em;background-color:#000;display:block;position:absolute;left:50%;margin-left:-0.64285714em;transition:all 0.3s;content:'';}
    #navbtn:before{top:0;}
    #navbtn:after{bottom:0;}
    #navbtn i{top:50%;transform:translateY(-50%);}
    #navbtn.active:before{transform:rotate(45deg);top:50%;}
    #navbtn.active:after{transform:rotate(-45deg);bottom:auto;top:50%;}
    #navbtn.active i{opacity:0;}

    /*1024px*/
    #navi{position:fixed;width:100%;height:100%;background-color:rgba(255,255,255,0.9);z-index:9;left:0;top:0;display:none;}
    #navi .menu{position:fixed;right:0;top:6.18690714em;width:80%;max-width:25em;background-color:#fff;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;height:calc(100% - 6.18690714em);display:block;padding:2em;transform:translateX(100%);transition:transform 0.2s;box-shadow:0px 0.05em 1.05em rgba(0,0,0,0.1);border-top-left-radius:5px;}
    #navi.active .menu{transform:translateX(0);}
    #navi a{white-space:normal;}
    #navi .parent{padding:0.75em 0;line-height:2em;position:relative;display:block;}
    #navi em{display:block;position:absolute;right:-1em;width:3.5em;height:3.5em;z-index:2;top:0;cursor:pointer;margin:0;}
    #navi em:after{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
    #navi .drop{position:relative;left:auto;top:auto;border-top:none;min-width:0;padding:0;background-color:transparent;margin:1em 0 0;}
    #navi .drop li{margin-left:1em;padding:0.5em 0;line-height:1.5em;font-size:1.2em;}
    #navi .drop a{color:#555;}
    #navi .psub{font-size:1em;}
    #navi .info{display:block;}
    #navi .third,#navi .fourth{display:none;}
    #navi .second{width:auto;background-color:transparent;padding:0;}

    /*1024px*/
    #bottom{justify-content:center;flex-direction:column;text-align:center;}

    /*1024px*/
    #pages{margin-bottom:0.5em;}

    /*1024px*/
    #infor .info{width:100%;margin-bottom:2em;}
    #infor .form{width:100%;}

    /*1024px*/

    /*1024px*/
    .proimg{width:100%;margin-bottom:2em;}

    /*1024px*/
    .protxt{width:100%;}

    /*1024px*/
    #hmabout .text{width:100%;margin-bottom:3em;}
    #hmabout .entry{margin-bottom:2em;}
    #hmabout .data{margin-bottom:2em;}
    #hmabout .figure{width:100%;}
}
@media only screen and (max-width:750px){

    /*750px*/
    body{font-size:3.73333333vw;}

    /*750px*/
    .fz48{font-size:2.14285714em;}

    /*750px*/
    .fz36{font-size:1.60714286em;}

    /*750px*/
    #logo{width:7em;}

    /*750px*/
    #search .input{padding-right:2.75em;}
    #search .go{width:2.75em;}

    /*750px*/
    #navbtn:before,
    #navbtn:after,
    #navbtn i{ height:2px;}

    /*750px*/
    #navi .menu{top:5.35em;height:calc(100% - 5.35em);}

    /*750px*/
    #banner{padding-bottom:50%;}

    /*750px*/
    #slides .img{padding-bottom:75%; background-size:cover;}
    #slides .img:nth-child(1){display:none;}
    #slides .img:nth-child(2){display:block;}
    #slides .swiper-but{ width:2.5em; height:2.5em;}
    #slides .swiper-but:after{ font-size:0.7em;}
    #slides .intro{font-size:1.42857143em;}

    /*750px*/
    #infor{padding:2.5em 0;}
    #infor .menu{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;margin-bottom:1.5em;}
    #infor .menu dd{margin-right:1.3em;}
    #infor .contact{width:100%;}
    #infor .form .column .input{width:100%;}

    /*750px*/
    #site{padding:2em 0 1.5em;align-items:center;}
    #site .logo{width:7em;}
    #site .social{font-size:0.875em;}

    /*750px*/
    #wrapper{padding:3em 0;}

    /*750px*/
    #about{margin-bottom:2.5em;}

    /*750px*/
    #secne li{width:50%;}

    /*750px*/
    #quality li{width:100%;padding-bottom:2em;}

    /*750px*/
    #contact{margin-bottom:2em;}
    #contact li,#contact .two li{width:100%;}
    #contact .two .name{min-height:0;}
    #contact .two .intro p{min-height:0;}

    /*750px*/
    #prolist{margin-bottom:2em;}
    #prolist li{width:50%;}
    #prolist.hmpro{padding-top:3em;padding-bottom:3em;}

    /*750px*/
    .smore .go{font-size:1em;}

    /*750px*/
    #hmabout{padding:2.5em 0 3em;}
    #hmabout .text{margin-bottom:2em;}
    #hmabout .data li{width:28%;}
    #hmabout .data .txt{ font-size:1em;}


    /* 750px */
    .TextList002322 .list{ margin-bottom:1.5rem;}
}