body{font-family: 'Microsoft Yahei', '微软雅黑', Arial, sans-serif;}
.x{outline:1px solid red;}
.c{clear:both}
.l{float:left}
.r{float:right}
.m{margin:3%;overflow: hidden;}
.p{padding:2.5%}
button::after{margin:0rpx;padding:0rpx;border:none;}
.h{display:none !important;} 
.isIPX {padding-bottom: 35rpx !important;} 
.noli{line-height: 200px;color: #ccc; text-align: center;}



.font14black {
    text-indent: 10px;
}
.wrapper{width: 90%;    margin: 0 auto;}
.topHeader .wrapper {
    width: 1200px;
}
.huanmax{border-bottom: 1px solid #EEEEEE;line-height:40px;}
/* 语言切换 */
.huany{display: flex;justify-content: space-between;align-items: center;}
.{border: 1px solid #666666;font-size: 12px;padding: 0px 3px;color: #666666;}
.topEN {
    border: 1px solid #666666;line-height: 20px;
    font-size: 12px;
    padding: 0px 3px;
    color: #666666;width: 25px;
    float: left;
}
.topEN:hover{cursor: pointer;}
.language {
    float: left;
    width: 100px;
    border-left: 1px solid #d8d8d8;
    padding: 10px;
}
.zhiBoBtn {
    float: left;padding-right: 10px;
}
 
 .moddHeader{display:none;}
 
 
 .menudiv {
   padding: 10px 60px;
    
}
 
 
 .menu {
   line-height: 35px;
    font-size: 18px;
    margin-top: 15px;
        display: block;
    clear: both;
}
.logo {
    margin: 20px 0;
}
#menu #img {
    position: absolute;
    display: none;
    top: 45px;
    left: 0px;
    z-index: 100;
    background: #fff;
        width: 260px;
}
.nav a{display:block;padding: 5px 15px;
   
}
.nav a:hover {
    background: #1A3B98;
    color: #fff;
    border-radius: 10px;
}
.nav{float:left;  margin-right: 5px;  margin: 5px 8px;
position: relative;}


.nav2 {
       display: block;
   
    line-height: 35px;
    font-size: 16px;
}

.on{background:#1A3B98;border-radius: 10px;}

.on a{color:#fff}

.active{background:#1A3B98;border-radius: 10px;}
.active a{color:#fff;}
.nav2 a {
    color: #000000;
}

.oncat {
    background: rgb(7, 55, 99);
    color: #fff;
}

/* 底部样式 */
footer {
    background: #1A3B98;
    color: #fff;
}
footer a{color:#fff;}
.footul{display: flex;align-items: center;justify-content: center;background: #1A3B98;}
.footul>li{margin:10px 20px;}
.ipadLinks{border-bottom: 1px solid #EEEEEE;padding: 30px 0px;}
.links {    display: flex;    flex-wrap: wrap;align-items: center;}
.footul a {    color: #fff;padding: 10px;}
.footdiv{margin-bottom: 15px;}
.foota{border: 1px solid #CCCCCC;width: 160px;height: 40px;text-align: center;;line-height: 40px;margin-top: 30px;}
.foota a{ display: block;width: 100%;height: 100%;}
.fooULFlex{display: flex;flex-wrap: wrap;justify-content: space-between;}
.fooULFlexOne{display: flex;flex-wrap: wrap;justify-content: space-between;padding-top: 50px;padding-bottom: 50px;}
.footspan{margin-top: auto;margin-bottom: auto;}
.fooULFlexOne>li:nth-child(4){width: 35%;}
.xinULFlex{display: flex;flex-wrap: wrap;justify-content: space-between;}
.footer{text-align: center;}
.footer h3{margin-top: 10px;}
.footLuL{margin-top: 15px;}
.footLuL>li{line-height: 40px;}

	.sousuo{outline:1px solid #2b49ac;padding:0;width:450px}
	.sousuo .btn{background:#2b49ac;width:20%;text-align:center;color:#fff;border-radius:0;line-height:30px;outline: 1px solid #2b49ac;}
	.sousuo .txt{width:80%;line-height:40px;float:left;text-indent:45px;background:url(/template/sun-ic/img/search.png) 10px center no-repeat;background-size:30px}
.sousuo input {
    border: 0px solid red;
}


@media screen and (max-width:820px){
 
 
 .zhiBoBtn,.language,.menu,.datearyy,.m2737,.f89s,.as990,.f0aa3a,.down_b{display:none;}
.wrapper {    width: auto;    margin: 0 auto;}

 /* 菜单按钮 */
    .moddHeader{background: #2B49AC;}
    .navBtn{ display: block;}
     .navBtn{width:30px;height:20px;display:block;position:absolute;top:-7px;right:30px;cursor:pointer;padding:20px 15px;}
    .navBtn span{width:26px;height:3px;background:#2B49AC;display:block;border-radius:2px;transition:all .5s ease-out;position:absolute;top:20px;}
     .navBtn span:nth-child(2){top:29px;}
     .navBtn span:nth-child(3){top:37px;}
     .navBtn span.active:nth-child(1){transform:rotate(45deg);transition:all .5s ease-out;top:29px;}
     .navBtn span.active:nth-child(3){transform:rotate(-45deg);transition:all .5s ease-out;top:29px;}
     nav.wrapper{ height: 0px; box-shadow: none;width: 100%;}
     nav .logo img{ max-height: 50px;}
     nav .navigation-right { margin-right: 0; position: fixed; top: 40px; right: 0px;padding:0 35px;height: 100vh; flex-wrap:wrap; align-content:flex-start; z-index: 100; overflow-y: scroll;transform: translate3d(100%, 0px, 0px);  transition: all 0.65s ease-in-out 0s; background-color: rgba(255, 255, 255, 0.95); }
     nav .navigation-right.active{ transform: translate3d(0px,0px,0px)}
     nav .navigation-right  li{ width: 100%; height: 45px; line-height: 45px;text-align: center;text-indent: 0px;}
         .navigation .navigation-right li a{line-height: 45px !important; border-bottom: 1px solid #ccc; height: 45px; max-width: 100%; color: #555;}
    .navigation .navigation-right li.active a{ color: #2B49AC;}
    .active {
    display: block;
    text-indent: 20px;
}
   .f90s0s {
   width: 100% !important;
} 
    .logo{
        margin: 20px auto;
    width: 300px;
    text-align: center;
    }
    .logo img {
    width: 120px;
    margin-left: 10px;
}
    
    .sousuo {
    width: 300px;
    margin-bottom: 30px;
}
.moddHeader {
    display: block;
}
    footer li {
    margin-left: 30px;
}
.Product, .case, .server, .news, .map {
    padding: 50px 24px;
}
    .on {
    background: #ffffff00;
}
 
 .firstRow img{width:100%;}
 .modeii ,.t93h5j ,.U8s9sd8{display:none;}
 .a3j4s1 {
   padding: 5%;
   width: 100% !important;
 }
 
 
 .news_top ,.day{display:none;}
 
 .shuoming {
    height: 60px;
    overflow: hidden;
}
 .H3j4A9 {
  width: 100% !important;
    }
 
    
    .mp_foter {
    display: block;
    padding-left: 10%;
}


}