@charset "utf-8";
/* CSS Document */
* {margin:0 auto;
   text-decoration:none;
   list-style:none;}

   body {position:relative; width:100%;}
   
a {text-decoration:none;}

/*-------------------------nav--------------------------*/
.nav_box {width:100%; height:100px; background-color:#ffaf00;}

.lnb {width:1260px;  height:100px; background-color:#ffaf00; margin:0 auto;}

.logo {width:270px; height:100px; background-image:url("/img/logo.png");}
.lnb li {float:left;}

.menu1 {width:198px; height:100px; background-image:url("/img/mn01.jpg");}
.menu2 {width:198px; height:100px; background-image:url("/img/mn02.jpg");}
.menu3 {width:198px; height:100px; background-image:url("/img/mn03.jpg");}
.menu4 {width:198px; height:100px; background-image:url("/img/mn04.jpg");}
.menu5 {width:198px; height:100px; background-image:url("/img/mn05.jpg");}

.menu1:hover {background-image:url("/img/mn01_1.jpg");}
.menu2:hover {background-image:url("/img/mn02_1.jpg");}
.menu3:hover {background-image:url("/img/mn03_1.jpg");}
.menu4:hover {background-image:url("/img/mn04_1.jpg");}
.menu5:hover {background-image:url("/img/mn05_1.jpg");}

/*-------------------------visual--------------------------*/
.slideshow img{width:100%; height:auto; margin:0 auto;
							 cursor:pointer; min-width:1024px;}

/*----------------------content--------------------------*/

.con_box {width:100%; height:770px;
				   background-color:#f4f4f2;}
		  
.content {width:1260px; height:740px; background-color:#f4f4f2;
				  margin:0 auto; padding-top:30px;}

.con_text {width:603px; height:105px;
				   background:url(../img/con_text.png);
				   margin:0 auto; margin-bottom:10px;}
		   
.con_main {width:1070px; height:530px;
					  margin:0 auto;}

.con1 {width:260px; height:531px; float:left; margin-right:10px;
	   background:url(../img/con1.jpg); cursor:pointer;}
.con1:hover {background-image:url(../img/con1_on.jpg); transition: all 0.4s;}

.con23 {width:530px; height:531px; float:left; margin-right:10px;}

.con2 {width:530px; height:260px;
			 background:url(../img/con2.jpg);
			 float:left; margin-bottom:10px; cursor:pointer;}
.con2:hover {background-image:url(../img/con2_on.jpg); transition: all 0.4s;}

.con3 {width:530px; height:260px;
			 background:url(../img/con3.jpg);
			 float:left; cursor:pointer;}
.con3:hover {background-image:url(../img/con3_on.jpg); transition: all 0.4s;}

.con45 {width:260px; height:531px; float:left;}

.con4 {width:260px; height:260px;
			 margin-bottom:10px;
			 background:url(../img/con4.jpg);
			 cursor:pointer;}
.con4:hover {background-image:url(../img/con4_on.jpg); transition: all 0.4s;}
					
.con5 {width:260px; height:260px;
			 background:url(../img/con5.jpg);}
.con5:hover {background-image:url(../img/con5_on.jpg); transition: all 0.4s;}

/*----------------------info--------------------------*/

.info {width:1260px; height:355px;
	   margin:0 auto; padding:10px 0;}
	   
.info1 {width:501px; height:355px;
			 background-image:url(../img/info1.jpg);
			 float:left; position:relative;}
		
.info_btn {width:179px; height:39px;
				   background-image:url(../img/info_btn.jpg);
				   position:absolute; bottom:40px; left:70px;}

.info2 {width: 365px; height:264px;
			 overflow:hidden; float:left;
			 margin-top:48px; margin-left:25px;}
		
.info3 {width:348px; height:355px;
			 background-image:url(../img/info3.jpg);
		  	 float:right;}

/*----------------------footer--------------------------*/
footer{width:100%; height:200px; background-color:#505050;}

.footer_box {width:1260px; height:200px; background-color:#505050;}

#footerTop{width:1260px; height:60px; margin:0 auto; position:relative;}
.fBox01{width:900px; position:absolute; top:30px; left:60px;}
.fBox01 li{float:left; padding-right:40px; font-size:13px;}
.fBox01 li a{color:white;}

#footer{width:1260px; height:140px; margin:0 auto; position:relative;}
.copy {width:700px; height:70px;
	   float:left;
	   margin-left:60px; margin-top:30px;
	   font-size:12px; color:#ccc;}
	   
.copy li {margin-bottom:3px;}
	   
.f_logo{width:229px; height:69px;
		background-image:url(../img/f_logo.png);
		float:right; margin-right:80px; margin-top:10px;}

.top_btn{width:50px; height:50px;
		 background:url(../img/top_btn.png);
		 position:fixed; bottom:30px; right:70px; z-index:1;}
.top_btn1{width:50px; height:50px;
		 background:url(../img/top_btn1.png);
		 position:fixed; bottom:90px; right:70px; z-index:1;}
.top_btn2{width:50px; height:50px;
		 background:url(../img/top_btn2.png);
		 position:fixed; bottom:150px; right:70px; z-index:1;}
.top_btn3{width:50px; height:50px;
		 background:url(../img/top_btn3.png);
		 position:fixed; bottom:210px; right:70px; z-index:1;}