*{ padding:0; margin:0;}
@font-face { font-family: DIN-Bold; src: url(../fonts/DIN-Bold.ttf); }
@font-face { font-family: ariblk; src: url(../fonts/ariblk.ttf); }
i, em { font-style: normal; }
.wrap { width: 75%; margin: 0 auto; }
body { line-height: 1.5; font-size: 1rem; color: #1a1a1a; }
a { color: #1a1a1a; }
a:hover { color: #0d388f; }
img { max-width: 100%; }
.imgZoom { overflow: hidden; }
.imgZoom img { -moz-transition: all .8s ease 0s; -ms-transition: all .8s ease 0s; -o-transition: all .8s ease 0s; -webkit-transition: all .8s ease 0s; transition: all .8s ease 0s; display: block; margin: 0 auto; }
.imgZoom:hover img { -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
.imghover { overflow: hidden; position: relative; cursor: pointer; }
.imghover:before { position: absolute; left: -50%; top: 0; width: 50%; height: 100%; background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0)); content: ""; }
@media (min-width: 768px) {
.imghover:hover:before { left: 100%; transition: all .8s; }
}
.header { width: 100%;position: fixed; top:0; left:0; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; width: 100%; z-index:999; }
.header .wrap { display: flex; position: relative; z-index: 3;justify-content: space-between; }
.header .logo { float: left; display: inline-block; width: 20%; overflow: hidden; text-align: left; padding: 15px 0; }
.header .logo a { display: inline-block; }
.header .nav { width: 60%; float: right; }
.header .nav ul { position:relative; z-index:1; }
.nav .nLi{ float:left;  position:relative; width: 16.66666%;  }
.nav .nLi h3 a{font-size: 1.125rem; color: #ffffff;  display:block; line-height: 6.5rem; text-align:center; }
.nav .sub{ display:none; width:100%; left:0; top:0;  position:absolute; background:#02469a; padding:0;  }
.nav .sub li{ zoom:1; }
.nav .sub a{ display:block; text-align: center; padding:0 10px;font-size: 1.125rem; line-height: 40px; color:#fff;  }
.nav .sub a:hover{ background:rgba(255,255,255,0.3); color:#fff; }
.nav .on h3 a,.nav .on h3 a:hover,.nav .nLi h3 a:hover{ background:#02469a; color:#fff;   }
.header .img2{ display:none;}
.header.xg,.header:hover{ height: 6.5rem; background: #fff;box-shadow: 10px 10px 20px rgba(0,0,0,0.1); }
.header.xg .img1,.header:hover .img1{ display:none;}
.header.xg .img2,.header:hover .img2{ display:block;}
.header.xg .nav .nLi h3 a,.header:hover .nav .nLi h3 a{color: #333333;}
.header.xg .nav .nLi.on h3 a,.header:hover .nav .nLi.on h3 a{ color: #ffffff; }
#nav_btn_box { height: 100%; z-index: 999999999; margin-left: 20px; position: fixed; height: 4.5rem; right: 2rem; top: 1.7rem; display: none; }
#nav_btn_box.on { background: none; }
#nav_btn { }
#nav_btn .point.on .navbtn:after, #nav_btn .point.on .navbtn:before { background: #fff; }
#nav_btn { cursor: pointer; text-align: center; z-index: 99999; padding-bottom: 4px; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; outline: none; box-shadow: none; }
#nav_btn .point { display: inline-block; width: 1.375rem; height: 22px; position: relative; outline: none; }
#nav_btn .point:hover .navbtn, #nav_btn .point:hover .navbtn::after, #nav_btn .point:hover .navbtn::before { width: 1.375rem; }
#nav_btn .navbtn { position: absolute; top: 12px; left: 0; display: inline-block; width: 1.375rem; height: 1px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s;/* background: #333; */ }
#nav_btn .navbtn:after, #nav_btn .navbtn::before { position: absolute; left: 0; display: inline-block; width: 1.375rem; height: 3px; content: ''; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background: #ffffff; }
#nav_btn .navbtn:after { top: -5px; }
#nav_btn .navbtn:before { top: 5px; }
#nav_btn .point.on .navbtn { background: transparent; }
#nav_btn .point.on .navbtn::after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px; }
#nav_btn .point.on .navbtn::before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px; }
.m_nav_list { flex-direction: column; justify-content: flex-start; width: 100%; overflow: auto; }
 .m_nav_list:-webkit-scrollbar {
display:none;
}
#m_nav { z-index: 99999; position: fixed; background: rgba(0,0,0,0.9); width: 20rem; height: 100vh; right: -400px; top: 0; display: none; padding: 50px 0; overflow: hidden; pointer-events: none; transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1); -o-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1); -ms-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1); display: block; flex-direction: column; justify-content: flex-start; align-items: flex-start; }
#m_nav.act { pointer-events: auto; right: 0; }
#m_nav>ul>li { width: 100%; overflow: hidden; padding: 0 2.3rem; }
#m_nav>ul>li+li { border-top: 1px solid rgba(255, 255, 255, 0.1); }
#m_nav li a { display: block; color: #ffffff; line-height: 4.5rem; height: 4.5rem; font-size: 1.125rem; text-transform: capitalize; }
.nav_mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; background-color: rgba(0,0,0,0.4); display: none; }

.fp-slidesNav{ text-align:center;}
.fp-controlArrow{ display:none;}

.section1 { background: url(../images/about.jpg) 50%; background-size:cover;}
.section3 { background: url(../images/hezuo.jpg) 50%;background-size:cover;}
.section4 { background: url(../images/news.jpg) 50%;background-size:cover;}
.section4 .wrap{ margin-top: 50px; }
.section5 { background: url(../images/product.jpg) 50%;background-size:cover;}
.section5 .wrap{ margin-top: 50px; }
.turn {
  animation: turn 4s linear infinite;
}
@keyframes turn {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(90deg);
  }
  50% {
    transform: rotate(180deg);
  }
  75% {
    transform: rotate(270deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.video{ color:#ffffff; width:30%; text-align:center; float:left;}
.paly{cursor: pointer;position: absolute; left: 10%; top: 40%;}
.video span{ display:block; margin:0 auto 15px; width:56px; height:57px; background:url(../images/video.png) no-repeat center center; background-size:cover;}
.video_dialog{position: fixed;  display: flex;align-items: center;justify-content: center;z-index: 2147483647; top: 0; left: 0; width: 100%; height: 100%; overflow: auto; background: rgba(0, 0, 0, 0.5); -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out;}
.video_dialog .video_content{position: relative;}
.video_dialog .video_content a.video_close{position: absolute; z-index: 10; top: 2px; right: 2px; display: block; width: 30px; height: 30px; overflow: hidden; margin: -15px; background: url(../images/video_close.png) center no-repeat;}
.video_dialog .video_content .video-frame{position: relative; width: 100%;  margin: 0 auto; background: #1c1c1c; -webkit-box-shadow: 0 0 3em 0 rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 3em 0 rgba(0, 0, 0, 0.6); box-shadow: 0 0 3em 0 rgba(0, 0, 0, 0.6);}
.video_dialog .video_content .video-frame iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; vertical-align: top;}
.video_dialog_over{overflow: hidden;}
.video_dialog .video_content video{max-width:80vw;max-height:80vh;}
.img_dialog .video-frame{width:auto !important;display:inline-block;padding:20px;border-radius:10px;}
.img_dialog .video-frame img{max-width:80vw;max-height:80vh;}
.sec1c{ width:55%; float:right;}
.sec1t{ border-bottom:1px #333333 solid; padding-bottom:10px;}
.sec1t h2{ font-size:2.25rem; font-weight:bold;}
.sec1t h2 span{  text-transform:uppercase; color:#dbdbdf; margin-left:20px;}
.sec1p{ margin:40px 0; }
.sec1p p{font-size:1.125rem; text-indent:2em; line-height:2;}
.sec1a{ display:block; width:154px; height:46px; line-height:46px; text-align:center; background-color:#17a250; border-radius:30px; color:#ffffff;}
.sec1a:hover{ color:#ffffff; }
.m32 { overflow: hidden; width: 100%; margin-top: 50px; }
.m32 li { width: 33%; text-align:left; float: left; position: relative; display: flex; flex-wrap: wrap; align-items: baseline; flex-direction: column; padding-top:20px; }
.m32 li span { font-size: 3.75rem; font-family: DIN-Bold; line-height: 1.2; position: relative; display: block;}
.m32 li em { font-size: 0.875rem; display: block; text-transform: capitalize; }
.m32 li span:after { margin-left: 5px; font-weight: normal; content: "年"; font-size: 1rem; display: inline-block; position: absolute; bottom: 10px; }
.m32 li:hover span { color: #17a250; }
.m32 li:nth-child(2) span:after { content: "㎡"; }
.m32 li:nth-child(3) span:after { content: "吨"; }
.m32 li:after{content:""; display:block; width:180px; height:1px; background-color:#333333; position:absolute; left:0; top:1px;}
.m32 li:before{ content:""; display:block; width:80px; height:3px; background-color:#000000; position:absolute; left:0; top:0;}
.bannerSwiper { clear: both; position: relative; z-index: 0; width: 100%; height: 100vh; }
.bannerSwiper .swiper-slide { position: relative; overflow: hidden; z-index: 1; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }
.bannerSwiper img { display: block; margin: 0 auto; width: 100%; height: 100%; object-fit: cover; }
.bannerSwiper .swiper-pagination-bullet { background-color: #ffffff; opacity: 0.6; }
.bannerSwiper .swiper-pagination-bullet-active { background-color: #077fd3; opacity: 1; }
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after, .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { display: none; }
.bannerSwiper .swiper-button-prev { opacity: .8; left: 4%; }
.bannerSwiper .swiper-button-next { opacity: .8; right: 4%; }
.draw_h { width: 4.125rem!important; height: 4.125rem!important; display: block; border-radius: 50%; text-align: center; }
.draw_h:before { content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; border: 1px solid rgba(100%,100%,100%,.5); border-radius: 50% }
svg.drawcircle { position: absolute; top: 0; left: 0; overflow: inherit; display: block; pointer-events: none }
svg.drawcircle circle { fill: none; box-sizing: border-box; stroke-width: 2; stroke: none; stroke-dasharray: 0, 188.49; stroke-dashoffset: 188.49; transition: all .3s linear 0s }
.draw_h .icon { fill: #626262; vertical-align: middle; transition: .3s; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.draw_h:hover svg.drawcircle circle { stroke: #fff; stroke-dasharray: 188.49, 0; stroke-dashoffset: 188.49; -webkit-transition: all .7s cubic-bezier(0.11, 0.57, 0.58, 1); transition: all .7s cubic-bezier(0.11, 0.57, 0.58, 1) }
.draw_h:hover .icon { fill: #0081cc }
.section1{ overflow:hidden;}
.section2,.section1{ position:relative; }
.slideBox { width: 100%; height: 100%; position: relative; }
.slideBox .hd { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 33; color: #ffffff; display: flex; align-items: center; }
.slideBox .hd ul { display: flex; align-items: center; width: 100%; height: 100%; }
.slideBox .hd ul li { width: 25%; height: 100%; line-height: 100%; display: flex; flex-direction: column; flex-wrap: wrap; align-items: center; justify-content: center; float: left; text-align: center;  position: relative; background: url(../images/sec1.png) no-repeat right center; }
.slideBox .hd ul li h3{font-size: 2rem; text-transform: uppercase; line-height:1.5;}
.slideBox .hd ul li p{ font-size:1.125rem;line-height:1.5; width:80%; margin:20px auto;display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.slideBox .hd ul li:last-child { background-image: none; }
.slideBox .hd ul li span { display: block; margin-top: 20px; width: 50px; height: 50px; border:1px #ffffff solid; border-radius:50%; background: url(../images/sec3r.png) no-repeat center center; }
.slideBox .hd ul li.on, .slideBox .hd ul li:hover { background-color: rgba(0,0,0,0.3); }
.slideBox .bd { position: absolute; left: 0; top: 0; width: 100%; height:100%; }
.slideBox .bd div img,.slideBox .bd div{ width: 100%; height:100%;}
.slideBox .bd:after{ content:""; display:block;position: absolute; left: 0; top: 0; width: 100%; height:100%; background-color:rgba(0,0,0,0.5);}
.slideBox .hd ul li:hover span,.slideBox .hd ul li.on span{ background-color:#17a250; border:1px #17a250 solid;}
.mtit{ text-align:center; margin-bottom:20px;}
.mtit h2{ font-size:3rem; font-family:ariblk; text-transform:uppercase;}
.mtit h3{ font-size:2.25rem; font-weight:bold;}
.sec3c{ text-align:center;}
.parallax>use { animation: move-forever 12s linear infinite }
.parallax>use:nth-child(1) { animation-delay: -2s }
.parallax>use:nth-child(2) { animation-delay: -2s; animation-duration: 5s }
.parallax>use:nth-child(3) { animation-delay: -4s; animation-duration: 3s }
@keyframes move-forever { 0% {
transform:translate(-90px, 0%)
}
100% {
transform:translate(85px, 0%)
}
}
.editorial { display: block; width: 100%; height: 100%; max-height: 100vh; margin: 0; }
.wave2 { position: absolute; width: 100vw; bottom: 0; left: 0; margin: 0; height: 10rem; z-index: 4; }

.sect{ text-align:center; color:#ffffff;}
.sect h2{ font-size:2.25rem; font-weight:bold;}
.sec4c{ margin:0 -0.5%; padding-top:8rem;}
.sec4c .swiper-slide{ background-color:#ffffff; text-align:left;}
.sec4c .swiper-slide a{ display:block; padding:1.25rem;}
.sec4c .swiper-slide .imgZoom{ position:relative; margin-top:-6.25rem; margin-bottom:20px; border:10px #ffffff solid; -moz-box-shadow:0px 10px 20px rgba(0,0,0,0.1); -webkit-box-shadow:0px 10px 20px rgba(0,0,0,0.1); box-shadow:0px 10px 20px rgba(0,0,0,0.1);}
.sec4c .swiper-slide .imgZoom img{ width:100%; }
.sec4c .swiper-slide .date{ color:#666666;}
.sec4c .swiper-slide h3{ font-weight:bold; font-size:1.125rem;overflow: hidden; text-overflow:ellipsis; white-space: nowrap; margin-bottom:10px;}
.sec4c .swiper-slide p{ line-height:1; color:#666666;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin:10px auto 20px; line-height:1.5;}
.sec4c .swiper-slide span{ display:block; width:8.375rem; height:36px; line-height:36px; border:1px #000 solid; border-radius:1.3rem; text-align:center; margin-bottom:15px;}
.sec4c .swiper-pagination{ position:relative; padding:40px 0 0;}
.sec4c .swiper-pagination-bullet{ background: var(--swiper-pagination-bullet-inactive-color, #ffffff); opacity: var(--swiper-pagination-bullet-inactive-opacity, .5);}
.sec4c .swiper-pagination-bullet-active{ background-color:#077fd3; opacity:1}

.footer { overflow: hidden; background-color: #131313; color: #ffffff; padding-top:4rem; }
.footer a { color: #ffffff; }
.flink { border-bottom: 1px rgba(255,255,255,0.2) solid; padding: 25px 0; margin: 3.375rem auto; display:none; }
.flink span { font-size: 1.125rem; font-weight: bold; }
.flink span b { margin-right: 5px; }
.footer1 { position: relative; overflow: hidden; width: 33%; float: left; margin-right:5%; }
.footer1 p{ width:80%; line-height:1.8;}
.flogo { margin-bottom: 20px; }
.footer .f1 { float: left; width: 62%; }
.footer .f1 dl { width: 20%; float: left; text-align:center; }
.footer .f1 dl.fcp{ width: 60%; text-align:left;}
.footer .f1 dl.fcp dd{ width: 50%; float: left; }
.footer dt, .footer .flx h3, .footer .fwx h3 { font-size: 1.25rem; font-weight: bold; margin-bottom: 2rem; }
.footer dd a { display: block; }
.footer dd, .footer .flx p { line-height: 2; font-size: 1rem; }
.copyright { padding: 25px 0; margin-top: 3.375rem; clear: both; border-top: 1px rgba(255,255,255,0.2) solid; }
.copyright span { float: right; }
@media (min-width:1921px) {
html { font-size: 20px !important; }
.wrap { max-width: 1410px; }
}
@media (max-width:1920px) {
html { font-size: 16px; }
}

@media (min-width:1400px) and (max-width:1600px) {
html { font-size: 15px !important; }
}
@media (min-width:640px) and (max-width:1399px) {
html { font-size: 14px !important; }
}
@media (min-width:471px) and (max-width:639px) {
html { font-size: 14px !important; }
}
@media (min-width:329px) and (max-width:470px) {
html { font-size: 14px !important; }
}
@media (max-width:328px) {
html { font-size: 14px !important; }
}
@media (max-width:1700px) {

}
@media (max-width:1410px) {
.wrap { width: 96%; max-width:100%; margin: 0 auto; }
.sec1c{ width:50%;}
}
@media (max-width:1200px) {
.header,.header.xg, .header:hover{ position:fixed; background-color:rgba(0,0,0,0.9);}
#nav_btn_box { display: block; }
.nav{ display:none;}
.header .logo{ width:50%;}
.header .logo img.img1{ max-height:50px;}
.header .logo .img1{ display: block; }
.header .logo .img2{ display: none; }
.draw_h{ width:30px !important; height:30px !important;}
.banner{ margin-top:80px;}
.section1,.section4{ padding:30px 0;}
.section3{ padding-top: 30px; }
/*.section.banner,.section.section2{ padding:0;}
.section.section3,.section.footer{ padding-bottom:0;}*/
.wap_none, #fp-nav { display: none }
html, body { overflow: visible !important; overflow-x: hidden !important; }
html, body, #indexmain,.fp-section, .fp-section.fp-table, .fp-slide.fp-table, .fp-tableCell { height: auto !important }
#indexmain { transform: translate3d(0px, 0px, 0px) !important; }
.section .fp-tableCell { padding: 0; }
.slideBox .bd{ position:relative;}
.slideBox .bd div{ height:100%;}
.slideBox .bd img{height:100vh;  object-fit:cover;}
.slideBox .hd{ }
.slideBox .hd ul{ flex-wrap:wrap; }
.slideBox .hd ul li{ float:left; width:50%; height:50%;  padding:15px 0;}
.slideBox .hd ul li h3{font-family:Arial, Helvetica, sans-serif; font-size:1.25rem;}
.slideBox .hd ul li span{ width:30px; height:30px; background-size: 30%;}/**/
.wave2{ position:relative;}
.m32 li span,.mtit h2{font-size:2.5rem;}
.mtit h3,.sec1t h2,.sect h2{ font-size:2rem;}
.section4 .wrap{ margin-top: 0; }
.section5 .wrap{ margin-top: 0; }
}
@media (max-width:980px) {
.sec4c .swiper-slide .imgZoom{ border-width:5px;}
.sec4c .swiper-slide a{ padding:10px;}
.bannerSwiper{ height: auto; }
}
@media (max-width:800px) {
.video{ width:100%; float:none; background:url(../images/videobg.jpg) no-repeat center center; padding:100px 0; margin-bottom:20px;}
.paly{ position:relative; left:0;}
.sec1c{ width:100%; float:none;}
.section1{ background-image:none;}
.sec1p{ margin:20px 0;}
.footer1{ width:100%; margin:0 auto 20px; text-align:center;}
.footer1 p,.footer .f1{ width:100%;}
.footer dt{ margin-bottom:10px;}
.copyright span{ float:none; display: block;}
.copyright{ text-align:center;}
}
@media (max-width:640px) {
.slideBox .bd{ position:absolute;}
.slideBox .hd{ position: relative; }
.slideBox .hd ul li{ display: block; width: 100%; height: auto; color: #fff; padding: 0; text-align: left; padding-bottom:20px;border-bottom: 1px rgba(255, 255, 255, 0.3) solid; }
.slideBox .hd ul li span{ margin-left:15px;}
.slideBox .hd ul li h3{ padding: 15px; position: relative; font-weight:bold;}
.slideBox .hd ul li h3:after{  content: ""; display: block; position: absolute; right: 15px; top: 13px; width: 25px; height: 25px;}
.slideBox .hd ul li p{ width:100%; padding:0 15px; margin:0 auto;}
}
@media (max-width:480px) {
/*.footer .f1{ display:none;}*/
.footer .f1 dl.fcp{ width:100%; text-align:center; margin-bottom:15px;}
.copyright{ margin-top:15px; padding:10px 0;}
.footer .f1 dl.f2{ display: none; }
}
@media (max-width:400px) {
.m32 li{ width:100%; padding-top:10px; margin-bottom:15px;}
.m32 li:after{ width:100%;}
.m32 li:before{ left:40%;}
.m32 li span,.m32 li em{ margin:0 auto;}
.sec1t h2{ text-align:center;}
.sec1t h2 span{ display:block; margin:0 auto;}
.sec1a{ margin:0 auto;}
}

/* 当视口宽度小于600px时 */
@media (max-width: 599px) {
  .wheader {
    display: none;
  }
  .mheader {
    display: block;
    margin-right: 50px;
  }
}
/* 当视口宽度大于等于600px时 */
@media (min-width: 600px) {
  .wheader {
    display: block;
  }
  .mheader {
    display: none;
  }
}
.modal-dialog{ width:80%!important;}
#myModal .modal-body a img{ width:22px; margin:0 10px;}
#myModal .modal-body a{
  display: block;
  align-items: center;
  border-bottom: 0px solid #cdd0de;
  cursor: pointer;
  display: flex;
  height: 28px;
  user-select: none;
  -moz-user-select: none;
  width: 20%;
  float: left;
}
#myModal .modal-body a:hover {
  background: #f8f8f8;
}
#myModal .modal-body a:active {
  background: #f5f5f5;
}
.header-content { height:75px; padding-top: 15px }
.header-content .header-nav{ display:flex;justify-content:flex-end;align-items:center }
.synlang_button {
  cursor: pointer;
  height: 20px;
  width: 28px;
  z-index: 1;
  display: inline-block;
  margin-left: 10px;
}
.synlang_button>img{
  height: 20px;
  width: 28px;
  /* border:1px solid #ddd;*/
}

/*Message*/
.con_info{ overflow: hidden; margin-top: 18px; }
.con_info ul{ width: 100%; overflow: hidden; }
.con_info li{ margin-bottom: 16px; float: left; position: relative; width: 49.2%; }
.con_info li font{ content: ""; position: absolute; top: 16px; left: 14px; color: red; }
.con_info li:nth-of-type(even){ float: right; }
.con_info input,.con_info textarea{width: 100%; background: #f4f4f4; border:1px solid #d0d0d0; color: #000;  resize: none; font-family:HEL57;  font-size:16px; line-height: 26px; padding:10px 26px; }
.con_info textarea{height: 95px;}
.con_info input::-webkit-input-placeholder,.con_info textarea::-webkit-input-placeholder { color: #888;}
.con_info input:-moz-placeholder,.con_info textarea:-moz-placeholder {color: #888;}
.con_info button{ border: none; width: 100%; display: block; border-radius: 0; font-family:HEL67; font-size: 20px; cursor: pointer; background: #fea322; color: #fff; height: 52px; }
.con_info button:hover{  opacity: 0.85; }
.con_info button i{ margin-left: 5px; font-size: 18px; font-weight: normal; }
.con_info li:nth-of-type(5),.con_info li:last-child{ width: 100%; }

.f_mess{ width: 100%; height: 100%; position: relative; }
.f_messtit{ position: relative; }
.f_messtit .home_boxtit{ text-align: left; }
.f_messtit p{ position: absolute; right: 0; top: 0; width: 50%; text-align: right; font-size: 16px; line-height: 26px; color: #666; }
.quiry_info{ overflow: hidden; margin-top: 20px;  }
.quiry_info li{ float: left; width: 32.6%; margin-right: 1%; margin-bottom: 18px; position: relative;  }
.quiry_info li font{ color: red; position: absolute; top: 16px; left: 9px; }
.quiry_info li:nth-of-type(3){ margin-right: 0; }
.quiry_info li:nth-of-type(4),.quiry_info li:nth-of-type(5){ width: 100%; }
.quiry_info input,.quiry_info textarea{width: 100%; color: #000; font-family:HEL57; resize: none;  background:#f4f4f4; border:1px solid #ccc; border-radius: 0;  font-size:16px; line-height: 28px; padding:10px 18px; }
.quiry_info textarea{height: 98px;}
.quiry_info form input::-webkit-input-placeholder,.quiry_info form textarea::-webkit-input-placeholder { color: #666;}
.quiry_info form input:-moz-placeholder,.quiry_info form textarea:-moz-placeholder {color: #666;}
.quiry_info button{ border: none; width: 235px; margin: 0 auto; font-family:HEL67; border-radius: 0; display: inline-block; font-size: 20px; cursor: pointer; background: #fea322; color: #fff; height: 52px; }
.quiry_info button:hover{ opacity: 0.85; }
.quiry_info button i{ font-size: 20px; margin-left: 10px; }
.quiry_info li:nth-of-type(5){ margin-bottom: 0; width: 100%; text-align: right; }