@charset "utf-8";
html { font-size: 100px; }
a:hover { text-decoration: none; }
.clip-1 {  overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.clip-2 {  overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.clip-3 {  overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.clip-4 {  overflow: hidden; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
.mt2vh { margin-top: 2vh; }
.mt40 { margin-top: 40px; }
.mtb40 { margin: 40px 0; }
.fw600 { font-weight: 600 }
.fcgreen { color: #fff }
.f12 { font-size: 12px; margin: 0 }
.fw300{font-weight:nomal}
.f16{font-size:.26rem}
.f24{font-size:.4rem}
.line2h{line-height:2}
.byj10{border-radius:10px !important}
.fcb, .fcb a{color:#000}
.fcblue,.fcblue a{color:#1351c2}
.fcgray,.fcgray a{color:#ddd}
.btjb{background: linear-gradient(to right, #75b015, #00aea4, #0e96fd);border-radius:40px!important; width:160px; height:48px; text-align:center; line-height:48px; font-size:18px;color:#fff; display:flex;justify-content: center;margin-top: 0.2rem;-webkit-transition: all .3s ease; transition: all .3s ease;}
.btjb:hover{background: linear-gradient(to right,#0e96fd, #00aea4,#75b015 );-webkit-transition: all .3s ease; transition: all .3s ease; color:#fff}

.btjb i:hover{ margin-left: 20px;-webkit-transition: all .3s ease; transition: all .3s ease; }
.btjb i{color:#fff;    /*margin-top: 15px;*/    margin-left: 10px;}
.ban_tel { background: #018B9D; border-radius: 30px; font-size:17px; text-align: center; padding: 10px 20px; color: #fff; margin-top: 4vh }
.page-footer-logo { position: inherit; left: calc((100% - 350px)/2); top: 0; background: url(Html/staticx/images/foot_logo.png) no-repeat center; width: 350px; height: 235px; }
#footgundong {margin-bottom: 3vh; width: 100%; height: 235px; overflow: hidden; position: relative; }
#footgundong ul { list-style: none; width: 10000000px; left: 0; top: 0; position: absolute; }
#footgundong .ul2 { /*-webkit-animation: scoll 60s linear .6s infinite;*/ }
#footgundong ul li { float: left; height: 235px; width: 100%; }
.lang2 { background: url(../images/foot_bo_bj.png) repeat-x top; }
 @-webkit-keyframes scoll { from {
 left:0;
}
to { left: -100%; }
}
.txtup { text-transform: uppercase }
.clearfix { content: ""; display: block; clear: both; }
/*css btn*/
.logo{ display:block}
.logom{ display:none}
.mtb2h { margin: 30px 0 }
.mb30 { margin-bottom: 30px }
.ptb30 { padding: 30px 0 }
/*::before, ::after { position: absolute; content: ""; }*/
.btn01 { position: relative; display: inline-block; width: auto; height: auto; background-color: transparent; border: none; cursor: pointer; /*margin: 0px 25px 15px;*/ border-radius: 30px !important; }
.btn01 span { position: relative; display: inline-block; font-size: .16rem;
font-weight: bold; letter-spacing: 0; text-transform: uppercase; top: 0; left: 0; width: 100%; padding: 10px 20px; transition: 0.3s; border-radius: 30px !important; }
.btn-2::before { border-radius: 30px !important; background-color: #018B9D; transition: 0.3s ease-out; }
.btn-2 span { color: #018B9D; border: 1px solid #018B9D; border-radius: 30px !important; transition: 0.2s; }
.btn-2 span:hover { border-radius: 30px !important; color: rgb(255,255,255); transition: 0.2s 0.1s; }
/* 9. hover-slide-right */


.btn01.hover-slide-right::before { top: 0; bottom: 0; left: 0; border-radius: 30px !important; height: 100%; width: 0%; }
.btn01.hover-slide-right:hover::before { width: 100%; border-radius: 30px !important; }
.page-wrapper-bottom { background: #018B9D; padding-top:50px;}
.page-footer-header { background: #018B9D; padding-top:50px;}
/*foot menu*/

.page-wrapper-top { height: .8rem
}

h1 { font-size: 20px }
h2 { font-size: 18px }
h3 { font-size: 16px; }
h4 { font-size: 14px }
h5 { font-size: 12px }
h6 { font-size: 10px }
.carousel-caption { top: 1%; }
}
@media (min-width: 541px) and (max-width: 768px) {
.in_par li { float: left; width: 30%; margin-right: 3%; }
.in_par li:nth-child(3n) { margin-right: 0 !important; }
.foot-con { display: flex; justify-content: center; flex-wrap: nowrap; flex-direction: column; align-items: center; align-content: center; }
.foot-con h2 { font-size:.26rem
}
.foot-con p { margin: 5px 0; text-align: center; }
h1 { font-size: 20px }
h2 { font-size: 18px }
h3 { font-size: 16px; }
h4 { font-size: 14px }
h5 { font-size: 12px }
h6 { font-size: 10px }
.carousel-caption { top: 12%; }
}
@media (min-width: 768px) and (max-width: 992px) {
h1 { font-size: 24px }
h2 { font-size: 20px }
h3 { font-size: 18px; }
h4 { font-size: 16px }
h5 { font-size: 12px }
h6 { font-size: 10px }
.carousel-caption { top: 16%; }
.in_par li { float: left; width: 22%; margin-right: 3%; }
.in_par li:nth-child(4n) { margin-right: 0 !important; }
}
 @media (min-width: 992px) and (max-width: 1200px) {
.in_par li { float: left; width: 18%; margin-right: 2%; }
.in_par li:nth-child(5n) { margin-right: 0 !important; }
h1 { font-size: 30px }
h2 { font-size: 24px }
h3 { font-size: 20px; }
h4 { font-size: 16px }
h5 { font-size: 14px }
h6 { font-size: 12px }
.carousel-caption { top: 24%; }
}
 @media (min-width: 1200px) {
.in_par li { float: left; width: 23%; margin-right: 2%; }
.in_par li:nth-child(5n) { margin-right: 2% !important; }
h1.ban1{ font-size:0.48rem;text-transform:uppercase;  text-shadow: black 0.1em 0.1em 0.2em; }
h3.ban3{ font-size:0.88rem;text-transform:uppercase;   text-shadow: black 0.1em 0.1em 0.2em;}
h1.ban2{ font-size:0.22rem; line-height:32px;  text-shadow: black 0.1em 0.1em 0.2em;}
h1 { font-size: 36px }
h2 { font-size: 30px }
h3 { font-size: 24px; }
h4 { font-size: 18px }
h5 { font-size: 14px }
h6 { font-size: 12px }
.carousel-caption { top: 30%; }
}
.f48 { font-size: calc(1vw + 20px; )
}
.carousel-inner img { width: 100%; height: 100%; }
.carousel { position: relative }
.carousel.pointer-event { -ms-touch-action: pan-y; touch-action: pan-y }
.carousel-inner { position: relative; width: 100%; overflow: hidden }
.carousel-inner::after { display: block; clear: both; content: "" }
.carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: -webkit-transform .6s ease-in-out; transition: transform .6s ease-in-out; transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out }
@media (prefers-reduced-motion:reduce) {
.carousel-item { transition: none }
}
.carousel-item-next, .carousel-item-prev, .carousel-item.active { display: block }
.active.carousel-item-right, .carousel-item-next:not(.carousel-item-left) { -webkit-transform: translateX(100%); transform: translateX(100%) }
.active.carousel-item-left, .carousel-item-prev:not(.carousel-item-right) { -webkit-transform: translateX(-100%); transform: translateX(-100%) }
.carousel-fade .carousel-item { opacity: 0; transition-property: opacity; -webkit-transform: none; transform: none }
.carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right, .carousel-fade .carousel-item.active { z-index: 1; opacity: 1; background-color: #018B9D!important }
.carousel-indicators li.active { background-color: #018B9D!important; width: 74px; height: 10px !important; z-index:11111111; border-radius: 3px !important; margin-left:10px !important ; }
.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { z-index: 0; opacity: 0; transition: 0s .6s opacity }
@media (prefers-reduced-motion:reduce) {
.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { transition: none }
}
.carousel-control-next, .carousel-control-prev { position: absolute; top: 0; bottom: 0; z-index: 1; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 6%; color: #fff; text-align: center; opacity: .5; transition: opacity .15s ease }
@media (prefers-reduced-motion:reduce) {
.carousel-control-next, .carousel-control-prev { transition: none }
}
.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover { color: #fff; text-decoration: none; outline: 0; opacity: .9 }
.carousel-control-prev { left: 0 }
.carousel-control-next { right: 0 }
.carousel-control-next-icon, .carousel-control-prev-icon { display: inline-block; width: 20px; height: 20px; background: no-repeat 50%/100% 100% }
.carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e") }
.carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e") }
.carousel-indicators { position: absolute; right: 0; bottom: 6%; left: 50%; z-index: 111111; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; padding-left: 0; /*margin-right: 15%; margin-left: 15%; */list-style: none }
.carousel-indicators li { box-sizing: content-box; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 74px; border-radius: 3px !important; height: 5px;z-index:11111111; margin-left: 10px; text-indent: -999px; cursor: pointer; background-color: #fff; background-clip: padding-box; opacity: .5; transition: opacity .6s ease }
@media (prefers-reduced-motion:reduce) {
.carousel-indicators li { transition: none }
}
.carousel-indicators .active { opacity: 1 }
.carousel-caption { position: absolute; display: flex; right: 15%; left: 9%; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: left; flex-direction: column; align-items: flex-start; }
.page-wrapper-top { width: 100%; display: table-cell; height: 82px; border-bottom: 1px solid #ddd; }
/*移动端导航*/