@font-face { font-family: arial; src: url(../fonts/arial.ttf); }
@font-face { font-family: ariblk; src: url(../fonts/ariblk.ttf); }
@font-face { font-family: DIN-Bold; src: url(../fonts/DIN-Bold.ttf); }
i, em { font-style: normal; }
.wrap { width: 85%; margin: 0 auto; }
body { line-height: 1.7; font-size: 1rem; font-family: arial, Helvetica, sans-serif; color: #272727; overflow: hidden; }
a { color: #272727; }
a:hover { color: #023286; }
img { border: 0; 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); }
header{ position: absolute; top: 0; left: 0; width: 100%; z-index: 33; border-bottom: 1px rgba(255,255,255,0.2) solid;}
.header { padding: 15px 0; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; z-index: 999; width: 100%;/* background-color: rgba(0,0,0,0.5);*/ }
.headertop { background-color: #333; text-align: right; color: #ffffff; padding: 3px 0; }
.headertop a { color: #ffffff; display: inline-block; margin-left: 20px; font-size: 0.875rem; vertical-align: middle; }
.headertop a i { margin-right: 5px; vertical-align: middle;}
.header .wrap { display: flex; justify-content: space-between; }
.header_right { max-width: 85%; display: flex; flex-grow: 1;  }
.header .logo { float: left; display: flex; align-items: center;}
.header .logo img { vertical-align: middle; }
.sj{ display: none; }
.menu { height: 5rem; line-height: 5rem; float: right; width: 80%; margin: 0 2%; }
.menu ul { overflow: hidden; }
.menu ul li { width: 16.666%; float: left; text-align: center; }
.menu ul li a { font-size: 1rem; display: block; text-transform: uppercase;color: #ffffff; }
.menu ul li:hover ul.category-subtree{ display: block; }

ul.category-subtree {
    list-style-type: none; display: none;
    padding: 20px;width: 300px; background-color: rgba(1,69,144,0.8);
}
.category-subtree li.category-item {
    margin: 5px 0; width: 100%;
    position: relative; text-align: left; line-height: 1.5;
}
ul.category-subtree a {
    text-decoration: none;
    color: #333; text-transform: capitalize!important;
}
.category-subtree a:hover {
    color: #0073aa;
}
.header .right .search { width: 10%; float: left; display: none; }
.header .right .search img { vertical-align: middle; }
.header .right .tel { max-width: 90%; margin-top: 0.5rem; }
.header:hover .menu ul li a:hover { color: #ffffff; opacity: 0.8; }
.header .right { float: right; height: 5rem; line-height: 5rem; display: flex; flex-grow: 1; position: relative; max-width: 26%; justify-content: space-between; }
.menu-item-gtranslate { /*margin-top: 28px !important; margin-bottom: 28px !important; background-image: url("../images/zu-10924.png"); background-repeat: no-repeat; background-position: left 38px center; */margin-left: 38px; height: 21px; }
.menu-item-gtranslate .gtranslate_wrapper { display: flex; }
.menu-item-gtranslate:before { content: ''; width: 1px; height: 13px; background-color: #fff; display: inline-block; vertical-align: middle; margin-top: 7px; position: absolute; }
.menu-item-gtranslate select { font-size: 14px; padding-top: 0; padding-bottom: 0; margin-left: 55px; text-transform: uppercase; }
.menu-item-gtranslate select { background: none; border: none; padding-left: 11px; width: 174px; padding-right: 5px; line-height: 21px; height: 21px; }
.menu-item-gtranslate option { color: #333333; text-transform: lowercase; }
.header.xg { background: rgba(0,0,0,0.9); border: 0; }
.mheader, #nav_btn_box { display: none; }
#nav_btn_box { height: 100%; z-index: 9999; margin-left: 20px; position: fixed; height: 4.5rem; right: 5rem; top: 1rem; 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: #333333; }
#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; }
.mheader .search{ position: fixed;
    height: 4.5rem;
    right: 2rem;
    top: 1.1rem; }

.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: 999; 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;z-index: 22; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); display: none; }
.search-dialog-box { position: fixed; left: 0; top: 0; width: 100%; height: 18rem; z-index: 1000000; opacity: 0; visibility: hidden; transition: .6s;/* overflow: hidden; */ }
.search-dialog-box:before { content: ""; position: absolute; top: 0; height: 0; background: #023286; transition: .6s; left: 0; right: 0; z-index: 1; }
.search-dialog-box.on:before { height: 100% }
.search-dialog-box .bubbles-bg { opacity: 0; visibility: hidden; display: none; }
.search-dialog-box .search-bg { position: absolute; left: 0; top: 0; width: 100%; height: 0; margin: 0; background: rgba(0,0,0,.7); background-size: cover; background-repeat: no-repeat; /* z-index: 1; */ transform-origin: center center; transition: height .8s cubic-bezier(.77, 0, .175, 1); }
.search-dialog-box .wrap-inner { transform: translateY(100%); transition: .6s; }
.header-right .bubbles-bg { opacity: 0; visibility: hidden; transition: all .5s .8s; }
.search-dialog { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; z-index: 2; }
.search-dialog .search-tit { font-size: 2.75rem; line-height: 3.5rem; color: #fff; text-align: center; overflow: hidden; display: none; }
.search-dialog .search-inner { overflow: hidden; margin-top: 0; }
.search-dialog .search-input { width: 50rem; margin: 0 auto; padding: 0 0.5rem 0 1.5rem; background-color: rgba(255,255,255,.3); box-sizing: border-box; transition: all .3s; max-width: 94%; border: 0; }
.search-dialog .search-input input[type=text] { float: left; height: 4.5rem; width: calc(100% - 3.5rem); padding: 0 0.5rem 0 1.5rem;/* background-color: transparent;*/ font-size: 1.25rem; line-height: .5rem;
color: #fff; transition: all .3s; background-color: rgba(255,255,255,0.5); border: none; }
.search-dialog .search-input input[type=text]::-webkit-input-placeholder {
 color:rgba(255,255,255,0.5);
}
.search-dialog .search-input input[type=text]:-moz-placeholder {
 color:rgba(255,255,255,0.5);
}
.search-dialog .search-input input[type=text]::-moz-placeholder {
 color:rgba(255,255,255,0.5);
}
.search-dialog .search-input input[type=text]:-ms-input-placeholder {
 color:rgba(255,255,255,0.5);
}
.search-dialog .search-input input[type=submit], .search-dialog .search-input .clear-btn { float: right; height: 4.5rem; width: 3.5rem; border: none; }
.search-dialog .search-input input[type=submit] { /*background-color: transparent;*/ background-color: rgba(255,255,255,0.5); background-repeat: no-repeat; background-position: center; background-size: 1.5rem; background-image: url('../images/search-btn.svg'); }
.search-dialog .search-input .clear-btn { background-color: rgba(0,0,0,.2); background-repeat: no-repeat; background-position: center; background-image: url('../images/close-btn.svg'); background-size: 3.5rem; border-radius: 100%; margin-right: 1rem; display: none; }
.search-dialog .search-input.on { background-color: #fff; }
.search-dialog .search-input.on input[type=submit] { background-image: url('../images/search-btn2.svg') }
.search-dialog .hot-search { font-size: 0; width: 19.5rem; margin:.6rem auto 0;
box-sizing: border-box; padding:0 .6rem;
overflow: hidden; }
.search-dialog .hot-search .hot-tit, .search-dialog .hot-search .hot-link { display: inline-block; *display: inline;
zoom: 1; vertical-align: top; }
.search-dialog .hot-search .hot-tit {
 font-size: .375rem;
 line-height: .5rem; color: #fff; font-weight: bold; padding-left: .6rem;
background-repeat: no-repeat; background-position: left center; background-size: .5rem;
}
.search-dialog .hot-link { margin-left: 1rem; }
.search-dialog .hot-link a { display: inline-block; *display: inline;
zoom: 1; font-size: .375rem;
 line-height: .5rem;
 margin-right: .75rem;
color: #fff; padding-bottom: 5px; position: relative; }
.search-dialog .hot-link a:before { content: ""; position: absolute; left: 0%; bottom: 0; width: 100%; height: 2px; background-color: #fff; transform: scaleX(0); transform-origin: left center; transition: transform .3s; }
.search-dialog-box .bottom-box { position: absolute; left: 0; bottom: 5.1%; width: 100%; }
.search-dialog-box .bottom-box .share-box { overflow: hidden; }
.search-dialog-box .bottom-box .copy {
 font-size: .35rem;
 line-height:.5rem; color: #fff; font-family: "gilroy-regular"; margin-top: .5rem;
overflow: hidden; }
.header-right.is-open .bubbles-bg { visibility: visible; opacity: 1; }
.header-right.is-open .search-btn .con-box { display: none; }
.header-right.is-open .close-btn { display: block; }
.header-right.is-open .item .search-bg { transform: scale(1); }
.search-dialog-box.on { opacity: 1; visibility: visible; }
.search-dialog-box.on .search-bg { height: 100vh; }
.search-dialog-box.on .bubbles-bg { opacity: 1; visibility: visible; }
.search-dialog-box.on .wrap-inner { transform: translateY(0) }
.pub-close { position: absolute; width: 3rem; height: 3rem; z-index: 10; right: 1.5rem; top: 1.35rem; background-color: rgba(255,255,255,.3); border-radius: 100%; }
.pub-close .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); border-radius: 100%; transition: transform .3s; }
.pub-close i { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center; background-size: 0.75rem; background-repeat: no-repeat; background-image: url(../images/close-btn.svg); transition: .6s }
.pub-close i:hover { transform: rotate(180deg) }
.bannerSwiper { clear: both; position: relative; z-index: 0; }
.bannerSwiper .swiper-slide { position: relative; overflow: hidden; z-index: 1; }
.bannerSwiper img { display: block; margin: 0 auto; max-width: 100%; }
/*.bannerSwiper .swiper-slide img { width: 100%; height: auto; min-height: 100%; transition: 1s linear 2s; transform: scale(1.1, 1.1); }
.bannerSwiper .swiper-slide-active img, .bannerSwiper .swiper-slide-duplicate-active img { transition: 6s linear; transform: scale(1, 1); }
*/.bannerSwiper .swiper-pagination-bullet { background-color: #ffffff; opacity: 0.6; }
.bannerSwiper .swiper-pagination-bullet-active { background-color: #ff3c30; opacity: 1; }
.bannerSwiper .swiper-button-prev:after, .bannerSwiper .swiper-rtl .swiper-button-next:after, .bannerSwiper .swiper-button-next:after, .bannerSwiper .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 }

.main1 { padding: 4rem 0; overflow: hidden; }
.maintit { text-align: center; margin-bottom: 30px; }
.maintit h2 { font-size: 3rem; line-height: 1;margin-bottom: 10px; font-family: ariblk; text-transform: uppercase; }
.maintit p { font-size: 16px; color: #7c7d7e; }
.sec1list { margin: 0 -0.5%; display: flex; flex-wrap: wrap; position: static; }
.sec1list li { width: 31.3333%; float: left; margin: 0 1% 20px; border-radius:3px; position: relative; overflow: hidden; background-color: #f2f6f9; -webkit-box-shadow: 5px 7px 15px 2px rgba(82, 90, 101, 0.12);
    -moz-box-shadow: 5px 7px 15px 2px rgba(82, 90, 101, 0.12);
    box-shadow: 5px 7px 15px 2px rgba(82, 90, 101, 0.12);}
.sec1list li a{ display: block;}
.sec1list li .sec1txt1 { background-color: #f2f6f9; padding: 25px; }
.sec1list li span { display: block; border: 1px #666666 solid; width: 170px; height: 42px; border-radius: 21px; border-top-right-radius: 0; text-align: center; line-height: 42px; margin-top: 15px; color: #999999; font-size: 16px; }
.sec1list li h3 {/*overflow: hidden; text-overflow:ellipsis; white-space: nowrap; */ font-size: 20px; font-weight: bold; text-transform: capitalize; margin-bottom: 10px; }
.sec1list li p { /*overflow: hidden; text-overflow: ellipsis; white-space: nowrap;*/ line-height: 20px; }
.sec1txt2 { position: absolute; padding: 35% 5% 0 5%; text-align: center; width: 100%; height: 100%; background: rgba(0,70,129,0.92); top: 100%; transition: all 0.6s; left: 0; }
.sec1list li .sec1txt2 h3 { font-size: 20px; height: 24px; line-height: 24px; overflow: hidden; color: #fff; }
.sec1list li .sec1txt2 p { font-size: 16px; line-height: 22px; height: 44px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff; }
.sec1list li .sec1txt2 span { font-style: normal; color: #fff; display: block; border: 1px #ffffff solid; margin: 0 auto; }
.sec1list li:hover .sec1txt2 { top: 0; }

.section2 { padding: 4rem 0;overflow: hidden;  background: url(../images/sec2bg.jpg) #333333 no-repeat center center; background-size: cover; }
.sjpro{ display:none}
.sec22 .sec2Swiper .swiper-slide {height: 100%; position:relative; }
.sec22 .sec2Swiper .swiper-slide:before{ content:""; display:block; background-color:#014590; width:100%; height:100%; position:absolute; top:0; left:0; }
.sec22 .sec2Swiper .swiper-slide-thumb-active:before { background-color:rgba(0,27,56,0.6); }
.sec2Swiper{ text-align:center; }
.sec21{ width:50%; float:left; text-align:center; position:relative; padding:2rem 0;}
.sec22{ width:45%; float:left; margin-left:5%; display:inline-block; color:#ffffff; margin-top:5%; position:relative;}
.mask{ width:100%; height:100%; position:absolute; top:0; left:0; background:url(../images/sec23.png) no-repeat center center; text-align:center; color:#ffffff; font-size:1.125rem; font-weight:bold;}
.mask span{ display:block; font-size:1.5rem; margin-top:25%;}
.mask span:after{ content:""; display:inline-block; width:1.25rem; height:1px; background-color:#ffffff; margin-left:0.2rem;}
.sec21:before{ content:""; position:absolute; top:0; left:0; display:block; width:100%; height:100%; background:url(../images/sec21.png) no-repeat center center; animation: rt1 3s infinite linear; }
.sec21:after{ content:""; position:absolute; top:0; left:0; display:block; width:100%; height:100%; background:url(../images/sec22.png) no-repeat center center;  animation: rt 5s infinite linear;}
@keyframes rt { 
 100% {
 transform: rotate(360deg);
 }
}
@keyframes rt1 { 
 100% {
 transform: rotate(-360deg);
 }
}
.sec22 h2{ font-size:2.25rem; font-family:ariblk; line-height:1; margin:1rem 0 3rem; position:relative; text-transform:uppercase;}
.sec22 h2:after{ content:""; display:block; position:absolute; bottom:1rem; right:5%; width:60%; height:1px; background-color:#ffffff; opacity:0.4; margin:0 2rem;}
.sec22 h2 span{ display:block;position:absolute; bottom:0; right:0; margin-top:2rem; float:right; width:2.375rem; height:2.375rem; background-color:#df1f23; text-align:center; line-height:2.375rem; color:#ffffff; border-radius:50%; font-size:1rem;}
.sec23{ background-color:#0066b2;}
.sec23 div{width:100%; height:100%; position:absolute; top:0; left:0;text-align:center; color:#ffffff;background-color: #0066b2; text-transform:capitalize;}
.sec23 div span{ margin:25% auto 0; display:block; width:2.375rem; height:2.375rem; border:1px #ffffff solid; text-align:center; line-height:2.375rem; color:#ffffff; border-radius:50%; font-size:1rem; margin-bottom:0.5rem;}

.section3 { background: url(../images/sec3bg.jpg) no-repeat center bottom; background-size: cover; padding: 50px 0; min-height: 840px; overflow: hidden; }
.section3 .section1_title h2 { background: url(../images/sec3.png) no-repeat center center; }
.section3 .section1_title p { color: #18223d; }
.sec3swiper { width: 100%; height: 100%; overflow: hidden; }
.section3 .swiper-slide { text-align: center; font-size: 18px; background: #fff; transition: 300ms; transform: scale(0.9); }
.section3 .swiper-slide-active, .swiper-slide-duplicate-active { transform: scale(1); }
.sec3txt { padding: 20px; }
.sec3txt h3 { font-size: 18px; font-weight: bold; color: #18223d; margin-bottom: 10px; line-height: 22px; }
.section3 .swiper-slide .imgZoom { border: 10px #ffffff solid; }
.section3 .swiper-slide .sec3txt p { font-size: 14px; color: #666666; display: none; }
.section3 .swiper-slide-active .sec3txt p, .section3 .swiper-slide-duplicate-active .sec3txt p { display: block; }
.section3 .swiper-slide-active { border-bottom: 3px #e83c3c solid; }
.sec3a { display: block; width: 194px; height: 54px; line-height: 54px; border-radius: 37px; border: 1px #18223d solid; text-align: center; margin: 50px auto auto; }
.sec3a a { color: #18223d; }

.section5{ background:url(../images/sec5bg.jpg) no-repeat center center; background-size:cover; color:#ffffff;}
.sec51{ width:35%; float:left; margin-left:12%;  margin-right:3%; padding-top: 6rem;}
.sec51 h3{ font-size:3rem; line-height: 1; text-transform:uppercase; font-family:ariblk;}
.sec51 p{ margin:1rem 0 1.5rem; font-size:1.25rem;}
.sec51 .sec5a{ float:right;}
.sec5video{ border:10px #ffffff solid; margin-top:2rem;}
.sec52{ width:50%; float:left; height:100%; border-left:1px rgba(255,255,255,0.22) solid; vertical-align:middle; padding-top: 8rem; padding-bottom: 6rem; }
.sec52 ul{ border-top:1px rgba(255,255,255,0.22) solid;}
.sec52 li{ border-bottom:1px rgba(255,255,255,0.22) solid; overflow:hidden; padding:2.5rem 2rem;display: flex
; align-items: center;}
.sec52 li i{ width:4.6875rem; height:4.6875rem; margin:0 2rem; float:left; text-align:center; line-height:4.6875rem; display: flex
; align-items: center; justify-content: center;}
.sec52 li p{ font-size:0.71875rem; line-height:1.2;}
.sec52 li p span{ font-size:2.5rem; font-weight:bold; display:inline-block;}
.sec52 li p em{ display:inline-block; margin-top:1.5rem; margin-left:0.5rem;}
.sec52 li:hover i{ background-color:#0066b2; border-radius:50%;}
.sec52 li:hover{ background-color:rgba(255,255,255,0.4);}
.sec5a{ display:block; width:13.0625rem; height:3.125rem; line-height:3.125rem;  background:url(../images/sec42.png) #e11f22 no-repeat 90% center; padding-left:1rem; color:#ffffff;border-radius: 30px;}
.sec5a:hover{color:rgba(255,255,255,0.7);}

.maina { background-color: #f1f4f7; padding: 4rem 0; position: relative; overflow: hidden; }
.maina1 { margin: 0 -1%; }
.maina1 li { width: 31.333%; float: left; margin: 0 1% auto;}
/*.maina1 li { width: 31.333%; float: left; margin: 0 1% auto; text-align: center; background-color: #ffffff; padding: 60px 0; position: relative; z-index: 3; }
.maina1 li:before { content: ""; display: block; position: absolute; width: 100%; height: 33px; bottom: -33px; left: 0; background: url(../images/sec4-1.png) no-repeat center bottom; z-index: 1; }
.maina1 li h3 { font-size: 24px; font-weight: bold; }
.maina1 li p { color: #515d6f; font-size: 16px; width: 86%; margin: 0 auto; min-height: 119px; }
.maina1 li p:before { content: ""; display: block; width: 20px; height: 3px; background-color: #dd3233; margin: 20px auto; }
.maina1 li span { }
.maina1 li span img { display: block; margin: 0 auto 20px; -moz-transition: all .3s ease 0s; -ms-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; -webkit-transition: all .3s ease 0s; transition: all .3s ease 0s; }
.maina1 li:hover span img { -webkit-transform: rotateY(360deg); transform: rotateY(360deg); }
*/
.sec1tit { margin-bottom: 2rem; display: flex; justify-content: space-between; align-items: center; }
.sec1tit h2 { font-size: 3rem; font-family: ariblk; text-transform: uppercase; }
.sec1tit h3 { font-size: 1.125rem; text-transform: capitalize; font-weight: bold; }
.sec1tit p { font-size: 1rem; text-transform: capitalize; width: 45%; }
.section6 { padding: 4rem 0; position: relative; }
.section6:before { content: ""; background-color: #014590; height: 263px; width: 100%; position: absolute; top: 0; left: 0; }
.section6 .wrap { position: relative; z-index: 3; }
.section6 .sec1tit { color: #ffffff; }
.sec6a { display: block; float: right; width: 150px; height: 45px; line-height: 45px; text-align: center; background-color: #e71516; color: #ffffff; font-size: 1.25rem; border-radius: 5px; }
.sec6a:hover{ color: #ffffff;}
.sec6c { -moz-box-shadow: 0 0 20px rgba(95,95,95,0.1); /* À쵀 Firefox */ box-shadow: 0 0 20px rgba(95,95,95,0.1); padding: 3rem; background-color: #ffffff; display: flex; flex-wrap: wrap; position: static; }
.sec6c .swiper-slide { background-color: #ffffff; border-top: 5px #ffffff solid; -moz-transition: all .3s ease 0s; -ms-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; -webkit-transition: all .3s ease 0s; transition: all .3s ease 0s; }
.date{ margin-top: 10px; opacity: 0.6; }
.date span{ display: inline-block; width: 20px; height: 20px; vertical-align: -4px; margin-right: 7px;background-image:url(../images/ipart04_1.png); background-repeat:no-repeat;}
.sec6c .swiper-slide h3 { font-size: 1.5rem; color: #023286;line-height: 30px;  height: 60px; text-transform: capitalize; margin: 1rem 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.sec6c .swiper-slide p { font-size: 1.125rem; line-height: 28px;  height: 56px;color: #666666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.sec6c .swiper-slide i { display: none; width: 147px; height: 48px; line-height: 48px; text-align: center; border-radius: 30px; background-color: #023286; margin-top: 2rem; text-transform: capitalize; color: #ffffff; }
.sec6c .swiper-slide:hover i { background-color: #fcbb1f; color: #ffffff; }
.sec6c .swiper-slide .imgZoom img { height: 158px; width: 100%; object-fit: cover; }
.newsSwiper{ padding-bottom: 50px; }
.newsSwiper .swiper-pagination{bottom: -15px;}


.service_overflow_inherit.witr_service2 {
    overflow: inherit;
}
.service_overflow_inherit .witr_service2_image {
    overflow: hidden;
    position:relative;
}
.service_overflow_inherit .witr_service2_image img{ width: 100%; }
.itpart_service_area2 .service_overflow_inherit.witr_service2 {
    overflow: inherit;
    margin-bottom: 20px;
}
.service_overflow_inherit .witr_service2_image {
    overflow: hidden;
}

/* witr_service2_icon_bottom */
.witr_servicetwo_text {
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 9%);
    padding: 57px 30px 30px;
    position: relative;
    background: #fff;
    z-index: 1;
}
.witr_servicetwo_text::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
    transition:.5s;
    background: #014590;
    height: 0;
}
.witr_service2:hover .witr_servicetwo_text::before {
    bottom: 0;
    height: 100%;
}

.witr_service2:hover .witr_servicetwo_text::after {
    opacity:1;
}
.witr_servicetwo_text h3{
    margin-bottom:10px; font-size: 1.5rem; font-weight: bold;
}
.witr_servicetwo_text h3,
.witr_servicetwo_text h3 a,
.witr_servicetwo_text p,
.witr_servicetwo_text a{
    transition:.5s;
}
.witr_service2:hover .witr_servicetwo_text h3,
.witr_service2:hover .witr_servicetwo_text h3 a,
.witr_service2:hover .witr_servicetwo_text p,
.witr_service2:hover .witr_servicetwo_text a{
    color:#fff;
}
.witr_service2_icon_bottom {
    position: absolute;
    padding: 10px 35px 10px 23px;
    top: -35px;
    left: 30px;
    filter: drop-shadow(0px 0px 35px rgba(0,0,0,.08));
    z-index: 1;
        line-height: 1;
}
.witr_service2_icon_bottom::before {
    content: '';
    position: absolute;
    background: #fff;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    clip-path: polygon(0 1%, 85% 0, 100% 100%, 0% 100%);
    border-radius: 10px 26px 10px 10px;
    transition: .5s;
    z-index: 1; 
}
.witr_service2_icon_bottom i {
    z-index: 1;
    position: relative;
}
.witr_service2:hover .witr_service2_icon_bottom i{
    color: #fff;    
}
.witr_service2_icon_bottom i {
    z-index: 1;
    position: relative;
}
.witr_service2_icon_bottom i img{ width: 45px; }
.service_overflow_inherit .witr_service2_image {
    overflow: hidden;
}
.witr_servicetwo_text::after {
    content: '';
    position: absolute;
    width: 50%;
    height: 100%;
    z-index: 1;
    right: 0;
    bottom: 0;
    opacity: 0;
    transition: .5s;
}


.symess{ padding: 4rem 0; background: url(../images/messbg.jpg) no-repeat center center; background-size: cover; }
.nycontform { overflow:hidden;}
.nycontform h2{ text-align: center;}
.nycontform p.mess{margin-bottom:30px; text-align: center;}
.symess h2,.symess p{ color: #ffffff;}
.symess p{ opacity: 0.8; }
.nycontform .lyk { width: 31.33333%; float: left; margin:0 1% 15px; position: relative; }
.nycontform .lyk1 { width: 98%; margin:0 1% 15px;}
.nycontform .lyk input { height: 3.625rem; line-height: 3.625rem; position: relative; text-transform: capitalize; }
.nycontform .name { text-align: left; line-height: 3.625rem; z-index: 0; cursor: text; display: block; color: #999; text-transform: capitalize; font-size: 1.125rem; }
.nycontform .lyk input { border: 0; line-height: 3.625rem; display: block; width: 100%; background-color:#f8fbfb ; padding: 0 1rem; border-radius: 5px; border: 1px #ffffff solid;  background-color: transparent;color: #ffffff; }
.nycontform .lyk1 textarea { border: 0; display: block; width: 100%; background-color: #f8fbfb; clear: both; padding: 1rem;  border-radius: 5px; height: 150px; border: 1px #ffffff solid; background-color: transparent; color: #ffffff;}
textarea { resize: none; outline: none; height: 10rem; }
.nycontform .ny_lykff { clear:both; width: 219px; margin: 0 auto; padding-top: 20px; }
.nycontform .btn1 { position: relative; border: none; text-align: center; width: 100%; height: 53px; line-height: 53px;background-color: #e71516; border-radius: 5px; box-shadow:5px 5px 10px 5px rgba(21,90,170,0.1);color: #ffffff; font-size: 1rem; text-transform: capitalize; }
.nycontform .name:before { content: "*"; display: inline-block; color: #ff0000; }
.nycontform .name2:before { display: none; }
.nycontform .lyk br{ display: none!important; }
.nycontform .lyk input::placeholder,.nycontform .lyk textarea::placeholder {
    color: #ffffff; 
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{ color: #ffb900; }

.menu_head {cursor: pointer; position: relative;}
.menu_body { display:none; }
.menu_body li a{ opacity: 0.6; line-height: 2!important; height: auto!important; }

.fico a { display: inline-block; width: 42px; height: 42px; line-height: 42px; background-color: #ddd; border-radius: 50%; text-align: center;margin-right: 15px; }
.fico a span{ color: #cc0000;}

.footer { background-color: #014590; padding: 60px 0 0; color: #ffffff; overflow: hidden; }
.footer .wrap { overflow: hidden; }
.footer a { color: #ffffff; }
.footer a:hover { opacity: 0.8; }
.footer dl { float: left; width: 20%; }
.footer dl.f3 { width: 35%; }
.footer dl dt { font-size: 1.5rem; font-weight: bold; margin-bottom: 15px; text-transform: uppercase; }
.footer dl dd { line-height: 2; }
.footer dl dd a { display: block; }
.footer dl dd a:before { content: ""; display: inline-block; width: 5px; height: 5px; background-color: rgba(255,255,255,0.5); border-radius: 50%; margin-right: 10px; }
.footer dl.f3 dd{ width: 70%; }
.footer dl.f2{ width: 45%; }
.footer dl.f2 a { display: block; width:50%; float: left; text-transform: capitalize; }
.footer dl.f2 br{ display: none; }
.footer dl.f3 dd i{ margin-right: 10px; margin-top: 6px; }
.footer dl.f1 dd{ text-transform: capitalize; }

.copyright { background-color: rgba(0,0,0,0.7); text-align: center; color: rgba(255,255,255,1); overflow: hidden; padding: 15px 0; margin-top: 50px; font-size: 1.125rem; }
 @media (min-width:1921px) {
html { font-size: 18px; }
}
@media (max-width:1920px) {
html { font-size: 16px; }
.wrap { max-width: 1410px; }
}
@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) {
/*.sec12 li{ display:block;}	
.sec12 li em{ display:block;}*/
}
 @media (max-width:1400px) {
.wrap { width: 96%; margin: 0 auto; }
.menu-item-gtranslate select { width: 126px; }
}
@media (max-width:1280px) {
header { display: none; }
.header { position: relative; display: none; }
.mheader, #nav_btn_box { display: block; }
.mheader { height: 4.5rem; background-color: #ffffff; position: fixed; top: 0; width: 100%; z-index: 999; transition: 0s 1.5s;  box-shadow: 0 0 3px rgb(0 0 0 / 15%); }
.mheader .logo{ width: 50%; }
.mheader .logo img { height: 2.5rem; margin: 1.5rem; vertical-align: middle; }
.bannerSwiper { margin-top: 4.5rem; }
}

@media (max-width:1024px) {
.sec21,.sec22{ width:100%; margin:0 auto;}
.sec51,.sec91{ padding:2rem 0; width:45%; margin:0 2.5%;}
.sec52,.sec92{ padding:2rem 0; height:auto;}
.sec51,.sec91,.sec52,.sec92,.sec61,.sec62{ width:96%; margin:0 auto; float:none;}
.sec51 h3{ text-align:center;}
.sec51 .sec5a{ float:none}
.sec5video{ text-align:center;}
.sec5video img,.sec5video video{ width:100%;}
.sec52{ display:none;}

}
@media (max-width:980px) {
.draw_h{ width: 30px!important; height: 30px!important; }
.sec1tit h2,.maintit h2,.sec51 h3,.sec22 h2{ font-size: 2rem; } { font-size: 2rem; text-align: center; line-height: 1.2; margin-bottom: 15px; }
.sec3_banner .b-banner-text .b-banner h3,.sec7c h2{ font-size: 2rem; line-height: 1.5;}
.sec1tit p, .sec1tit h3 { width: 100%; text-align: center; display: none; }
.seca, .sec6a { float: none; margin: 0 auto; height: 40px; line-height: 40px; padding: 0; }
.sec6a { width: 13rem; }
.foot1 { flex-wrap: wrap; }
.foot1 a { width: 33.3333% }

}
@media (max-width:800px) {
.sec1tit{ flex-direction:column; }
.sec1list li{ width: 48%; }
.footer dl.f3,.footer dl.f3 dd{ width: 100%; }
.footer dl.f3{ margin-bottom: 20px; }
.footer dl.f2{ width: 70%; }
.footer dl.f1{ width: 30%; }
.anniu{ width: 100%; }
.mainc{ padding-top: 80px; }
.sec21,.sec2Swiper{ display:none;}
.sjpro{ display:block;}
.sjpro li{ position:relative; width:48%; float:left; margin:0 1% 1rem;}
.sjpro li:before{ content:""; display:block; background-color:rgba(0,27,56,0.5);  width:100%; height:100%; position:absolute; top:0; left:0; }
.witr_servicetwo_text{ padding-left: 10px; padding-right: 15px; }
.witr_servicetwo_text h3{ font-size: 1.25rem; }
.sec1list li .sec1txt1{ padding: 10px; }
.sec1list li h3{ line-height: 1.2; }
.sec1list li p{ display: none; }
}
@media (max-width:640px) {
.maina1 li{ width: 98%; }
}
@media (max-width:520px) {
.foot1 a { width: 50% }
.footer dl.f2{ width: 100%; margin-bottom: 20px; }
.footer dl.f1{ width: 100%; }
}
@media (max-width:480px) {
.foot1 a { width: 100%; text-align: center; }
}
.bottomfloat, .sy-alert { display: none; }
@media (max-width: 800px) {
.bottomfloat { display: block; position: fixed; bottom: 0; left: 0; width: 100%; height: 50px; background-color: #023286; z-index: 9999; }
.footer { margin-bottom: 50px; }
.bottomfloat ul { overflow: hidden; }
.bottomfloat li { width: 33.33333%; float: left; text-align: center; text-transform: capitalize; }
.bottomfloat li a { color: #ffffff; display: block; border-right: 1px #ffffff solid; padding: 5px 0; }
.bottomfloat li:last-child a { border: 0; }
.bottomfloat li span { display: block; margin: 0 auto; height: 20px; }
.sy-mask { width: 100%; height: 100%; position: fixed; background: rgba(0,0,0,0.8); left: 0; top: 0; z-index: 1000 }
.sy-alert { position: fixed; display: none; background: #fff; border-radius: 5px; overflow: hidden; width: 300px; max-width: 90%; max-height: 80%; left: 0; right: 0; margin: 0 auto; z-index: 9999 }
.sy-alert.animated { -webkit-animation-duration: .3s; animation-duration: .3s }
.sy-alert .sy-btn { overflow: hidden; position: absolute; top: 0; right: 0; width: 2rem; height: 2rem; line-height: 2rem; }
.sy-alert .sy-btn button { border: 0; color: #333; cursor: pointer; background-color: #023286; color: #ffffff; font-size: 1.5rem; text-align: center; width: 100%; }
.sy-alert img { width: 100%; }
.contact_form .lyk { width: 98%; }
}
.cd-top { display: inline-block; height: 40px; width: 40px; position: fixed; bottom: 40px; right: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); /* image replacement properties */ overflow: hidden; text-indent: 100%; white-space: nowrap; background: rgba(232, 98, 86, 0.8) url(../images/cd-top-arrow.svg) no-repeat center 50%; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; z-index: 33333; }
.cd-top.cd-is-visible { /* the button becomes visible */ visibility: visible; opacity: 1; }
.cd-top.cd-fade-out { opacity: .9; }
.no-touch .cd-top:hover { background-color: #e86256; opacity: 1; }
@media only screen and (min-width: 768px) {
.cd-top { right: 20px; bottom: 20px; }
}
@media only screen and (min-width: 1024px) {
.cd-top { height: 60px; width: 60px; right: 30px; bottom: 30px; }
}
.lanswi{ display:none;}
@media (max-width: 1280px) {
	.lanswi{ display:block; position:fixed; top:15px; right:30%; z-index:9999;}
	.lanswi .trp-shortcode-switcher{ padding:0;}
}