@media (min-width: 1921px){
 .main-headerban #mainimg img{
    width: 100% !important;
    height: 100%; 
    margin: 0 auto;
    display: block;
    position: relative;
    left: 0% !important;
    margin-left: 0 !important;
 }
} 


.main-headerban {  }
.main-headerban #mainimg img { width: 1920px; height: 100%; margin: 0 auto;display: block;position: relative;left: 50%;margin-left: -960px;}
.main-headerban .r-form {   background-color: hsla(0,0%,100%,0.90); height: 400px; margin-left: 18px; padding: 20px; text-align: center; }
.main-headerban .layui-form { text-align: left; margin-top: 20px; }
.main-headerban .layui-form input{ border: 1px solid #be7d2b; }
.main-headerban .r-form>p{line-height: 1.2;  }
 

.main-quicknav h3 { height: 40px; line-height: 40px; background-image: url(../image/head_bg.png); background-repeat: no-repeat; background-position: 0px 0px; color: #FFF; }
.main-quicknav h3 { position: relative; }
.main-quicknav h3 span { position: absolute; left: 25px; display: block; }
.main-quicknav h3 span+span { position: absolute; left: 180px; display: block; }
.main-quicknav ul { padding: 10px; }
.main-quicknav ul .list { border: 2px solid #266CB5; margin: 10px; padding: 95px 10px 10px; border-radius: 5px; text-align: center; background-image: url(../image/jc_18.png); background-repeat: no-repeat; background-position: center 8px; height: 150px; font-size: 16px; }
.main-quicknav ul li:nth-child(2) .list { background-image: url(../image/jc_20.png); }
.main-quicknav ul li:nth-child(3) .list { background-image: url(../image/jc_22.png); }
.main-quicknav ul li:nth-child(4) .list { background-image: url(../image/jc_24.png); }
.main-quicknav ul li:nth-child(5) .list { background-image: url(../image/jc_26.png); }
.main-quicknav ul li:nth-child(6) .list { background-image: url(../image/jc_28.png); }

.main-quicknav2 ul li:nth-child(1) .list { background-image: url(../image/jc_29.png); }
.main-quicknav2 ul li:nth-child(2) .list { background-image: url(../image/jc_30.png); }
.main-quicknav2 ul li:nth-child(3) .list { background-image: url(../image/jc_31.png); }
.main-quicknav2 ul li:nth-child(4) .list { background-image: url(../image/jc_32.png); }
.main-quicknav2 ul li:nth-child(5) .list { background-image: url(../image/jc_33.png); }
.main-quicknav2 ul li:nth-child(6) .list { background-image: url(../image/jc_34.png); }







.main-title-hd{
    height: 40px; 
    line-height: 40px;
    background-color: #FFF;
    position: relative;
    cursor: pointer;
}

.main-title-company span { 
    display: block; 
    padding:0 20px;
    background:#f00;
    color:#fff;
    position:relative;
}
.current-triangle{
    width:0;
    height:0;
    border-right:6px solid transparent;
    border-left:6px solid transparent;
    border-top:6px solid #f00;
    position: absolute;
    top:40px;
    left:50%;
    margin-left: -3px;
}
.dynamic-new{
    
    padding-left: 10px;
}
.dynamic-new:nth-of-type(1){
	padding-left: 0px;
}
.dynamic-new-title-hd{
    padding: 0 40px 0 10px;
}
.dynamic-new-hd{
    background:#f2f2f2;
    margin: 0;
    border-bottom: 1px solid #ccc;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.dynamic-new-hd span{
    display: block; 
    color: #f00;
    position:relative;
}
.dynamic-new-hd:hover span{
    background:#f00;
    padding:0 20px;
    color:#fff;
}
.dynamic-new-hd:hover .current-new{
    width:0;
    height:0;
    border-right:6px solid transparent;
    border-left:6px solid transparent;
    border-top:6px solid #f00;
    position: absolute;
    top:40px;
    left:50%;
    margin-left: -3px;
}


.main-title-hd span { position: absolute;  display: block; }
.main-title-hd span+span { position: absolute; left: 180px; display: block; font-size: 18px; }
.main-subtitl-hd { position: relative; height: 40px; border-bottom: 1px solid #3B48B0; padding-bottom: 10px; }
.main-subtitl-hd i { position: absolute; display: block; width: 20px; background-image: url(../image/li_01.jpg); background-repeat: no-repeat; height: 30px; left: 0px; top: 5px; }
.main-subtitl-hd span { position: absolute; left: 25px; font-size: 18px; top: 5px; }
.main-subtitl-hd a { font-size: 16px; position: absolute; top: 10px; right: 5px; }
.company-about .company-bd, .ask-nav .company-bd { background-color: #FFF; }
.company-about .left-bd li, .ask-nav .left-bd li { height: 100px; background-color: #F5F5F5; margin-top: 10px; }
.company-about .left-bd li:hover, .ask-nav .left-bd li:hover { background-color: #edf1f5; }
.company-about .left-bd li img, .ask-nav .left-bd li img { height: 100px; }

.ask-nav .right-bd { margin: 30px; }
.ask-nav .right-bd li { border: 1px solid #EDEDED; height: 130px; text-align: center; margin: 0 -1px -1px 0; }
.ask-nav .right-bd li:hover { background-color: #F0FBFF; }
.ask-nav .right-bd li i { background-image: url(../image/minsubnav.png); background-repeat: no-repeat; background-position: 39px 23px; height: 80px; display: block; }
.ask-nav .right-bd li+li i { background-position: 39px -65px; }
.ask-nav .right-bd li+li+li i { background-position: 39px -156px; }
.ask-nav .right-bd li+li+li+li i { background-position: 34px -251px; }
.ask-nav .right-bd li+li+li+li+li i { background-position: 34px -338px; }
.ask-nav .right-bd li+li+li+li+li+li i { background-position: 40px -434px; }
.ask-nav .right-bd li a { width: 100%; display: block; height: 130px; color: #292929; }

.main-case .case-bd { background-color: #FFF }
.main-case .swiper-container { width: 100%; height: 100%; }
.main-case .swiper-slide { font-size: 18px; background: #fff;  display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; overflow: hidden; }
.main-case .swiper-slide img{ height: 170px;width: 260px;  }
.main-case .case-bd h2 { text-align: left;  text-overflow: ellipsis; overflow: hidden; height: 40px; }
 
.main-case .case-bd h2 a { color: #1A1A1A }
.main-tag { padding: 10px; }
.main-tag em { display: inline-block; padding: 2px 15px 2px 15px; border: 1px solid #DCDCDC; margin-left: 10px; font-style: normal; }
.main-tag em:hover { background-color: #1165AA; color: #FFF; }
.main-tag em a { color: #B4B4B4; }
.main-tag em:hover a { color: #FFF; }

.server-area { background-color: #FFF; padding-bottom: 20px; }
.server-area h3 { text-align: center; height: 70px; line-height: 70px; padding-top: 20px; }
.server-area>p { text-align: center; margin-bottom: 20px; }
.server-area ul { margin: 10px; }
.server-area .list { margin: 10px; position: relative; }
.server-area .list a:visited, .server-area .list a:hover { color: #be7d2b; }
.server-area .list a { color: #fff; }
.server-area .list p { position: absolute; top: 80px; left: 65px; color: #FFFFFF; font-weight: 600; text-shadow: 2px 2px 0px #5A5A5A; font-size: 28px; }
.server-area .list button { position: absolute; top: 220px; left: 33px; width: 150px; }
.server-area li:nth-child(1) .list { background-image: url(../image/shanghai.jpg); background-repeat: no-repeat; height: 250px; background-position: center top; background-size: 90% auto; }
.server-area li:nth-child(2) .list { background-image: url(../image/suzhou.jpg); background-repeat: no-repeat; height: 250px; background-position: center top; background-size: 90% auto; }
.server-area li:nth-child(3) .list { background-image: url(../image/hangzhou.jpg); background-repeat: no-repeat; height: 250px; background-position: center top; background-size: 90% auto; }
.server-area li:nth-child(4) .list { background-image: url(../image/anhui.jpg); background-repeat: no-repeat; height: 250px; background-position: center top; background-size: 90% auto; }
.server-area li:nth-child(5) .list { background-image: url(../image/wuhan.jpg); background-repeat: no-repeat; height: 250px; background-position: center top; background-size: 90% auto; }