@charset "utf-8";
/* CSS Document */


.clr { clear:both; }

body { margin:0px; background: #ddd; font-family:Arial, Helvetica, sans-serif; text-align:justify; line-height:18px; font-size:12px; }

.top { width:100%; height:44px; }
	.top_in { width:991px; height:45px; margin:0 auto; background:url(../images/top_bg.png) no-repeat left; }
.link_bar  { width:100%; height:45px; background:url(../images/link_bg.jpg); }
	.link_in { width:700px; height:45px; padding-left:265px; margin:0 auto; background:url(../images/link_bg2.jpg) no-repeat left; }
	.call { width:380px; height:45px; float:left; }
		.call h1 { font-family:"Kozuka Gothic Pro B"; font-size:16px; text-transform:uppercase; color:#fff; margin:0px; padding-top:15px; }
		.social { width:300px; height:45px; float:left; }
			.social h3 { font-family:"Kozuka Gothic Pro EL"; margin-right:10px; font-size:14px; text-transform:uppercase; color:#fff; margin:0px; padding-top:15px; float:left; }
			.social a { width:32px; height:29px; float:left; margin-top:7px; margin-left:10px; }
			.social a:hover { -webkit-transition: all 0.6s linear 0s; -moz-transition: all 0.6s linear 0s; -o-transition: all 0.6s linear 0s; transition: all 0.2s linear 0s; }
			.fb { background:url(../images/fab.png) top; }
			.fb:hover { background:url(../images/fab.png) bottom; }
			.tw { background:url(../images/twit.png) top; }
			.tw:hover { background:url(../images/twit.png) bottom; }
			.yt { background:url(../images/ytb.png) top; }
			.yt:hover { background:url(../images/ytb.png) bottom; }
			.pt { background:url(../images/pintr.png) top; }
			.pt:hover { background:url(../images/pintr.png) bottom; }
#main { width:100%; background:url(../images/bg_bottom.png) no-repeat bottom; }

.main_box { width:963px; margin:0 auto; background:#fff; border-bottom:1px solid #717171; border-left:1px solid #717171; border-right:1px solid #717171; }
	.left_bar { width:249px; height:auto; float:left;  padding-bottom:15px; border-right:1px solid #717171; }
		.logo { width:249px; height:148px; float:left; }
		.main_links { width:249px; height:142px; float:left; padding-top:25px; margin-bottom:15px; }
			.main_links ul { list-style:none; width:209px; text-align:center; margin:0px 0 0 0; }
			.main_links li { padding:10px 20px; text-align:center; width:150px; background:url(../images/li_bg.png) no-repeat center bottom; }
			.main_links .on { background:url(../images/link_bg.jpg); color:#fff; }
			.main_links li:hover { background:url(../images/link_bg.jpg); -webkit-transition: all 0.6s linear 0s; -moz-transition: all 0.6s linear 0s; -o-transition: all 0.6s linear 0s; transition: all 0.2s linear 0s; }
			.main_links a { width:190px; height:33px; color:#000; text-decoration:none; }
			.main_links a:hover { color:#fff; }
		.new_box { width:249px; height:140px; padding-top:49px; float:left; background:url(../images/right_box2.png) no-repeat; text-align:center; }
			.new_box h1 { margin:10px 0 0 0; font-size:16px; font-family:"Kozuka Gothic Pro B"; font-weight:normal; color:#000; }
			.new_box h1 strong { color:#25259b; }
			.new_box p { margin:10px 0 0 0; }
		.why_box { width:219px; height:auto; float:left; padding:10px 15px; }
			.why_box h1 { margin:10px 0 0 0; font-size:16px; font-family:"Kozuka Gothic Pro B"; font-weight:normal; color:#000; }
			.why_box h1 strong { color:#25259b; }
			.why_box p { margin:10px 0 0 0; }
		
	.right_bar { width:713px; height:auto; float:left; } 
		.bannerM { width:713px; height:499px; float:left; background:url(../images/banner_bg.jpg) no-repeat bottom; }
	.right_content_left { width: 380px; float:left; padding-left:19px; }
		.right_content_left h1 { margin:10px 0 0 0; border-bottom:1px solid #d4d4d4; padding-bottom:10px; font-size:24px; font-family:"Kozuka Gothic Pro B"; font-weight:normal; color:#000; }
		.right_content_left h1 strong { color:#25259b; }
		.right_content_left p strong { color:#f19009; }
	.right_left { width:282px; height:290px; padding-top:11px; float:right; margin-right:10px; background:url(../images/right_left_bg.png) no-repeat top center; }
	 	.right_left h3 { margin:0px; margin-left:30px; color:#fff; }
		.right_left .slider { width:276px; height:200px; margin-left:4px; margin-top:20px; }
		.slider  p { margin-left:30px; color:#fff; padding-right:20px; }
		.slider  p strong { color:#fdc910; }
		.slider  a { color:#fff; text-decoration:underline; margin:0px; }
.footer { width:963px; height:73px; margin: 0 auto; background:url(../images/footer_bg.jpg); }
	.footer p { color:#fff; margin:0px 0 0 20px; text-align:left; padding-top:40px; }
	.footer p a { color:#FF6600; }
.inner { padding-top:20px; width:680px; }
	.inner_banner { float:left; }
	.gallery_box { padding-top:15px; }
	.image_box { width:220px; height:115px; float:left; margin-right:10px; margin-top:15px; text-align:center; padding-top:5px; background:#ddd; }
	
.contact_adrs { width:230px; padding-top:15px; padding-left:19px; height:auto; float:left; }
	.contact_adrs h3 { margin:0 0 0 0; }
	.contact_right { width:665px; float:left; padding-left:15px; padding-top:30px; }
	.contact_right textarea { height:100px; outline:none; border-radius: 4px 4px 4px 4px;  border:1px solid #c3c3c3; resize:none; overflow:auto; }
	.contact_right input { width:180px; height:25px;  border-radius: 4px 4px 4px 4px; outline:none; border:1px solid #c3c3c3; }
	.location { width:650px; height:300px; float:left; background:#CCCCCC; }
	.pro_detail_img{ padding:2px; margin:0px 10px 10px 0px; border:1px solid #eeeeee; float:left;}
	.matter{ margin:10px 0px;}
	.clr{ clear:both;}
	.back_btn{ color:#f79607; text-decoration:none;  font-size:14px;}
	.pro_items{float:left; padding-right:10px; text-align:center; text-decoration:none; color:#141572;}
	.right_indx_left { width:684px; padding-left:19px; padding-right:10px; }
		.right_indx_right { width:282px; height:290px; padding-top:11px; float:right; margin-right:10px; background:url(../images/right_left_bg.png) no-repeat top center; }