@font-face {
		  font-family: 'rubik';   /*字体名称*/
		  src:  url(../fonts/Rubik-Regular.ttf)
		}
		*{font-family: 'rubik';font-weight: 400;}
		.wrap{padding: 40px 0;}
		.wrap .title{font-size: 30px;font-weight: bold; color: #494949;padding-left: 10px;border-left: 2px solid #2b8db6;line-height: 2;}
		.wrap .text{font-size: 18px;color: #747474;}
		.middle{width: 48%;}
		.middles{width: 48%;}
		.approach{padding-top:120px;}
		.wrap .meta-title{font-size: 12px;color: #2b8db6;}
		.main{background: url(/newgreenfinance/img/flower.png) top right/40% no-repeat,
		url(/newgreenfinance/img/crystal_7.png) 700px 12%/100% no-repeat,
		url(/newgreenfinance/img/approach_bg.png) 0 430px/100% no-repeat,
		url(/newgreenfinance/img/crystal_shapes.png) 0 800px/23% no-repeat,
		url(/newgreenfinance/img/crystal_3.png) 1300px 58%/10% no-repeat,
		url(/newgreenfinance/img/crystal_5.png) 1300px 85%/10% no-repeat,
		url(/newgreenfinance/img/crystal_4.png) 0 1900px/10% no-repeat;}
		.logos{margin: 80px 0;}
		.logos img{margin-right: 20px;}
		.items{margin: 40px 0;}
		.items img{width: 50px;}
		
		.items .right{display: inline-block;margin-left: 20px;vertical-align: top;width: 73%;}
		.items h6{color: #494949;font-size: 20px;font-weight: bold;}
		.items p{color: #747474;}
		
		.pic{margin-top: 60px;}
		.pic .bd{width: 80%;height: 320px; margin: 0 auto;border: 1px solid #dedede;padding: 20px 30px 80px;text-align: left;border-radius: 2px;}
		.bd:hover{transform:scale(1.2);background-image: url(/newgreenfinance/img/juxing.png);box-shadow: 0 2px 16px #cccccc, 0 10px 5px #cccccc, 0 0 1px #cccccc;color:#2B8DB6;}
		.bd:hover h6{color:#2B8DB6;}
		.bd:hover a{color:#2B8DB6;}

		.pic img{width: 90px;margin: 0 auto 20px;display: block;}
		.pic h6{font-size: 24px;color: #494949;}
		.pic p{color: #747474;max-height: 130px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;margin-bottom: 30px;}
		.pic .more{color: #494949;}
		.form{margin-top: 40px;}
		.form .item{margin-bottom: 20px;}
		.form label{margin-bottom: 0;font-size: 16px;color: #585859;}
		.form input,.form textarea{display: block;width: 40%;padding: 0 10px;line-height: 38px;color: #585859;font-size: 16px;border: 1px solid #dfdfdf;}
		.form textarea{width: 60%;}
		.form button{width: 120px;margin-top: 10px;line-height: 40px;color: #fff;font-size: 14px;border: 0;background-color: #2b8db6;}
		
		.c-btn{display: inline-block;margin-top: 20px;padding: 0 30px;line-height: 45px;color: #2b8db6;border: 1px solid;}
		.c-title{display: inline-block;text-align: center;position: relative;font-size: 20px;margin-bottom: 40px;color: #494949;}
		.c-title:before,.c-title:after{content: '';width: 80px;height: 2px;background-color: #2b8db6;position: absolute;top: 8px;left: -100px;}
		.c-title:after{left: auto;right: -100px;}
		.imgs img{width: 60%;}

		.popup{position: absolute;top: 135px;right: 360px; width: 275px;height: 105px; text-align: center; padding: 10px;opacity:0.8; background-color: rgba(247,247,247,.9);box-shadow: -1px 1px 9px -1px rgba(224,224,224,1);}
		.popup .dot{width: 8px;height: 8px;background-color: #2b8db6;border-radius: 100%;}
		.popup .close{position: absolute;top: 22px;right: 30px;font-size: 20px;color: #333;cursor: pointer;}
		.popup h6{margin: 20px 0 0;font-size: 18px;color: #747474;}
		.popup p{font-size: 15px;}
		.popup form{position: relative;margin-top: 30px;}
		.popup input{width: 100%;border: 0;border-bottom: 1px solid #acabab;padding: 0 10px;line-height: 38px;background-color: transparent;font-size: 12px;}
		.popup img{position: absolute;top: 55px;left: 30px; width: 120px;}
		.popups{position: absolute;top: 464px;right: 350px; width: 350px;height: 200px; opacity:0.8;}
		
		@media screen and (max-width: 1221px) { .wapnone{display:none; }}
		@media screen and (max-width: 1221px) { .middles{width: 96%; }}
		@media screen and (max-width: 1221px) { .middle{width: 96%; } .pic .bd{width: 100%;margin-top: 10px;} .meta-title{margin-top: 30px;} .downs{padding-top: 20px;}}
		@media screen and (max-width: 1221px) { .main{background: none; }}