@charset "gb2312";
/* CSS Document */
.m-header{ display:none; position:fixed;left: 0;top: 0; background:#1f5db5; box-shadow:0 5px 15px rgba(0,0,0,.1); width:100%; height:55px; z-index:99;overflow: hidden;}
.m-header img{ margin-top:7px; max-height:40px;}
.m-btn .line{
    width: 25px;
    height: 16px;
    position: relative;
    cursor: pointer;
    margin-top: 19px;
}
.m-btn span{
    display: block;
    width: 100%;
    height: 2px;
    background-color: #fff;
    position: absolute;
    left: 50%;
    margin-left: -12px;
	-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;
}
.m-btn span.span1{ top:0;-webkit-transform-origin:4px center;-moz-transform-origin:4px center;-ms-transform-origin:4px center;-o-transform-origin:4px center;transform-origin:4px center}
.m-btn span.span2 {top: 7px;}
.m-btn span.span3 {top: 14px;-webkit-transform-origin:1px center;-moz-transform-origin:1px center;-ms-transform-origin:1px center;-o-transform-origin:1px center;transform-origin:1px center}
.m-btn.actives .span1{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.m-btn.actives .span3{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
.m-btn.actives .span2{ opacity:0; filter:alpha(opacity=0)}
.m-btn.actives span{background: #fff;}
.cd{ margin-right:15px;color: #fff;line-height: 54px;}
.m-menu{ background:#f5f5f5; position:fixed; left:0; width:100%; display:none; overflow-y:auto; overflow-x:hidden; z-index:99;top: 74px;}
.m-menu ul{ width:100%; height:calc(100vh - 60px); overflow-y:auto;overflow-x:hidden}
.m-menu a{ display:block}
.m-menu .menu_li{ border-bottom:1px solid #d8d8d8;}
.m-menu .menu_a{ padding:0 3%; line-height:50px; font-size:16px; color:#222; position:relative}
.m-menu .menu_a i{ width:17px; height:17px; background:url(../img/ico_03.png) no-repeat; background-size:contain; position:absolute; right:3%; top:15px}
.m-menu .menu_li .subnav{ padding:15px 3%; line-height:30px; font-size:14px; display:none}
.m-menu .menu_a.actives{ background:#1f5db5; color:#fff;}
.m-menu .menu_a.actives i{background:url(../img/ico_03_h.png) no-repeat center; background-size:100% auto}
.sub-menubg{ position:fixed; width:100%; height:100%; background:#f5f5f5;top:0; left:0; z-index:9; display:none}

.mproclass{ display:none; position:relative;margin-top: -4px;z-index: 10;}
.mproclass h3{background:#1f5db5; color:#fff; padding:0 3%; height:40px; line-height:40px; position:relative;font-size: 17px;}
.mproclass h3:after{ content:""; width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #fff; position:absolute; right:3%; top:50%; margin-top:-3px}
.mproclass ul{ position:absolute; width:100%; left:0; display:none; box-shadow:0 5px 15px rgba(0,0,0,0.15)}
.mproclass li{ background:#f5f5f5; line-height:35px; border-bottom:1px solid #e8e8e8;}
.mproclass li a{ padding:0 3%; display:block;font-size: 14px;}
.mproclass li:hover a{ background:#1f5db5; color:#fff}

.m-foot{ position:fixed; width:100%; height:45px; left:0; bottom:0;background: #1f5db5; color:#fff; display:none; z-index:1500}
.m-foot li{ float:left; width:33.3%; text-align:center;}
.m-foot li a{ color:#fff; font-size:12px; display:block;}
.m-foot li.li1 a{ background:url(../img/icons/flmes.png) no-repeat center 5px; padding-top:25px}
.m-foot li.li2 a{ background:url(../images/pic/kf-email.png) no-repeat center 5px; padding-top:25px}
.m-foot li.li3 a{ background:url(../images/pic/fltel.png) no-repeat center 5px; padding-top:25px}
.m-foot li.li4 a{ background:url(../images/pic/right_pic6.png) no-repeat center 3px; padding-top:25px}
.m-foot li.li2 a span{display: block;}
.newsxiang .newsleft .nsconn p iframe {display: none;}
.tanchuang .bg{position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.25);}
.tanchuang .text{position: fixed;
    left: 50%;
    margin-left: -170px;
    top: 20%;
    width: 300px;
    padding: 20px;
    height: auto;
    background: #fff;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    text-align: center;
	z-index: 1500;
}
.tanchuang .text{font-size: 20px;
    font-weight: bold;}
.tanchuang .text .closed{width: 31px;
    height: 31px;
    background: url(../images/close_1.png) no-repeat center;
    position: absolute;
    top: 5px;
    right: 5px;}

.tanchuang .text .p1{
	color: #f00;
}
.tanchuang .text .tel{
	background: #f00;
    color: #fff;
    padding: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    margin: 15px 0;
}
.tanchuang .text .btn{
	background: url(../images/b-03.png) no-repeat left center;
    background-size: 30px auto;
    display: inline-block;
    padding-left: 35px;
    color: #333;
    text-decoration: underline;
}
.tanchuang .text .p2{
	color: #f00;
    font-size: 18px;
    margin-top: 15px;
}

@media screen and (max-width: 1600px){
/*.banner{width:120%; margin-left:-10%; overflow:hidden}*/
/*.nbanner{width:120%; margin-left:-10%; overflow:hidden}*/

}

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

	/*.nbanner{width:130%; margin-left:-15%;}*/
}

@media screen and (max-width: 1280px){
	.wrap{ width:97%;margin: auto;}
	body{overflow-x: hidden;}

}

@media screen and (max-width: 1024px){	
	.header-box{display: none;}
	.all-box{display: none!important;}
	.m-header{display: block;}
	.conter{margin-top: 55px;margin-bottom: 30px;overflow-x: hidden;}
	.slick-dots li button{width: 7px;height: 7px;}
	.mennav li b{font-size: 16px}
	.mennav li p{margin-left: 5%;padding-left: 26%;margin-top: 13%;}
	.mennav li .ic1{background-size: inherit;}
	.anl-box img{width: 98%;}
	.imgbox{height: auto;}
	.server-top{margin-top: 35px;}
	.server li{height: auto;}
	.coampy .text2{width: 58%;}
	.coampy .ic{width: 40%;}
	.about-box{padding: 55px 0 60px 0;}
	.server li:first-of-type{width: 34%;}
	.server li{width: 30%;}
	.text3{width:100%;margin-bottom: 4%;}
	.copay{width: 100%;text-align: center;}
	.server .server2 li{width: 18%;}
	.server .server2 li:first-of-type{width: 18%;}
	.prolist ul{margin-right: -1.5%;}
	.juxing{height: 500px;}
	.txt5{width: 85%;}
	.top5{margin-top: 53px;}
	.nbanner img{display: block;overflow-x: hidden;}
	.prolist li .pic{height: auto;}

	
}
@media screen and (max-width: 920px){
/*.nbanner{width:140%; margin-left:-20%;}*/
	.lear{height: 80px;}
	.mennav li p{margin-top:15px;}
	.text1 h2{width: 99%;font-size: 20px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	.prdouct-box{padding: 50px 0 55px 0;}
	.title{margin-bottom: 30px;}
	.coampy .ic{width: 100%;}
	.coampy .text2{width: 100%;margin-top: 4%;}
	.about-box{padding: 50px 0 70px 0;}
	.news h3{width: 59%;}
	.new-box{margin-top: 50px;}
	.text1 .more1{margin-top: 20px;width: 65%;line-height: 35px;}
	.top5{margin-top: 40px;}
	.nbanner{overflow-x: hidden;display: block;}
	
}
@media screen and (max-width: 768px){
	.nbanner{width: 130%;margin-left: -16%;}
	.m-foot {display: block;}
	.footer-top{display: none;}
	.mproclass{display: block;}
	.disply{display: none;}
	.footer-bottom{margin-bottom: 5%;line-height: 30px;}
	.footerbox{padding: 15px 0 30px 0;}
	.mennav li p{margin-left: 2%;padding-left: 25%;margin-top: 15%;}
	.mennav li b{font-size: 15px;}
	.title h3{font-size: 26px;}
	.server li .pp1{font-size: 22px;margin-left: -35%;}
	.imgbox span{font-size: 16px;line-height: 40px;}
	.nmain{padding: 30px 0;}
	.nodisply{display: none;}
	.right{width: 100%;}
	td{padding: 0;}
	.newtit{font-size: 20px;}
	.tomore{width: 120px;}
	.liyoutop p{width: 20%;}
	.liyoutop strong{font-size: 70px;}
	.liyou{margin-top: 20px;}
	.liyoutop{height: auto;}
	.serleft{display: none;}
	.seright{width: 100%;}
	.juxing{display: none;}
	.serverlist{margin-top: 0;}
	.text4{width: 100%;}
	.txt5{width: 80%;}
	.lianxikuai01 ul li{width: 50%;margin-bottom: 2%;}
	.sconder li{width: 31.33%;float: left;margin-right: 2%;margin-bottom: 2%;line-height: 28px;}
	.sconder li a{font-size: 15px;padding: 0;margin: 0;line-height: 35px;}
	.sconder li:nth-child(3){margin-right: 0;}
	.sconder{margin: 25px auto 30px}
}
@media screen and (max-width: 640px){
	.mennav{display: none;}
	.prdouct-box{padding: 30px 0 40px 0;}
	.prdouct li{width: 48%;margin-bottom: 3%;}
	.coampy .ic{width: 100%;}
	.coampy .text2{width: 100%;margin-top: 5%;}
	.about-box{padding: 50px 0 50px 0;}
	.newlist li{width: 47.5%;margin-bottom: 2%;}
	.new-box{margin-top: 30px;}
	.title{margin-bottom: 30px;}
	.title span{display: block;margin-top: 3px;}
	.text1 h2{font-size: 18px;}
	.text1 .more1{width: 60%;font-size: 15px;line-height: 35px;margin-top: 20px;}
	.nav2 #tabItems li{font-size: 16px;line-height: 38px;}
	.nav2{width: 96%;}
	.server2 li p{font-size: 16px;}
	.title5 h4{font-size: 22px;}
	.title5 span{font-size: 13px;}
	.prolist li{width: 48.5%;}
	.nav3 #tabItems1 li{width: 25%;font-size: 16px;}
	.product-top #preview{width: 100%;}
	.product-top .txt{width: 100%;}
	.productCon{margin-top: 0;}
	.newslists li .pic{width: 35%;}
	.newslists li .wenx{width: 62%;}
	.newslists li .wenx h3{font-size: 15px;margin-bottom: 5px;line-height: 26px;}
	.newslists li .wenx .times{margin-bottom: 6px;}
	.newslists li .wenx .more3{font-size: 13px;}
	.liyoutop p{width: 40.5%;}
	.liyoutop strong{font-size: 60px;}
	.liyoucont .right{width: 100%;}
	.liyoucont .left{width: 100%;}
	.lefttitle .shu{width: 22%;}
	.lefttitle{width: 100%;}
	.biaoti h4{font-size: 22px;}
	.biaoti p{font-size: 16px;}
	.liyoucont img{max-width: 100%;}
	.honorlist li{width: 48%;}
	.honorlist span{padding: 5px;}
	
	
}
@media screen and (max-width: 480px){
	.text1 p{line-height: 27px;}
	.news h3{width: 60%;}
	.server li .pp1{font-size: 18px;margin-left: -43%;}
	.imgbox span{font-size: 14px;line-height: 30px;}
	.server2 li p{font-size: 14px;}
	.nnav .tit_cla li a{padding: 0 20px;}
	.title5 h4{font-size: 20px;}
	.prolist li h3{font-size: 15px;padding-bottom: 6px;}
	.solution-item2{font-size: 13px;}
	.footer-bottom p a{font-size: 13px;}
	.newslists2 li .wenx h3{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
	.newslists2 li .wenx{width: 75%;}
	.newslists2 li .pic{width: 20%;}
	.nmain_2{padding: 30px 0;}
	.title_2{font-size: 24px;margin-bottom: 25px;}
	.message .m-list-col{width: 100%;}
	.message{width: 95%;}
	
}
@media screen and (max-width:425px){
	.newlist li span{font-size: 13px;}
	.news h3{width: 55%;}
	.newcont{margin-top: 20px;}
	.news a{margin-top: 15px;padding-bottom: 13px;}
	.nnav .tit{font-size: 20px;}
	.nnav .tit_cla li a{padding: 0 12px;}
	.server2 li p{font-size: 13px;}
	.jieshao li p{font-size: 13px;}
	.liyoutop p{font-size: 24px;}
	.liyoutop strong{font-size: 45px;}
	.sconder li a{font-size: 14px;}
	.liyoutop em{font-size: 21px;}
	
}
@media screen and (max-width:375px){
	.solution-item2{font-size: 12px;}
	.nav3 #tabItems1 li{font-size: 15px;line-height: 40px;}
	.newslists li .pic{width: 100%;}
	.newslists li .wenx{width: 100%;margin-top: 2.5%;}
	
	
	
}
	
@media screen and (max-width:360px){
	.nnav .tit_cla li a{padding: 0 8px;}
	.sconder li{width: 32%;margin-right: 1.33%;}
	.sconder li a{font-size: 13.5px;}
	
	
}

	
@media screen and (max-width:333px){
	.text1 h2{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	.nav2{width: 100%;}
	.nav2 #tabItems li{font-size: 15px;line-height: 35px;}
	.newlist li span{font-size: 12px;}
	.news h3{width: 53%;}
	.footer-bottom p a{font-size: 13px;}
	
}

@media screen and (max-width:320px){
	.prdouct li{width: 100%;margin-left: 0;}
	.prdouct ul{margin-left: 0;}
	.footer-bottom{margin-bottom: 6%;}
	.nnav .tit_cla li a{padding: 0 7px;}
	
}