﻿/*↓public↓*/
@font-face {
	  font-family: 'fonta';
	  src: url('fonta/avantgardeitcbybt-demi-webfont.eot');
	  src: url('fonta/avantgardeitcbybt-demi-webfont?#iefix') format('embedded-opentype'),
	   url('fonta/avantgardeitcbybt-demi-webfont.woff') format('woff'),
	   url('fonta/avantgardeitcbybt-demi-webfont.ttf') format('truetype'),
	   url('fonta/avantgardeitcbybt-demi-webfont.svg#fonta') format('svg');
	  font-weight: normal;
	  font-style: normal;
}
@font-face {
	  font-family: 'fontb';
	  src: url('fontb/itc_avant_garde_ce_gothic_book-webfont.eot');
	  src: url('fontb/itc_avant_garde_ce_gothic_book-webfont.eot?#iefix') format('embedded-opentype'),
	   url('fontb/itc_avant_garde_ce_gothic_book-webfont.woff') format('woff'),
	   url('fontb/itc_avant_garde_ce_gothic_book-webfont.ttf') format('truetype'),
	   url('fontb/itc_avant_garde_ce_gothic_book-webfont.svg#fontb') format('svg');
	  font-weight: normal;
	  font-style: normal;
}
html{ overflow-x:hidden;}
body{ font-family:"Microsoft YaHei",sans-serif; font-size:12px; color:#3e3a39; background:#fff;}
a{ transition: all 200ms ease-in;-webkit-transition: all 200ms ease-in;-o-transition: all 200ms ease-in;-moz-transition: all 200ms ease-in;}
.fonta{ font-family:fonta, Arial, sans-serif;}
.fontb{ font-family:fontb, Arial, sans-serif;}
.ui{ background:url(../image/ui.png) no-repeat;}
.icon{ background:url(../image/icon.png) no-repeat; display:block;}
.w100{ width:100%;}
.w1200{ width:1200px;}
.mt20{ margin-top:20px;}
.mt40{ margin-top:40px;}
.cBlue{ color:#00add8;}
.cWhite{ color:#fff;}
.bgBlue{ background:#00add8;}


/* public */
.header{ background:rgba(255,255,255,.95); height:80px; -webkit-box-shadow:0 3 7px rgba(0,0,0,.18);-moz-box-shadow:0 3 7px rgba(0,0,0,.18);box-shadow:0 3 7px rgba(0,0,0,.18); /*ie*/background:url(../image/header_bg.png) repeat-x\0;height:92px\0;+background:url(../image/header_bg.png) repeat-x;+height:92px;}
	.logo{ margin-top:8px;}
	.nav{ margin:35px 0 0 100px;}
		.nav a{ color:#4c4948; font-size:16px; width:100px; text-align:center; display:block; float:left; margin:0 10px; padding-bottom:24px;}
		.nav a:hover{ color:#00add8;}
		.nav a.cur{ border-bottom:5px solid #01b0e5;}
	.language{ margin-top:25px;}
		.language .icon{ display:block; width:30px; height:30px; background-position:0 0; margin-right:5px; }
		.language a,.language span{ line-height:30px; font-size:16px; color:#4f5f6f;}
		.language a:hover,.language a.cur{ color:#bcd00e;}
		.language a+span{ margin:0 10px;}
.header img{margin-top:10px;}

.kv{/*ie*/ margin-top:-12px\0;+margin-top:-12px;}
.banner{ height:600px; padding-top:270px; /*ie*/ margin-top:-12px\0;+margin-top:-12px;}
	.banner .w1200{ position:relative; height:100%;}
	.banner h5{ font-size:30px; line-height:64px; font-weight:400;}
		.banner h5 span{ font-size:52px; display:block;}
	.menu{ height:80px; position:absolute; left:0; bottom:0;}
	.menu a{ display:block; width:190px; height:80px; text-align:center; line-height:80px; font-size:16px; color:#4f5f6f; float:left; background:rgba(255,255,255,.9);}
	.menu a:hover,.menu a.cur{ background:rgba(35,196,245,.9); color:#fff;}





/*index*/
.index_about{ background:url(../image/point.jpg) repeat #fff; height:500px; padding-top:70px;}
	.index_about .w1200{ background:url(../image/about.png) no-repeat top left; height:503px; position:relative; z-index:2; }
	.index_about div.fR{ width:480px;}
	.index_about h6{ font-size:30px; font-weight:400; margin-bottom:20px;}
		.index_about h6 span{ font-size:22px; margin-left:15px;}
		.index_about h6:after{ content:""; height:30px; border-bottom:3px solid #00add8; display:block; width:90px; }
	.index_about p{ font-size:16px; color:#151832; line-height:30px;}
	.index_about ul{ width:540px; margin-left:-35px; margin-top:20px;}
		.index_about ul li{ float:left; width:130px; margin:0 25px; text-align:center;}
			.index_about ul li p{ font-size:14px; line-height:18px; color:#151832; margin-top:10px;}


.index_title{ text-align:center; font-size:28px; font-weight:400;}
	.index_title span{ display:block; font-size:60px; margin:0 0 20px 0;}
	.index_title p{display:block; width:200px; margin:0 auto; text-align:center;} 
	.index_title p:before{content:""; display:block; float:left; width:30px; border-bottom:1px solid #666376; padding-top:15px;}
	.index_title p:after{content:""; display:block; float:right; width:30px; border-bottom:1px solid #666376; padding-top:15px;}

.index_business{ background:url(../image/business_bg.jpg) no-repeat top center #009fc9; height:610px; padding-top:70px; z-index:1;}
	.index_business .index_title p:before{border-color:#fff;}
	.index_business .index_title p:after{border-color:#fff;}


.index_business ul{ margin-top:60px;}
	.index_business .item{ text-align:center; color:#fff;}
		.index_business .item span{ display:block; width:120px; height:120px; background:url(../image/business_icon.png) no-repeat; margin:0 auto 30px auto;}
		.index_business .item span.index_business1{ background-position:0 0;} 
		.index_business .item span.index_business2{ background-position:-120px 0;} 
		.index_business .item span.index_business3{ background-position:-240px 0;} 
		.index_business .item span.index_business4{ background-position:-360px 0;} 
		.index_business .item:hover .index_business1{ background-position:0 -120px;} 
		.index_business .item:hover .index_business2{ background-position:-120px -120px;} 
		.index_business .item:hover .index_business3{ background-position:-240px -120px;} 
		.index_business .item:hover .index_business4{ background-position:-360px -120px;} 
	.index_business .item h6{ font-size:20px; margin-bottom:20px;}
	.index_business .item p{ font-size:16px; line-height:24px; width:200px; margin:0 auto 70px auto;}
	.index_business .owl-theme .owl-controls .owl-page span{ width:40px; height:6px; border-radius:3px; background:rgba(255,255,255,.7);}
	.index_business .owl-theme .owl-controls .owl-page.active span{ width:40px; height:6px; border-radius:3px; background:rgba(188,208,14,.9);}



.slogan{ position:relative; height:390px; background:#fff; padding-top:150px;}
	.slogan h5{ font-size:28px; z-index:2; position:relative;}
		.slogan h5 p{ color:#4f5f6f; font-size:30px; font-weight:400; line-height:80px;}
			.slogan h5 b{ font-size:70px; font-weight:400;}
	.slogan h2{ color:#eff3f6; font-size:243px; width:2860px; margin:0; position:absolute; top:80px; left:0; /*left:50%; margin-left:-1430px;*/}



.index_core{ padding-top:70px; height:825px; background:url(../image/hexin_bg.jpg) no-repeat top center #4f82ac;}
	.index_core .w1200{ position:relative;}
		.index_core .index_title p:before{border-color:#fff;}
		.index_core .index_title p:after{border-color:#fff;}

		.index_core .w1200 .cb{ margin-top:40px; height:542px; background:url(../image/hexin.png) no-repeat;}
			.index_core p.fR{ font-size:15px; color:#e8e8ea; line-height:30px; margin:84px 46px 0 0;}
			.index_core .fL{ position:relative; width:510px;}
				.index_core .fL p{ font-size:16px; font-weight:700; text-align:center; line-height:20px;}
				.index_core .core1{ position:absolute; top:110px; left:170px;}
				.index_core .core2{ position:absolute; top:110px; left:300px; width:70px;}
				.index_core .core3{ position:absolute; top:220px; left:90px;}
				.index_core .core4{ position:absolute; top:210px; left:380px; width:100px;}
				.index_core .core5{ position:absolute; top:355px; left:115px;}
				.index_core .core6{ position:absolute; top:345px; left:340px; width:100px;}
				.index_core .core7{ position:absolute; top:424px; left:234px;}
		.index_core span.icon{ width:120px; height:120px; background-position:-40px 0; position:absolute; right:0; top:-130px;}




.index_news{ padding-top:70px;}
	.index_news .index_title{ color:#4f5f6f;}
	.index_news ul{ border-top:1px solid #dcdcdc; margin-top:40px;}
		.index_news li{ border-bottom:1px solid #dcdcdc; height:100px; padding-top:20px; position:relative;}
			.index_news li .date{ font-size:46px; color:#95acbc; font-weight:400; width:150px; position:absolute; top:20px; left:210px;}
				.index_news li .date span{ font-size:16px; display:block; text-align:right; margin-right:10px; font-weight:700;}
			.index_news li h6{ margin-left:450px; font-size:16px; color:#4f5f6f; width:470px; height:16px; text-overflow:ellipsis; overflow:hidden;}
			.index_news li p{ margin:6px 0 0 450px; font-size:14px; color:#95acbc; line-height:20px; width:470px; height:40px; overflow:hidden;}
			.index_news li span.icon{ width:10px; height:20px; background-position:-30px 0; margin:20px 100px 0 0; display:none;}
			.index_news li:hover{ background:#f6fbfe;}
			.index_news li a:hover span.icon{ display:block;}
	.index_news .more{ display:block; font-size:16px; color:#97c628; width:250px; height:50px; background:none; border:1px solid #97c628; line-height:50px; margin:50px auto 60px auto;}
	.index_news .more:hover{ border-color:#fff; background:#97c628; color:#fff;}






.footer{ color:#dcdee2; background:#4f5f6f; padding:65px 0 50px 0; font-size:14px;}
	.footer a{ color:#fffeff;}
	.footer a:hover{ color:#00add8;}
	.footer h4{ font-size:60px; line-height:62px; margin-bottom:90px;}
	.footer div.fL span{ margin:0 10px;}
	.footer div.fR h6{ margin:0 0 20px 0; font-size:30px; font-weight:400;}
	.footer div.fR p{ line-height:20px;}
	.copyright{ margin-top:10px; border-top:1px solid #dcdcdc; padding-top:10px;}
		.copyright p{ margin:0;}






/*about*/
.about{ height:670px;}
	.about .w1200{ background:url(../image/about_map.png) no-repeat left top;}
		.about h6{ font-size:22px; margin-top:5px;}
		.about h6:after{ width:50px; height:30px; border-bottom:2px solid #bcd00e;}
			.about h6 span{ font-size:50px; display:block; margin:0 0 20px 0;}
		.about ul li{ clear:both; width:540px; text-align:left;}
		.about ul li:before{ content:"●"; float:left; line-height:34px; font-size:18px; margin-right:15px; color:#01b0e5;}
		.about ul li p{ line-height:36px; margin:0 0 0 27px; font-size:16px; color:#555; width:440px;}	


.value{ background:url(../image/about_value.jpg) no-repeat top center; height:632px;}
	.value ul{ width:1110px; margin-left:auto; margin-right:auto;}
	.value li{ float:left; width:340px; margin-right:90px;}
		.value li h6{ clear:both; width:250px; font-size:20px; overflow:hidden; margin-bottom:20px; position:relative;}
		.value li h6 span{ display:block; width:70px; height:70px; background:url(../image/value.png) no-repeat; position:absolute; top:0; left:0;}
		.value .value1 span{ background-position:0 0;}
		.value .value2 span{ background-position:-70px 0;}
		.value .value3 span{ background-position:-140px 0;}
		.value li p{ width:340px; padding-right:90px; border-right:1px dashed #fff; height:240px; font-size:16px; line-height:24px;}
		.value .value1 h6,.value .value3 h6{ line-height:70px; padding-left:90px;}
		.value .value2 h6{ line-height:24px; padding:10px 0 0 90px;}
		.value .value3{ margin:0; width:250px;}
		.value .value3 p{ border:0;}


.about_slogan{ height: auto; background:url(../image/point.jpg) repeat;}
.about_slogan h5 p{ margin-top:40px; margin-bottom:100px; font-size:20px; line-height:30px; color:#555;}
.about_slogan h5 p:after{ content:""; display: block; width: 120px; height: 40px; border-bottom: 1px solid #b3b3b3; margin: 0 auto 60px auto;}




/*honor*/
.honor{ height:auto; overflow:hidden; background:url(../image/point.jpg) repeat #fff; padding-top:70px;}
	.honor .w1200{ background:none;}
		.honor h6{ font-size:22px; font-weight:400;}
		.honor h6:after{ display:none;}
			.honor h6 span{ font-size:40px; display:block; margin:0 0 20px 0;}
			
		.history{ width:821px; margin:140px auto 60px auto;}
			.history li{ width:430px; margin:0;}
			.history li:after{ content:""; display:block; background:url(../image/history.png) no-repeat; width:330px; height:40px;}
				.history li h5{ width:430px; height:40px; line-height:44px; background:url(../image/history.png) no-repeat; color:#fff; font-family:fontb, Arial, sans-serif; font-size:20px;}
				.history li .box_bg{ width:316px; padding:15px; background:#f0efef; position:relative;}
					.history li .box_bg p{ font-size:16px; color:#555; line-height:24px; margin:0;}
			.history .left_box{ float:left; margin-top:-43px; }
			.history .left_box:after{ background-position:0 0; }
				.history .left_box h5{ background-position:0 -80px; text-align:right; padding-right:130px; }
				.history li.left_box .box_bg:after{ content:""; display:block; width:110px; height:100%; border-right:2px solid #c6c1b9; position:absolute; right:-95px; top:0;}
				.history li.left_box .box_bg p{ text-align:right; padding-right:13px;}
				.history li.left_box .box_bg p:before{ text-align:right; content:"●"; display:block; color:#00add8; line-height:21px; position:absolute; right:13px; }
			
			.history .right_box{ float:right; margin-top:-42px; }
			.history .right_box:after{ background-position:0 -40px; float:right; }
				.history li.right_box .box_bg{ float:right; margin-right:2px;}
				.history .right_box h5{ background-position:0 -120px; text-align:left; padding-left:130px; }
				.history li.right_box .box_bg:after{ content:""; display:block; width:109px; height:100%; border-left:2px solid #c6c1b9; position:absolute; left:-94px; top:0;}
				.history li.right_box .box_bg p{ text-align:left; padding-left:18px;}
				.history li.right_box .box_bg p:before{ text-align:left; content:"●"; display:block; color:#00add8; line-height:21px; position:absolute; left:15px; }
				
		.honor .year{  margin-top:-90px;  margin-bottom:120px; /*line-height:48px;*/ }
.honor .year p{ display:block; width:50px; height:50px; background:url(../image/history.png) no-repeat -330px 0; margin:0 auto; color:#fff; font-size:14px; text-align:center;}




/*team*/
.team{ height:510px; margin-bottom: 40px;}
	.team .w1200{ background:url(../image/team.png) left top no-repeat;}
.member{ padding-top: 60px; background: url(../image/member.jpg) repeat center top #f4f4f4; overflow: hidden; padding-bottom: 80px;}
	.member ul{ margin:60px auto 0 auto; clear: both; width: 1250px; margin-left: -50px;}
		.member li{ float:left; width: 575px; height: 257px; background: #fff;  -webkit-box-shadow:0 3 18px rgba(0,0,0,.1);-moz-box-shadow:0 3 18px rgba(0,0,0,.1);box-shadow: 0 3px 18px rgba(0,0,0,.1); margin:0 0 20px 50px; }
			.member li h6{ width: 480px; color: #00add8; font-size: 22px; margin: 40px 50px 15px 50px;}
				.member li h6 span{ font-weight: 400; font-size: 16px; margin-left: 10px;}
			.member li p{ color: #4f5f6f; font-size: 16px; line-height: 30px; margin: 0 50px 20px 50px; width: 480px; height: 156px; overflow: hidden;}



/*news*/
.news,.article{ margin-top: 70px; margin-bottom: 70px;}
	.news li{ clear: both; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px dashed #dcdcdc; height: 204px; overflow: hidden;}
	.news li img{ display: block; width: 312px; height: 174px; float: left;}
	.news li .fR{ width: 800px; height: 174px;}
	.news li .fR h6{ color: #4f5f6f; font-size: 16px; margin-bottom: 20px;}
	.news li .fR p{ font-size: 14px; line-height: 25px; color: #95acbc;}
	.news li .fR span{ display: block; height: 12px; background: url(../image/date.png) no-repeat left top; padding-left: 25px; color: #95acbc;}




.article .title{ position: relative; margin-bottom: 40px;}
	.article .title h6{ font-size: 22px; color: #4f5f6f; width: 1060px; line-height: 24px;}
	.article .title span{ position: absolute; right: 0; top: 0; font-size: 14px; color: #95acbc;}
.article .content{ padding-bottom: 100px; border-bottom: 1px solid #dcdcdc; margin-bottom: 30px;}
	.article .content img{ max-width: 100%;}


.page{ position: relative; margin-bottom: 40px;}
	.page p,.page p a{ font-size: 14px; color: #555; line-height: 25px; margin: 0;}
	.page p{ margin-bottom: 5px;}	
		.page p a{ max-width: 900px;}
		.page p a:hover{ color: #bcd00e;}
	.page .back{ display: block; position: absolute; right: 0; top: 0; width: 90px; height: 40px; background: none; border: 1px solid #cecece; text-align: center; color:#cecece; font-size: 14px; line-height: 36px; padding-left: 23px; margin-top: 5px;}
	.page .back:hover{color:#fff; border-color:#01b0e5; background: #01b0e5;}
		.page .back span{ display: block; width: 20px; height: 10px; background: url(../image/back.png) no-repeat; position: absolute; left: 15px; top: 13px; }
		.page .back:hover span{ background-position:0 -10px;}







/*contact*/
.contact h5{ font-size:30px; margin-top:60px; padding-bottom:30px; border-bottom:1px solid #dcdcdc; margin-bottom:70px;}
	.contact h5 span{ display:block; font-size:22px; font-weight:400; color:#4f5f6f; margin-top:15px;}
	.contact ul{ margin-left:-70px; width:1280px; margin-bottom:70px; } 
		.contact li{ float:left; width:250px; margin-left:70px; text-align:center;}
			.contact li span{ display:block; width:100px; height:100px; margin:0 auto 30px auto; background:url(../image/contact.jpg) no-repeat;}
			.contact li.mail span{ background-position:0 0;} 
			.contact li.tel span{ background-position:-100px 0;} 
			.contact li.fax span{ background-position:-200px 0;} 
			.contact li.link span{ background-position:-300px 0;} 
			.contact li p{ font-size:16px; color:#4f5f6f;}
.map{ height:550px;}



/*talent*/
.talent{ background:#fff; margin-top:70px; margin-bottom:70px;}
	.talent ul{ border:1px solid #dcdcdc; padding-bottom:120px;}
		.talent li{ margin:0 30px;/* height:64px;*/}
		.talent li div.cb{ border-bottom:1px solid #dcdcdc;}
			.talent li span{ color:#4f5f6f; font-size:14px; line-height:64px; display:block; }
			.talent li .position{ width:180px; margin-right:80px; float:left;}
			.talent li .department{ width:200px; margin-right:50px; float:left;}
			.talent li .quantity{ width:160px; margin-right:100px; float:left;}
			.talent li .date{ width:150px; margin-right:110px; float:left;}
			.talent li .apply{ width:90px; float:right;}
		.talent .title{ background:#4f5f6f; height:60px; margin:0;}
			.talent .title span{ color:#fff; font-size:16px; line-height:60px;}
			.talent .title .position{margin-left:30px;}
			.talent .title .apply{margin-right:30px;}
			.talent li a{ color:#4f5f6f; }
			.talent li a.cur,.talent li a:hover{ color:#bcd00e; }
		.talent li .detail{ display:none; background:#ededed; padding:30px; position:relative; }
		.talent li .detail:before{ content:""; display:block; width:8px; height:7px; background:url(../image/talent.png) no-repeat; position:absolute; top:-7px; left:20px;}
		
		
		
/*investor*/
.investor{ height:auto; padding-bottom:100px;}
	.investor .w1200{ background:none;}
		.investor ul{ clear:both; width:1290px; margin-left:-25px;}
			.investor ul li{ float:left; margin-left:25px; text-align:left; width:380px; height:450px; background:#fff; padding:40px 20px 0 20px;  -webkit-box-shadow:0 3px 18px rgba(0,0,0,.1);-moz-box-shadow:0 3px 18px rgba(0,0,0,.1);box-shadow: 0 3px 18px rgba(0,0,0,.1);}
				.investor ul li img{ display:block; margin:0 auto;}
				.investor ul li h6{ display:block; margin:0 auto; font-size:20px; font-weight:400; padding-top:30px; margin-top:25px; margin-bottom:20px; border-top:1px solid #dcdcdc;}
				.investor ul li h6:after{ display:none;}
				.investor ul li p{ color:#4f5f6f; line-height:24px; font-size:16px;}



/*core*/
.subItem{ border:1px solid #dcdcdc; background:#f4f4f4; height:86px; padding-left:50px;}
	.subItem a{ display:block; float:left; font-size:14px; color:#4f5f6f; padding:35px 20px 34px 20px;}
	.subItem a:hover,.subItem a.cur{ color:#00add8;}
	.subItem a.cur{ border-bottom:2px solid #00add8;}

.core,.process{ height:auto; overflow:hidden; padding-bottom:100px;}
	.core .w1200,.process .w1200{ background:none; height:auto;}
	.core_title{ color:#cddc4c; font-size:22px; font-weight:400; line-height:26px; border-bottom:1px dashed #d7d7d7; padding-bottom:14px; margin-bottom:30px; }
	.core_title:before{ content:""; display:block; width:5px; height:30px; background:#cddc4c; margin-right:10px; float:left; border-radius:10px; }
		.core_box{ border-bottom:1px dashed #d7d7d7; padding-bottom:30px; margin-bottom:30px; position:relative;}
		.core_box:last-child,.process_box:last-child{ border:none;}
			.core_box h6:after{ height:20px;}
				.core_box h6 span{ font-size:30px; margin:0 0 10px 0}
			.core_box ul{ overflow:hidden; margin-top:0; margin-left:-25px;}
			.core_box img,.business img{ display:block; position:absolute; top:40px; right:0;}
			.core_box b{ color:#555; font-size:16px;}
	



/*process*/
.process_box{ padding-bottom:50px; border-bottom:1px dashed #d7d7d7;}
	.process_box h6 span,.business h6 span{ font-size:40px;}
	.process_box h6+b{ color:#555; font-size:16px; display:block; margin-bottom:50px;}
	.process_box img{ display:block;}



/*business*/
.business ul{ margin-left:-25px;}
.business .index_title p{ font-size: 28px;}
.business table{ border:1px solid #d7d7d7; background: #fff; margin-top: 50px;}
	.business td{ border:1px solid #d7d7d7;}
	.business tr.pic p{ line-height: 20px; margin: 0;}
	.business tr.bgBlue p{ color: #fff;}
	.business td span{ display: block; width: 80px; height: 90px; margin: 0 auto 20px auto; background:url(../image/cooperation.png) no-repeat;}
	.business td .business1{ background-position: 0 0;}
	.business td .business2{ background-position: -80px 0;}
	.business td .business3{ background-position: -160px 0;}
	.business td .business4{ background-position: -240px 0;}




/*copy_right*/
.copy_right h6{ margin-bottom: 60px;}
.copy_right h6:after{ display: none;}
.copy_box{ height: 290px; margin-bottom: 40px; clear: both; background: #fff; -webkit-box-shadow:0 3 18px rgba(0,0,0,.1);-moz-box-shadow:0 3 18px rgba(0,0,0,.1);box-shadow: 0 3px 18px rgba(0,0,0,.1);}
.copy_box .bg{ background:url(../image/copyright_bg.jpg) no-repeat; width: 500px; height: 290px;}
.copy_box span{ display:block; width: 180px; height: 160px;margin: 0 auto; background: url(../image/copy.png) no-repeat; margin-top: 65px;}
.copy_box h5,.copy_box p{}
.copy_box h5{ font-weight:400; font-size: 22px; margin-bottom: 20px;}
.copy_box p{ color: #4f5f6f; line-height: 30px; font-size: 16px; margin: 0;}
.copy1 .fR{ margin: 50px 80px 0 130px; width: 480px;}
.copy2 .fL{ margin: 70px 80px 0 130px; width: 480px;}
.copy3 .fR{ margin: 30px 80px 0 130px; width: 480px;}
.copy4 .fL{ margin: 20px 80px 0 130px; width: 480px;}
.copy5 .fR{ margin: 50px 80px 0 130px; width: 480px;}
.copy1 span{ background-position:0 0;} 
.copy2 span{ background-position:-180px 0;} 
.copy3 span{ background-position:-360px 0;} 
.copy4 span{ background-position:-540px 0;} 
.copy5 span{ background-position:-720px 0;} 













