@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;}
.container-fluid{ max-width:1200px !important;}
*{font-family: "微软雅黑";}

header .head-top{background:#ed0007;color:#fff;height:50px;line-height:50px;text-align:right;}
header .head-top .line{display:inline-block;width:50px;height:10px;border-top:2px solid #fff;}
header .head-top .tel{font-size:18px;padding:0 10px;}
header .head-top .tel strong{font-family:"Impact";font-size:25px;font-weight:400;}
header .head{transition:all 0.5s;}
header .logo{transition:all 0.5s;padding:0 0 0 10px;height:110px;display:table;}
header .logo a{transition:all 0.5s;display:table-cell;vertical-align:middle;}
header .nav{text-align:right;}
header .nav ul{display:inline-block;float:right;margin:0;}
header .nav ul li{float:left;border-bottom:2px solid transparent;text-align:center;transition:all 0.4s;}
header .nav ul li a{display:inline-block;padding:0 14px;line-height:108px;font-size:13px;color:#000;}
header .nav ul li:hover{border-color:#ed0007;}
header .icon-menu span{color:#ed0007;font-size:26px;padding-right:15px;font-weight:bold;margin-top:25px;line-height:24px;cursor: pointer;}
.sjdnav{ width:120px; height:auto; position:absolute;right:10px; top:73px;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:#ed0007;}
	

#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{padding:30px 0;}
.main_bg{background:url(../img/aboutbg.jpg) no-repeat 0% 0%;background-size:cover;}
.main .bg2{background:url(../img/casebg.png) no-repeat 0% 0%;background-size:cover;padding:30px 0;}

.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 a .left-line{position:absolute;top:50%;right:50%;height:1px;width:50%;background:#cecece;}
.index_title .title_txt a .right-line{position:absolute;top:50%;left:50%;height:1px;width:50%;background:#cecece;}
.index_title .title_txt a .left-line .line{width:0;background:#ed0007;transition:all 1s;position:absolute;right:0;height:1px;}
.index_title .title_txt a .right-line .line{width:0;background:#ed0007;transition:all 1s;position:absolute;left:0;height:1px;}
.index_title .title_txt a:hover .line{width:100%;}
.index_title .title_txt .title_font{position:relative;z-index:2;text-align:center;display:inline-block;background:#fff;padding:0 25px;margin:0px;font-weight:bold;font-size:26px;color:#353535;line-height:30px;}
.index_title .title_txt h3{transition:all 0.6s;color:#444444;font-size:14px;margin:0px;line-height:16px;text-align:center;}

.main_bg .index_title .title_txt .title_font{ background:transparent;color:#fff;}
.main_bg .index_title a .left-line{right:60%;background:#fff;}
.main_bg .index_title a .right-line{left:60%;background:#fff;}
.main_bg .index_title .title_txt a .line{background:#fff;}
.main_bg .index_title .title_txt h3,.main_bg .index_title .title_txt .title_font{color:#fff;}

.model{margin-top:30px;}
.model .model-box{margin-left:-20px;margin-right:-20px;}
.model .model-list{width:25%;float:left;padding:0 20px;margin-bottom:20px;}
.model .model-list a{display:block;}
.model .model-list .more{width:70px;margin:10px auto 0;line-height:30px;color:#fff;background:#ed0007;text-align:center;border-radius:5px;}
.model .model-list .text h5{transition:all 0.4s;font-size:18px;color:#262626;margin-bottom:5px;margin-top:15px;font-weight:bold;text-align: center;}
.model .model-list .text p{max-height:40px;margin:0;font-size:12px;color:#999999;line-height:20px;overflow:hidden;text-align: center;}
.model .model-list a .img{position:relative;margin:auto;transition:all 1s;width:130px;height:130px;border:1px solid #999999;border-radius:50%;}
.model .model-list a .img img{  position: absolute;top:50%;left:50%;  -webkit-transform: translate(-50%,-50%);  -moz-transform: translate(-50%,-50%);  -ms-transform: translate(-50%,-50%);  -o-transform: translate(-50%,-50%);  transform: translate(-50%,-50%);transform-origin: 25% 25%;}
.model .model-list .img1{opacity: 1;transition:all 0.4s;}
.model .model-list .img2{opacity: 0;transition:all 0.4s;}
.model .model-list:hover h5{color:#ed0007;}




.product{margin-top:30px;}
.product .row{margin-left:-10px;margin-right:-10px;}
.product .pro_list{padding:0 10px;margin-bottom:25px;}
.product a{display:block;width:100%;}
.product a .top_border{transition: all 0.3s;border:1px solid #e8e8e8;padding:2px;}
.product .pro_img{position:relative;  overflow: hidden;}
.product .pro_img.img{background:url("../img/pro.png") no-repeat 50% 50%;background-size:cover;}
.product a h4{color:#373737;padding:8px 10px;border-bottom:1px solid #e8e8e8;transition: all 1s;font-size:15px;line-height:30px;text-align:center;width:100%;}
.product a:hover h4{border-color:#ed0007;color:#ed0007;}
.product a:hover .top_border{border-color:#ed0007;}

.about{max-width:1000px;margin-left:auto;margin-right:auto;}
.aboutbox{height:323px;background:url(../img/abbg.png) no-repeat 0 0;background-size:100% 100%;}
.aboutbox .pull-right{width:35%;padding-right: 13px;}
.aboutbox .imgbox{transition:all 0.4s;height:270px;overflow: hidden;margin-top:13px;}
.aboutbox .textbox{width:65%;transition:all 0.4s;}
.aboutbox .text{padding:60px 10px 0 30px;transition:all 0.4s;height:275px;overflow: hidden;}
.aboutbox .text p{color:#fff;font-size:14px;transition:all 0.4s;line-height:24px;margin:0;  text-indent:2em;}
.aboutbox .more{margin:10px 10px 0 0;width:80px;background:#7d7d7d;line-height:24px;color:#fff;text-align: center;padding-left:0;}
.aboutbox .ab_tel{font-size:15px;padding-left:55px;color:#fff;}
.aboutbox .ab_tel .tel{color:#fe9b00;}
.aboutbox .ab_tel .tel label{padding-right:15px;margin:0;font-size:16px;}



@keyframes pro {
	0% {transform:scale(0.5);}
	50% {transform:scale(1.5)}
	100% {transform:scale(1)}
}


.new{margin-top:30px;}
.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:url("../img/pro.png") no-repeat center;background-size:cover;}
.new .new-list h2{ margin:0px 0 0 0 !important; font-size:15px; }
.new .new-list h2 a{display:block;ltransition:all 0.4s;color:#040404;font-size:15px;ine-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;}
.new .new-list:hover .border_new{background:#f62938;}
.new .new-list:hover  a{color:#fff;}

.case{margin-top:30px;}
.case ul{border-top:1px solid #e0e0e0;border-left:1px solid #e0e0e0;}
.case ul li{width:20%;height:130px;padding:10px;float:left;border-right:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;}
.case ul li a{display:block;width:100%;height:100%;overflow:hidden; position: relative;}
.case ul li a img{position:absolute;top:50%;left:50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);}

.contact{margin-top:30px;}
.contact  h4{margin:10px 0 15px !important; ;position:relative;font-size:18px;color:#2f2f2f;font-weight:bold;padding-bottom:7px;border-bottom:1px solid #e2e2e2;}
.contact h4 .line{transition:all 1s;position:absolute;width:80px;height:2px;bottom:0;left:0;background:#ff5777;}
.contact  h4 span{color:#ff5777;}
.contact  h4:hover .line{width:100%;}
.contact .conatct-info ul{margin-top:20px;}
.contact .conatct-info ul li{color:#686868;line-height:32px;}
.contact .conatct-info ul li span{width:35px;display:inline-block;float:left;}
.contact .conatct-info ul li span img{margin-top:7px;}
.enroll .input-list span{display:block;color:#8b8b8b;font-size:13px;line-height:26px;}
.enroll .input-list input{display:block;margin:8px 0;width:100%;border:1px dashed #c4c4c4;line-height:30px;padding:0 15px;border-radius:5px;outline:none;}
.enroll .input-list textarea{display:block;margin:8px 0;width:100%;border:1px dashed #c4c4c4;padding:0 15px;line-height:25px;border-radius:5px;outline:none;}
.enroll form button{width:100%;transition:all 0.4s;line-height:28px;color:#fff;background:#d93f33;text-align: center;border:none;margin-top:15px;}
.enroll form button:hover{background:#ff0000;}

footer{padding:15px 0;text-align:center; background:#ed0007;margin-top:30px;}
footer .copy,footer  p{line-height:30px;font-size:14px;color:#fff;margin:0;}


.subnav ol,.lianxi ol{height:55px;background:#d93f33;margin:0;padding:0;}
.subnav ol h1,.lianxi ol h1{font-size:18px; color:#fff;line-height:55px;margin:0;padding:0 0 0 20px;}
.subnav ol h1 span,.lianxi ol h1 span{font-size:12px;color:#fff;}
.subnav .pcdnav{padding-bottom:5px;border-bottom:none;}
.subnav .pcdnav li{margin:2px 0 0 0;height:45px;line-height: 45px;border-left:4px solid #dcdada;background:#ebeaea;padding:0 10px;}
.subnav .pcdnav li a{display:block;font-size:15px;color:#101010;line-height:45px;transition:all 0.3s;width:100%;text-align: center;}
.subnav .pcdnav li.active{background:#d9d9d9;border-color:#d93f33;}
.subnav .pcdnav li.active a{color:#d93f33;}
.subnav .pcdnav li:hover{background:#d9d9d9;border-color:#d93f33;}
.subnav .pcdnav li:hover a{color:#d93f33;}
.lianxi ul{padding:10px 5px;background:#e6e6e6;}
.lianxi ul li{line-height:24px;color:#686868;font-size:14px;}
.lianxi ul li img{margin-top:10px;}
.lianxi ul li a img{margin-top:0px;max-width:70px;}
.ny-box{margin:30px 0 30px;}

.boxhead{border-bottom:1px solid #e7e7e7;height:40px; line-height:40px;display: block;}
.boxhead .link b{margin-right: 10px;color:#ed0007;}
.boxhead .title span{display: block;padding:0 25px;color:#ed0007;font-size:18px;line-height:38px;border-bottom:2px solid #ed0007;}
.boxhead .link span{color:#2f2f2f;font-size:14px;line-height:40px;}
.boxhead span.active{color:#ed0007;}

.ny-case h4{font-size:14px;color:#070707;line-height:30px;margin:0;}
.ny-case .head-title{padding-top:20px;}
.ny-case .title{position:relative;margin:20px 0;}
.ny-case .title span{display:block;height:30px;width:115px;line-height:30px;background:#ed0007;color:#fff;text-align:center;}
.ny-case .title .line{position:absolute;left:0;top:14px;width:100%;height:1px;background:#aeaeae;z-index: -1;}
.ny-case .text .text-list{margin-top:20px;}
.ny-case .text .text-list h4{font-size:14px;color:#000;font-weight:bold;line-height:24px;margin-top:0;margin-bottom:5px;}
.ny-case .text .text-list p{font-size:14px;color:#3a3a3a;line-height:24px; text-indent:2em;margin:0;}

.ny-about h5{font-size:14px;color:#000;font-weight:bold;line-height:30px;margin: 0;}
.ny-about .text p{color:#3b3b3b;line-height:30px;text-indent:2em;margin: 0;}


.ny-new-xq h5{font-size:14px;color:#000;font-weight:bold;line-height:24px;margin: 15px 0 5px;}
.ny-new-xq .time{font-size:14px;color:#a6a6a6;line-height:14px;}
.ny-new-xq .text{margin-top:15px;}
.ny-new-xq .text p{margin:0;font-size:14px;line-height:24px;color:#545454;text-indent:2em;}

.ny-server img{margin-bottom:20px;}
	
.ny-new a{display:block;}
.ny-new .new-list .imgbox{width:210px;height:140px;}
.ny-new .new-list .new_right{padding-left:225px;height:140px;background:#fff !important;}
.ny-new .new-list .new_right .time{font-size:14px;margin-bottom:10px;color:#a6a6a6;}
.ny-new .new-list h2 a{margin-top:15px;font-size:14px;font-weight:bold;}
.ny-new .new-list p a{  color: #616161 !important;}
.ny-new .new-list:hover h2 a{color:#ed0007;}

.ny-contact ul{padding:10px 5px;}
.ny-contact ul li{line-height:24px;color:#686868;font-size:14px;}
.ny-contact ul li a img{max-width:70px;}

.ny-message .enroll h4{font-size:17px;color:#383838;margin-bottom:15px;}
.ny-message .messageBox{max-width:600px;margin:0 auto;}


.nav1{margin:0 auto 0px; }
.navhead{cursor: pointer;padding-left:5px;height:36px;background:#ff5384;}
.navhead span{font-size:16px;color:#fff;padding-left:10px;display:inline-block;line-height:36px}
.navhead b{color:#fff;padding-right:10px;line-height:36px}
.nav1 .nav{width:100%;position:relative;z-index:9999;}
.nav1 .nav li a{display:block;font-size: 12px;color:#505050;padding:0 0 0 20px;line-height:30px;transition:all 0.4s;}
.nav1 .nav li{border:1px solid #ff5384;position:relative;border-top:none;}
.nav1 .nav>li>a:hover{color:#ff5384;}
.nav1 .sjdnavhid,.sjdnavhide{height:0;overflow:hidden;}



	
.hot{height:50px; background: #f62938; position: fixed; bottom: 0; left:0;z-index: 999999;}
.w100{width:100%;}
.hot .hover{border-right:1px solid #fff;}
.hot .hover:last-child{border:none;}
.hot .row div a{display:block; color:#fff; padding:5px 0; }
.hot .row div.first a{background:none;}
.hot span{height:25px;color:#fff; font-size:16px;line-height: 20px;}
.hot h6{font-size:12px; line-height: 20px;margin:0;}
.hot .hover:hover{background: #db493d;}


@media only screen and (max-width: 1200px){
	.product .owl-theme .owl-controls .owl-buttons div{display:none;}

}
@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 .dianhua{padding-right:10px;}
	header .logo{height:90px;}
	header .nav ul li a{line-height:88px;padding:0 5px;font-size:12px;}
	.aboutbox{height:270px;}
	.aboutbox .imgbox{height:220px;}
	.aboutbox .text{height:225px;}
}
@media only screen and (max-width: 960px) {
	.tab ul li a{padding:5px 13px;font-size:14px;}
}
@media only screen and (max-width: 850px) {
	header .dianhua a span{font-size:23px;}
	header .dianhua a .title{font-size:22px;}
	.ny-left{width:29%;}
	.ny-content{width:71%;}
	.ny-new .new-list .imgbox{width:165px;height:120px;}
	.ny-new .new-list .new_right{padding-left:175px;height:120px;}
	.ny-new .new-list h2 a{margin-top:5px;}
}
@media only screen and (max-width: 767px) {
	header .head{ height:75px; }
	header .logo{width:82%;height:75px;}
	.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;}
	.model{max-width:310px;margin-left:auto;margin-right:auto;}
	.model .model-box{margin-left:-10px;margin-right:-10px;}
	.model .model-list{width:50%;padding:0 10px;}
	.model .model-list a .img{width:100px;height:100px;}
	.model .model-list .text h5{font-size:13px;}
	.model .model-list .text p{font-size:12px;}
	.model .model-list a .img img{width:50%;}
	.model .model-list .more{font-size:12px;}
	.index_title .title_txt .title_font{margin-top:0px;font-size:20px;line-height:21px;}
	.index_title .title_txt a .right-line{left:70%;}
	.index_title .title_txt a .left-line{right:70%;}
	.product .pro_list{padding:0 10px;margin-bottom:10px;}
	.aboutbox{background:#fff; max-width:500px;height:auto;   margin:20px auto;border-radius:10px;}
	.aboutbox .textbox{width:100%;}
	.aboutbox .text{padding:5px 10px;height:290px;}
	.aboutbox .text p{font-size:13px;color:#353535;}
	.aboutbox .more{padding:0;margin:15px 10px;}
	.ny-content{width:100%;}
	.boxhead .title{ border-left: 5px solid #ed0007;}
	.boxhead .title span{font-size:16px;line-height: 38px;border:none;padding:0 10px;}
	.boxhead .link{line-height: 38px;}
	.boxhead .link span{font-size:12px;}
	.boxhead{border:1px solid #ed0007; padding: 0 5px;}
	.main{padding-bottom:0px;}

	.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){
	.case ul li{width:33.33%;}

}
@media only screen and (max-width: 530px){
	footer .foot-info .info1,footer .foot-info .info2{float:none !important;}

}
@media only screen and (max-width: 500px){
}
@media only screen and (max-width: 436px) {
	header .logo{padding-left:30px;}
	header .icon-menu span{padding-right:8px;font-size:28px;}
	.pro_img .mask span label{font-size:13px;}


}
@media only screen and (max-width: 393px){
	.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 .new_right .time{margin-bottom:0;font-size:12px;line-height:12px;}
}
@media only screen and (max-width: 360px){

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

}