﻿@charset "utf-8";

button,input,select,textarea{margin:0;outline:0;vertical-align:baseline;font-size:100%;*vertical-align:middle;}
button,input{line-height:normal;}
button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;*overflow:visible;}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}
input[type="search"]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield;}
input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}


/*about*/
.about{padding:25px 0;}
	.about .container{width:1096px;padding-top:20px;}
		.about td{width:20%;font-size:14px;text-align:center;}
			.about td p{line-height:62px;font-size:60px;color:#182D6E;}
		.about .clearfix{margin-top:45px;}
	        .about .num{width:184px;}
	            .about .num li{margin-bottom:21px;}
		            .about .num a{display:block;padding:10px;}
		            .about .num a:hover{color:#fff;background-color:#FBB400;}
		                .about .num h2,.about .num h3,.about .num h4{font-weight:normal;}
						.about .num h2{line-height:46px;font-size:24px;text-align:right;}
		                .about .num h3{text-align:right;}
		                .about .num p{color:#fff;}
		                    .about .num p span{font-size:14px;}
		                .about .num h4{font-size:24px;font-family:simsun;font-weight:normal;color:#fff;text-align:right;}
	        .about-intro{width:408px;height:273px;overflow:hidden;padding:24px 24px 0;}
	            .about-intro h2{position:relative;margin-bottom:78px;font-size:22px;font-weight:normal;color:#424242;}
	            .about-intro h3{margin-bottom:20px;font-size:22px;font-weight:normal;color:#fff;}
	            .white h2{color:#fff;}
	                .about-intro h2:after{position:absolute;top:50px;left:4px;width:1px;height:50px;background-color:#454545;content:"";}
	                .white h2:after{background-color:#fff;}
	            .about-intro p{font-size:14px;color:#333;}
	            .white p{color:#fff;}

/*contact*/
.gwcontact{width:100%;height:590px;overflow:hidden;margin-top:126px;background:url(https://www.ningboruyi.com/style/css/img/bg_contact.jpg) no-repeat center 0;}
	.gwcontact .container{width:1256px;padding-top:103px;margin:0 auto;}
		.gwcontact-cont{width:298px;height:393px;line-height:24px;padding:0 0 0 42px;margin-right:14px;color:#FBB400;background:url(https://www.ningboruyi.com/style/css/img/bg_contact_cont.jpg) no-repeat;}
			.gwcontact-cont h2{padding:45px 0;font-size:30px;font-weight:normal;}
			.gwcontact-cont h3{margin-bottom:28px;font-size:18px;font-weight:normal;}
			.gwcontact-cont a{display:block;width:21px;height:21px;overflow:hidden;margin-top:40px;background:url(https://www.ningboruyi.com/style/css/img/icon.png) no-repeat 0 -21px;}
			
			
/*product*/
.product{width:100%;overflow:hidden;}
	.product li{float:left;width:25%;overflow:hidden;}
		.product a{position:relative;display:block;height:296px;}
			.product img{min-width:100%;}
			.product h3{position:absolute;top:18px;left:26px;font-size:18px;font-weight:normal;color:#FBB400;transition:all .2s ease;-webkit-transition:all .2s ease;-moz-transition:all .2s cubic-bezier(ease);}
			.product a:hover h3{top:-30px;}
			.product .desc{position:absolute;top:0;left:-100%;width:60%;height:100%;overflow:hidden;padding-left:26px;background-color:rgba(251,180,0,.88);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E0FBB400,endColorstr=#E0FBB400);transition:all .2s ease;-webkit-transition:all .2s ease;-moz-transition:all .2s cubic-bezier(ease);}
			.product a:hover .desc{left:0;}
				.product .desc-pd{padding:32px 25px 0 0;}
					.product h2{font-size:32px;font-weight:normal;}
					.product p{line-height:22px;}
					.product ins{display:block;width:21px;height:21px;overflow:hidden;margin-top:32px;background:url(https://www.ningboruyi.com/style/css/img/icon.png) no-repeat;}
					
					
/*advantage*/
.advantage{width:100%;overflow:hidden;background:url(https://www.ningboruyi.com/style/css/img/bg_advantage.jpg) repeat;}
	.advantage-list{margin:0 170px;}
		.advantage-list li{float:left;width:25%;text-align:center;}
			.advantage-list a{position:relative;display:block;width:100%;height:284px;overflow:hidden;padding-top:56px;}
				.advantage-list h2{margin:15px 0;font-size:16px;font-weight:normal;}
				.advantage-list p{line-height:16px;color:#343434;}
				.advantage-list .desc{position:absolute;top:0;left:-100%;width:100%;height:100%;overflow:hidden;text-align:left;transition:all .2s ease;-webkit-transition:all .2s ease;-moz-transition:all .2s cubic-bezier(ease);}
				.advantage-list a:hover .desc{left:0;}
					.advantage-list .desc img{position:absolute;top:0;left:0;min-width:100%;}
					.advantage-list .desc h3{position:relative;margin:40px 20% 38px 10%;font-size:30px;font-weight:normal;color:#FBB400;}
					.advantage-list .desc p{position:relative;line-height:22px;margin:0 20% 0 10%;color:#FBB400;}
					.advantage-list .desc ins{position:relative;display:block;width:21px;height:21px;overflow:hidden;margin:32px 0 0 10%;background:url(https://www.ningboruyi.com/style/css/img/icon.png) no-repeat 0 -21px;}					
					
					

.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:".";font-size:0;}
.r{float:right;}
@media (max-width: 1260px) {
	.gwcontact{width:1260px;}
}
