@charset "utf-8";
.ny_banner{color: #000;  height:420px; width: 100%; padding-top:330px;}
.ny_title{ width:86%; height: 50px; margin: auto; line-height: 50px;}
.ny_title a{ color: #333;}
.ny_view{ width:86%; height: auto; margin: auto;}
.ny_view h1{ text-align: center; padding:40px 0px; font-size:35px;}

/*Story */
.ny_bannerwk{ width: 350px; height: 113px;border:solid 10px hsla(0,0%,100%,.5); background: #fff; background-clip:padding-box;margin-left: auto;margin-right: auto; text-align: center; padding-top: 27px; opacity: 0.8;  }
.ny_bannerwk h1{ font-size: 32px;}
.ny_story{ width:90%; height: auto; margin: auto; background: url(../images/50.jpg) repeat-y center;}
.ny_storyl{ width:55%; height:auto; margin-right: auto; background: #fff; float: left; border-radius: 50px; margin-bottom:30px;}
.ny_storyl img{border:5px solid #e6e6e6; border-radius: 50px; width: 80px; height:80px; float: right; display: block; }
.ny_storyls{width:calc(100% - 100px); float: left; display: block; text-align: right; padding-top: 10px; line-height: 36px;}
.ny_storyl span{  font-size: 18px; font-weight: bold;}
.ny_storyl h5{font-size: 16px; }
.ny_storyr{ width:55%; height:auto; margin-right: auto; background: #fff; float:right; border-radius: 50px; margin-bottom:30px;}
.ny_storyr img{border:5px solid #e6e6e6; border-radius: 50px; width: 80px; height:80px; float:left; display: block; }
.ny_storyrs{width:calc(100% - 100px); float:right; display: block; text-align: left; padding-top: 10px; line-height: 36px;}
.ny_storyr span{  font-size: 18px; font-weight: bold;}
.ny_storyr h5{font-size: 16px;}

/*Contact */
.ny_contact{width: calc(100% / 3 - 1px); height: 265px; float: left; border-left: dotted 1px #c2c2c2; text-align: center; font-size: 16px; line-height:24px; padding-top: 30px;}
.ny_contacts{width: calc(100% / 3 - 2px); height: 265px; float: left; border-left: dotted 1px #c2c2c2; border-right: dotted 1px #c2c2c2;text-align: center; font-size: 16px; line-height:24px; padding-top: 30px;}
.ny_contactmap{ width: 100%; height: auto; margin-top:60px; float: left;}
.ny_contactmap img{width: 100%; height:auto;}

/*News*/
.ny_nav{width:20%; float:left; height:auto;}
.ny_nav h1{color:#888; font-size:20px; text-align:left; padding:0; height:40px}
.ny_nav h1 i{ float:right; background:#888; width:18px; height:3px; margin-top:9px;}
.ny_nav ul{border-bottom:#e7e7e7 1px solid; border-top:#e7e7e7 1px solid; padding:17px 0;}
.ny_nav ul li{height:50px; line-height:50px;}
.ny_nav ul li a{color:#898989; font-size:15px;}
.ny_nav ul li a.current{color:#7787a0;}
.ny_nav ul li a:hover{color:#7787a0;}
.ny_nav ul li a i{width:8px; height:8px; background:#fff; border:#7787a0 1px solid; display:block; float:left; margin-top:20px; margin-right:8px;}
.ny_nav ul li a.current i{width:10px; height:10px; background:#7787a0;}
/*list*/
.ny_list{width:75%; float:right;}
.ny_list ul{margin-top:-20px;}
.ny_list li{background:#fff;box-shadow:0px 0px 6px 3px #e9e9e9; padding:20px; margin-top:30px}
.ny_list li img{float:left; width:220px; height:220px; padding-right:20px;}
.news_box_right{float:right; width:calc(100% - 240px)}
.news_box_right h1{color:#333; font-size:18px; font-weight:bold; text-align:left; height:auto; padding:0; padding-bottom:18px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; margin-top:10px;}
.news_box_right h2{color:#333; font-size:14px; line-height:28px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.news_box_right div{margin-top:22px;}
.news_box_right h3{float:left; width:102px; height:26px; line-height:26px; background:#1d406a; color:#fff; text-align:center; font-size:14px;}
.news_box_right span{float:right; width:calc(100% - 102px); text-align:right; line-height:26px; font-size:14px; color:#666}
/*show*/
.ny_list h2{ color:#999; font-size:16px;}
.news_show{font-size:16px; color:#333; line-height:36px; padding:30px 0; text-indent:32px;}
.ny_list img{max-width:100%; margin:auto; display:block;}
.news_btn div{ float:left; width:50%; height:50px; line-height:50px; border-top:#bbb 1px solid; font-size:14px; color:#333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news_btn div:last-child{ text-align:right}
.news_btn div a{color:#333;}
.news_btn div a:hover{color:#1d406a;}

/*Service*/
.service_left{width:50%; float:left; height:auto;}
.service_left h1{text-align:left; padding:0; font-size:20px; color:#333; height:48px;}
.service_left li{height:45px; line-height:45px;border-bottom:#e7e7e7 1px solid;}
.service_left li a{width:calc(100% - 100px); float:left; color:#333; font-size:16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.service_left li span{width:100px; float:right; color:#666; font-size:14px; text-align:right;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; background:url(../images/time.png) no-repeat left center;}
/*from*/
.service_right{width:45%; float:right;}
.service_right h1{text-align:left; padding:0; font-size:18px; color:#fff; height:48px; line-height:48px; background:#1a355e; padding-left:30px;}
.service_right form{border:#1a355e 1px solid; padding:30px; color:#333; font-size:14px;}
.service_right h2{font-size:16px; padding-bottom:30px;}
.inputs{height:auto; padding-bottom:30px;}
.service_right form div label{width:60px; display:block; float:left;line-height:40px;}
.service_right form div input{width:calc(100% - 82px); float:right; border:#e7e7e7 1px solid; height:38px; line-height:38px; padding:0 10px;}
.service_right form div textarea{width:calc(100% - 82px); float:right; border:#e7e7e7 1px solid; line-height:38px; padding:0 10px;}
#button{background:#1a355e; width:150px; text-align:center; height:48px; line-height:48px; color:#fff; font-size:16px; border:0; margin:0; padding:0; float:right;}

/*alert*/
.full_bg{position:absolute; z-index:99;background-color: rgba(0, 0, 0, 0.5);top: 0;left: 0;height:100%;width: 100%;}
.alert_box{position:relative;width:60%;height:60%; margin:auto; top:calc(20% - 20px); background:#fff; -moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}
.alert_box a{height:60px; border-bottom:#e7e7e7 1px solid; background:url(/images/gb.jpg) no-repeat calc(100% - 20px); display:block;}
.alert_box h1{height:auto; line-height:30px;  font-size:16px; color:#666; padding:10px 20px}
.alert_box h2{height:auto; line-height:30px;  font-size:16px; color:#1a355e; padding:10px 20px;}

/*Product*/
.product{height:auto;margin:0 -15px;}
.product_box{width:calc(100% / 4 - 30px);height:400px;float: left;margin:0 15px;margin-bottom: 30px;background-repeat: no-repeat;background-position: center center; background-size: 90% auto;position: relative;box-shadow:0px 0px 4px 2px #e9e9e9;}
.product_box img{width:100%}
.product_txt{background-color: rgba(238, 238, 238, 0.85);width: 100%;height:50px;text-align: center;color:#333;left:0; bottom:0; position:absolute;}
.product_txt h3{line-height:50px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
/*show*/
.product_img{max-width:431px; float:left;box-shadow:0px 0px 6px 3px #e9e9e9;}
.product_img img{width:100%}
.product_show{width:calc(95% - 431px); float:right;}
.product_show h1{color:#333; font-size:28px; text-align:left; padding:0; height:auto; padding-bottom:12px;}
.product_show h2{color:#888; font-size:12px; text-align:left; padding:0; height:36px; border-bottom:#e7e7e7 1px solid; margin-bottom:30px}
.product_show h3{color:#333; font-size:18px; text-align:left; padding:0; height:30px; line-height:30px; font-weight:bold;}
.show{font-size:16px; color:#333; line-height:36px; padding:20px 0;}

/*search*/
.search_show{width:100%;}
.search_show input{width:calc(100% - 135px); height:45px; line-height:45px; padding-left:10px; border:#000 1px solid; color:#000; float:left; margin:0; font-size:16px}
.search_show button{width:135px; text-align:center; background:#000; height:45px; line-height:45px; color:#fff; float:right; font-size:18px; border:0; margin:0}

#clicks{ width:0; height:0; margin:0; padding:0; border:0;}

/* 自适应 */
@media (max-width:350px){
	.ny_nav ul li a i{ display:none;}
}
@media (max-width:500px){
	.ny_contact{width:100%; border:0; border-bottom:dotted 1px #c2c2c2;}
	.ny_contacts{width:100%; border:0; border-bottom:dotted 1px #c2c2c2;}
	.ny_banner{height:200px;padding-top:250px;}
	.ny_bannerwk{height:100px;}
	.ny_storyl{ width:90%;}
	.ny_storyr{ width:90%;}
	/*news*/
	.ny_nav{width:100%;}
	.ny_list{width:100%;}
	.ny_nav h1{display:none;}
	.ny_nav ul li{ float:left; width:33%;text-align:center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	.ny_list li img{width:100%; height:auto; padding-right:0;}
	.news_box_right{width:100%}
	.news_box_right h1{padding:10px 0;}
	.news_box_right h2{-webkit-line-clamp:1;}
	.news_box_right div{margin-top:10px;}
	/*show*/
	.news_btn div{width:100%;}
	/*Service*/
	.service_left{width:100%;}
	.service_right{width:100%; margin-top:30px;}
	.service_right form div label{width:40px;}
	.service_right form div input{width:calc(100% - 62px);}
	.service_right form div textarea{width:calc(100% - 62px);}
	#button{width:100%;}
	/*alert*/
	.alert_box{width:90%;}
	/*Product*/
	.product_box{width:calc(100%);margin:15px 0;}
	.product_img{width:100%;}
	.product_show{width:100%;}
	.product_show h1{text-align:center; margin-top:30px}
	.product_show h2{text-align:center;}
	/*case*/
	.case_2{margin-top:30px;}
}
@media (min-width:500px) and (max-width:850px){
	.ny_contact{width:50%; border:0;padding:30px 0;}
	.ny_contacts{width:100%; border:0;border-top:dotted 1px #c2c2c2;}
	.ny_banner{height:300px;padding-top:250px;}
	.ny_bannerwk{height:160px;}
	.ny_storyl{ width:65%;}
	.ny_storyr{ width:65%;}
	/*news*/
	.ny_nav{width:100%;}
	.ny_list{width:100%;}
	.ny_nav h1{display:none;}
	.ny_nav ul li{ float:left; width:33%;text-align:center;}
	.ny_list li img{width:calc(40% - 20px); height:auto; padding-right:20px;}
	.news_box_right{width:calc(60%)}
	.news_box_right h1{padding-bottom:10px;}
	.news_box_right h2{-webkit-line-clamp:1;}
	.news_box_right div{margin-top:10px;}
	/*Service*/
	.service_left{width:100%;}
	.service_right{width:100%; margin-top:30px;}
	/*Product*/
	.product{margin-top:30px;}
	.product_box{width:calc(100% / 2 - 30px);}
	.product_img{width:30%;margin-top:30px;}
	.product_show{width:65%;margin-top:20px;}
	/*case*/
	.case_2{margin-top:30px;}
}
@media (min-width:850px) and (max-width:1024px){
	/*case*/
	.case_2{margin-top:30px;}
	.product_img{width:30%;margin-top:30px;}
	.product_show{width:65%;margin-top:20px;}
}
@media (min-width:850px) and (max-width:1367px){
	/*Product*/
	.product{margin-top:30px;}
	.product_box{width:calc(100% / 3 - 30px);}
}
@media (min-width:2000px){
	.ny_title{ width:80%;}
	.ny_view{width:80%;}
	.product_box{width:calc(100% / 5 - 30px);}
}