@charset "utf-8";
/*幻灯片*/
.banner {height:400px; width:100%; position:relative; }
.banner .bg{width:100%; height:100%;background-position:center; background-repeat:no-repeat; background-size:cover;background-image:url(../images/nybanbg.jpg);}
@media screen and (max-width:768px){.banner {height:150px; margin-top:60px;}}
/*-------------------------------------------------------------------------------------------------------------------------*/
/*位置*/
.ny_position{border-bottom:1px solid #ddd;padding-bottom:15px; margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;}
.ny_position h1{font-size:18px;color:#0d5ba4;font-weight:bold;}
.ny_position p{font-size:12px;color:#999;background:url(../images/nyfr_homeico.jpg) no-repeat 0 center;padding-left:15px;}
@media screen and (max-width:768px){.ny_position p{display:none;}}
/*-------------------------------------------------------------------------------------------------------------------------*/
/*单篇*/
.neiye {padding:50px 0;}
@media screen and (max-width:768px){.neiye {padding:30px 0;}}
/*-------------------------------------------------------------------------------------------------------------------------*/
/*左侧*/
.ny_fl{width:260px;float:left; position:relative;}
.ny_fl .box{margin-top:20px;background:#f6f6f6;position:relative;}
.ny_fl .box h1{height:80px; width:100%; line-height:80px;text-align:center;color:#fff;font-size:20px;background:url(../images/nyfl_titbg.jpg) no-repeat center/cover;}

.ny_fl .box.div1{margin-top:0;}
.ny_fl .div1 ul li{border-bottom:1px dotted #ddd;position:relative;}
.ny_fl .div1 ul li a{display:block;line-height:44px;padding:0 25px 0 44px;height:44px;overflow:hidden;}
.ny_fl .div1 ul li i{position:absolute; z-index:5;height:44px;width:44px;cursor:pointer; right:0; top:0;}
.ny_fl .div1 ul li i:before{content:'';border-width:2px 2px 0 0;border-style:solid;width:8px;height:8px;position:absolute;top:calc(50% - 4px);left:calc(50% - 4px); z-index:2;border-color:#ccc;transform:rotate(45deg);transition:all .5s ease-in-out;}
.ny_fl .div1 ul li .item{display:none;}

.ny_fl .div1 ul li.on .a1,
.ny_fl .div1 ul li:hover .a1,
.ny_fl .div1 ul li .box .a2:hover{color:#0d5ba4;}
.ny_fl .div1 ul li:hover i:before{border-color:#0d5ba4;}
.ny_fl .div1 ul li.on i:before{border-color:#0d5ba4;transform:rotate(135deg);}
.ny_fl .div1 ul li.on .item{display:inline;}

.ny_fl .div2 dl{position:relative; padding:0 25px;}
.ny_fl .div2 dl dd{font-size:18px;line-height:44px; height:44px; overflow:hidden;}
.ny_fl .div2 dl dt{padding-bottom:10px;}
.ny_fl .div2 dl dt p{line-height:24px;font-size:14px;}
@media screen and (max-width:768px){.ny_fl{display:none;}}
/*-------------------------------------------------------------------------------------------------------------------------*/
/*右侧*/
.ny_fr{width:910px;float:right;}

.ny_info{width:100%; position:relative;}
.ny_info p{line-height:2em; color:#333;}
@media screen and (max-width:768px){.ny_fr{float:none; width:100%;}}
/*-------------------------------------------------------------------------------------------------------------------------*/
/*简介*/
.nei_about strong{color:#0d5ba4;}
.nei_about p{font-size:16px;}
@media screen and (max-width:768px){.nei_about p{font-size:14px;}}
/*-------------------------------------------------------------------------------------------------------------------------*/
/*联系*/
.nei_contact{margin-bottom:20px;}
.nei_contact strong{color:#0d5ba4; font-size:20px;}
.nei_contact p{line-height:1.75em;}

#bdmap{width:100%; height:400px;}
@media screen and (max-width:768px){
	.nei_contact strong{font-size:18px;}
	.nei_contact p{line-height:1.5em;}
	#bdmap{height:200px;}
}
/*-------------------------------------------------------------------------------------------------------------------------*/
/*留言*/
.nei_gbook{width:100%; position:relative;}
.nei_gbook table{width:auto;margin:0 auto;position:relative;}
.nei_gbook tr th, .nei_gbook tr td{font-size:14px;vertical-align:top; line-height:30px;position:relative; height:auto;}
.nei_gbook tr th{color:#2F2F2F;font-weight:bold;text-align:right; padding:5px 20px 15px 0;}
.nei_gbook tr td{width:300px;;padding:5px 0 15px;position:relative;}

.nei_gbook tr.tr1 input,
.nei_gbook tr.tr2 textarea,
.nei_gbook tr.tr3 input{display:block;width:100%;overflow:hidden;border:#cccccc 1px solid;border-radius:3px;padding:5px;line-height:20px;transition:border-color ease .2s, box-shadow ease .3s;}

.nei_gbook tr.tr1 input,
.nei_gbook tr.tr3 input{height:30px;}
.nei_gbook tr.tr2 textarea{height:92px;}

.nei_gbook tr.tr1 input:focus,
.nei_gbook tr.tr2 textarea:focus,
.nei_gbook tr.tr3 input:focus{border-color:#66afe9;box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(247, 150, 0, .6);}

.nei_gbook tr.tr3 img{position:absolute; height:30px; right:0; top:5px;border-radius:0 3px 3px 0;cursor:pointer;}

.nei_gbook tr.tr4 th,
.nei_gbook tr.tr4 td{padding:5px 0 0;}
.nei_gbook tr.tr4 input{cursor:pointer; line-height:30px; padding:2px 20px;}
.nei_gbook tr.tr4 input[type="submit"]{background:#0d5ba4;color:#fff;margin-right:22px;}
.nei_gbook tr.tr4 input[type="reset"]{background:#e8e8e8;color:#333;}
.nei_gbook tr.tr4 input[type="submit"]:hover{background:#444;}
.nei_gbook tr.tr4 input[type="reset"]:hover{background:#ccc;}

@media screen and (max-width:768px){
	.nei_gbook table{width:100%;}
	.nei_gbook tr th, .nei_gbook tr td{padding:5px 0;}
	.nei_gbook tr th{text-align:left; width:72px;}
	.nei_gbook tr td{width:auto;}
	.nei_gbook tr.tr2{height:92px;}
}
/*-------------------------------------------------------------------------------------------------------------------------*/
/*页码*/
.pagenum{width:100%;text-align:center;clear:both;}
.pagenum a,
.pagenum span{color:#999;padding:0 10px;margin:0 3px;display:inline-block;line-height:24px;background:#fff;border:1px solid #f2f2f2; font-size:12px;}
.pagenum a:hover,
.pagenum span{display:inline-block;color:#fff;background:#045ca9;border-color:#045ca9;}
.pagenum a.page-num-current{display:inline-block;color:#fff;background:#045ca9;border-color:#045ca9;}
.pagenum span.page-num{display:none !important;}
			
/*分页*/
.pagebut{padding:10px 15px;background:#f5f5f5;border-radius:5px;}
.pagebut p{font-size:14px;color:#333;line-height:24px;}
.pagebut p a{color:#333;}
.pagebut p a:hover{color:#0d5ba4;}

@media screen and (max-width:768px){
	.pagenum a,
	.pagenum span{padding:0 8px;line-height:20px;font-size:12px;}
	
	.pagebut{padding:5px 10px;}
	.pagebut p{font-size:12px;}
}
/*-------------------------------------------------------------------------------------------------------------------------*/
/*产品*/
.nei_pro{width:100%; position:relative; font-size:0; list-style:none;}
.nei_pro .item{margin:0 2% 2% 0; position:relative; display:inline-block;}
.nei_pro .item .img{width:100%; overflow:hidden; position:relative;}
.nei_pro .item .img img{display:block; width:100%;}
.nei_pro .item .tit{display:block;text-align:center;padding:10px 0;font-size:14px;line-height:20px;}

.page_pro{width:100%; position:relative;}
.page_pro .title{position:relative;border-bottom:1px dashed #ddd;}
.page_pro .title .left{float:left;width:400px;}

.page_pro .title .right{float:right; width:calc(100% - 400px); padding-left:30px;}
.page_pro .title .right h1{font-weight:bold;font-size:20px;margin-bottom:5px;}
.page_pro .title .right p{font-size:12px; color:#666; line-height:24px;border-bottom:1px dashed #ddd; margin-bottom:20px; padding-bottom:5px;}
.page_pro .title .right div{padding:10px 0; width:120px; text-align:center;color:#fff;display:block;border-radius:5px;background:#dd0000;margin-top:15px;cursor:pointer;}

.page_pro .info{position:relative;margin:20px 0;}
.page_pro .info p{line-height:2em; font-size:14px;}

.page_pro .bigbox{width:100%; position:relative;}
.page_pro .bigbox .swiper-slide img{display:block; width:100%;}

.page_pro .smallbox{width:100%; position:relative;margin:20px 0; padding:0 20px;}
.page_pro .smallbox .swiper-container{width:100%;position:relative; border:1px #ddd solid;}
.page_pro .smallbox .swiper-slide img{display:block; width:100%;}
.page_pro .smallbox .but{position:absolute; top:0; width:20px; display:block; height:100%;cursor:pointer;}
.page_pro .smallbox .prev{left:0; background:url(../images/ico_prev.png) no-repeat left center;}
.page_pro .smallbox .next{right:0; background:url(../images/ico_next.png) no-repeat right center;}

.page_pro_gbook{position:fixed;width:100%;height:100%;left:0;top:0;z-index:1000;transform:scale(0);transition:transform .5s ease;}
.page_pro_gbook.on{transform:scale(1);}
.page_pro_gbook .bg{cursor:pointer;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:1;}
.page_pro_gbook form{width:auto;display:block;margin:0 auto;position:absolute; left:50%; top:50%;transform:translate(-50%, -50%);z-index:5;background:#fff;box-shadow:0 0 20px rgba(0,0,0,.5);}

.page_pro_gbook .info{position:relative;width:500px;margin:40px;}
.page_pro_gbook .info div{display:flex;position:relative; margin-bottom:10px; border:1px #ddd solid;}
.page_pro_gbook p{display:block;position:absolute;height:20px;left:5px;top:5px;z-index:2;}
.page_pro_gbook p,
.page_pro_gbook input[type="text"], .page_pro_gbook textarea{line-height:20px; color:#333; font-size:14px;}
.page_pro_gbook input[type="text"], .page_pro_gbook textarea{width:100%;overflow:hidden;transition:box-shadow ease .3s;}
.page_pro_gbook input[type="text"]{height:30px;padding:5px 5px 5px 75px;}
.page_pro_gbook textarea{height:90px;padding:5px; text-indent:70px;}
.page_pro_gbook input:focus, .page_pro_gbook textarea:focus{box-shadow:0 0 20px rgba(0,0,0,.075);}

.page_pro_gbook .info div.code input{padding:5px 5px 5px 65px;}
.page_pro_gbook .info div.code img{position:absolute; height:30px; right:0; top:0;cursor:pointer;}

.page_pro_gbook .info div.but{margin-bottom:0; border:none;}
.page_pro_gbook .info div.but input{cursor:pointer; width:calc(100% - 10px);background:#e8e8e8;color:#333; line-height:20px; padding:5px 0;}
.page_pro_gbook .info div.but input[type="submit"]{background:#0d5ba4;color:#fff;margin-right:10px;}

@media screen and (min-width:769px){
	.nei_pro .item{width:32%;}
	.nei_pro .item:nth-child(3n){margin:0 0 2% 0;}
	.nei_pro .item:hover .img:before{content:''; width:100%; height:100%; display:block; box-sizing:border-box; border:1px #0d5ba4 solid;position:absolute; left:0; top:0;}
}
@media screen and (max-width:768px){
	.nei_pro .item{width:49%;}
	.nei_pro .item:nth-child(2n){margin:0 0 2% 0;}
	.nei_pro .item .tit{padding:5px 0;}
	
	.page_pro .title .left,
	.page_pro .title .right{float:none;width:100%}
	.page_pro .title .left{margin-bottom:20px;}
	.page_pro .title .right{padding-left:0;}
	
	.page_pro .smallbox{display:none;}
	
	.page_pro_gbook form{width:92%; padding:20px;}
	.page_pro_gbook .info{width:100%;margin:0;}
}
/*-------------------------------------------------------------------------------------------------------------------------*/
/*新闻*/
.nei_news{width:100%; position:relative;}
.nei_news .item{display:block; width:100%; height:46px; position:relative;overflow:hidden;}
.nei_news .item p{height:46px;line-height:46px;overflow:hidden;float:left;}
.nei_news .item .tit{width:calc(100% - 100px);position:relative;text-indent:20px;}
.nei_news .item .date{width:100px;font-size:12px;color:#666;text-align:right;}

.nei_news .item:before{content:''; width:100%; height:1px; display:block; background:#ddd; position:absolute; left:0; bottom:0;}
.nei_news .item .tit:before{content:'';border-width:4px;position:absolute;left:0;top:calc(50% - 4px);border-style:solid;border-color:transparent transparent transparent #ddd;}

.nei_news .item:hover .tit{color:#0d5ba4;}
.nei_news .item:hover .tit:before{border-color:transparent transparent transparent #0d5ba4;}
.nei_news .item:hover .date{color:#333;}

.page_news .title{position:relative; width:100%;border-bottom:1px dashed #ddd;width:100%;}
.page_news .title h1{font-size:22px;text-align:center;margin-bottom:5px;}
.page_news .title p{line-height:24px;font-size:12px;color:#999;margin-bottom:5px;text-align:center;}
.page_news .info{width:100%;margin:20px 0;position:relative;}

@media screen and (max-width:768px){
	.nei_news .item .tit{text-indent:0;}
	.nei_news .item .tit:before{display:none;}
	
	.page_news .title h1{font-size:18px;}
}
/*-------------------------------------------------------------------------------------------------------------------------*/