@charset "utf-8";

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


.no-padding {padding: 0 !important;}
.no-margin {margin: 0 !important;}
.no-background{ background:none !important;}
.no-border{ border:none !important;}
.overflow{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
a{ text-decoration:none !important; cursor:pointer !important;}
.imgvertical{vertical-align:middle !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*/
.headerTop{position: relative;;top:0;left:0;width:100%;z-index:999;}
.headerTop.act{position:fixed;left:0;top:0;}
header{width:100%;transition:all 0.5s;background:rgba(0,0,0,0.7)}
header .container-fluid{padding:0;}
header .logo{transition:all 0.5s;display:table;height:85px;width:65%;float:left;}
header .logo a{display:table-cell;vertical-align: middle; transition:all 0.5s;}
header .dianhua{float:left;width:35%;text-align: right;margin-top: 32px;}
header .dianhua a{display:inline-block;padding-left:30px;height:21px;text-align: left;background:url("../images/tel.png") no-repeat 0% 50%;}
header .dianhua a label{display: inline-block;line-height:20px;font-size:20px;color:#fff;}
header .dianhua a span{display: inline-block;line-height:20px;font-size:20px;color:#fff;font-weight: bold;}
header .icon-menu span{color:#fff;font-size:28px;padding-right:10px;margin-top:25px;cursor: pointer;}
/*导航*/
nav{width:100%;height:50px;background:rgba(0,0,0,0.7)}
nav>div,nav>div>div,nav>div>div>ul{height: 100%;}
nav .nav li{width:16.66%;height:100%;text-align: center;float:left;}
nav .nav li a{transition:all 0.5s;color:#fff;padding:0;height:100%;font-size:14px;line-height:45px;display: block;}
nav .nav li a span{transition:all 0.5s;display:inline-block;line-height:30px;border-bottom:2px solid transparent;}
nav .nav li.active a span{border-bottom-color: #0f8eb3;}
nav .nav li:hover a span{border-bottom-color: #0f8eb3;}
nav .nav li ul{margin:0;height:0;position:absolute;top:45px;left:0;width:100%;z-index:99;background:#434341;overflow:hidden;}
nav .nav li ul li{float:none;width:100%;height:35px;padding:0 ;}
nav .nav li ul li a{line-height:35px;}
nav .nav li ul li:hover a{background:#0f8eb3;}

/*轮播图*/
#banner img{width:100%;}
.carousel-indicators li{width:7px;height:7px;border-color:#005c9f;}
.carousel-indicators .active{width:9px;height:9px;background:#005c9f;}
.carousel-indicators{bottom:10px;margin-bottom:0;}
/*biaoti*/
.index_title {width:100%;}
.index_title .title_txt{text-align:center;overflow: hidden;position:relative;}
.index_title .title_txt .text{line-height:23px;text-align: center;color:#686868;}
.index_title .title_txt .line{width:100%;height:1px;position:relative;background:#dcdcdc;}
.index_title .title_txt .line .subline{position:absolute;bottom:0;left:50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);width:120px;height:2px;background:#0076c0;transition:all 1s;}
.index_title .title_txt a{display:inline-block;}
.index_title .title_txt p{text-align:center;margin:0px;font-size:24px;font-weight:bold;color:#585858;line-height:30px;}
.index_title .title_txt h3{color:#4c4c4c;font-family:"Aparajita";font-size:18px;line-height:30px;text-align:center;margin:0;}
.index_title .title_txt:hover .subline{width:100%;transform:translateX(-50%);}
.bg1{padding:40px 0;background:url("../images/bg1.jpg") no-repeat 50% 50%;background-size:cover;}
.bg1 .index_title .title_txt h3, .bg1 .index_title .title_txt p{color:#fff;}
    /*model*/
.model{text-align:center;margin:20px auto;}
.model .text p{margin:0;line-height:24px;font-size:12px;color:#6a6a6a;}
.model .more{display:inline-block;padding:0 40px;margin-top:20px;line-height:38px;border-radius:5px;border:1px solid #0f8eb3;transition:all 0.5s;}
.model .more:hover{color:#fff;background:#0f8eb3}
    /*tab*/
.tab ul li{float:left;width:25%;}
.tab ul li a{display:block;padding:0 5px;line-height:30px;text-align:center;font-size:14px;color:#fff;background:#0f8eb3;}
.tab ul li a:hover{background:#48c5e9;}
.tab ul li.active a{background:#48c5e9;}
.tabBox{margin:30px 0;}
.tabBox h2{margin:0;line-height:36px;text-align:center;font-size:14px;color:#181818;}
.tabBox p{margin:0;text-indent:2em;line-height:30px;font-size:12px;color:#181818;}
    /*pro-list*/
.product{margin:30px 0;}
.product .pro-list a{display:block;width:100%;margin-bottom:20px;}
.product .pro-list a .pro-img{padding:2px;width:100%;height:200px;overflow:hidden;border:1px solid #cacaca;transition:all 0.5s;}
.product .pro-list a h3{margin:0;text-align:center;font-size:14px;line-height:40px;color:#8b8b8b;transition:all 0.5s;}
.product .pro-list a:hover .pro-img{border-color:#0f8eb3}
.product .pro-list a:hover h3{color:#0f8eb3}
    /*model2*/
.model2{margin-top:30px;}
.model2 .text p{color:#fff;}
    /*model3*/
.model3{margin:30px 0;}
.new .border_new{transition:all 0.4s;}
.new .new-list{ margin-bottom:20px;}
.new .new-list .imgbox{float:left;width:140px;height:130px;padding:1px;overflow:hidden;border:1px solid #e7e7e7;}
.new .new-list .new_right{transition:all 0.4s;padding-left:155px;height:130px;background:#e7e7e7 url("../images/newHover.png") no-repeat 200% 200%;background-size: contain;}
.new .new-list .imgbox a{display:block;width:100%;height:100%;border:1px solid #fff;}
.new .new-list h2{ margin:0px 0 0 0 !important; font-size:14px; }
.new .new-list h2 a{transition:all 0.4s;color:#656565;font-size:14px;display:block;line-height:25px;padding-bottom:7px;padding-top:15px;}
.new .new-list p{ transition:all 0.4s;height:60px; overflow:hidden;padding-right:15px;margin-top:3px !important;}
.new .new-list p a{display:block;line-height:20px;transition:all 0.4s; color:#656565;font-size:12px;}
.new .new-list:hover .imgbox{border-color:#48c5e9}
.new .new-list:hover .new_right{background-color:#48c5e9;background-position:100% 100%; }
.new .new-list:hover  a{color:#fff;}
    /*model4*/
.bg2{padding:30px 0;background:url("../images/bg2.jpg") no-repeat 50% 50%;background-size:cover;}
.model4{margin:30px 0;}
.model4 h4{margin:0;line-height:30px;font-size:14px;color:#e3e3e3;}
.contact .text{margin:20px 0;height:144px;overflow:hidden;}
.contact .text p{margin:0;line-height:24px;text-indent:2em;font-size:14px;color:#e3e3e3;}
.contact ul li{line-height:25px;font-size:12px;color:#e3e3e3;}
.contact ul li span{display:inline-block;width:30px;font-size:16px;color:#0f8eb3;line-height:25px;vertical-align:top;}
.message .list{margin-bottom:10px;}
.message .list span{display:block;line-height:30px;color:#bebebe;}
.message .list input{display:block;width:100%;height:40px;padding:0 0 0 10px;margin:0;outline:none;line-height:38px;border:1px dashed #e3e3e3;color:#fff;background:#0e1012;}
.message .list textarea{display:block;width:100%;height:auto;padding:0 0 0 10px;margin:0;outline:none;line-height:24px;border:1px dashed #e3e3e3;color:#fff;background:#0e1012;}
.message button{display:block;width:100px;height:37px;line-height:35px;padding:0;margin:20px 0 0 0;color:#fff;background:#0f8eb3;border:1px solid #224f5d;}
	/*model5*/

	/*wei*/
footer{padding-top:25px;background:#191919;text-align:center;padding-bottom:25px;}
footer .copy{margin:0;color:#ededed;line-height:20px;font-size:12px;}
footer .copy p{margin:0;}

.main{padding-top:30px;}
.content .aside{width:24%;float:left;padding-right:20px;}
.content .article{width:76%;float:left;}

.aside ol h1{height:55px;line-height:55px;background:-webkit-linear-gradient(#48c5e9,#0f8eb3);background:linear-gradient(#48c5e9,#0f8eb3);background:-webkit-linear-gradient(#48c5e9,#0f8eb3);font-size:18px;color:#fff;text-align: center}
.aside ol h1 span{display:inline-block;padding-left:5px;font-family:"Arial";font-size:12px;color:#fff;}
.subnav .pcdnav{margin-top:10px !important;padding-bottom:50px;margin-bottom:20px !important;border:1px solid #d4d4d4;}
.subnav .pcdnav li{height:35px;padding:0 15px;text-align: center;line-height: 35px;}
.subnav .pcdnav li a{display:block;font-size:14px;color:#333333;line-height:34px;border-bottom:1px solid #d4d4d4;transition:all 0.3s;}
.subnav .pcdnav li.active a{color:#0f8eb3;}
.subnav .pcdnav li:hover a{color:#0f8eb3;}
.aside-contact{margin-top:10px;padding:8px 10px 10px;background:#fff;border:1px solid #d4d4d4;margin-bottom: 10px;}
.aside-contact li{font-size:12px;color:#161616;line-height:24px;}
.aside-contact li:first-child{margin:0 -10px;}

/*内页头部*/
.boxhead .ny-title{display: block;line-height:40px;text-align:right;font-size:12px;color:#000;border-bottom:3px double #48c5e9;}
.boxhead .ny-title h3{font-size:14px;color:#48c5e9;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:30px;margin-bottom: 30px;}

.ny_box1{margin-bottom: 30px;}


.navhead{cursor: pointer;padding:0 5px;margin-bottom:0px;height:36px;line-height:36px;font-size:14px;color:#fff;background:#0f8eb3;}
.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>a:hover{color:#fff;background:#191919;}



/*ny-pro*/
.ny-pro .pro-list a h3{border-bottom:1px solid #d4d4d4;}
.ny-pro .pro-list a:hover h3{border-color:#48c5e9}
.ny-pro .img h1{text-align:center;font-size:14px;color:#313131;}
.ny-pro .text{padding-top:10px;border-top:1px dashed #313131;}
.ny-pro .text p{margin:0;line-height:24px;text-indent:2em;font-size:12px;color:#313131;}
.ny-contact ul {border:none;}
.ny-contact ul li:first-child{margin:0;}

.ny-pro .text1 p{margin:0;line-height:24px;font-size:12px;color:#313131;}
.ny-pro .text1{padding-top:10px;}
/*底部菜单*/
.hot{height:50px; background: #191919; position: fixed; bottom: 0; left:0;z-index: 999999;}
.w100{width:100%;}
.hot .row div a{display:block; color:#fff; padding:5px 0;}
.hot .row div a.hotlast{border-right:none;}
.hot h6{font-size:12px; line-height: 17px;}
.hot span{ color:#fff;display: block;height: 25px;}
.hot .hover:hover{background: #000;}




@media only screen and (max-width: 991px) {
	header .logo{width:60%;padding-left:15px;}
	header .dianhua{float:right;width:40%;padding-right:15px;}
	/*移动端导航 */

.sjdnav{ width:120px; height:auto; position:absolute;right:5px; top:75px;z-index:5; }
.sjdnav{ padding:0; margin:0;}
.sjdnav li{width:100%;transition:all 0.5s; height:35px;display:block; padding:0; background:rgba(0,0,0,0.8); text-align:center; margin-bottom:3px;}
.sjdnav li:hover{background: #4b4b4b;}
.sjdnav li a{display:block; color:#fff;padding: 0; line-height:35px; font-size:15px;font-weight:bold}
.sjdnavhide{ height:0; overflow:hidden;}


}
@media only screen and (max-width: 930px){
	.content .aside{width:28%;float:left;}
	.content .article{width:72%;float:left;}
}
@media only screen and (max-width: 800px){
	.carousel-control{display:none;}
}
@media only screen and (max-width: 767px) {
	.headerTop{position:inherit;}
	header .logo{height:75px;}
	.main{padding:15px 0;}
	.index_title .title_txt p{font-size:18px;line-height:25px;}
	.index_title .title_txt h3{font-size:15px;line-height:25px;}
	.carousel-control{display:none;}
	.carousel-indicators{bottom:0;}
	.carousel-indicators li{width:4px;height:4px;}
	.carousel-indicators .active{height:5px;width:5px;}
	.tab ul li{width:33.333%;}
	.product .row{margin:0 -8px;}
	.product .pro-list{padding:0 8px;}
	footer{margin-bottom:0;}
	.content .article{width:100%;float:none;}
	.boxhead .ny-title{text-align:left;line-height:30px;}
	.boxhead .ny-title a{line-height:30px;}
}
@media only screen and (max-width: 612px){
	.banner .img2{display:block;}
	.banner .img1{display:none;}
	.product{margin:20px 0 0;}
}
@media only screen and (max-width: 530px){
	.new .new-list .imgbox{float:left;width:130px;height:100px;}
	.new .new-list .new_right{padding-left:140px;height:100px;}
	.new .new-list h2 a{padding:12px 0 5px;}
	.new .new-list p{height:40px;}
	.tab ul li a{font-size:12px;}
}
@media only screen and (max-width: 450px){
	header .logo{width:75%;}
}
@media only screen and (max-width: 436px) {

}
@media only screen and (max-width: 390px){
	.new .new-list .imgbox{float:left;width:100px;height:80px;}
	.new .new-list .new_right{padding-left:110px;height:80px;}
	.new .new-list{margin-bottom:15px;}
	.new .new-list h2 a{padding:6px 0 2px;}

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

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

}