* {margin:0;padding:0;}
div,address,b,big,blockquote,body,center,cite,code,dd,del,dl,dt,em,fieldset,font,form,b,b,h3,h4,h5,h6,html,i,iframe,img,ins,label,legend,li,ol,p,pre,small,span,strong,u,ul,var,th,td,input {margin:0;padding:0;}
div,dl,dt,dd,form,input,button,textarea,p,ul,li,ol,table,tr,td,header,footer,aside,nav,b,b,h3,h4,h5,h6,section {box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
body {font-size:14px;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;color:#333;padding:0px;margin:0px;}
button:foucs {border:none !important;outline:none !important;}
button::-moz-focus-inner {border-color:transparent;}
input[type=number] {-moz-appearance:textfield;}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {-webkit-appearance:none;margin:0;}
ul,ol {list-style:none;padding:0;margin:0;}
i {font-style:normal;}
a {color:#333;text-decoration:none;}
a:hover {text-decoration:none;}
video,embed,iframe {width:100%;}
img {border:none !important;vertical-align:middle}
.sl {display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
input[type="button"],input[type="text"],input[type="submit"],input[type="reset"],button,select {-webkit-appearance:none;outline:none;}
textarea {-webkit-appearance:none;outline:none;}
.notScroll {overflow:hidden;}
.clear {clear:both;height:0px;overflow:hidden;}
.clearfix:after {content:".";display:block;height:0;visibility:hidden;clear:both;}
.clearfix {zoom:1;}
.fl {float:left;}
.fr {float:right;}
#banner .content{position:relative;}
#banner .content .txt{position:absolute;width:60%;top:20%;left:20%;text-align:center;}
#banner .content .txt h3{font-size:38px;font-weight:600;color:#fff;padding-bottom:20px;}
#banner .content .txt p{font-size:16px;font-weight:normal;color:#fff;}
.center-block {display:block;margin-right:auto;margin-left:auto;}
img {border:0px;vertical-align:middle;}
.img-responsive {display:block;height:auto;max-width:100%}
.avatar {display:block;overflow:hidden;width:100%;}
.avatar img {-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
.dot {display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.dot2 {text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;}
.wal {width:1400px;margin:0px auto;}
.main_title {text-align:center;}
.main_title p {font-size:40px;margin-bottom:16px;color:#333;}
.main_title p b {font-size:40px;font-weight:bold;color:#093AA7;}
.main_title span {font-size:16px;color:#666;}
/*header start*/.mobile-nav-main {display:none;}
.header {width:100%;height:80px;position:relative;border-bottom:1px solid #dfdfdf;}
.header .headbody {display:flex;flex-flow:row wrap;justify-content:space-between;height:100%;align-items:center;align-content:center}
.header .headbody a.logo {width:18%;}
.header .nav {width:calc(80% - 350px);height:100%}
.header .nav .main-menu-list {width:100%;height:100%;display:flex;justify-content:space-between;height:80px;}
.header .nav .main-menu-list li {width:calc(100% / 5);text-align:center;font-size:16px;height:80px;line-height:80px;position:relative;}
.header .nav .main-menu-list li a {text-transform:uppercase;}
.header .nav .main-menu-list li:hover a {color:#056ede;display:block;line-height:80px;}
.header .nav .main-menu-list li.active a {color:#056ede;}
.header .headbody a.logo img {width:auto;height:60px}
.header .nav .main-menu-list ul {position:absolute;display:none;left:0;top:100%;z-index:99;width:180%;background:#056ede;}
.header .nav .main-menu-list ul li a {font-size:14px;text-transform:inherit;}
.header .nav .main-menu-list li:hover ul {display:block;}
.header .nav .main-menu-list li:hover ul li a {line-height:42px;color:#fff;}
.header .nav .main-menu-list ul li {height:auto;line-height:42px;width:100%;color:#fff;}
.header .nav .main-menu-list li:hover ul li {line-height:24px;}
.header .nav .main-menu-list li:hover ul li a {text-align:left;padding:0 10px;}
.header .nav .main-menu-list li ul li a:hover {background:#fff;color:#056ede;}
.header .nav .main-menu-list > li.cn a {color:#333!important;}
/* 语言 */.head_right {max-width:150px;z-index:9999;position:relative;margin-left:25px;height:90px;display:flex;align-items:center;justify-content:center;}
.prisna-wp-translate-seo {display:none;font-family:Arial,Helvetica,sans-serif}
.change-language .prisna-wp-translate-seo,.mobile-head-language .prisna-wp-translate-seo {display:block}
.change-language .change-language-title,.change-language .change-language-title a {font-size:16px;color:#333;display:flex;font-weight:500;align-items:center;}
.change-language .change-language-title {padding:0}
.change-language .change-language-title a:after {font-family:fontawesome;content:"\f0d7";font-size:12px;display:inline-block;padding-left:2px}
.change-language:hover .change-language-title a:after {-moz-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg)}
.change-language .change-language-cont {position:absolute;top:100%;right:-20px;width:120px;background:#fff;padding:20px 10px 20px 20px;transform:scale3d(.9,.9,1);opacity:0;visibility:hidden;z-index:999;-moz-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out;border:1px solid #eee;border-radius:5px;overflow-y:scroll;max-height:80vh}
.change-language:hover .change-language-cont {transform:scale3d(1,1,1);opacity:1;visibility:visible}
.change-language .change-language-cont .lang-item-hide {display:none !important}
.change-language .change-language-cont .lang-more {position:relative;display:block;text-align:center;cursor:pointer;line-height:30px}
.change-language .change-language-cont .more-active {font-size:20px}
.language-flag span {position:relative;display:inline-block;vertical-align:top;white-space:nowrap;overflow:hidden}
.change-language::-webkit-scrollbar {width:5px}
.change-language::-webkit-scrollbar-track {background-color:#fff}
.change-language::-webkit-scrollbar-thumb {background-color:rgba(0,0,0,.3);border-radius:3px}
.change-language .language-cont:hover::-webkit-scrollbar-thumb {display:block}
.country-flag {position:relative;display:inline-block;vertical-align:middle;margin-right:8px;}
.country-flag img {width:24px;height:18px;object-fit:cover;border-radius:2px;box-shadow:0 1px 3px rgba(0,0,0,0.1);transition:transform 0.2s ease;}
.language-flag .country-flag img {width:24px;height:18px;object-fit:cover;border-radius:2px;}
li.language-flag a:hover .country-flag img {transform:scale(1.05);}
.change-language .change-language-cont {right:-15px;width:200px;padding:15px;}
.change-language .change-language-cont li {width:100%;margin:0 2% 10px;padding:5px;border-radius:4px;transition:background 0.2s ease;}
.change-language .change-language-cont li:hover {background:#f8f8f8;}
.change-language .change-language-cont li a {display:flex;}
.change-language .change-language-cont li a:hover span {color:#09f;}
.mobile-head-item .main-content-wrap .content-wrap a:hover span {color:#09f;}
/*首页banner图*/#banner .swiper {width:100%;height:100%;position:relative;}
#banner .swiper-slide {background-position:center;background-size:cover;position:relative;}
#banner .swiper-slide img {display:block;width:100%;}
#banner .swiper-button {position:absolute;top:50%;transform:translateY(-50%);text-align:center;color:#fff;cursor:pointer;overflow:hidden;z-index:10;transition:all .5s ease;outline:none;opacity:0;}
#banner:hover .swiper-button {opacity:1;}
.btn-prev {left:8%;}
.btn-next {right:8%;}
#banner:hover .btn-prev {left:5%;}
#banner:hover .btn-next {right:5%;}
#banner .swiper-pagination-bullet {position:relative;margin:0 8px !important;display:inline-block;width:14px;height:14px;overflow:hidden;z-index:10;border-radius:100%;outline:none;background:#fff;opacity:1;}
#banner .swiper-pagination-bullet-active.swiper-pagination-bullet::before {background:#fff;}
#banner .swiper-pagination-bullet-active {background-color:#056ede;opacity:1;filter:alpha(opacity=100);}
#banner .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {bottom:90px;left:0;width:100%;}
.banner_txt {position:absolute;width:100%;top:32%;left:0;right:0;z-index:10;color:#fff;text-align:left;text-shadow:0 1px 2px rgba(0,0,0,0.6);}
.banner_txt_spe {position:absolute;width:100%;top:23%;left:0;right:0;margin:auto;z-index:10;color:#fff;text-align:center;}
.banner_txt p {font-size:30px;color:#666;text-shadow:none;}
.banner_txt b {display:block;font-size:42px;color:#333;margin:30px 0;text-shadow:none;}
.banner_txt span {color:#666;font-size:16px;line-height:28px;display:block;text-shadow:none;}
.banner-more {display:block;width:130px;letter-spacing:1px;margin-top:20px;height:38px;line-height:38px;text-align:center;color:#fff;background:#056ede;border-radius:38px;text-shadow:none;}
.banner-more:hover {background:rgba(255,255,255,0.3);color:#fff;}
.banner-more::after {content:'';display:inline-block;width:6px;height:6px;border-top:2px solid #fff;border-right:2px solid #fff;-webkit-transform:rotate(45deg);transform:rotate(45deg);position:relative;top:-1px;margin-left:7px;-webkit-transition:.6s ease;transition:.6s ease;}
.banner-more:hover::after {margin-left:13px;}

.search {padding:20px;background:rgba(5,111,222,0.9);position:relative;z-index:99;top:-50px;display:flex;flex-flow:row wrap;justify-content:space-between;border-radius:10px;}
.search .tel_left {width:58%;display:flex;flex-flow:row wrap;}
.search .tel_left .tel_box:nth-child(1) {padding-right:80px;}
.search .tel_left p {padding-bottom:10px;color:#fff;text-transform:uppercase;}
.search .tel_left b {font-size:22px;font-family:Arial;color:#fff;}
.search .search_right {width:38%;margin-top:8px;position:relative;}
.search .search_right input {border:none;width:100%;height:50px;background:#fff;border-radius:50px;padding:10px 60px 10px 20px;}
.search .search_right button {width:50px;height:50px;position:absolute;top:0;right:0;background:url(../images/fdj.png) no-repeat center left;background-size:30px 30px;border:none;}


.title {text-align:center;margin:0 auto 30px;}
.title b {font-size:40px;color:#333;text-transform:uppercase;}
.title em {display:block;width:40px;height:5px;background:#056ede;margin:10px auto;}
.title p {display:block;line-height:24px;color:#666;width:58%;font-size:16px;margin:0 auto;}
.product {background-color: rgb(238, 238, 238);background-size:cover;}

.slide-list {list-style:none;padding:0;display:flex;align-items:stretch;justify-content:space-between;flex-wrap:wrap;}
.slide-list li {overflow:hidden;width:calc(25% - 10px);background:#056ede;margin:5px;}
.slide-list li {text-decoration:none;font-size:16px;text-align:center;display:block;color:#fff;position:relative;transition:0.5s;}
.slide-list li a{padding:20px 15px;color:#fff;display:block;}
.slide-list li::before {position:absolute;content:"";top:0;left:0;width:100%;height:100%;transform:scaleX(0);background:#DB0001;transition:0.5s;z-index:1;}
.slide-list li:hover::before {transform:scaleX(1);transition:0.5s;}
.slide-list li:hover {background:none;}
.slide-list li a span {position:relative;z-index:99;display:block;}
.pad-80 {padding:80px 0;}
.product_con {margin-top:20px;background:#fff;padding:30px;}
.pro_list {display:flex;align-items:stretch;justify-content:space-between;flex-wrap:wrap;}
.pro_list a {display:flex;align-items:center;flex-direction:column;justify-content:space-between;width:calc(25% - 20px);background:#fff;box-shadow:0px 0px 35px 0px rgba(0,0,0,0.10);padding:15px;margin:10px 0;}
.pro-fl .pro_txt {font-size:20px;color:#1e1e1e;text-align:center;}
.pro_txt {font-size:20px;color:#1e1e1e;text-align:left;width:100%;display: flex;justify-content: space-between;}
.pro_txt b {font-size:30px;font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;}
.pro_txt p {margin:30px 0;}
.pro_txt p em {display:block;height:36px;line-height:36px;background:url(../images/pro-tb.png) no-repeat left;padding-left:27px;font-size:18px;font-weight:normal;}
.pro_txt span {color:#666;font-size:16px;display:block;margin-top:20px;}
.pro_tu {position:relative;overflow:hidden;width:100%;}
.pro_tu::after {position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.5);content:'';z-index:1;-webkit-transition:-webkit-transform .6s;transition:-webkit-transform .6s;-o-transition:transform .6s;transition:transform .6s;transition:transform .6s,-webkit-transform .6s;-webkit-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0)}
.pro_tu::after {position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.5);content:'';z-index:1;-webkit-transition:-webkit-transform .6s;transition:-webkit-transform .6s;-o-transition:transform .6s;transition:transform .6s;transition:transform .6s,-webkit-transform .6s;-webkit-transform:scale3d(1.9,4.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);transform:scale3d(1.9,4.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0)}
.ab_more2 {display:block;font-size:14px;color:#999;width:80px;line-height:30px;text-align:center;border:1px solid #dedede;background:#fff;margin:20px 0;font-style:normal;transition:all 0.3s;}
.pro_list a:hover .ab_more2 {color:#fff;background:#999;border:1px solid #999;}
.pro_list a:hover b {color:#056ede;}
@keyframes movepoint {25% {transform:scale(1.1);}
100% {transform:scale(1);}
}
.pro_list a:hover .shade-move {animation:movepoint 2s infinite;-webkit-animation:movepoint 2s infinite;}
.pro-fl a:hover .shade-move {animation:movepoint 2s infinite;-webkit-animation:movepoint 2s infinite;}
.pro-fl a:hover .pro_tu::after {-webkit-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0)}
.pro_list a:hover .pro_tu::after {-webkit-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0)}
/*解决方案*/.jjfa {position:relative;}
.jjfa .tit_box {width:100%;position:absolute;top:50px}
.jjfa .jjfa_tit {width:100%;height:100%;position:absolute;bottom:0;z-index:9999;}
.jjfa .jjfa_tit ul {display:flex;flex-flow:row wrap;height:100%;}
.jjfa .jjfa_tit ul li {width:calc(100% / 6);height:100%;text-align:center;color:#fff;display:flex;flex-flow:row wrap;align-items:flex-end;}
.jjfa .jjfa_tit ul li.active {background:url(../images/activebg1.png);background-size:cover;align-items:center;}
.jjfa .jjfa_tit ul li a {color:#fff;display:inline-block;width:100%;padding:100px 0 50px;}
.jjfa .jjfa_tit ul li a p {font-size:18px;line-height:20px;display:block;min-height:40px;padding-top:10px;}
.jjfa .jjfa_com ul li {display:none;}
.jjfa-menb {position:absolute;bottom:0;z-index:99;}
/*company start*/.company {padding:60px 0;}
.company .com_body {display:flex;flex-flow:row wrap;justify-content:space-between;margin-top:40px;}
.company .com_body .com_l,.company .com_body .com_r {width:48%;}
.company .com_body .com_l {display:flex;flex-flow:row wrap;align-items:center;align-content:center;}
.company .com_body .com_l em {display:block;width:100%;font-size:18px;color:#056ede;font-style:normal;font-weight:bold;}
.company .com_body .com_l b {font-size:28px;line-height:40px;display:block;padding:20px 0;text-transform:uppercase;}
.company .com_body .com_l p {font-size:15px;line-height:170%;}
.company .com_body .com_r img {box-shadow:2px 5px 5px 5px #dfdfdf;}
.company .more {display:inline-block;width:150px;height:40px;background:#056ede;border-radius:5px;line-height:40px;margin-top:15px;color:#fff;text-align:center;}
.company .more:hover {background:#FFD105;}

.adv_line {height:250px;background:url(../images/sheet-metal-work-fabricatio.jpg) no-repeat center;}
.adv_line .wal {height:100%;}
.adv_line ul {height:100%;display:flex;flex-flow:row wrap;align-content:center;align-items:center;}
.adv_line ul li {width:25%;color:#fff;text-align:center;font-size:17px;display:flex;flex-flow:column wrap;}
.adv_line ul li img {width:35px;margin:0 auto;}
.adv_line ul li b {font-size:30px;display:block;margin-top:15px;font-family:Arial;}
/*news*/.news {padding:60px 0}
.news .new_body {display:flex;flex-flow:row wrap;justify-content:space-between;margin-top:40px;}
.news .new_body .new_left,.news .new_body .new_right {width:48%;display:flex;flex-flow:column wrap;}
.news .new_body .new_left {padding:40px;background:#f1f1f1;}
.news .new_body .new_left .new_tit {font-size:16px;color:#333;width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:160%;}
.news .new_body .new_left em {font-size:14px;color:#056ede;font-style:normal;padding:10px 0 20px;}
.news .new_body .more {display:inline-block;width:150px;height:40px;background:#056ede;border-radius:5px;line-height:40px;margin-top:15px;color:#fff;text-align:center;}
.news .new_body .more:hover {background:#FFD105;}
.news .new_body .new_left .img {overflow:hidden;}
.news .new_body .new_left .img img {width:100%;display:block;transition:.5s ease-in;}
.news .new_body .new_left:hover img {transform:scale(1.1,1.1);}
.news .new_body .new_right ul li:nth-child(1) {border-top:1px solid #dfdfdf;}
.news .new_body .new_right ul li {padding:25px 20px;border-bottom:1px solid #dfdfdf;}
.news .new_body .new_right ul li a {display:flex;flex-flow:row nowrap;justify-content:space-between;}
.news .new_body .new_right ul li a span {width:5%;font-size:30px;color:#ddd;font-weight:bold;line-height:20px;padding-right:15px;}
.news .new_body .new_right ul li a .new_mid {width:100%;display:flex;flex-flow:row nowrap;}
.news .new_body .new_right ul li a .new_mid .tit1 {font-size:16px;line-height:20px;color:#333;width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.news .new_body .new_right ul li a .new_mid .con1 {line-height:20px;color:#888;font-size:14px;width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:15px}
.news .new_body .new_right ul li a .new_time {color:#999;display:flex;flex-flow:row wrap;justify-content:right}
.news .new_body .new_right ul li a .new_time p {width:100%;text-align:right;}
.news .new_body .new_right ul li a .new_time .jt {width:100%;padding-top:20%;text-align:right;}
.news .new_body .new_right ul li a .new_time .jt img {width:30px;filter:grayscale(100%);opacity:0.5;}
.news .new_body .new_right ul li:hover {background:#f1f1f1}
.news .new_body .new_right ul li:hover .new_mid span {color:#056ede}
.news .new_body .new_right ul li:hover .new_mid .tit1 {color:#056ede}
.news .new_body .new_right ul li:hover .new_mid .con1 {color:#666}
.news .new_body .new_right ul li:hover a .new_time .jt img {filter:grayscale(0%);opacity:1;}


.index_new{width:100%;}
.index_new ul li{float:left;width:50%;}
.index_new ul li div{padding:10px;display:flex;justify-content: flex-start;}
.index_new ul li div span img{padding-right:20px;width:300px;height:200px;}
.index_new ul li .txt h3{padding-bottom:20px;font-size:20px;}

/* 留言 */.lybg {background:url(../images/bg.jpg) no-repeat;background-size:cover;background-attachment:fixed;}
.liuyan {display:flex;justify-content:space-between;}
.ly_fl {width:45%;}
.ly_fl b {font-size:26px;color:#fff;margin-top:40px;display:block;color:#056ede;}
.ly_fl p {font-size:18px;margin-top:30px;}
.ly_fr {width:50%;}
.ly_fr_con {background:rgba(255,255,255,.3);padding:30px;}
.inp {margin-top:15px;margin-right:2%;}
.inpp {width:48%;float:left;margin-right:2%;margin-bottom:15px;}
.inp .btn {background:#056ede;width:100%;color:#fff;margin:15px auto;}
.inp .btn:hover {background:#FFD105;}
.zxlyyzm {width:200px;outline:0;height:40px;line-height:40px;font-size:14px;color:#999;background:#fff;border:1px solid #dedede;vertical-align:top;text-indent:10px;border-radius:2px}
.zxlysub {background:#b80509;width:15%;outline:0;height:40px;line-height:40px;color:#fff;text-align:center;border-radius:2px;border:0;font-size:16px;float:left;cursor:pointer;text-transform:uppercase;}
.zxlysub:hover {background:#ffa200}
.indexcode {vertical-align:top;height:40px;margin-left:5px;}
.zxlyinp {height:40px;line-height:40px;border-radius:2px;border:0;vertical-align:top;text-indent:10px;font-size:14px;outline:0;display:inline-block;border:1px solid #dedede;width:calc(33.3% - 15px);margin-right:10px;}
/*底部footer*/.footer-main {background-repeat:no-repeat;background-size:cover;position:relative;background:#F4F6F8;padding-top:50px;padding-bottom:30px;}
.footer-main .container {display:flex;justify-content:space-between;}
.footer-list1 {width:22%;}
.footer-list3 {width:30%;}
.footer-list4 {width:20%;}
.footer-list3 .con_info {display:flex;flex-wrap:wrap;flex-direction:column;justify-content:space-between;}
.footer-list1 span,.footer-list2 span,.footer-list3 span {color:#333;font-size:17px;letter-spacing:1.36px;margin-bottom:30px;margin-top:0;display:block;font-weight:bold;text-transform:uppercase;}
.footer-list4 .socials {padding-left:0;margin-bottom:0;margin-top:20px;float:right;}
.footer-list4 .socials li {display:inline-block;margin-right:10px;}
.footer-list4 .socials li a {border:1px solid #056ede;border-radius:5px;color:#056ede;display:inline-block;height:36px;width:36px;line-height:36px;text-align:center;-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s;}
.footer-list4 .socials li a:hover {background-color:#056ede;border:1px solid #056ede;color:#fff;}
.footer-list1 p,.footer-list2 p,.footer-list3 p {color:#969595;font-size:14px;letter-spacing:0.45px;line-height:26px;padding-bottom:5px;}
.footer-list1 p a {color:#333;text-transform:uppercase;}
.footer-list1 p a:hover {color:#056ede;}
.address-content {display:inline-block;position:relative;padding-left:52px;padding-bottom:10px;text-align:left;}
.address-content span {color:#333;font-size:20px;position:absolute;left:0px;top:5px;display:inline-block;width:30px;height:37px;line-height:37px;text-align:center;}
.address-content i {font-size:15px;color:#333;display:block;font-style:normal;font-weight:500;margin-bottom:5px;}
.address-content p {color:#333;font-size:13px;}
.footer-copyright {background:#F4F6F8;line-height:55px;height:55px;border-top:1px solid #dedede;}
.footer-copyright p {color:#333;font-size:12px;text-align:center;letter-spacing:1.1px;margin-bottom:0;text-transform:uppercase;}
.footer-copyright p span {padding-left:15px;}
.footer-copyright p span a {color:#9B9B9B}
/*返回顶部*/
.scroll {position:fixed;right:30px;bottom:70px;cursor:pointer;font-size:14px;text-align:center;z-index:99999;color:#fff;}
.scroll a p {color:#fff;}
.scroll .return {transform:scaleY(0);transition:0.5s;background-color:#FFD105;padding:10px 20px;border-radius:5px;}
.scroll i {font-size:20px;color:#fff;}
.scroll .active {transform:scale(1);}

.scroll .pc-online a{color:#333;}
.scroll .pc-online{
    background-color:#FFD105;margin-bottom: 5px;padding:10px;border-radius:5px;
}
.scroll .pc-online li{list-style:none;}
.scroll .pc-online li .icon{font-size:30px;}

/* 手机底部导航 */.bottom_nav {position:fixed;bottom:0;width:100%;z-index:999;background:#056ede;display:none;}
.bottom_nav_item {display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;height:62px;}
.bottom_nav a {flex:1;color:#fff;border-right:1px solid #296AB7;border-left:1px solid #1A5293;display:flex;align-items:center;justify-content:center;}
.bottom_nav a span {margin-left:6px;}
.bottom_nav a:last-child {border-right:none;}
.bottom_nav a:first-child {border-left:none;}
.product_content{width:100%;overflow:auto;}
.product_content img {max-width:100% !important;height:auto !important;display:inline-block;}
.product_content p {text-wrap:inherit !important;}
.product_content p span {text-wrap:inherit !important;}
.language-switcher {position:relative;display:inline-block;float:right;padding:0;}
/* 语言切换按钮 */        .language-btn {border-radius:4px;cursor:pointer;font-size:14px;color:#333;}
.language-btn .globe-icon {font-size:16px;}
.language-btn .arrow-icon {margin-left:5px;transition:transform 0.3s;}
.language-list .hidden {display:none}
/* 下拉框容器 */        .language-dropdown {position:absolute;top:calc(100% + 5px);right:0;background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 10px rgba(0,0,0,0.1);display:none;z-index:1000;width:400px;}
/* 语言列表 */        .language-list {display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:10px;max-height:230px;overflow-y:auto;}
/* 语言选项 */        .language-item {display:flex;align-items:center;padding:6px 8px;cursor:pointer;border-radius:4px;gap:5px;font-size:13px;color:#333;height:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.language-item a {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.language-item:hover {background:#f5f5f5;}
.language-item img {width:16px;height:12px;object-fit:cover;}
/* More Language按钮 */        .more-languages {text-align:center;padding:8px;border-top:1px solid #eee;cursor:pointer;color:#666;font-size:13px;height:40px;}
.more-languages:hover {color:#333;background:#f5f5f5;}
/* 展开状态 */         .language-dropdown.active {display:block;background:white;}
.language-list.show-all {max-height:400px;}
/* 滚动条样式 */        .language-list::-webkit-scrollbar {width:6px;}
.language-list::-webkit-scrollbar-track {background:#f1f1f1;}
.language-list::-webkit-scrollbar-thumb {background:#ccc;border-radius:3px;}
.language-list::-webkit-scrollbar-thumb:hover {background:#999;}
@media screen and (max-width:800px) {.language-switcher {position:absolute !important;right:75px;top:13px;padding:0 !important;width:32%;text-align:right;white-space:nowrap;text-overflow:ellipsis;}
.language-dropdown {width:280% !important;right:-60px !important;top:37px !important}
.current-lang {display:inline-grid;max-width:59%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
}
.pagebar {padding:20px;overflow:hidden;clear:both}
.pagebar .pagination {display:flex;justify-content:center;margin-top:10px;}
.pagination a {background:#fff;border:1px solid #ccc;color:#333;font-size:12px;padding:8px 10px;margin:0 2px;border-radius:3px;line-height:100%}
.pagination span {color:#333;font-size:12px;padding:7px 2px;margin:0 2px;border-radius:3px;}
.pagination a:hover {color:#333;border:1px solid #333;}
.pagination a.page-num-current {color:#fff;background:#333;border:1px solid #333;}
.pagination .st {font-family:宋体}
.text-secondary {text-align:center;padding:20px 0}
.online {
	display:none;
    font-family: 'Times New Roman', Arial;
    position: fixed;
    bottom: 0px;
    width: 100%;
    background-color: #056ede;
	justify-content:center;
}
.online li{width:20%;list-style:none;padding:10px 0 8px;}
.online li a{display:block;width:100%;text-align:center;color:#fff;text-decoration:none !important; }
.online li a span{font-size:24px;}

.breadcumb-area {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 265px;
}

.breadcumb-content {
    text-align: center;
}

.breadcumb-title h2 {
    font-size: 40px;
    margin-bottom: 9px;
    margin-top: 0;
    color: #fff;
}

.breadcumb-content-menu ul li {
    list-style: none;
    display: inline-block;
}

.breadcumb-content-menu a {
    font-size: 16px;
    line-height: 26px;
    color: #ffffff;
}

.breadcumb-content-menu span {
    font-size: 16px;
    line-height: 26px;
    color: #ffffff;
}

.breadcumb-content-menu i {
    display: inline-block;
    font-size: 14px;
    line-height: 26px;
    color: #ffffff;
    margin: 0 8px;
}

/*============================================
<!--start techo about-section -->
==============================================*/
.about-section {
    padding: 100px 10px 30px;
    position: relative;
    overflow: hidden;
	
}


.about-section-description p {
    font-size: 18px;
    width: 90%;
    padding-top: 7px;
}


.about-section-button a {
    display: inline-block;
    background-color: #0C5ADA;
    font-size: 15px;
    border-radius: 3px;
    font-weight: 600;
    color: #fff;
    transition: all .3s;
    padding: 14px 35px 13px 35px;
    position: relative;
    z-index: 1;
}

.about-section-button a::before {
    animation: opacityFallbackOut .5s step-end forwards;
    backface-visibility: hidden;
    background-color: #232323;
    clip-path: polygon(-1% 0,0 0,-25% 104%,-1% 100%);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: .5s;
    width: 100%;
    border-radius: 5px;
    z-index: -1;
}

.about-section-button a:hover:before {
    animation: opacityFallbackIn 0s step-start forwards;
    clip-path: polygon(0 0,101% 0,101% 101%,0 101%);
    
}

.about-section-button a:hover::before {
    width: 100%;
    z-index: -1;
}

.about-section-button a i {
    margin-left: 6px;
}

.about-inner-thumb img {
    width: 100%;
}

.about-shape {
    position: absolute;
    z-index: 1;
    bottom: 218px;
    right: 8px;
    animation: up-down 3s linear infinite;
}
.techo-section-title.text-center {
    margin: auto;
    text-align: center;
    margin-bottom: 45px;
}

.techo-section-title h5 {
    color: #0c5adb;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 5px;
    margin: 0 0 15px;
}

.techo-section-title h3, .techo-section-title h2{
    font-size: 39px;
    margin-bottom: 0px;
    text-transform: capitalize;
    margin-top: 0;
    line-height: 1.2;
    font-weight: 800;
}
.techo-section-title .text{
    font-size: 16px;
    padding:20px 0;
	line-height:35px;
    width: 100%;
}

.tab_content {
    display: none;
    -webkit-animation: fadeInUp 1s ease-in ;
    animation: fadeInUp 1s ease-in ;
}

.tab_content.active {
    display: block;
}

.case_study_nav {
    margin: 0 0 40px;
}

.case_study_menu ul {
    text-align: center;
}

.case_study_menu ul li {
    background: transparent;
    border: medium none;
    font-size: 16px;
    line-height: 1;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    cursor: pointer;
    text-transform: capitalize;
    padding: 12px 22px;
    font-weight: 500;
    position: relative;
    z-index: 1;
    margin: 0 3px;
    margin-bottom: 7px;
    display: inline-block;
    background: #f2f4ff;
    border-radius: 5px;
}

.case_study_menu ul li:hover {
    color: #fff;
}

.case_study_menu ul li::before {
    animation: opacityFallbackOut .5s step-end forwards;
    backface-visibility: hidden;
    background-color: #000;
    clip-path: polygon(-1% 0,0 0,-25% 104%,-1% 100%);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: .5s;
    width: 100%;
    border-radius: 5px;
    z-index: -1;
}

.case_study_menu ul li:hover:before {
    animation: opacityFallbackIn 0s step-start forwards;
    clip-path: polygon(0 0,101% 0,101% 101%,0 101%);
    
}

.case_study_menu ul li:hover::before {
    width: 100%;
    z-index: -1;
}

li.current_menu_item {
    color: #fff !important;
    background: #0c5adb!important;
}

.case-study-thumb {
    position: relative;
    overflow: hidden;
}

.case-study-thumb::before{
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    height: 0;
    width: 100%;
    background: rgba(0,0,0,0) linear-gradient(to bottom,rgba(60,52,173,0.2) 0%,rgba(17,113,215,1) 150%) repeat scroll 0 0;
    border-radius: 5px;
    transition: all .35s ease-in-out;
}

.case-study-single-box:hover .case-study-thumb::before{
    height: 100%;
}


.case-study-thumb img {
    width: 100%;
    border-radius: 5px;
}

.case-study-title h3 {
    margin: 8px 0 0px;
    text-transform: capitalize;
    color: #000;
    font-size: 20px;
    font-weight: 600;
}

.case-study-title h3 a {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    text-transform: capitalize;
}

.case-study-single-box {
    margin-bottom: 30px;
}

.case-study-content-inner {
    position: absolute;
    transition: .5s;
    right: 20px;
    bottom: 80px;
    left: 20px;
    background: #0c5adb;
    width: 86%;
    margin: auto;
    text-align: left;
    padding: 30px 20px 30px;
    border-radius: 5px;
    visibility: hidden;
    opacity: 0;
}

.case-study-single-box:hover .case-study-content-inner{
    visibility: visible;
    opacity: 1;
} 

.category-item-p {
    color: #fff;
    line-height: 1.2;
    margin: 5px 0 0;
}

.venobox.pbox-item {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: #fff;
    text-align: center;
    color: #0C5ADB;
    border-radius: 100%;
    margin: 0 8px  0 0;
    transition: 0.5s;
}

.venobox.pbox-item:hover {
    background: #00247E;
    color: #fff;
}

.case-study-title {
    margin-top: 23px;
}

.bg01{background: url(../images/bg01.jpg);}
.bg02{background: url(../images/bg02.jpg);}
.bg03{background: url(../images/bg03.jpg);}
.bg04{background: url(../images/bg04.jpg);}
.bg05{background: url(../images/bg05.jpg);}

.blog-area {
    padding: 0px 0 120px;
}

.single-blog {
    margin-bottom: 30px;
    box-shadow: 0px 3px 22px 0px rgb(44 130 237 / 15%);
    position: relative;
    transition: 0.5s;
}

.single-blog:hover:hover{
    -webkit-box-shadow: 0px 10px 27px 0px rgb(44 130 237 / 20%);
    box-shadow: 0px 10px 27px 0px rgb(44 130 237 / 25%);
}

.blog-meta-top {
    position: absolute;
    left: 30px;
    top: 30px;
    z-index: 1;
}

.blog-meta-top span {
    display: inline-block;
    background: #0C5ADB;
    padding: 7px 14px;
    line-height: 19px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
    border-radius: 5px;
    transition: 05s;
}

.blog-meta span:hover {
    color: #0C5ADB;
}

.blog-thumb img {
    width: 100%;
}


.team-thumb {
    position: relative;
    overflow: hidden;
}

.blog-thumb {
    position: relative;
    overflow: hidden;
}

.blog-thumb::before{
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    height: 0;
    width: 100%;
    background: rgba(0,0,0,0) linear-gradient(to bottom,rgba(60,52,173,0.2) 0%,rgba(17,113,215,1) 150%) repeat scroll 0 0;
    border-radius: 5px;
    transition: all .35s ease-in-out;
}

.single-blog:hover:hover .blog-thumb::before{
    height: 100%;
}

.blog-thumb img {
    width: 100%;
    border-radius: 3px 3px 0 0;
}

.blog-content {
    padding: 25px 30px 25px;
}

.blog-meta a {
    display: inline-block;
    text-transform: capitalize;
    margin-right: 24px;
    color: #616161;
    font-weight: 500;
    transition: 0.5s;
    position: relative;
    z-index: 1;
}

.blog-meta a:hover{
    color: #0C5ADB; 
}

.blog-meta a::before {
    content: "";
    background: #616161;
    width: 1px;
    height: 14px;
    position: absolute;
    right: -15px;
    top: 5px;
    z-index: -1;
}

.blog-meta-title h2 {
    font-size: 24px;
    margin: 10px 0 7px;
    line-height: 1.2;
}

.blog-meta-title h2 a{
    margin-bottom: 0;
    text-transform: none;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    color: #232323;
    font-weight: 700; 
}

.blog-meta-title h2 a:hover{
    color:#0C5ADB;
}

.blog-meta-desc p {
    margin: 16px 0 15px;
}
.xqr h1{ font-size: 24px;}

.innewright{display:flex;align-content:stretch;}
.innewright img{width:200px;padding:0 15px;aspect-ratio: 2 / 1;}

.article_titlebor{padding:30px 0;text-align:center;}
.article_content{padding:0 0 30px 0;font-size:16px;line-height:2;}


.contact-area {
    padding: 90px 10px 80px;
}

.contact-address {
    margin-top: 55px;
}

.single-contact-box {
    display: flex;
    align-items: center;
    margin-bottom: 44px;
}

.contact-box-icon {
    border-radius: 4px;
    background: #F5F9FF;
    transition: all 500ms ease;
    height: 73px;
    width: 73px;
    text-align: center;
    line-height: 73px;
    margin-right: 20px;
}

.contact-box-icon i {
    font-size: 34px;
    color: #0C5ADB;
    display: inline-block;
}

.contact-box-title h2 {
    font-size: 22px;
    margin: 0 0 6px 0;
}

.contact-box-description p {
    margin: 0;
    font-size: 16px;
    font-weight: 400;
}

.contact-box-description span {
    display: block;
}

.form-box {
    margin-bottom: 25px;
}

.form-box input {
    width: 100%;
    height: 56px;
    background-color: #F5F9FF;
    border-color: transparent;
    transition: .5s;
    border: 1px solid #F5F9FF;
    padding: 6px 20px;
    box-shadow: none;
    border-radius: 5px;
}

.form-box textarea {
    width: 100%;
    height: 165px;
    border: 1px solid #F5F9FF;
    padding: 6px 20px;
    border-radius: 4px;
    background: #F5F9FF;
}

.submit-button button {
    width: 100%;
    background: #275efe;
    padding: 16px 32px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    border-radius: 4px;
    outline: none;
    letter-spacing: 0.5px;
    border: none;
    text-align: center;
    display: inline-block;
    transition: 0.5s;
    position: relative;
    z-index: 1;
}

.submit-button button::before {
    position: absolute;
    content: "";
    z-index: -1;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #000;
    transform: scale(0.0, 1);
    transition: .5s;
    border-radius: 5px;
}

.submit-button button:hover::before{
    transform: scale(1);
}
#maps {
    padding: 90px 0 0px;
}
.side_ewm p{text-align:center;line-height:2;}

   .table {
      width: 100%;
      border-collapse: collapse;
      margin: 1.5rem 0;
      font-size: 14px;
    }
.table{width:100%; overflow-x: auto;}
.table table th, td {
      padding: 1rem;
      text-align: left;
      border: 1px solid #ddd;
    }

.table table th {
      background-color: #4a90e2;
      color: white;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0.5px;
    }

.table table tr:nth-child(even) {
      background-color: #f8f9fa;
    }

.table table tr:hover {
      background-color: #e3f2fd;
      transition: background-color 0.3s ease;
    }

.table table th {
      border-bottom: 2px solid #357abd;
    }