@charset "utf-8";
/* CSS Document */

body{ margin:0px; padding:0px; border:0px; font-family:"Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei"; color:#333; font-size:14px; width:100%; background:#ffffff;}
a{ margin:0px; padding:0px; border:0px; text-decoration:none; color:inherit; font-size:inherit;}
a:hover{ text-decoration:none;}
*{ padding:0px; margin:0px; border:0px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
/* background:rgba(0,0,0,0);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);*/
li{ list-style:none;}
.clear{ clear:both !important; height:0px !important; width:0px !important; float:none !important; margin:0px !important; padding:0px !important; border:0px !important; line-height:0 !important; position:relative !important; }
input:focus{ outline: none;}/*去除按钮选中的高亮标签*/
textarea:focus{ outline: none;}/*去除文本框选中的高亮标签*/
button:focus{ outline: none;}/*去除按钮选中的高亮标签*/
select:focus{ outline: none;}/*去除下拉框选中的高亮标签*/
img{ max-width:100% !important; vertical-align: middle;}
div,p,table,td,ul,li,span,a,ol,input,label{ padding:0px; margin:0px; border:0px;}
textarea{ font-family:"Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei"; color:#333; font-size:14px;}
input::-ms-input-placeholder{ /* Internet Explorer 10+ */ color:#4d4d4d; font-size:12px;}
input::-webkit-input-placeholder{ /* WebKit browsers */ color:#4d4d4d; font-size:12px;}
input::-moz-placeholder{ /* Mozilla Firefox 4 to 18 */  color:#4d4d4d; font-size:12px;}
input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#4d4d4d; font-size:12px;}
.fl{ float:left;}
.fr{ float:right;}


/*黑白照片*/
.gray { 
-webkit-filter: grayscale(100%); 
   -moz-filter: grayscale(100%); 
    -ms-filter: grayscale(100%); 
     -o-filter: grayscale(100%); 
        filter: grayscale(100%); 
        filter: gray; 
}

.gray:hover { 
-webkit-filter: grayscale(0%); 
   -moz-filter: grayscale(0%); 
    -ms-filter: grayscale(0%); 
     -o-filter: grayscale(0%); 
        filter: grayscale(0%); 
        filter: gray; 
}
/*圆角5px*/
.radius5{ 
-webkit-border-radius:5px; 
   -moz-border-radius:5px; 
    -ms-border-radius:5px; 
     -o-border-radius:5px; 
        border-radius:5px; 
}
/*圆角10px*/
.radius10{ 
-webkit-border-radius:10px; 
   -moz-border-radius:10px; 
    -ms-border-radius:10px; 
     -o-border-radius:10px; 
        border-radius:10px; 
}
/*图片变大*/
.tra .imgs{
-webkit-transform: scale(1);
   -moz-transform: scale(1);
    -ms-transform: scale(1);
     -o-transform: scale(1);
           filter: scale(1);
           filter: transform;
       transition: all 0.5s ease 0s;
-webkit-transform: all 0.5s ease 0s; 
}
.tra:hover .imgs{
-webkit-transform: scale(1.15);
   -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
     -o-transform: scale(1.15);
           filter: scale(1.15);
           filter: transform;
       transition: all 0.5s ease 0s;
-webkit-transform: all 0.5s ease 0s; 
}
/*透明度50%*/
.opacity5{ filter:alpha(opacity=50);-moz-opacity:0.5; -khtml-opacity:0.5;opacity: 0.5;}

.shadow5{ 
-webkit-box-shadow:rgba(0,0,0,0.13) 5px 5px 5px; 
   -moz-box-shadow:rgba(0,0,0,0.13) 5px 5px 5px; 
    -ms-box-shadow:rgba(0,0,0,0.13) 5px 5px 5px; 
     -o-box-shadow:rgba(0,0,0,0.13) 5px 5px 5px; 
        box-shadow:rgba(0,0,0,0.13) 5px 5px 5px; 
}

.shadow10{ 
-webkit-box-shadow:rgba(0,0,0,0.13) 5px 5px 10px; 
   -moz-box-shadow:rgba(0,0,0,0.13) 5px 5px 10px; 
    -ms-box-shadow:rgba(0,0,0,0.13) 5px 5px 10px; 
     -o-box-shadow:rgba(0,0,0,0.13) 5px 5px 10px; 
        box-shadow:rgba(0,0,0,0.13) 5px 5px 10px; 
}


.moTop{ width:100%; padding:0 30px; height:60px; display:flex; align-items:center; justify-content:space-between; background:var(--c2); position:fixed; left:0; top:0; z-index: 999; box-shadow:rgba(0,0,0,0.5) 0 0 10px;}
.moTop .moLogo{height: 45%;}
.moTop .moMenuOpen{ height: 40%;}

.moMenuBox{ width:100%; display:none; background:rgba(209, 13, 34,0.1); height:100vh; position: fixed; z-index: 999999999; top: 0;}
.moMenu{ width:60%; background:var(--c2); padding:0 20px; display:flex; flex-direction:column; align-items:center; height:100vh; position:fixed; z-index:999999; top:0; right:-60%;}

.moDropLogo{ display:inline-block; margin:30px 0;}
.moDropLogo img{ height:30px;}

#closeMoMenu{ height:20px;}

.moDrop{ width:100%; display:flex; flex-direction:column;}
.moDrop .yiji{ width:100%;}
.moDrop .yiji .yijiTitle{ width:100%; display:flex; justify-content:center; position:relative; border-bottom:#fff solid 1px;}
.moDrop .yiji .yijiTitle .yijiTitleText{ display:flex; line-height:3em; text-align:center; font-size:18px; color:#fff;}
.moDrop .yiji .yijiTitle .yijiTitleIcon{ position:absolute; right:0px; top:50%; height:0; display:flex; align-items:center; justify-content:flex-end;}
.moDrop .yiji .yijiTitle .yijiTitleIcon img{ cursor:pointer; height:10px;}
.moDrop .yiji .yijiTitle .yijiTitleIcon img:nth-child(2){ display:none;}
.moDrop .yiji.on{}
.moDrop .yiji.on .yijiTitle .yijiTitleIcon img:nth-child(1){ display:none;}
.moDrop .yiji.on .yijiTitle .yijiTitleIcon img:nth-child(2){ display:block;}

/*.moDrop .yiji.on .erjiDrop{ display:block;} */
.erjiDrop{ width:100%; display:none; padding: 30px 0;}
.moDrop .yiji.on .erjiDrop{ border-bottom:rgba(255,255,255,0.50) solid 1px;}
.erjiDrop .erji{ width:100%;}
.erjiDrop .erji .erjiTitle{ width:100%; position:relative; display:flex; align-items:center; justify-content:center;}
.erjiDrop .erji .erjiTitle .erjiTitleText{ line-height:3em; font-size:14px; color:#fff; display:block;}
.erjiDrop .erji .erjiTitle .erjiTitleIcon{ position:absolute; right:25px; top:50%; height:0; display:flex; align-items:center; justify-content:flex-end;}
.erjiDrop .erji .erjiTitle .erjiTitleIcon img{ cursor:pointer;}
.erjiDrop .erji .erjiTitle .erjiTitleIcon img:nth-child(2){ display:none;}
.erjiDrop .erji.on .erjiTitle .erjiTitleIcon{}
.erjiDrop .erji.on .erjiTitle .erjiTitleIcon img:nth-child(1){ display:none;}
.erjiDrop .erji.on .erjiTitle .erjiTitleIcon img:nth-child(2){ display:block;}

/*.erji.on .sanjiDrop{ display:block;}*/
.sanjiDrop{ width:100%; display:none; border-bottom:rgba(256,256,256,0.5) solid 1px;}
.sanjiDrop a{ display:inline-block; font-size:14px; width:100%; line-height:4em; text-align:center; width:100%; background:url(../images/icon28.png) no-repeat calc(100% - 45px) 50%; color:#FFFFFF;}

/*#closeMoMenu{ position:absolute; width:30px; right:-40px; top:30px;}*/

.moMenuBottom{ width:100%; display:flex; justify-content:center; align-items:center;}
.moMenuBottom img{ margin:25px 10px;}

.otherBox{ width: 100%; position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.5); z-index: 21474836475; display:none; justify-content: center; align-items: center; height: 100%;}

.other{ width:80%; display:none;}

.moSearch{ align-items:center; justify-content:space-between; padding:20px 0; margin:230px auto 0 auto; background:#FFFFFF;}
.moSearch input[type='text']{ height:60px; width:100%; padding:0 15px; background:none; border-bottom:#FFFFFF solid 1px;}
.moSearch input[type='submit']{ background:url(../images/icon20.png) no-repeat 50%/60% 60%; height:60px; width:60px; flex-shrink:0;}

.moLeng{ justify-content:center; align-items:center; flex-direction: column; margin: 0 auto;}
.moLeng a{ font-size:18px; color:#FFFFFF; margin:25px 15px;}
.moLeng a.on{ color:#eb7404;}

#main{ width:100vw;}

.w1{ width:90%; margin:0 auto; max-width:1600px;}
.w2{ width:90%; margin:0 auto; max-width:1500px;}

.imgs{ width:100%; height:100%; position: absolute; left:0; top:0; object-fit:cover;}

:root{
   --c1:#133f67;
   --c2:#398ec8;
}


.menuBox{ width: 100%; height: 0; display: flex; align-items: center; position: absolute; left: 0; justify-content: center; z-index: 99; transition: all ease 0.75s;}

.menu{ display: flex; align-items: center; height: 50px; border-radius: 50px; background: #fff; box-shadow: rgba(0,0,0,0.1) 0 0 10px;}
.menu .home{ width: 100px; display: flex; align-items: center; justify-content: center; background: var(--c2); border-radius: 100px; flex-shrink: 0; height:50px;}

.menuNei{ display: flex; align-items: center; justify-content: space-around; width: 100%; padding-right: 55px;}
.menuNei .menuItem{ position: relative;}
.menuNei .menuItem .menuTitle{ line-height: 50px; text-align: center; font-size: 16px; color: var(--c2); display: block;}
.menuNei .menuItem .menuDown{ position: absolute; left: 50%; transform: translateX(-50%); display: none; align-items: center; flex-direction: column; overflow: hidden; box-shadow: rgba(0,0,0,0.1) 0 10px 10px;}
.menuNei .menuItem .menuDown a{ display: block; line-height: 3em; text-align: center; padding: 0 20px; background: #fff; white-space: pre; color: var(--c2); width: 100%;}
.menuNei .menuItem .menuDown a:hover{ color: #fff; background: var(--c2);}
.menuNei .menuLine{ font-size: 16px; color: var(--c2);}

.menuNei .menuItem:hover .menuTitle{ color: #ff3131;}
.menuNei .menuItem:hover .menuDown{ display: flex;}
.menuNei .menuItem.on .menuTitle{ color: #ff3131;}

.menuBox.top{ top: 100px;}
.menuBox.top .menuNei .menuItem .menuDown{ top: 100%; border-radius: 0 0 10px 10px;}
.menuBox.bot{ top: calc( 100% - 100px);}
.menuBox.bot .menuNei .menuItem .menuDown{ bottom: 100%; border-radius: 10px 10px 0 0 ;}


#dowebok{ z-index: 9;}


/* 响应式banner */
.img_gallery{position:relative; width: 100vw; height: 100vh;}
.main_img{ overflow:hidden;position:relative; height:100%;}
.main_img .zhanwei{ width:100%; max-width:100vw;}
.main_img .zhanwei:before{ padding-top:100vh; content:''; display:block;}
.main_img ul{width:9999px; overflow:hidden; height:100%;position:absolute;top:0;left:0}
.main_img li{float:left;width:100%; height:100%; }
.img_font{position:absolute; bottom:30px; left:30%; color:#f00; width:100%; padding:10px;}
.img_font span{display:none; }
div.point{ position:absolute;bottom:50px;left:0;z-index:999;width:100%;height:0px; text-align:center; display:none;}
div.point .point_box{ margin:0 auto; display:inline-block;}
div.point a{ display: block; width:40px; height:5px; font-size:0; background:#FFFFFF; float: left; cursor: pointer; margin:0 6px; opacity:0.5;}
div.point a.on{ opacity:1;}

#btn_prev{ display: none;}
#btn_next{ display: none;}

.bannerNei{}

.bannerNeiLogo{ display:flex; align-items:center; justify-content:space-between;}

.bannerNeiLogo .ban22{ transform: translateY(10px);}

.ban1{ margin-top: 70px; margin-bottom: 60px;}
.ban1 img{ height:60px;}
.ban2{ display: flex; align-items: center; justify-content: space-between;}

.ban21{ color: #FFFFFF;}
.ban21 .ban211{ font-size: 60px; margin-bottom: 5px;}
.ban21 .ban212{ font-size: 20px;}

.ban22{ display: flex; align-items: center; border: #FFFFFF solid 5px; border-radius: 100px; background: #FFFFFF;}
.ban22 img{ width: 40px; display: block; flex-shrink: 0;}
.ban22 span{ display: block; width: 110px; padding-right: 10px; text-align: center; font-size: 16px; color: var(--c1);}

.ban21 .ban22{ display:none;}

/* 响应式banner */

.page{ width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; overflow: hidden;}

.fb{ width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; overflow: hidden;}

.home1{ background: url(../images/bg1.jpg) no-repeat 50%/cover; width: 100%; height: 100%;}

.home11{}

.homeTitle{ margin-top: 105px;}
.homeTitle .homeTitle1{ font-size: 45px; line-height: 15px; text-transform: uppercase; font-weight: bolder;}
.homeTitle .homeTitle2{ font-size: 36px; line-height: 1em;}

.homeAbout{ display: flex; justify-content: space-between; margin-top: 60px;}
.homeAbout .homeAboutLeft{ width: calc( 100% * 610 / 1600);}
.homeAbout .homeAboutLeft .homeAboutLeft1{}
.homeAbout .homeAboutLeft .homeAboutLeft2{ font-size: 16px; color: #9e9e9e; line-height: 40px; margin-top: 75px;}
.homeAbout .homeAboutRight{ width: calc( 100% * 840 / 1600);}
.homeAbout .homeAboutRight .homeAboutRight1{ font-size: 16px; color: #9e9e9e; line-height: 40px; margin-bottom: 40px;}
.homeAbout .homeAboutRight .homeAboutRight2{ width: 1000px;}

.home11 .homeTitle .homeTitle1{ color: rgba(57,142,200,0.1);}
.home11 .homeTitle .homeTitle2{ color: var(--c2);}

.homeService{ background: url(../images/img5.jpg) no-repeat 50%/cover; width: 100%; height: 100%;}

.homeService .homeTitle .homeTitle1{ color: rgba(255,255,255,0.1);}
.homeService .homeTitle .homeTitle2{ color: #FFFFFF;}

.homeServiceBox{ display: grid; grid-template-columns: repeat(5,1fr); grid-gap: 45px; margin-top: 135px;}

.homeServiceItem{ padding: 60px 40px 40px; background:  rgba(57,142,200,0.9); border-radius: 40px; min-height: 330px;}
.homeServiceItem .homeServiceIcon{ text-align: center;}
.homeServiceItem .homeServiceTitle{ text-align: center; font-size: 24px; color: #FFFFFF; margin: 40px auto 30px;}
.homeServiceItem .homeServiceSmall{ font-size: 16px; line-height: 1.5em; color: #FFFFFF;}

.homeTeam{ background: url(../images/img10.jpg) no-repeat 50%/cover; width: 100%; height: 100%;}
.homeTeam .homeTitle .homeTitle1{ color: rgba(57,142,200,0.1);}
.homeTeam .homeTitle .homeTitle2{ color: var(--c2);}

.homeTeamNei{ display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 95px; margin-top: 65px;}

.homeTeamItem{ padding: 30px 50px 30px 75px; background:  rgba(57,142,200,0.75); border: rgba(57,142,200,0.9) solid 1px; border-radius: 25px; display: flex; align-items: flex-end; justify-content: space-between; position: relative;}
.homeTeamItem .homeTeamLeft{ color: #FFFFFF;}
.homeTeamItem .homeTeamLeft .homeTeamTitle{ font-size: 24px;margin-bottom:10px;}
.homeTeamItem .homeTeamLeft .homeTeamSmall{ font-size: 16px;}
.homeTeamItem .homeTeamImg{ width: 180px; height: 180px; border-radius: 200px; overflow: hidden; display: flex; align-items: center; justify-content: center; position: absolute; bottom: 15px; right: 50px;}

.homeSoultion{ background: url(../images/img17.jpg) no-repeat 50%/cover; width: 100%; height: 100%;}

.homeSoultionBox{}
.homeSoultion .homeTitle .homeTitle1{ color: rgba(255,255,255,0.4);}
.homeSoultion .homeTitle .homeTitle2{ color: #FFFFFF;}

.homeSoultionNei{ display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 45px; margin-top: 135px;}
.homeSoultionItem{ padding: 65px 45px 85px; border-radius: 40px; background: rgba(0,0,0,0.6); display: flex; flex-direction: column; align-items: center;}
.homeSoultionItem .homeSoultionTitle{ font-size: 24px; margin-bottom: 24px; text-align: center; color: #FFFFFF;}
.homeSoultionItem .homeSoultionSmall{ font-size: 16px; line-height: 1.5em; color: #FFFFFF;}

.homeNews{ background: url(../images/img18.jpg) no-repeat 50%/cover; width: 100%; height: 100%;}
.homeNews .homeTitle .homeTitle1{ color: rgba(57,142,200,0.1);}
.homeNews .homeTitle .homeTitle2{ color: var(--c2);}
.homeNewsBox{}

.homeNewsNei{ display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 15px 90px; margin-top: 85px;}

.homeNewsItem{ padding: 35px; background:  rgba(24,97,161,0.75); border: rgba(57,142,200,0.9) solid 1px; border-radius: 25px; display: flex; flex-direction: column; position: relative; color: #FFFFFF;}
.homeNewsItem .homeNewsTitle{ font-size: 24px;}
.homeNewsItem .homeNewsSmall{ font-size: 16px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden;}

.homeBottom{ background: url(../images/img63-1.jpg) no-repeat 50%/cover; width: 100%; height: 100%;}
.homeBottom .homeTitle .homeTitle1{ color: rgba(255,255,255,0.4);}
.homeBottom .homeTitle .homeTitle2{ color: #FFFFFF;}

.homeBottomBox{ display: flex; flex-direction: column; justify-content: space-around; height: 100%;}

.homeBottomTop{ display: flex; align-items: center; justify-content: space-between;}
.homeBottomTop1 img{ height:60px;}

.homeBottomCenter{ font-size: 24px; color: #fff; transform: translateY(-100px);}

.homeBottomBottom{ display: flex; justify-content: space-between; color: #FFFFFF; font-size: 16px; line-height: 1.5em; margin-bottom: 60px;}
.homeBottomBottom .homeBottomBottom1{}

.neiLogo  .neiLogoImg img{ height:60px;}
.neiLogo {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 12%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 0px;
}

.bt{ width:40px; height:40px; display:none; align-items:center; justify-content:center; position:fixed; right:40px; bottom:8%; z-index:999; cursor:pointer; background:#fff; border-radius:50px;}
.bt img{ width:15px;}
.bt img:nth-child(2){ display:none;}

.bt:hover{ background:var(--c2);}
.bt:hover img:nth-child(1){ display:none;}
.bt:hover img:nth-child(2){ display:block;}

.neiTitle{ position: absolute; left: 50%; transform: translateX(-50%); top: 40%; text-align: center; font-size:60px; color: #fff;}

.aboutBox1{ display: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}

.about1{ padding-top: 50px;}

.about11{ text-align: center; font-size: 24px; margin-bottom: 50px;}
.about12{ text-align: center; font-size: 16px; line-height: 2em;}

.about2{ height: 100%; display: flex; align-items: center; justify-content: center; padding-top: 8%;}

.about13{ text-align: center; font-size: 30px; line-height: 2em;}

.about14{ text-align: center; font-size: 30px; line-height: 2em; color: #fff; margin-bottom: 30px;}

.logo4{ display: grid; grid-template-columns: repeat(5,1fr); grid-gap: 40px 130px; margin-top: 30px;}
.logo4 li{ display: flex; align-items: center; justify-content: center;}


.indexConBox1{ display:flex; flex-direction:column; align-items:center; justify-content:center;}
.indexCon{ width:100%; max-width:1400px; display:flex; align-items:center; margin:0 auto; color:#fff;}
.indexCon .indexConMap{ width:calc( 100% * 650 / 1400); flex-shrink:0; margin-right:45px;}
.indexCon .indexConText{}
.indexCon .indexConText .indexConTel{ font-size:65px;}
.indexCon .indexConText .indexConAdd{ font-size:32px;}

.serBox1{ width: 100%; height: 100%; position: relative;}

.ser1{ font-size:60px; color: #fff; text-align: center; position: absolute; top: 40%; width: 100%;}

.ser2{ display: flex; flex-direction: column; align-items: center; justify-content: center; background: #ebebeb; width: 100%; height: 100%; text-align: center;}
.ser2 .ser21{ font-size: 45px; font-weight: bolder;}
.ser2 .ser22{ margin: 60px auto;}
.ser2 .ser23{ font-size: 16px;}

.serviceBox{ display: grid; grid-gap: 20px; grid-template-columns:540fr 470fr 470fr; width: 100%; margin-top: 100px;
    grid-template-areas:
        "inv1 inv2 inv3"
        "inv1 inv4 inv5";}

.serviceItem:nth-child(1) { grid-area: inv1; height: 620px;}
.serviceItem:nth-child(2) { grid-area: inv2;}
.serviceItem:nth-child(3) { grid-area: inv3;}
.serviceItem:nth-child(4) { grid-area: inv4;}
.serviceItem:nth-child(5) { grid-area: inv5;}

.serviceItem{ background: #f9f9f9; position: relative; overflow: hidden; height: 300px; cursor: pointer;}
.serviceItem .serviceMask{ width: 100%; height: 100%; padding: 30px; background: var(--c1); position: absolute; left: 0; top: 0; color: #fff; opacity: 0; transition: all ease 0.75s;}
.serviceItem:hover .serviceMask{ opacity: 1;}
.serviceItem .serviceMask .serviceTitle{ font-size: 20px; line-height: 2em; margin-bottom: 15px;}
.serviceItem .serviceMask .serviceSmall{ font-size: 14px;}
.serviceItem .serviceBg{ width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}


.support1{ font-size: 60px; color: #fff; text-align: center; position: absolute; top: 40%; width: 100%; }

.serBox2{ background: url(../images/img30.jpg) no-repeat 50%/cover; width: 100%; height: 100%;}

.serNei2{ width: 100%; height: 100%; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: flex-end;}
.serNei2 .serNei21{ font-size: 24px; text-align: center; margin-bottom: 20px;}
.serNei2 .serNei22{ font-size: 16px; text-align: center; color: #615f5f; line-height: 2em; margin-bottom: 70px;}
.serNei2 .serNei23{ width: 100%; height: 45%;}
.serNei2 .serNei23 img{ width: 100%; height: 100%; object-fit: cover;}



.hardware{ width: 100%; height: 100%; background: url(../images/img30.jpg) no-repeat 50%/cover; display: flex; align-items: center; justify-content: center;}

.hardwareBox{ display: grid; grid-gap: 20px; grid-template-columns:540fr 470fr 470fr; margin-top: 100px;}
.hardwareBox1{
    grid-template-areas:
        "inv1 inv2 inv3"
        "inv1 inv4 inv4";
}
.hardwareBox2{
    grid-template-areas:
        "inv1 inv2 inv3"
        "inv1 inv4 inv5";
}

.hardwareItem:nth-child(1) { grid-area: inv1; height: 620px;}
.hardwareItem:nth-child(2) { grid-area: inv2;}
.hardwareItem:nth-child(3) { grid-area: inv3;}
.hardwareItem:nth-child(4) { grid-area: inv4;}
.hardwareItem:nth-child(5) { grid-area: inv5;}

.hardwareItem{ background: #f9f9f9; position: relative; overflow: hidden; height: 300px; cursor: pointer;}
.hardwareItem .hardwareMask{ width: 100%; height: 100%; padding: 30px; background: var(--c1); position: absolute; left: 0; top: 0; color: #fff; opacity: 0; transition: all ease 0.75s;}
.hardwareItem:hover .hardwareMask{ opacity: 1;}
.hardwareItem .hardwareMask .hardwareTitle{ font-size: 20px; line-height: 2em; margin-bottom: 15px;}
.hardwareItem .hardwareMask .hardwareSmall{ font-size: 14px;}
.hardwareItem .hardwareBg{ width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}

.hardware3{ font-size: 30px; font-weight: bolder; text-align: center; margin-bottom: 50px;}

.hardware4{ text-align: center;}

.fotbox{ width:100%; padding-top:50px;}

.fotbox-sec1{ margin-bottom:30px;}

.f_navbox{ display:flex; color:#fff;}
.f_navbox>li{ width:200px;}
.f_navbox .tit{ font-size:20px; margin-bottom:15px; display:block;}

.font14{ font-size:16px; line-height:2em;}

.fotbox-sec3{ border-top:rgba(255,255,255,0.3) solid 1px; color:rgba(255,255,255,0.5); font-size:12px; margin-top:45px;}

.fotbox-sec3 .lt{ display:flex; align-items:center; height:70px;}
.fotbox-sec3 .lt p{ margin-right:15px;}

.sectionFooter{height: fit-content !important;}


               
.fenye{ padding: var(--f50) 0 var(--f20);}

.fenye{ display: flex; align-items: center; justify-content: center;}
.fenye li{ margin: 0 var(--f10);}
.fenye li a{ display: block; width: var(--f50); line-height: var(--f50); text-align: center;}
.fenye li.num{ color: var(--c2); border: var(--c2) solid var(--f1);}
.fenye li a img{ width: var(--f50);}
.fenye li a img:nth-child(2){ display: none;}
.fenye li span{ display: block; text-align: center; line-height: var(--f50); color: var(--c2); margin: 0 var(--f10);}

.fenye li.on a{ color: #fff; background: var(--c2);}

.fenye li:hover a{ color: #fff; background: var(--c2);}
.fenye li:hover a img:nth-child(1){ display: none;}
.fenye li:hover a img:nth-child(2){ display: block;}

.layui-box{ display: flex; align-items: center; justify-content: center;}
.layui-box a{ margin: 0 var(--f10); display: block; width: var(--f50); line-height: var(--f50); text-align: center; color: var(--c2); border: var(--c2) solid var(--f1); border-radius:5px;}
.layui-box span{ margin: 0 var(--f10); display: block; width: var(--f50); line-height: var(--f50); text-align: center; color: var(--c2); border: var(--c2) solid var(--f1); border-radius:5px;}
.fenye span:hover{ color: #fff; background: var(--c2);}
.fenye span.layui-laypage-curr{ color: #fff; background: var(--c2); border-radius:5px;}
.fenye a:hover{ color: #fff; background: var(--c2);}

.layui-laypage-count{ display:none !important;}

.tc{position: fixed;
    z-index: 9999999;
    top: 0;
    left: 0;
    background:rgba(57,142,200,0.9);
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center; display:none;}

.tcBox{ width:90%; background:#fff; padding:30px; border-radius:30px; height:90vh;}

.closeTc{ position:absolute; right:30px; top:30px; cursor:pointer; width:15px;}

.title{ font-size:28px; line-height:2em;}

.info{ display:flex; align-items:center; font-size:14px; color:var(--c1); margin:15px 0;}
.info .dd_li{ margin-right:15px;}

.neirong{ font-size:16px; line-height:2em; max-height:60vh; overflow-y:auto;}
.neirong::-webkit-scrollbar { width:4px; height: 1px;}
.neirong::-webkit-scrollbar-thumb { border-radius: 4px; background: var(--c1);}
.neirong::-webkit-scrollbar-track { border-radius: 10px; background: none;}

@media screen and (min-width:1200px){
	
.moTop{ display:none !important;}
.moMenuBox{ display:none !important;}


}
@media screen and (max-width:1500px){

.homeNewsItem:nth-child(7){ display:none;}
.homeNewsItem:nth-child(8){ display:none;}

.menu{ height: 50px;}
.menu .home{ height: 50px;}

.menuNei .menuItem .menuTitle{ line-height: 50px;}

.ban1 { margin-bottom: 50px;}

.ban22 img { width: 35px;}
.ban22 span {
    width: 130px;
    padding-right: 10px;
    font-size: 16px;
    color: var(--c1);
}

.homeAbout .homeAboutLeft{ width: 30%;}
.homeAbout .homeAboutRight{ width: 65%;}
.homeAbout .homeAboutRight .homeAboutRight2{ width: 930px;}


.homeServiceItem { padding: 45px 30px 30px;}
.homeServiceItem .homeServiceIcon img{ height: 35px;}

.homeTeamItem{ padding: 30px;}
.homeTeamItem .homeTeamImg {
    width: 150px;
    height: 150px;}

.homeTeamNei {
    grid-gap: 70px 60px;
}

.homeSoultionNei{ margin-top: 100px; grid-gap: 30px;}
.homeSoultionItem { min-height: 320px;
    padding: 30px;}

.homeNewsItem {
    padding: 30px;}

.homeBottomTop1 img{ height: 60px;}

.hardwareItem:nth-child(1) {
    grid-area: inv1;
    height: 560px;
}

.hardwareItem{ height: 270px;}

.ser2 .ser22 img{ max-height: 320px;}

.bt{ right:calc( 2.5% - 20px);}
}
@media screen and (max-width:1200px){
.pc{ display:block;}
.mo{ display:none;}
.disable_text_highlighting,body {
	/*去除选中高亮*/
-webkit-touch-callout: none;
-webkit-user-select: none;    /* Webkit */
-moz-user-select: none;      /* Firefox */
-ms-user-select: none;        /* IE 10  */
        /* Opera 目前不支持在Opera，但将很快 */
-o-user-select: none;
user-select: none;
}

.pcTop{ display:none;}
.moTop{ display:flex;}

.menuBox{ display: none !important;}



.main_img li{ display: flex !important; align-items: center;}

.ban2 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
}

.ban22 {
    margin-top: 45px;
}

.ban1 {
    margin-top: 30px;
    margin-bottom: 30px;
}

.homeAbout{ flex-direction: column;}

.homeAbout .homeAboutLeft {
   width: 100%;
}

.homeAbout .homeAboutLeft .homeAboutLeft1 {
    text-align: center;
}

.section { height: auto !important; }

.neiLogo{ display: none;}

.homeAbout .homeAboutRight {
width: 100%; margin-bottom:90px;
}

.homeAbout .homeAboutRight .homeAboutRight2 {
   width: 100%;
}

.homeServiceBox {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px;
    margin-top: 60px;
    margin-bottom: 90px;
}

.homeServiceItem{ min-height: auto;}
.homeTeamNei {
    margin-top: 65px;
    margin-bottom: 90px;
}
.homeTeamItem .homeTeamImg {
width: 120px;
height: 120px;
right: 5%;
bottom: 5%;
}

.homeTeamItem .homeTeamLeft .homeTeamTitle {
font-size: 20px;
}
.homeTeamItem .homeTeamLeft .homeTeamSmall {
font-size: 15px; margin-top: 10px;
}
.homeTeamNei {
grid-gap: 45px 30px;
}

.homeSoultionNei {
   margin-top: 45px;
   grid-gap: 30px;
   margin-bottom: 90px;
   grid-template-columns: repeat(2, 1fr);
}

.homeSoultionItem {
   min-height: auto;
   padding: 30px;
   border-radius: 10px;
}
.homeSoultionItem .homeSoultionTitle {
   font-size: 20px;
   margin-bottom: 15px;
}

.homeTitle .homeTitle1 {
   font-size: 45px;
}
.homeTitle .homeTitle2 {
   font-size: 24px;
}

.homeNewsNei {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 15px 90px;
    margin-top: 45px;
    margin-bottom: 20px;
}

.closeTc {
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
    width: 15px;
}

.fenye{ margin-bottom:90px;}

.homeNewsItem {
   padding: 3% 3%;
}
.homeNewsItem .homeNewsTitle {
   font-size: 16px;
   margin-bottom: 10px;
}
.homeNewsItem .homeNewsSmall {
   font-size: 14px;
}

.homeBottomCenter {
font-size: 16px;
}
.homeBottomBottom {
   font-size: 14px;
}
.homeBottomCenter {
    transform: translateY(0);
    margin: 75px 0;
}

.logo4 {
    grid-gap: 40px 50px;
}

.about1 {
    padding-top: 50px;
    padding: 110px 0% 90px;
}

.about2 {padding: 90px 0;
}

.ser2 {
    padding: 110px 0 90px;
}

.serviceBox {
    margin: 90px auto 90px;
}

.neiTitle {
    font-size: 45px;
    color: #fff;
}

.serBox1 {
    height: 40vh;
    margin-top: 60px;
}
.ser1 {
    font-size: 45px;}
.support1 {
    font-size: 45px;}

.hardwareBox1 {
    grid-template-columns: repeat(2,1fr);
    grid-template-areas:
        "inv1 inv2"
        "inv1 inv3"
        "inv4 inv4";
}
.hardwareBox2 {
    grid-template-columns: repeat(2,1fr);
    grid-template-areas:
        "inv1 inv2"
        "inv1 inv3"
        "inv4 inv5";
}
.hardwareBox{ margin: 45px auto 90px;}
.hardware3{ margin-top: 45px;}
.hardware4{ margin-bottom: 90px;}

.hardwareItem {
    height: 215px;
}
.hardwareItem:nth-child(1) {
    grid-area: inv1;
    height: 450px;
}

.serBox2 {    padding-top: 60px;
}

.serNei2 .serNei21 {
    font-size: 24px;
}
.serNei2 .serNei22 {
    font-size: 14px;
}

.bt{ right:5px;}

.indexConBox1 {
    padding: 110px 0% 90px;}
.indexCon .indexConText .indexConTel {
    font-size: 45px;
}
.indexCon .indexConText .indexConAdd {
    font-size: 20px;
}

.ban21 .ban22{display: flex;
        margin-top: 60px;
        width: fit-content;}
.ban21 .ban22 img {
        width: 25px;
    }
    
.ban21 .ban22 span {
        width: 100px;
        padding-right: 10px;
        font-size: 14px;
        color: var(--c1);
    }
    
.bannerNeiLogo{ display:none;}
}
@media screen and (max-width:770px){
.ser1 {
    font-size:30px;}
.support1 {
    font-size:30px;}


.ban21 .ban211 {
    font-size: 40px;
}
.homeAbout .homeAboutLeft .homeAboutLeft2 {
    font-size: 16px;
}
.homeAbout .homeAboutRight .homeAboutRight1 {
    font-size: 16px;
}

.serNei2 .serNei23 {
    width: 100%;
    height: 25vh;
}

.homeTitle .homeTitle1 {
    font-size: 28px;
}
.homeTitle .homeTitle2 {
    font-size: 20px;
}

.homeServiceBox {
    grid-template-columns: repeat(1, 1fr);
}

.homeServiceItem .homeServiceTitle {
    font-size: 18px;
    margin: 15px auto;
}
.homeServiceItem .homeServiceSmall {
    font-size: 14px;
    line-height: 1.5em;
}
.homeServiceItem .homeServiceIcon img {
    height: 25px;
}
.homeServiceItem {
    padding: 25px;
    border-radius: 10px;
}

.homeTeamNei{grid-template-columns: repeat(1, 1fr);}
.homeTeamItem .homeTeamLeft .homeTeamTitle {
    font-size: 16px;
}
.homeTeamItem .homeTeamLeft{ text-align:center;}

.homeTeamItem .homeTeamLeft .homeTeamSmall {
    font-size: 14px;
    margin-top: 10px;
}

.homeSoultionItem{ padding: 25px;}
.homeSoultionNei {
    grid-template-columns: repeat(1, 1fr);
}

.homeSoultionItem .homeSoultionTitle {
    font-size: 16px;
    margin-bottom: 15px;
}

.homeSoultionItem .homeSoultionSmall {
    font-size: 14px;}

.homeBottomBottom {
    font-size: 14px;
    flex-direction: column;
}
.ser2 {
        padding: 45px 0 45px;
    }
.serviceBox {
   margin: 45px auto 90px;
}    .about1 {
        padding: 45px 0;
    }
        .serBox1 {
        height: 60vh;
        margin-top: 60px;
    }
        .fb {
        height: 60vh;
        margin-top: 60px;
    }
        .neiTitle {
        font-size: 30px;
    }
.indexConBox1 {
    padding: 45px 0;
}


.about11 {
    text-align: center;
    font-size: 18px;
    margin-bottom: 20px;
}

.about12 {
    text-align: center;
    font-size: 14px;
    line-height: 2em;
}

.about13 {
    text-align: center;
    font-size: 24px;
    line-height: 2em;
}
.about14 {
    font-size: 24px;}
    

.logo4 {
        grid-template-columns: repeat(4, 1fr);
        grid-gap: 20px 45px;
}

.ser2 .ser21 {
    font-size: 24px;
    font-weight: bolder;
}


.serviceBox {
    grid-template-columns: repeat(2,1fr);
    grid-template-areas:
        "inv1 inv2"
        "inv1 inv3"
        "inv4 inv5";
}



.indexCon{ flex-direction:column;}
.indexCon .indexConMap {
    width: 100%;
    flex-shrink: 0;
    margin-right: 0;
    margin-bottom: 45px;
}
.indexCon .indexConMap img{ width:100%;}
.indexCon .indexConText{ text-align:center;} 
.indexCon .indexConText .indexConTel {
    font-size: 30px;
}
.indexCon .indexConText .indexConAdd {
    font-size: 20px;
}



.fotbox-sec2{ display:none;}

.f_logo img{ height:30px;}
.fotbox-sec3 .lt {
    display: flex;
    align-items: flex-start;
    height: auto;
    flex-direction: column;
    padding: 20px 0;
}
.fotbox-sec3{ margin-top:0;}
.fotbox-sec3 .lt p{ margin-bottom:10px;}


    .homeTeamNei {
        grid-template-columns: repeat(2, 1fr);grid-gap: 70px 30px;
    }    
    .homeTeamItem {
        padding: 50px 10% 10% 10%;
    }
    .homeTeamItem .homeTeamImg {
        width: 80px;
        height: 80px;
        right: auto;
        bottom: auto;
        left: 50%;
        top: -40px;
        transform: translateX(-50%);
    }
        .homeSoultionNei {
        grid-template-columns: repeat(2, 1fr);grid-gap: 20px;
    }
}
@media screen and (max-width:640px){

.ban21 .ban211 {
    font-size: 26px;
}


.serviceBox {
    grid-template-columns: repeat(1,1fr);
    grid-template-areas:
        "inv1"
        "inv2"
        "inv3"
        "inv4"
        "inv5";
}
.serviceItem:nth-child(1) {
    grid-area: inv1;
    height: 300px;
}
.serviceItem .serviceBg{ padding: 3%;}
.serviceItem .serviceBg img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.hardwareBox1 {
    grid-template-columns: repeat(2,1fr);
    grid-template-areas:
        "inv1 inv1"
        "inv2 inv3"
        "inv4 inv4";
}
.hardwareItem:nth-child(1) {
    grid-area: inv1;
    height: 220px;
}
.hardwareBox2 {
    grid-template-columns: repeat(2,1fr);
    grid-template-areas:
        "inv1 inv1"
        "inv2 inv3"
        "inv4 inv5";
}
.hardwareItem {
    height: 140px;
}

    .img_gallery {
        height: 80vh;
    }




}
@media screen and (max-width:420px){




}