.indexbanner{ height: auto; position: relative;}
.indexbanner img{ max-width: 100%;}

.bannerDetail{ height: auto;  width: 100%; background: rgba(0,0,0,0.6); position: absolute; bottom:0px; left:0px; height: 110px; z-index: 99;} 
.bannerDetail .containerr{ position: relative;}

.bannerDetail .server{ position:absolute; left:0px; top:0px;line-height: 107px; color: #fff; font-size: 18px; }



.bannerDetail ul{ height: auto;  margin-left: 150px;}
.bannerDetail ul li{ height: auto;  float: left; width: 15%; color: #fff; line-height: 107px;  text-align: center; margin-right: 1%; position:relative;}
.bannerDetail ul li:last-child{ margin-right: 0px;}
.bannerDetail ul li a{ height: auto; overflow: hidden; display: block; color: #424242; background: url(../images/kfbj.png) no-repeat top center; width: 156px; height: 35px; line-height: 37px; text-indent:32px;    margin-top: 38px;}

.bannerDetail ul li:hover a{ background: url(../images/kfbj1.png) no-repeat top center;}
.bannerDetail ul li .img{ position: absolute; top:100%; left:29px; background: #fff; padding:5px; display: none;}
.bannerDetail ul li .img img{ max-width: 100%; }
.bannerDetail ul li:hover .img{ display: block;}
.bannerDetail ul li a span{ margin:0 30px 0px 20px;}
 .bannerDetail ul li a i{ font-style: normal;}

.indexTitle{ height: auto; overflow: hidden; text-align: center;position: relative; }
.indexTitle .titlehtp{ font-size: 36px; color: #2b3e50; font-weight: bold;    margin-bottom: 5px;}
.indexTitle .titlehtp h2{ font-weight: bold; }
.indexTitle .titlehtp span{ color: #26b0f9;}




.mse-question{ height: auto; margin:4% 0px;}


.mse-question .quesul li{ float: left; width: 31%; margin-top:4%;  -webkit-box-shadow: 0 1px 10px rgba(0,0,0,0.1);
    box-shadow: 0 1px 10px rgba(0,0,0,0.1); margin-right: 3%; padding:30px 20px; }
.mse-question .quesul li .quescont{  height: auto;  overflow: hidden;}
.mse-question .quesul li:nth-child(3n){ margin-right: 0px;}
.mse-question .quesul li .quescont .queabsu{ height: auto; overflow: hidden;}
.mse-question .quesul li .quescont .queabsu img{ max-width: 100%; margin-right: 20px; vertical-align: middle;}
.mse-question .quesul li .quescont .queabsu b{ font-size: 24px; color: #2b3e50; vertical-align: middle;}
.mse-question .quesul li .quescont .advantCont{ font-size: 14px; color: #333333; line-height: 25px; margin:5% 0px 10%; height:150px; overflow: hidden;}



.mse-question .quesul li .quescont .indexulmore{ background: url(../images/white1.png) repeat-x left center; width: 100%; margin-top: 5%; overflow: hidden;}
.mse-question .quesul li .quescont .indexulmore b{ display: inline-block; background: #fff; width: 30px; margin-top: 5px;}
.mse-question .quesul li .quescont .indexulmore span{ background: #fff; display: inline-block; float: right;}
.mse-question .quesul li .quescont .indexulmore span a{ font-size: 14px; color: #26b0f9; background: #fff; height: 34px; line-height: 34px;  display: inline-block;  padding:0 10px;transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s; }







.dl-buy{ height: auto; overflow: hidden; background: url(../images/serviceBg.jpg) no-repeat top center; background-size: cover; padding:4% 0px;}


.buyul{ height: auto; margin-top: 2%;}
.buyul li{ float: left; margin-right: 2%;width: 32%; position: relative;  background: #3b3e4f; padding:17px 13px 23px 23px;  margin-top:30px;}
.buyul li:hover{ background: #3789dc;}
.buyul li a{ height: auto; overflow: hidden;  display: block; position: relative; }
.buyul li:nth-child(3n){ margin-right:0px;}

.buyul li img{ display: block; max-width: 100%;}

.buyul li .title{ font-size: 20px; color:#fff; margin:15px 0px 10px;}
.buyul li p{ color: #b3b9cf; font-size: 14px; height: 20px;}

.buyul li i{ position: absolute; top:0px; right:0px;}



.dl-case{ height: auto; overflow: hidden; padding:4% 0px; background:#f6f7fa;}


.casein{ height: auto; overflow: hidden; margin-top: 4%;}
.casein a{ display: block; height: auto; overflow: hidden; }
.casein a .grarimg {height: auto; overflow: hidden;}
.casein a .grarimg img{ display: block; height: 33em; overflow: hidden;transition: all 5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s; cursor: pointer; width: auto; margin:0 auto;}


.casein a:hover img{  transform: scale(1.2);
    -webkit-transform: scale(1.2);
    overflow: hidden;}




.casein .casecont{ height: auto; overflow: hidden; border-bottom: 1px dashed #afafaf;padding-bottom: 10px; }
.casein .casecont .casetitle{  color: #2b3e50; font-size: 14px;}
.casein .casecont p{ font-size: 14px; color: #8f8f8f; line-height: 25px; margin:5px 0px;}





.mse-parnet{ height: auto; overflow: hidden; padding:4% 0px;}
.mse-parnet ul{ height: auto; overflow: hidden; margin-top: 2%;}
.mse-parnet ul li{ float: left; width: 19%; margin-right: 1%; margin-bottom: 1%; cursor: pointer;}
.mse-parnet ul li:nth-child(5n){ margin-right: 0px;}
.mse-parnet ul li div{ border:1px solid #eeeeee; height: auto; overflow: hidden; }
.mse-parnet ul li div img{ display: block; max-width: 100%;transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;}

.mse-parnet ul li:hover img{     transform: scale(1.1);
    -webkit-transform: scale(1.1);
    overflow: hidden;}



.glquestion{ background: #f6f7fa; height: auto; overflow: hidden; padding:4% 0px;}
.glquestion ul{ height: auto; overflow: hidden; margin-top: 1%;}
.glquestion ul li{ float: left; width: 48%; margin-right: 2%; padding:20px 0px; border-bottom: 1px dashed #b5b5b5;}
.glquestion ul li a{ display: block;  background: url(../images/queIco.png) no-repeat left center; padding-left: 60px; }
.glquestion ul li:nth-child(2n){ margin-right: 0px;}
.glquestion ul li h5{ color: #3789dc; font-size: 18px;margin-top: 10px;}
.glquestion ul li p{ color: #606162; font-size: 14px; margin-top: 12px;}

@media screen and (min-width: 769px) and (max-width: 1199px){
img{ max-width: 100%;}

}

@media screen and (min-width: 992px) and (max-width: 1199px){


}
@media screen and (min-width: 769px) and (max-width: 992px){

.chosein ul li div{ width: 135px; height: 135px;  margin-left: -67.5px;    top: 29%; }
.chosein ul li p{ margin-top: 209px;}
.msi-made .maderi ul{ background:none;}
.mse-question .quesul li .quescont p{ font-size: 16px;}
.mse-about .aboutin .aboutle img{ position: inherit; top:0px;}
.mse-about .aboutin .aboutri .about_title{ font-size: 24px;}
.servercont .servin .ser-le p{ font-size: 20px;}

}


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

.bannerDetail{ display: none;}


.indexTitle .titlehtp{ font-size: 20px;}

.mse-question .quesul{ background: none;}
.mse-question .quesul li .quescont{ width: 100%;}
.mse-question .quesul li{ padding:5px;}
.mse-question .quesul li .quescont .queabsu b{ font-size: 17px;}
.mse-question .quesul li .quescont .advantCont{ height: 107px; overflow: hidden;}
.buyul li{ padding:13px; height: 152px;}
.buyul li:hover { background-color: #26b0f9; }
.buyul li .title{ font-size: 14px;}
.buyul li p{ font-size: 12px;}
.chosein{ height: 86px;}
.chosein ul li div{ width: 105px; height: 105px;margin-left: -53px;}
.chosein ul li p{ margin-top: 150px; font-size: 14px;}
.mse-question .quesul li .quescont p{ font-size: 16px;}

.mse-about{ background-size:cover; }
.mse-about .aboutin .aboutle img{ position: inherit; top:0px;}
.mse-about .aboutin .aboutri .about_title{ font-size: 18px; padding-bottom: 2%;}
.mse-about .aboutin .aboutri p{ font-size: 12px; line-height: 26px;}
.dl-product{ overflow: inherit; background: #fff; width: 100%;}
.prool{ position: absolute;
    top: 62px;
    left: 0;
    z-index: 9;
    width: 100%;
    background: #fff;
    display: none;
    }
.prool li{ float: none; width: 100%; background: #fff; color: #333; text-align: left; border-bottom: 1px dashed #cec9c9; border-radius: 0px; height: 40px; line-height: 40px;}
.prool li.cur{  background: #fff; color:#116db7;}


.dl-server,.dl-golab{ display: none;}



.proin .row{ margin:0 -8px;}
.proin [class*="col-"]{ padding:0 8px;}
.proin .caseli p{ font-size: 14px;}
.procont .proin .proul{ margin-bottom: 8px;}


}


@media screen and (max-width: 414px) {
.indexTitle .titlehtp{ font-size: 16px;}
.indexTitle p{ font-size: 12px;}
.mse-question .quesul li{ width: 48%; margin-right: 2%;}
.mse-question .quesul li .quescont p{ font-size: 12px; padding-left: 31px;}
.mse-question .quesul li:nth-child(3n){margin-right: 2%;}
.mse-question .quesul li:nth-child(2n){margin-right:0px;}

.mse-question .quesul li .quescont .queabsu img{ max-width: 22%; margin-right: 8px;}
.mse-question .quesul li span{ width: 45px; height: 72px; line-height: 72px; font-size: 22px; margin-top: -36px; left:-21px;}
.mse-question .quesul li .quescont{ height: auto;}

.mse-question .quesul li .quescont .queabsu b{ font-size: 14px;}
.mse-question .quesul li .quescont .advantCont{ font-size: 12px;}

.chosein ul li:nth-child(4){ margin-left: 15%;}
.chosein ul li:nth-child(4) div,.chosein ul li:nth-child(5) div{ top:10%;}
.chosein ul li:nth-child(4) p,.chosein ul li:nth-child(5) p{ margin-top: 126px;}

.chosein ul li{ width: 31%; }
.chosein ul li:nth-child(3n){ margin-right: 0px;}



.proin .row{ margin:0 -4px;}
.proin [class*="col-"]{ padding:0 4px;}
.proin .caseli p{ font-size: 14px;}
.procont .proin .proul{ margin-bottom: 4px;}

.mse-about{ padding:0px;}
.mse-about .aboutin{ padding:0px; padding-bottom: 3%;}
.aboutin .row{ margin:0px;}
.aboutin .row [class*=col-]{ padding:0px 10px;}
.mse-about .aboutin .aboutle{ margin-bottom: 3%;}
.mse-about .aboutin .aboutri a{ font-size: 14px; text-indent: 4em;    display: block;
    float: none;
    margin: 2% auto;}
.chosein{ border:none;}
.chosein ul li p{ font-size: 12px;}

.newsmob .news_ul li a{ font-size: 12px;}
.buyul{ margin-top: 5%;}
.buyul li{ width: 49%;margin-top: 2%;}
.buyul li:nth-child(2n){ margin-right: 0px;}
.buyul li:nth-child(3n){ margin-right: 2%;}
.buyul li:nth-child(6){ margin-right: 0px;}
.buyul li img{ max-width: 60%;}

.buyul li .buytitle{ font-size: 14px; margin:2% 0px; height: 20px; overflow: hidden;}
.buyul li p{ font-size: 12px; max-height: 52px; overflow: hidden;}
.buyul li span{ margin-top: 5%; font-size: 12px;}

.glquestion ul li{ float: none; width: 100%; margin-right: 0px;}

.glquestion ul li h1{ font-size: 14px;}
.glquestion ul li p{ font-size: 12px;}



.mse-parnet ul li{ width: 32%; margin-right: 2%;}
.mse-parnet ul li:nth-child(5n){ margin-right: 2%;}
.mse-parnet ul li:nth-child(3n){ margin-right: 0px;}


}