@charset "utf-8";

/************************************************************************************************************/


.overflow{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
a{ text-decoration:none !important; cursor:pointer !important;}
.imgvertical{vertical-align:middle !important;}
.no-margin{margin:0;}
.no-padding {padding: 0 !important;}
.vertical-f{display:table;width:100%;height:100%;}
.vertical-z{display:table-cell;vertical-align:middle;}
.container-fluid{ max-width:1000px !important;}
*{font-family: "微软雅黑";}
/*header*/
header{background:url(../images/headerbg.jpg) no-repeat 50% 0;width:100%;color:#fff;}
header .head{transition:all 0.5s;}
header .logo{transition:all 0.5s;padding:0 0 0 10px;height:234px;width:244px;display:table;}
header .logo a{transition:all 0.5s;display:table-cell;vertical-align:middle;}
header .nav{position:relative;text-align:right;height:234px;float:right;}
.top-conatct-info .weixin{width:125px;margin:36px 0;}
.top-conatct-info .weixin h5{margin:10px 0 0;text-align:center;font-size:12px;color:#c2c1c1;}
.top-conatct-info .telbox{margin:63px 20px 0 0;}
.top-conatct-info .telbox .text{line-height:30px;font-size:14px;color:#fff;}
.top-conatct-info .telbox .tel{line-height:20px;font-size:16px;color:#fff;}
.top-conatct-info .telbox .tel span{display:inline-block;font-size:18px;font-weight:bold;color:#fff;}
.top-conatct-info .telbox .tel .tel2{display:block;}
header .nav ul{position:absolute;right:0;bottom:0;margin:0;}
header .nav ul li{float:left;position:relative;text-align:center;border-top-left-radius: 6px;border-top-right-radius: 6px;transition:all 0.4s;}
header .nav ul li a{display:inline-block;padding:20px 14px 0;height:50px;font-size:14px;color:#000;}
header .nav ul li a span{display:block;line-height:20px;font-size:12px;font-weight:400;}
header .nav ul li:hover{background:#eb050f;}
header .nav ul li.active{background:#eb050f;}
header .nav li ul{display:none;margin:0;position:absolute;top:50px;left:0;bottom:auto;padding-bottom:10px;width:100%;z-index:99;background:#eb050f;overflow:hidden;}
header .nav li ul li{float:none;width:100%;height:31px;padding:0;border-radius:0;}
header .nav li ul li a{display:block;line-height:31px;padding:0 10px;color:#000;}
header .nav li ul li:hover{background:#fff;}
header .nav li ul li:hover a{color:#eb050f;}
header .icon-menu span{color:#bccde1;font-size:24px;padding-right:15px;font-weight:bold;margin-top:17px;line-height:24px;cursor: pointer;}
.sjdnav{ width:120px; height:auto; position:absolute;right:0px; top:78px;z-index:5; }
.sjdnav ul{ padding:0; margin:0;}
.sjdnav li{ height:35px;display:block; padding:0; background:rgba(0, 0,0, 0.7); text-align:center; margin-bottom:1px;}
.sjdnav li a{display:block; color:#fff; line-height:35px; font-size:15px;}
.sjdnavhide{ height:0; overflow:hidden;}
.sjdnav li:hover{background:#eb050f;}
	
/*轮播图*/
#banner .carousel-indicators {  bottom: 10px;  margin-bottom: 0;  }
#banner .carousel-indicators li {  width: 7px;  height: 7px;  border-color: #fff;  }
#banner .carousel-indicators .active {  width: 9px;  height: 9px;  background: #fff;  }
#banner img {  width: 100%;  }
#banner .img2{display:none;}

.main{margin:30px 0;}
/*biaoti*/
.index_title {width:100%;}
.index_title .title_txt{text-align:center;overflow: hidden;}
.index_title .title_txt a{display:block;position:relative;}
.index_title .title_txt .title_font{margin:0px;font-weight:bold;font-size:26px;color:#5c5c67;line-height:30px;}
.index_title .title_txt h3{transition:all 0.6s;color:#252831;font-size:26px;margin:7px 0 0;line-height:26px;font-family:'Arial';font-weight:bold;text-align:center;}
.index_title .title_txt h3 span{color:#f66057;}
.index_title .title_txt .txt{margin-top:15px;line-height:25px;text-align:center;color:#444;}
.index_title .title_txt:hover .title_font{color:#252831;}
.bg1{padding:95px 0;background:url("../images/bg1.jpg") no-repeat 50% 50%;}
.bg2{padding:95px 0;background:url("../images/bg2.jpg") no-repeat 50% 50%;}
.index-title2 a{display:block; text-align:center;}
.index-title2 a h1{margin:0;line-height:30px;font-size:24px;font-weight:bold;color:#eb050f;}
.index-title2 a span{display:inline-block;line-height:30px;font-size:24px;font-family:'Arial';color:#9d9d9d;}

.about{padding:25px 0;font-family:'宋体';color:#fff;background:#eb050f;}
.about .title{display:block;padding-bottom: 3px;line-height:30px;font-size:16px;border-bottom:1px solid #fff;color:#fff;transition:all 0.2s;}
.about .text{margin-top:7px;line-height:24px;max-height:96px;overflow:hidden;font-size:12px;transition:all 0.2s;}
.about .text:hover,.about .title:hover{font-weight:bold;}
.about .text img{ max-width:100%;}

.case{height:605px;margin-bottom: 20px;margin-top:30px;}
.case a span{opacity:0;text-align:center;color:#fff;transition:all 0.5s;position:relative;display: block;height:100%;width:100%;background: #eb4b0d;filter:alpha(opacity=0);}
.case a span:hover{opacity: 0.4;filter:alpha(opacity=40);}
.case a span b{font-size:17px;position: relative;top: 45%;}
.case .img{transition:all 2s;}
.case .img1{display:inline-block;height:100%;width:100%;background: url(../images/case1.png) no-repeat 65% 50%; background-size:cover;}
.case .img2{display:inline-block;width:100%;height:100%;background: url(../images/case4.png) no-repeat 50% 50%; background-size:cover;}
.case .img3{display:inline-block;height:100%;width:100%;}
.case .img4{display:inline-block;height:100%;width:100%;}
.case .img5{display:inline-block;width:100%;height:100%;}
.case .img6{display:inline-block;width:100%;height:100%;}
.case .img7{display:inline-block;width:100%;height:100%;}
.case .case1{width:28%;height:100%;overflow: hidden;}
.case .case2 .case221{width:31%;height:100%;overflow: hidden;}
.case .case1 .case11{height:27%;overflow: hidden;}
.case .case1 .case12{height:73%;padding-top: 15px;}
.case .case2{width:50%;height:100%;overflow: hidden;padding: 0 15px;}
.case .case2 h5{font-size:14px;color:#222;text-align:center;display:none;}
.case .case2 .case21{height:70%;overflow: hidden;}
.case .case2 .case22{height:30%;padding-top: 15px;overflow: hidden;}
.case .case2 .case222{width:69%;height:100%;padding-left:15px;overflow: hidden;}
.case .case3{width:22%;height:100%;overflow: hidden;}
.case .case3 .case31{height:70%;overflow: hidden;}
.case .case3 .case32{height:70%;overflow: hidden;padding-top: 15px;}
.case .case1 .case12:hover .img,.case .case1 .case12:hover .img,.case .case2 .case21:hover .img,.case .case2 .case222:hover .img,.case .case3 .case31:hover .img,.case .case3 .case32:hover .img{transform: scale(1.1);}
.ttt{ width:100%; text-align:center;}
.ttt span{ font-size:26px;}
.ttt a { color:#000;}
.fengye{ width:100%;}
.fengye .fe_prev{ width:50%; float:left;}
.fengye .fe_next{ width:50%; float:right; text-align:right;}
.fengye .fe_prev a{ color:#000;}
.fengye .fe_next a{ color:#000;}

.work{margin:30px 0 20px;}
.work ul li{width:11.11%;float:left;}
.work ul li .img{display:flex;width:100%;-webkit-align-items: center; align-items: center;}
.work ul li .img img{transition:all 0.6s;}
.work ul li h5{margin:0;line-height:30px;font-size:12px;text-align: center;}
.work ul li h5 a{background:#fff !important;}
.work ul li:nth-child(1) a{background:#1dcbfe;color:#1dcbfe}
.work ul li:nth-child(2) a{background:#317ded;color:#317ded}
.work ul li:nth-child(3) a{background:#1eb87a;color:#1eb87a}
.work ul li:nth-child(4) a{background:#a469bd;color:#a469bd}
.work ul li:nth-child(5) a{background:#e44c41;color:#e44c41}
.work ul li:nth-child(6) a{background:#317ded;color:#317ded}
.work ul li:nth-child(7) a{background:#654917;color:#654917}
.work ul li:nth-child(8) a{background:#f99442;color:#f99442}
.work ul li:nth-child(9) a{background:#fa427e;color:#fa427e}
.work ul li:hover img{
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg);}

.product{margin-top:30px;}
.product .product-box{max-width:1100px;margin:0 auto;}
.product .top_border{display:block;transition: all 0.3s;}
.product .pro_img{border:1px solid #d5d5d5;border-radius: 10px;padding:1px;overflow:hidden;transition: all 0.3s;}
.product .pro_img .img{position:relative;width:100%;height:100%;}
.product .pro_img .img img{transition:all 5s;}
.product .pro_img .img .mask{display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;text-align:center;position:absolute;left:0;top:-200%;width:100%;height:100%;background:rgba(235,5,15,0.7);transition:all 0.5s;}
.product .pro_img .img .mask b{padding:7% 12%;border:1px solid #fff;font-size:20px;color:#fff;}
.product .top_border h4{color:#2a2a2a;transition: all 0.3s;font-size:12px;text-align:center;width:100%;line-height:35px;margin:1px 0px !important;}
.product .top_border:hover .pro_img{border-color:#eb050f}
.product .top_border:hover .mask{top:0;}
.product .top_border:hover h4{color:#eb050f;}

/*product*/

@keyframes pro {
	0% {transform:scale(0.5);}
	50% {transform:scale(1.5)}
	100% {transform:scale(1)}
}
.server .server-logo{float:left;width:23%;}
.server .server-box{float:left;width:77%;margin-top: 10px;}
.server .server-box .list{display:flex;}
.server .server-box .list:first-child{padding-bottom:20px;border-bottom:2px dotted #000000;}
.server .server-box .list:last-child{padding-top:20px;}
.server .server-box .list .title{display:inline-block;margin-right:20px;-ms-flex:0 0 145px;-webkit-flex:0 0 145px;flex:0 0 145px;width:145px;height:45px;line-height:45px;font-size:30px;text-align:center;color:#fff;border-radius: 10px;  background-color: rgb( 235, 5, 15 );box-shadow: 0 2px 1px 0 #a0040b;}
.server .server-box .list ul{-ms-flex:1;-webkit-flex:1;flex:1;}
.server .server-box .list ul li {float:left;}
.server .server-box .list ul li a{line-height:45px;font-size:28px;color:#000000;}

.new .border_new{transition:all 0.4s;}
.new .new-list{ margin-bottom:20px;}
.new .new-list .imgbox{float:left;width:125px;height:110px;overflow:hidden;}
.new .new-list .new_right{transition:all 0.4s;padding-left:140px;height:110px;}
.new .new-list .imgbox a{display:block;width:100%;height:100%;border:2px solid #cfcfcf;}
.new .new-list .imgbox .img{background-size:cover;transition:all 5s;}
.new .new-list h2{ margin:0px 0 0 0 !important;position:relative;border-bottom:1px solid #ccc; font-size:15px; }
.new .new-list h2 a{display:block;padding-right:85px;transition:all 0.4s;color:#040404;font-size:15px;line-height:25px;padding-bottom:7px;padding-top:8px;}
.new .new-list p{ transition:all 0.4s;height:48px; overflow:hidden;margin-top:3px !important;}
.new .new-list p a{transition:all 0.4s; color:#616161;line-height:24px;display:block;font-size:12px;}
.ny_new .new-list h2 span{position:absolute;top:0;right:5px;display:inline-block;line-height:40px;font-size:12px;color:#3f3f3f;}
.ny_new .new-list:hover a{color:#3f3f3f;}
.ny_new .new-list:hover h2 a{color:#eb050f;}

/*footer*/
footer{ margin-top:30px;padding:20px 0;font-family:'宋体';line-height:21px;border-top:5px solid #eb050f;color:#959595;font-size:12px;background:#000;}
footer .row{margin:0 -5px;}
footer .list{padding:0 5px;}
footer ul li{}
footer .text{margin:20px 0;text-indent:2em;}
footer .img img{margin-right:0;margin-left:auto;}
footer .copy{margin-top:8px;text-align:right;}


.content .aside{width:26%;float:left;padding-right:20px;}
.content .article{width:74%;float:left;}

.subnav .pcdnav{padding-bottom:20px;}
.subnav .pcdnav li{position:relative;margin-top:2px;}
.subnav .pcdnav li a{display:block;padding:0 15px ;line-height: 35px;font-size:14px;border-bottom:1px solid #000;color:#333333;transition:all 0.3s;}
.subnav .pcdnav li a span{display:inline-block;padding-right:5px;line-height:35px;font-family:'宋体';font-size:14px;}
.subnav .pcdnav li.active a{color:#eb050f;}
.subnav .pcdnav li.active a span{color:#eb050f;}
.subnav .pcdnav li:hover a{color:#eb050f;}
/* .subnav .pcdnav ul{display:none;} */
.subnav .pcdnav li:first-child ul{display:block;}
.subnav .pcdnav ul li{height:40px;line-height:40px;padding:0 15px;}
.subnav .pcdnav ul li a{padding:0;background:#fff !important;line-height:39px;text-align:center;color:#272727 !important;border-bottom:1px dashed #959595;font-size:13px;transition:all 0.3s;font-weight:bold;}
.subnav .pcdnav ul li a:hover{color:#eb050f !important;}
/*内页头部*/
.boxhead .ny-title{display: block;line-height:40px;text-align:right;font-size:12px;color:#000;border-bottom:3px double #eb050f;}
.boxhead .ny-title h3{font-size:14px;color:#eb050f;line-height:40px;font-weight:bold;padding:0 10px;}
.boxhead .ny-title a{font-size:12px;line-height: 40px;color:#000;}
.ny_box{margin-top:15px;margin-bottom: 30px;}

.navhead{cursor: pointer;padding:0 5px;margin-bottom:0px;height:36px;line-height:36px;font-size:14px;color:#fff;background:#eb050f;}
.navhead b{line-height:36px;color:#fff;}
.nav1 .nav{width:100%;position:relative;z-index:9999;display:none;}
.nav1 .nav li a{display:block;font-size: 12px;background:#d9d9d9;color:#000;text-align:center;padding:0 10px;line-height:30px;transition:all 0.4s;}
.nav1 .nav li{margin-top:2px;}
.nav1 .nav li ul li a{background:#fff !important;border-bottom:1px dashed #cdcdcd;}
.nav1 .nav li ul{display:none;}
.nav1 .nav>li>a:hover{color:#fff;background:#eb050f;}
.nav1 .nav li ul li a:hover{color:#eb050f}

.ny_product .product-box{margin:0 -3px;}
.ny_product .pro-list{padding:0 3px;margin-bottom:15px;}

.ny-case .text{margin-top:10px;line-height:24px;font-size:12px;color:#000000;}
.ny-case .text h5{margin:0;font-size:12px;}
.ny-case .text p{text-indent:2em;}
.ny-case .text img { max-width:100%;}
.ny_customer .product-box{margin:0 -8px;}
.ny_customer .pro-list{padding:0 8px;margin-bottom:15px;}
/*new_xq详情*/
.ny-new h4{margin:0;line-height:30px;font-size:18px;font-weight:bold;color:#000000;}
.ny-new .ny-time{line-height:30px;font-size:14px;color:#787878;}

/*ny-contact*/
.ny-contact ul{margin-top:15px;}
.ny-contact ul li{line-height:24px;color:#000;font-size:12px;}
.ny-contact ul li.tel{color:#eb050f}



/*尾部*/

	/*底部菜单*/
.hot{height:50px; background: #000; position: fixed; bottom: 0; left:0;border-top:3px solid #eb050f;z-index: 999999;}
.w100{width:100%;}
.hot .row div a{display:block; color:#fff; padding:5px 0; }
.hot .row div.first a{background:none;}
.hot span{display:block;height:25px;color:#fff; font-size:16px;line-height: 20px;}
.hot h6{font-size:12px; line-height: 20px;margin:0;}
.hot .hover:hover{background: #eb050f;}


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

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

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

}
@media only screen and (max-width: 991px) {
	header .logo{padding-left:10px;}
	header{background-size: 100% 80%;}
	header .logo{max-width:192px;}
	header .logo,header .nav{height:182px;}
	header .dianhua{padding-right:10px;}
	header .nav ul li a{padding:21px 9px;font-size:12px;}
	.server .server-box{padding-left: 10px;}
	.server .server-box .list .title{-ms-flex:0 0 130px;-webkit-flex:0 0 103px;flex:0 0 130px;width:130px;height:35px;line-height:35px;font-size:23px; }
	.server .server-box .list ul li {float:left;}
	.server .server-box .list ul li a{line-height:35px;font-size:23px;}
}
@media only screen and (max-width: 920px) {
	.case{height:400px;}
	.content .aside{width:28%;float:left;}
	.content .article{width:72%;float:left;}
	.ny_product .product-box{margin:0 -8px;}
	.ny_product .product-box .pro-list{padding:0 8px;}
}
@media only screen and (max-width: 850px) {
	.server .server-box .list ul li a{line-height:35px;font-size:20px;}
}
@media only screen and (max-width: 767px) {
	header{background-size:100% 74%;}
	header .head{ height:105px;position:relative; }
	header .logo{width:115px;height:105px;}
	header .icon-menu span{margin-top:30px;}
	.carousel-control{display:none;}
	#banner .carousel-indicators{bottom:0;}
	#banner .carousel-indicators li{width:4px;height:4px;}
	#banner .carousel-indicators .active{width:5px;height:5px;}
	.sjtel{display:block !important;position:absolute;right:10px;bottom:0;line-height: 26px;}
	.sjtel{color:#000;font-size:14px;font-weight:bold;}
	.sjtel span{font-weight:400;}
	.work ul li{width:20%;}
	.work ul li:nth-child(5)~li{width:25%;}
	.index-title2 a span,.index-title2 a h1{line-height:20px;font-size:18px;}
	.main{padding-bottom:0px;}
	.bg1{padding:50px 0;background-size: cover;}
	.server{display:flex;align-items:center;}
	.server .server-logo{width:30%;}
	.server .server-box{width:70%;}
	.server .server-box .list{display:block;float:left;width:50%;padding:0 !important;;border:none !important;}
	.server .server-box .list .title{-ms-flex:none;-webkit-flex:none;flex:none;display:block;margin:0 auto;}
	.server .server-box .list ul{-ms-flex:none;-webkit-flex:none;flex:none;}
	.server .server-box .list ul li{float:none;width:100%;}
	.server .server-box .list ul li a{display:block;text-align:center;font-size:18px;}
	.server .server-box .list ul li a span{display:none;}

	.index_title .title_txt .title_font{margin-top:0px;font-size:16px;line-height:21px;}
	.index_title .title_txt h3{font-size:20px;line-height:20px;}
	.index_title .title_txt .txt{margin-top:5px;font-size:12px;line-height:20px;}
	.case .case1{width:35%;}
	.case .case2{width:65%;padding:0 0 0 10px;}
	.case .case2 .case21,.case .case1 .case11{padding-bottom:5px;}
	.case .case2 .case22,.case .case1 .case12{padding-top:5px;}
	.case .case2 .case221{padding-right:5px;}
	.case .case2 .case222{padding-left:5px;}


	.content .article{width:100%;float:none;}
	.boxhead .ny-title{text-align:left;}


	.ny-new .new-list .imgbox{width:130px;height:100px;}
	.ny-new .new-list .new_right{padding-left:140px;height:100px;}
	.ny-new .new-list h2 a{margin-top:0px;padding-top:5px;}
	.ny-new .new-list .new_right .time{margin-bottom:0;}
}
@media only screen and (max-width: 600px){
	/*#banner .img1{display:none;}
	#banner .img2{display:block;}*/
	.ny_box,.main{margin:15px 0;}
	.case{height:250px;}
	.case .case1 .case11{height:33%;}
	.case .case1 .case12{height:67%;}
	.case .case2 .case21{height:63%;}
	.case .case2 .case22{height:37%;}
	.case .case2 .case221{width:30%;}
	.case .case2 .case222{width:70%;}
}
@media only screen and (max-width: 530px){
	.server .server-box .list .title{font-size:14px; width: 85px;  height: 25px; line-height: 26px;}
	.server .server-box .list ul{margin:10px 0 0;}
	.server .server-box .list ul li a{line-height:22px;font-size:14px;}
	.case{height:200px;}
}
@media only screen and (max-width: 500px){
}
@media only screen and (max-width: 436px) {
	header .logo{width:90px;height:80px;padding-left:10px;}
	header{background-size:100% 67%;}
	header .head{height:80px;}
	header .icon-menu span{margin-top:17px;}
	.sjdnav{top:54px;}
	.sjtel {font-size:12px;}
	.work ul li{width:33.33% !important;}
}
@media only screen and (max-width: 393px){
	.case{height:175px;}

	.new .new-list .imgbox{float:left;width:100px;height:80px;}
	.new .new-list .new_right{padding-left:110px;height:80px;background-size: 25% 100%;}
	.new .new-list a{line-height:20px !important;font-size:12px !important;}
	.new .new-list p{height:40px;}
	.new .new-list{margin-bottom:10px;}
	.new .new-list h2 a{padding-top:3px;padding-bottom:1px;}
	.product a h4{padding:0 10px;font-size:13px;}


	.ny-new .new-list .imgbox{width:100px;height:80px;}
	.ny-new .new-list .new_right{padding-left:110px;height:80px;}
	.ny-new .new-list h2 a{margin-top:0px;padding-top:0px;padding-bottom:1px;}
	.ny_new .new-list h2 span{line-height:25px;}
	.ny-new .new-list .new_right .time{margin-bottom:0;font-size:12px;line-height:12px;}
}
@media only screen and (max-width: 360px){
	.case{height:155px;}
	.sjtel{right:3px;}
	.server .server-box .list ul li a{line-height:22px;font-size:12px;}
}
@media only screen and (max-width: 321px){

}



/*清除样式*/
.clear { clear:both;}

/*分页css scott style pagination*/
div.scott{padding:3px;margin:3px;text-align:center;}
div.scott a{border:#ddd 1px solid;padding:2px 5px;color:#88af3f;margin:0 2px 0 0;text-decoration:none;}
div.scott a:hover{border:#85bd1e 1px solid;color:#638425;background-color:#f1ffd6;}
div.scott a:active{border:#85bd1e 1px solid;color:#638425;background-color:#f1ffd6;}
div.scott span.current{border:#b2e05d 1px solid;padding:2px 5px;font-weight:bold;color:#fff;margin:0 2px 0 0;background-color:#b2e05d;}
div.scott span.disabled{border:#f3f3f3 1px solid;padding:2px 5px;color:#ccc;margin:0 2px 0 0;}