@font-face
{
    font-family: myFirstFont;
    src: url(../fonts/IMPACT.TTF);
}
#translate{ display: none;}
*{ margin:0; box-sizing: border-box; padding:0; transition-property: all;-ms-transition-property: all;-moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all;}
body{ font-family:"microsoft yahei"; color:#333; font-size:0.9rem; background: #f3f5fa;  line-height: 24px; min-width: 1360px;}
a{ text-decoration: none; -webkit-transition: all ease .1s;  -moz-transition: all ease .1s; transition: all ease .1s; border:none; color: #333;}
a:focus { outline: 0 }
a:hover{ color: #1168af;}
img{ border:none; -webkit-transition: all ease .5s;  -moz-transition: all ease .5s; transition: all ease .5s; vertical-align: middle;}
ul,li{ list-style:none;}
.clear{ clear:both;}
.clearfix{ clear:both;}
p{ margin:0; padding:0;}
.padding5{ padding:5px;}
.padding10{ padding:10px;}
.padding15{ padding:15px;}
.padding20{ padding:20px;}
.padding30{ padding:30px;}
.padding40{ padding:40px;}
.fr{ float:right;}
.fl{ float:left; }
.paddingright{ padding-right:10px;}
.paddingleft{ padding-left:10px;}
.undis{ display:block;  background-size: cover;}
.dis{ display:none;  }
.pr5{ padding-right:5px;}
.red{ color:#f00;}
.fff{ color:#fff;}
.pdt30{ padding-top: 30px;}
.txtcenter{ text-align: center;}
h1,h2,h3,h4,strong,b{ margin: 0;  color: #111111;}
.auto1280{ width:1360px; margin: 0 auto;}
.auto_1280{ width:1360px;  margin: 0 auto;}
.flex {display: flex; flex-wrap: wrap;}
.flex-center { display: flex; align-items: center; justify-content: space-between;}
.flex-center-contain { justify-content: space-between;}
.flex-end { justify-content: flex-end; align-items: flex-end; }
.flex-center-contain1 { justify-content: space-between; align-items: center; }
.flex-center-contain2 { align-items: center; }
.flex-center1 { display: flex; align-items: center; justify-content: center;}
.flex-center2 { display: flex; align-items: center; }
.flex-center3 { display: flex; align-items: center; justify-content: flex-start;}
.flex-center4 { display: flex; justify-content: flex-start;}
em,i{ font-style: normal;}


#home .home,
#about .about,
#products .products,
#news .news,
#quality .quality,
#contact .contact,
#solution .solution{font-weight: bold; }







input,button,select,textarea{ outline:none;  font-family:"microsoft yahei"; }
textarea{resize:none;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none; font-weight:normal;}
input[type="button"], input[type="submit"], input[type="reset"]{ cursor: pointer;}
a,button{ cursor: pointer;}

#warp{ width:100%; height:auto; position: relative; overflow: hidden;}


header{ width: 100%; position: fixed; left: 0; top: 0; z-index: 999;}
header .logo{ width: 81px; height: 75px; }
header .logo a{ display: block; width: 81px; height: 75px; background: url(../images/logo.png) no-repeat;}
header .logo a h1{ display: none;}


.searchshow{  width: 235px;height: 48px; border-radius: 6px;border: 1px solid #FFFFFF;}
.searchshow input{ width:70%; height: 46px; padding: 0 20px; line-height: 46px; color: #FFFFFF; border: none; background: none;}
.searchshow input::placeholder{ color: #FFFFFF;}
.searchshow button{ width: 30%; height: 46px; line-height: 46px; border: none; background: none;  font-size:1.1rem; color: #FFFFFF; text-align: center; cursor: pointer;}

.header-box{ width: 100%; height: 100%; position: relative;}
header nav.Hnav{ height: 100%;}
header nav.Hnav li{ padding: 0 10px; font-size: 1rem; height: 105px; line-height: 105px;}
header nav.Hnav li a{ color: #FFFFFF; display: inline-block; padding: 0 5px; }
header nav.Hnav li a:hover{font-weight: bold;}



nav.Hnav li .sec_cont{width: 100%; height: auto; background:rgba(0,81,160,0.7); position: absolute; left: 0; top: 105px; z-index: 999; padding: 30px; box-sizing: border-box; visibility: hidden;}
nav.Hnav li .auto1280{  opacity: 0;  display: flex; flex-wrap: wrap; align-items:center; justify-content:center;}    
nav.Hnav li:hover .sec_cont{ visibility: visible; }
nav.Hnav li:hover .auto1280{ opacity: 1.0;} 
nav.Hnav li .sec_cont dl{ width: 19%; overflow: hidden; text-align: center; margin:0 0.5%;}
nav.Hnav li .sec_cont dl dt{ width: 100%; height: auto; overflow: hidden;}
nav.Hnav li .sec_cont dl dt a{ padding: 0; display: block; border: none;}
nav.Hnav li .sec_cont dl dt img{ width: 100%; height: auto;}
nav.Hnav li .sec_cont dl dt a:hover img{transform: scale(1.1); -webkit-transform: scale(1.1); border: none;}
nav.Hnav li .sec_cont dl dd{ width: 100%; height: 42px; line-height: 42px; font-size: 15px;}
nav.Hnav li .sec_cont dl dd a{ color: #FFFFFF;}


.header-lang{ height: 16px; line-height: 16px; cursor: pointer; position: relative; color: #FFFFFF; margin-left: 30px;}
.header-lang b{ padding: 0 10px; color: #FFFFFF;}
.header-lang i{ display: inline-block; line-height: 16px;}
.header-lang i.fa-globe{ font-size: 1.2rem;}
.header-lang:hover ul{ display: block;}
.header-lang ul{ display: none; position: absolute; left: 0; z-index: 999; top: 16px; background: #FFFFFF; box-shadow: 3px 3px 10px 0 rgba(0,0,0,.1); width: 160px;}
.header-lang ul li{ height: 40px; line-height: 40px; font-size: 0.9rem; border-bottom: 1px solid #EEEEEE; padding: 0;}
.header-lang ul li a{ display: block; padding: 0 15px; line-height: 40px; font-weight: normal;}
.header-lang ul li a:hover{ background: #106eb8; color: #FFFFFF;}

header.current{ background: #FFFFFF; border-bottom:2px solid #EEEEEE;}
header.current .logo a{background: url(../images/logo1.png) no-repeat;}

header.current nav.Hnav li a{ color: #333; }

header.current .searchshow{  border: 1px solid #EEEEEE;}
header.current .searchshow input{ color: #333;}
header.current .searchshow input::placeholder{ color: #333;}
header.current .searchshow button{ color: #333; }
header.current .header-lang{ color: #333333;}
header.current .header-lang b{ color: #333333;}

/**banner**/
.main_visual{ position: relative;}
.main_visual .owl-carousel,.main_visual .owl-stage-outer,.main_visual .owl-stage,.main_visual .owl-carousel .owl-item{width: 100%;height: 100%; }
.main_visual .owl-carousel .item{width: 100%;height: 100%; overflow: hidden; margin: 0 auto;}
.main_visual .owl-carousel .item a{ display: block;  width: 100%;height: 100%;}
.main_visual .owl-carousel .item img{ width: 100%;height: auto; display: block;}
.main_visual .owl-prev,.main_visual .owl-next{ display: none; text-indent: -999px; overflow: hidden;}


.main_visual .owl-dots{ display: none; text-indent: -9999em;}
.main_visual .owl-controls{ height: 0;}
.main_visual .owl-nav{ height: 0; display: none;}





.custom-dots {width: 46px; position: absolute; right: 5%; top: 50%; margin-top: -120px; z-index: 888;}
.custom-dots .dot { background: transparent;border: none; font-size: 18px;  color: #FFFFFF;margin:20px 0; width: 46px; height: 46px; border:1px solid #FFFFFF; border-radius:50%; cursor: pointer;}
.custom-dots .dot.active {font-weight: bold; border:2px solid #FFFFFF; } 

.home-products-title{ padding: 80px 0 30px 0;}
.home-products-title-left{}
.home-products-title-left h2{ font-family: myFirstFont; font-size: 2.8rem; line-height: 56px;}
.home-products-title-left h3{ font-size: 1.1rem; line-height: 30px;}

.home-products-title ul li{ text-align: center; cursor: pointer; margin-left: 40px;}
.home-products-title ul li p{ line-height: 42px;}
.home-products-title ul li.thistab p{ color: #111111; font-weight: bold;}

.home-products-list{ width: 100%; gap: 25px; grid-template-columns: repeat(4, 1fr); /* 3 列 */  display: grid;}

.home-products-item{ width: 100%; background: #FFFFFF; border-radius: 12px; padding: 30px 20px;}
.home-products-item-info{ margin-bottom: 15px;}
.home-products-item-info p{ color: #666; height: 24px; line-height: 24px; overflow: hidden;}
.home-products-item-info a{ display: block; height: 26px; line-height: 26px; overflow: hidden; color: #111; font-size: 1rem; font-weight: bold;}
.home-products-item-info a:hover{ color: #1168af;}
.home-products-item-pic{ width: 100%; height: auto; overflow: hidden;}
.home-products-item-pic img{ width: 100%; height: auto;}
.home-products-item-pic a:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.home-products-item-links{ margin-top: 20px;}
.home-products-item-links a{ display: block; width: 48%; text-align: center; overflow: hidden;}
.home-products-item-links a.prolinks1{ height: 40px; line-height: 40px; background: #333333; color: #FFFFFF;}
.home-products-item-links a.prolinks2{ height: 40px; line-height: 38px; border:1px solid #333333;}
.home-products-item-links a:hover{ background: #106EB8; color: #FFFFFF; border-color:#106EB8;}


.home-top-solution{ margin-top: 80px; width: 100%; gap: 25px; grid-template-columns: repeat(2, 1fr); /* 3 列 */  display: grid;}
.home-top-solution-item{ width: 100%; position: relative; color: #FFFFFF; overflow: hidden;}
.home-top-solution-item img{width: 100%; height: auto;}
.home-top-solution-item:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.home-top-solution-item-info{ width: 100%; height: auto; position: absolute; left: 0; top: 0; padding: 50px 70px; z-index: 333;}
.home-top-solution-item-info em{ display: block; height: 34px; line-height: 34px; overflow: hidden;}
.home-top-solution-item-info h2 a{ display: block; color: #FFFFFF; font-size: 1.8rem; height: 42px; line-height: 42px; overflow: hidden; margin-top: 65px;}
.home-top-solution-item-info p{ line-height: 26px; margin-top: 5px;}
.home-top-solution-item-info a.homesoulinks{ display: block; width: 39px; height: 39px; background: url(../images/homesoujt.png) no-repeat; margin-top: 65px;}
.home-top-solution-item-info a.homesoulinks:hover{background: url(../images/homesoujts.png) no-repeat; }



.home-red-solution{ margin-top: 25px; width: 100%; gap: 25px; grid-template-columns: repeat(3, 1fr); /* 3 列 */  display: grid;}

.home-about{ width: 100%; height: auto; background: url(../images/home-aboutbg.jpg) no-repeat center; background-size:cover; margin-top: 80px; padding: 100px 0;}

.home-about-left{ width: calc(100% - 692px); padding-right: 90px;}
.home-about-left-title{}
.home-about-left-title h2{ font-family: myFirstFont; font-size: 2.8rem; line-height: 56px;}
.home-about-left-title h3{ font-size: 1.1rem; line-height: 30px;}

.home-about-left-info{ padding-top: 60px;}
.home-about-left-info h4{ font-size: 1.8rem; line-height: 52px; margin-bottom: 10px;}
.home-about-left-info p{ line-height: 26px; margin-bottom: 25px;}

.home-about-left-num{ margin-top: 20px;}
.home-about-left-num dl{ color: #111111; border-right:2px solid #CCCCCC; padding: 0 30px;}
.home-about-left-num dl:first-child{ padding-left: 0;}
.home-about-left-num dl:last-child{ border: none;}
.home-about-left-num dl dt{ font-size: 1.1rem; font-weight: bold; line-height: 22px;}
.home-about-left-num dl dd{ line-height: 42px; margin-top: 12px;}
.home-about-left-num dl dd h4{ font-size: 3rem; color: #111111;}
.home-about-left-num dl dd span{ font-size: 1.8rem; margin-left: 10px;}

.home-about-right{ width: 692px; height: auto;}
.home-about-right img{ width: 100%; height: auto;}
.home-about-right video{ width: 100%; height: auto;}


.home-quality{ width: 100%;}
.home-quality-list{ width: 100%; height: auto; position: relative;}
.home-quality-list img{ width: 100%; height: auto; }
.home-quality-list-info{ position: absolute; left: 50%; top: 0; margin-left: -680px; padding: 90px 0; z-index: 333; color: #FFFFFF;}
.home-quality-list-info-content{ width: 730px;}
.home-quality-list-info-content h2{ color: #FFFFFF; line-height: 48px; margin-bottom: 15px;}
.home-quality-list-info-content p{ line-height: 26px;}
.home-quality-list-info-content a{ display: inline-block; height: 40px; line-height: 38px; border: 1px solid #FFFFFF; padding: 0 40px; color: #FFFFFF; margin-top: 65px;}
.home-quality-list-info-content a:hover{ background: #FFFFFF; color: #1168af;}



.home-quality-tab{ background: #FFFFFF; height: 206px; z-index: 666; position: relative; margin-top: -103px; }
.home-quality-tab ul{ width: 100%; height: 100%; gap:0; grid-template-columns: repeat(4, 1fr); /* 3 列 */  display: grid;}
.home-quality-tab li{ width: 100%; height: 100%; text-align: center; border-right:1px solid #cad2e4; cursor: pointer;}
.home-quality-tab li:last-child{ border-right:none;}
.home-quality-tab li div{ width: 100%;}
.home-quality-tab li.thistab{ border-bottom:2px solid #111111;}
.home-quality-tab li p{ line-height: 32px; font-size: 1rem; margin-top: 15px;}

.home-news-title{padding: 80px 0 30px 0;}
.home-news-title a{ display: inline-block; height: 40px; line-height: 40px; background: #333333; color: #FFFFFF; padding: 0 40px;}
.home-news-title a:hover{ background: #1168af; color: #FFFFFF;}

.home-news-box{}
.home-news-box-left{ width: 340px; height: auto; position: relative; color: #FFFFFF;}
.home-news-box-left img{ width: 100%; height: auto;}
.home-news-box-left-info{ width: 100%; height: auto; padding: 35px; position: absolute; left: 0; top: 0; z-index: 333;}
.home-news-box-left-info h3 b{font-family: myFirstFont; color: #FFFFFF; font-size: 2.5rem; line-height: 56px;}
.home-news-box-left-info h3 span{ padding-left: 10px; color: #FFFFFF; font-size: 1rem;}
.home-news-box-left-info em{ display: inline-block; width: 37px; height: 3px; background: #FFFFFF; margin-top: 30px;} 
.home-news-box-left-info p{ line-height: 26px; margin-top: 15px;}

.home-news-box-right{ width: calc(100% - 340px); padding-left: 25px; gap:25px; grid-template-columns: repeat(1, 1fr); /* 3 列 */  display: grid;}
.home-news-box-right dl{ background: #FFFFFF; width: 100%;}
.home-news-box-right dl dt{ width: 370px; min-height: 274px;}
.home-news-box-right dl dt img{ width: 100%; height: 100%; object-fit: cover;}

.home-news-box-right dl dd{ width: calc(100% - 370px); padding:0 50px;}
.home-news-box-right dl dd h4 a{ display: block; font-size: 1.4rem; color: #111111; height: 36px; line-height: 36px; overflow: hidden;}
.home-news-box-right dl dd h4 a:hover{ color: #1168af;}
.home-news-box-right dl dd em{ display: block;}
.home-news-box-right dl dd p{ line-height: 26px; height: 52px; overflow: hidden; margin-top: 10px;}
.home-news-box-right dl dd a.bloglinks{ display: inline-block; height: 40px; line-height: 38px; border: 1px solid #666; padding: 0 40px; color: #666; margin-top: 20px;}
.home-news-box-right dl dd a.bloglinks:hover{ background: #1168af; color: #FFFFFF; border-color:#1168af;}




footer{ width: 100%; background: #292929;}

.footer-box{ padding: 80px 0;}

.footer-box-left{ width: calc(100% - 390px); padding-right: 80px;}
.footer-box-left dl dt{ color: #FFFFFF; font-weight: bold; font-size: 1.2rem; line-height: 28px;}
.footer-box-left dl dd{ padding-top: 15px;}
.footer-box-left dl dd a{ display: block; color: #CCCCCC; line-height: 32px;}
.footer-box-left dl dd a:hover{ text-decoration: underline; color: #FFFFFF;}

.footer-box-right{ width: 390px; padding-left: 80px; border-left:2px solid rgba(255,255,255,0.4);}
.footer-box-right h2{color: #FFFFFF;  font-size: 1.2rem; line-height: 28px;}
.footer-box-right ul{ padding-top: 15px;}
.footer-box-right ul li{ color: #CCCCCC; line-height: 22px; margin: 5px 0;}
.footer-box-right ul li em{ display: block; width: 14px; height: 14px;}
.footer-box-right ul li span{ display: block; width: calc(100% - 14px); padding-left: 10px;}

.footer-box-right h3{ font-weight: normal; color: #CCCCCC; line-height: 30px; font-size: 0.9rem; margin-top: 25px;}
.footer-box-right .fwx{ width: 100%; margin-top: 10px; text-align:center;}
.footer-box-right .fwx img{ border-radius:6px; margin-right: 15px;}
.footer-box-right .fwx p{ line-height:36px;}

.footer-copy{ padding: 30px 0; border-top:2px solid rgba(255,255,255,0.4); color: #CCCCCC;}
.footer-copy a{color: #CCCCCC;}
.footer-copy a:hover{ text-decoration: underline; color: #FFFFFF;}


.banner2{ width: 100%; height: 566px;}
.banner2 h1{ display: block; color: #FFFFFF; font-size: 3rem; line-height: 88px;}
.banner2 b{ display: block; color: #FFFFFF; font-size: 3rem; line-height: 88px;}
.banner2 em{ display: block; width: 90px; height: 5px; background: #FFFFFF; margin-top: 20px;}
.banner2 p{ margin-top: 20px; line-height: 24px; color: #FFFFFF; font-size: 1rem;}
.banner2 p a{ color: #FFFFFF;}
.banner2 p a:hover{ text-decoration: underline;}
.banner2 p i{ color: #FFFFFF; font-size: 1.2rem; margin-right: 10px;}


.about-menu{ background: #FFFFFF; position: relative; z-index: 333; padding: 35px 40px; margin-top: -58px; box-shadow: 0px 8px 16px 1px rgba(16,34,55,0.08);}
.about-menu a{ display: inline-block; font-size: 1rem; height: 46px; line-height: 44px; padding:0 50px; margin-right: 25px; border: 1px solid #E6E6E6;}
.about-menu a:hover{ background: #333333; color: #FFFFFF;}
#lm_hover{ background: #333333; color: #FFFFFF;}

.about-company{ margin-top: -58px;}


.about-title{ padding: 70px 0 35px 0;}
.about-title h2{ font-family: myFirstFont; font-size: 2.8rem; line-height: 56px; text-transform: uppercase;}
.about-title h3{ font-size: 1.1rem; line-height: 30px;}

.about-servicebg{ width: 100%; height: auto; background: #FFFFFF; padding-bottom: 80px;}
.about-service{gap:25px; grid-template-columns: repeat(4, 1fr); /* 3 列 */  display: grid;}
.about-service-item{  width: 100%; background: #f7f9fc; border-radius:16px; text-align: center; padding: 50px 25px; cursor: pointer;}
.about-service-item:hover h4{ color: #FFFFFF;} 
.about-service-item:hover img{filter: invert(1) brightness(2) grayscale(1);}
.about-service-item:hover{ background: url(../images/abserbg.png) no-repeat center; background-size:cover; color: #FFFFFF;}
.about-service-item img{ margin-top: 50px;}
.about-service-item h4{ line-height: 52px; margin-top: 25px; font-size: 1.4rem;}
.about-service-item p{ font-size: 1rem; line-height: 28px; margin-top: 10px;}

.about-fac{ width: 100%; height: auto; background: url(../images/aboutfacbg.jpg) no-repeat center; background-size:cover; padding-bottom: 100px;}
.main_visual1 .owl-carousel,.main_visual1 .owl-stage-outer,.main_visual1 .owl-stage,.main_visual1 .owl-carousel .owl-item{width: 100%;height: 100% !important;}
.main_visual1 .owl-carousel .item{width: 100%;height: 100%; background-repeat: no-repeat; background-position: center center;-webkit-background-size: cover; background-size: cover;}
.main_visual1 .owl-carousel .item img{ width: 100%; height: auto; border-radius:12px ;}
.main_visual1 .owl-prev,.main_visual1 .owl-next{ display: none; text-indent: -999px; overflow: hidden;}




.main_visual1 .owl-dots{ width: 100%; text-align: center; height: 4px; position:absolute; left: 0; bottom: -30px;  z-index: 999;}
.main_visual1 .owl-dots .owl-dot{display: inline-block;  margin:0 3px;}
.main_visual1 .owl-dots .owl-dot span{  display: inline-block; width: 25px; height: 4px; background:#CCCCCC; }
.main_visual1 .owl-dot.active span{ background: #1168AF;}
.main_visual1 .owl-controls{ height: 0;}


.products-list{ padding-top: 30px;}


.products-show1{ padding: 30px 0 60px 0;}
.products-show1-left{ width: 568px; height: auto; overflow: hidden;}
.products-show1-left img{ width: 100%; height: auto; border-radius:12px;}

.products-show1-right{ width: calc(100% - 568px); padding: 35px 0 35px 90px;}
.products-show1-right em{ display: block; line-height: 42px; font-size: 1.4rem; color: #666666;}
.products-show1-right h1{ color: #111111; font-size: 1.8rem; line-height: 36px; font-weight: normal;}
.products-show1-right-info{ width: 100%; padding: 25px 0;}

.products-phone{ width: 100%; height: auto; padding: 25px 0; border-bottom: 2px solid #ecedef; border-top: 2px solid #ecedef; margin-top: 50px;}
.products-phone b{ display: block; color: #111; font-size: 2rem; padding-left: 20px;}


.products-more{ margin-top: 35px;}
.products-more a{ display: inline-block; padding: 0 40px; margin-right: 10px;}
.products-more a.promorelinks1{ background: #333333; color: #FFFFFF; height: 40px; line-height: 40px;}
.products-more a.promorelinks2{ border:1px solid #333333; color: #333333; height: 40px; line-height: 38px;}
.products-more a:hover{ color: #FFFFFF; background: #1168AF; border-color:#1168AF;}

.products-show2{ }
.products-tab{ width: 100%; height: 70px; background: #FFFFFF; border-bottom:2px solid #EEEEEE;}
.products-tab li{ width: 50%; line-height: 70px; text-align: center; font-size: 1.2rem;}
.products-tab li.thistab{ background: #333333; color: #FFFFFF; font-weight: bold;}


.products-panal{ padding: 40px; width: 100%; background: #FFFFFF;}
.products-panal img{ max-width: 100%;}
.products-panal video{ max-width: 100%;}
.products-panal table {
    border: 1px solid #ccc;
    border-left: 0px;
    border-top: 0px;
    font-size: 14px;
    table-layout: fixed;
    width: 100% !important;
    box-sizing: border-box;
    border-spacing: 0;
}

    .products-panal table td {
        border: 1px solid #ccc;
        border-right: 0px;
        border-bottom: 0px;
        padding: 8px 2px;
        text-align: center;
        word-wrap: break-word;
    }

    .products-panal table tr {
        background: #fff;
    }

        .products-panal table tr:nth-child(1) {
            background: #1168AF;
            color: #fff;
        }


.customerList{ width:60px; height:auto; position: fixed; right: 0; top: 40%; z-index:999; }
.customerList a b{ display: block; color: #FFFFFF !important; font-size: 14px; line-height: 21px; font-weight: normal;}

.customerBox{ width: 60px; height: auto;  }
.customerBox a{ display: block; text-align: center; position: relative; width: 60px; height: 60px; line-height:60px; color:#fff; margin-bottom:1px; font-size:1.8rem; background: #1168af; border-radius: 6px  0px  0px  6px; }
.customerBox a.fa-teams{background: #9b0b14 url(../images/teams.png) no-repeat; }
.customerBox a.fa-teams:hover{background: #9b0b14 url(../images/teams.png) no-repeat;}
.customerBox a:hover{ text-decoration:none; background:#111;}
.customerBox a .eso_divinfo{ display:none; position:absolute;  right:60px; top:0; min-width:260px; background:#fff; color:#0359d8; font-size:1rem;  box-shadow: 3px 3px 10px 0 rgba(0,0,0,.1); padding:10px; border-radius:6px; }
.customerBox a .eso_divinfo:before{
    content:""; position:absolute; right:-12px; top:50%; margin-top:-12px; 
width:0;
height:0;
border-top:12px solid transparent;
border-bottom: 12px solid transparent;
border-left: 12px solid #fff;
}
.customerBox a:hover .eso_divinfo{ display: block;}
.customerBox a:hover .eso_divinfo img{ width:150px; height:150px;}

.about-img-list{ padding: 25px 0;}
.about-img-list dl{ width: 32%; height: auto; text-align: center; margin: 0.5%;}
.about-img-list dl img{ width: 100%; height: auto;}
.about-img-list dl dd{ width: 100%; height: 58px; line-height: 58px; font-size: 18px; background: #F5F5F5;}


.about-info{ padding: 40px; background:#fff; margin:60px auto;}
.about-info img{ max-width: 100%; height: auto;}

/*==联系我们↓==*/
.ContactInner{padding-bottom:0px !important; }
.ContactInner .long .left,.ContactInner .long .right,.ContactInner #dituContent {height: 500px;}
.ContactInner .long .left {width:50%;}
.ContactInner .long .left img {}
.ContactInner .long .right {position:relative;width:50%;/* border:1px #ddd solid;*/padding:30px;background:#fff; box-sizing:border-box;}
.ContactInner .long .right .title {color:#111;font-size:24px;  font-family: Arial;}
.ContactInner .long .right .tel {position:relative;margin-top:15px;color:#333333;font-size:14px;display:block;}
.ContactInner .long .right .tel:before {content:"";position:absolute;left:0px;top:32px;width:10px;height:3px;background:#1168af;}
.ContactInner .long .right .tel:after {content:"";position:absolute;left:13px;top:32px;width:25px;height:3px;background:#1168af;}
.ContactInner .long .right .tel font {margin-top:30px;font-size:30px;color:#1168af;display:block;font-weight:bold;  font-family: Arial;}
.ContactInner .long .right .wx {min-height:156px;margin-top:20px;color:#333333;font-size:14px;display:block;line-height:26px;}
.ContactInner .long .right .consult {position:absolute;top:100px;right:60px;}
.ContactInner .long .right .ewm {position:relative;color:#737373;font-size:12px;text-align:center;display:block;line-height:15px;}
.ContactInner .long .right .ewm img {width: 120px;display:block;margin:0 auto 5px;}
.ContactInner .long .right .online {/* float:left;*/color:#fff;margin:30px auto 0;font-size:14px;padding:8px 40px;background:#1168af;display:block;border-radius:20px;text-align:center;}
.ContactInner .long .right .online:hover {background:#666;}
.ContactInner .map {}
.ContactInner #dituContent {height: 500px;}
.ContactInner #dituContent img{max-width: initial;}




/*==留言通用↓==*/

.MessageCon{background: url(../images/MessageBg.jpg) no-repeat center;background-size:cover; padding:100px 0; }

.MessageCon .long{padding:80px; background: #fff; }

.MessageCon .title{margin-bottom:40px;overflow: hidden;}

.MessageCon .title h2{float:left;color:#191919;font-size:1.4rem; line-height:32px;}

.MessageCon .title .tel{float:right;margin-top:25px;color:#333333;font-size:26px;/*font-weight: bold;*/}

.MessageCon .title .tel em{display:block;float:left;margin-right:10px;margin-top:5px;color:#333;font-size:25px;font-weight:400;font-family:"iconfont";}

.MessageCon input{position: relative; width:49.5%; margin-bottom:15px;}


.MessageCon form{ width:100%; justify-content: space-between;}
.MessageCon input,.MessageCon textarea{padding:15px 20px 15px 45px;border:1px #ddd solid; background-repeat:no-repeat ; background-position:15px 17px; box-sizing:border-box;}

.MessageCon textarea{width:100%;height:100px;}

.MessageCon button{width:25%;margin-top:15px;padding:16px 0;border:none;color:#fff;font-size:14px; background: #666; }

.MessageCon button:hover{background:#1168af}

.MessageCon .x1{background-image: url(../images/ico201.png);}

.MessageCon .x2{background-image: url(../images/ico202.png);}

.MessageCon .x3{background-image: url(../images/ico203.png);}

.MessageCon .x4{background-image: url(../images/ico204.png);}

.MessageCon .x5{background-image: url(../images/ico205.png);}





/*==留言表格↓==*/
.form-item{display: flex;flex-wrap: wrap;}
.form-item .shell{display: flex;width: calc(50% - 20px);margin-bottom:20px;border: 1px #ddd solid;padding: 10px 20px;align-items: center;background: #fff;}
.form-item .shell.w100{width:100%}
.form-item .ml{margin-left:20px;}
.form-item .shell.vt{    align-items: flex-start;}
.form-item h5 {/* width: 60px; */flex-shrink: 0;margin-right: 10px;color: #3a3a3a;font-size: 16px;}
.form-item .fill{flex: 1;/* width: 100%; */line-height: 30px;color: #fff;font-size: 15px;border: none;background: none;}
.form-item textarea{height:180px}
.form-item .submit{position: relative;width: 350px;display: table;/* margin-top: 10px; */color: #fff;font-size: 16px;padding: 18px 80px;border:none;cursor: pointer;border-radius: 5px;background: #1168af;}
.form-item .submit:after{opacity:0; content:"";position:absolute;left:0;top:0;right:0;bottom:0; background:#fff}
.form-item .submit:hover:after{opacity:0.2}
/*--*/
.form-item .code{flex-shrink: 0;/* width: 300px; */display: flex;margin-right: 20px;border: 1px #ddd solid; background: #fff;align-items: center;}
.form-item .code input{ flex: 1;}
.form-item .code img{height: 35px;margin: 0px 15px;flex-shrink: 1;cursor: pointer;}
.form-item .yzm{display: flex;/* margin:0 0 0 20px; */align-items: center;}
.form-item .yzm input{width: 150px;padding: 18px 20px;border: none;background: none;}
.form-item .explain{margin-top:20px;color: #9a9a9a;font-size:16px;}
.form-item .explain i{color:red}
.form-item .explain font{color: #1168af;font-weight:bold;}

.rack{width:100%; background:#f7f7f7;}

.titleBx{color:#111;font-size:40px;padding:35px 0; text-align: center;  font-family: myFirstFont1; text-transform:uppercase;}

.titleBx span{display: block; margin:10px auto 0;color:#bdbdbd;font-size:14px;font-weight:400}

/*==新闻详情↓==*/
  .EssayCont{ padding:30px 0;}
 .EssayCont .lefter {width:70%; background:#fff; padding:30px; }
 .EssayCont .righter {width:27%;}
 .EssayCont .righter .shell {width:100%;margin-bottom:30px;border:1px #ddd solid}
 .EssayCont .righter .shell:last-child {margin-bottom:0px;}
 .EssayCont .righter .shell .tit {position:relative;color:#333333;font-size:18px;border-bottom:1px #e6e8eb solid;padding-bottom:15px;margin-bottom:20px;}
 .EssayCont .righter .shell .tit.bor:before {content:"";position:absolute;left:0;bottom:-1px;width:20%;height:1px;background:#1168af;}
 .EssayCont .righter .shell .tit .more{float:right;font-size:14px;color: #999;margin-top: 5px;transition: all .4s ease-in-out;}
 .EssayCont .righter .shell .tit .more:hover{color:#1168af}
 /*--*/
 .EssayCont .bgb {margin-bottom:30px;background:#fff;}
 .EssayCont .bgb:last-child {margin-bottom:0px;}
 .EssayCont .bgb.p3 {padding:20px; box-sizing:border-box;}

 /*--*/
 .EssayCont .news {}
 .EssayCont .news li {clear:both;width:100%;margin-bottom:12px;}
 .EssayCont .news li:last-child{margin-bottom:0px;}
 .EssayCont .news .one {position:relative;}
 .EssayCont .news .one h4 {position:absolute;left:0;right:0;bottom:0;width:100%;padding:10px 20px;color:#fff;font-size:14px;background:rgba(0,0,0,0.6)}
 .EssayCont .news .one:hover h4 {background:#1168af}
 .EssayCont .news .two{}
 .EssayCont .news .two a {position:relative;display:block;padding-left:15px;color:#333333;font-size:15px;}
 .EssayCont .news .two a:before {content:"";position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:50%;background:#b2b2b2;}
 .EssayCont .news .title {width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
 .EssayCont .news .two:hover a {color:#1168af;}
 .EssayCont .news .two:hover a:before {background:#1168af;}
 /*--*/
 .EssayCont .content .titleTop{text-align: center;padding: 0 0 30px 0;margin: 0 0 40px 0;border-bottom: 1px #e4e4e4 solid;}
 .EssayCont .content .title{color:#333333;font-size:24px;  font-family: myFirstFont1; line-height:32px;}
 .EssayCont .content .msg{margin-top: 15px;color:#a7a7a7;font-size:14px;}
 .EssayCont .content .msg *,.NewsDetail .msg span,.NewsDetail .msg a{color:#a3a3a3;font-size:14px;}
 .EssayCont .content .msg span{margin:0 5px;}
 .EssayCont .content .msg a:hover,.NewsDetail .msg .active{color:#1168af}
 .EssayCont .content .msg .active{font-weight:bold;}
 .EssayCont .content .wor{font-size:16px; line-height:30px;}
.EssayCont .content .wor img{ max-width:100%; height:auto;}


 /*--*/
 .EssayCont .pagIng{margin-top:60px;padding-top:50px;border-top:1px #eee solid;overflow: hidden;}
 .EssayCont .pagIng span{ display: inline-block;color:#888888;font-size:15px;}
 .EssayCont .pagIng li{width:47%;color:#666666;font-size:15px;padding: 15px 20px;max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;background: #f6f6f6; box-sizing:border-box;}
 .EssayCont .pagIng li:hover{ background: #1168af; color:#fff;}
  .EssayCont .pagIng li:hover a{color:#fff;}
 .EssayCont .pagIng .prev{float:left}
 .EssayCont .pagIng .next{float:right} 

.NewsList{ padding:30px 0;}
.NewsList dl{ width:32.3%; background:#fff; margin:0.5%; overflow:hidden;}
.NewsList dl dt{ width: 100%; height: auto; overflow:hidden;}
.NewsList dl dt a:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.NewsList dl dt img{ width: 100%; height: auto;}
.NewsList dl dd{ width: 100%; height: auto;  padding:25px;}
.NewsList dl dd em{ display: block; height: 14px; line-height: 14px; font-style: normal; font-size: 14px;}
.NewsList dl dd em i{  margin-right: 6px;}
.NewsList dl dd a.InTeamLinks{ display: block; font-size: 1.2rem; line-height: 28px; height:56px; overflow: hidden; color: #111111; margin-top: 15px;}
.NewsList dl dd a.InTeamLinks:hover{ color: #1168af;}
.NewsList dl dd a.InTeamIcon{ width: 54px; height: 40px; background: url(../images/newsjt.png) no-repeat; display: block; margin-top: 25px;}
.NewsList dl dd a.InTeamIcon:hover{background: url(../images/newsjts.png) no-repeat;}


.cate-pro{ padding:30px 0; gap: 20px; grid-template-columns: repeat(4, 1fr); /* 3 列 */  display: grid;}
.cate-pro dl{ width: 100%; overflow: hidden; text-align: center; }
.cate-pro dl dt{ width: 100%; height: auto; overflow: hidden;}
.cate-pro dl dt a{ padding: 0; display: block;}
.cate-pro dl dt img{ width: 100%; height: auto;}
.cate-pro dl dt a:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.cate-pro dl dd{ width: 100%; height: 42px; line-height: 42px; font-size: 15px; overflow:hidden;}

.solution-list{ padding:30px 0; }
.solution-list dl{ width:31.3%; margin:1%; background: #fff; border-radius:6px;}
.solution-list dl dt{ width:100%; border-radius:6px 6px 0 0;}
.solution-list dl dt img{ width:100%; height:auto; border-radius:6px 6px 0 0;}
.solution-list dl dd{ width:100%; padding:30px;}
.solution-list dl dd a{ display:block; line-height:42px; height:42px; overflow:hidden;  font-size: 1.6rem; font-family: myFirstFont1; font-weight: normal; color: #111111;}
.solution-list dl dd p{ margin-top:10px;}

.solution-show{ padding:30px 0; background: #f7f7f7;}
.solution-show-title{ text-align:center;  line-height:36px; overflow:hidden;  font-size: 1.6rem; font-family: myFirstFont1; color: #111111;}
.solution-show-title h1{ font-size: 1.6rem;}
.solution-show .auto1280{ background:#fff; padding:30px;}

.down-list{ padding:30px 0; }
.down-list dl{ width:23%; margin:1%; background:#fff; border-radius:8px; box-shadow: 3px 3px 10px 0 rgba(0,0,0,.1); padding:25px; }
.down-list dl dt{ width:60px; font-size:3rem;}
.down-list dl dt a{color: #111111;}
.down-list dl dd{  width: calc(100% - 60px); padding-left:5px;}
.down-list dl dd a{ display:block; height:30px; line-height:30px; overflow:hidden; font-size:1.2rem; font-family: myFirstFont1; font-weight: normal; color: #111111;}
.down-list dl dd p{ line-height:20px;}


.app-menu{ padding:30px 0; }
.proCat-title{ border-bottom:2px solid #ddd; padding:15px 0;}
.proCat-title b{ color:#1168af; font-size:28px; line-height:45px;}
.proCat-title a{ display: block;  height: 45px; line-height: 45px; font-size: 16px;  }
.proCat-title a span{ color: #1168af; padding-left: 10px;}

.app-menu-list{ padding:20px 0; gap: 20px; grid-template-columns: repeat(4, 1fr); /* 3 列 */  display: grid;}
.app-menu-list dl{ width: 100%; position: relative; text-align: center; }
.app-menu-list dl img{ width: 100%; height: auto;}
.app-menu-list dl dd{width:100%; height:52px; line-height:52px; font-size:16px; overflow: hidden; background:#eee; }