@charset "utf-8";

body{width:100%; min-width:1000px; }
.board_wrap{padding-bottom:100px;}
#wrap{width:100%;}
#header{width:979px;  margin:0 auto 27px;}
#header:after{content:""; display: block; clear:both}
#header h1{width:194px; height:100px; float: left; margin-top:39px}
#header h1 a{width:100%; height:auto; display:block; color:#25608a;
  font-size:13px; padding-left:18px;
}
#header h1 a span{padding-left:7px; display: block;}
#header #gnb{width:700px; margin-top:55px;
margin-bottom:36px; float: right;}
#header #gnb ul:after{content:""; display: block; clear:both}
#header #gnb ul li{float: left; position: relative; margin-right:6px;}
#header #gnb ul li a{line-height: 34px; font-size: 13px; color:#333941;
  border-top: 1px solid #333; display: block; height:34px; padding-top:3px;
  width:100%; text-indent: 8px;
}

#header #gnb ul li.on a{color:#ff9515;
  border-top:4px solid #ff9515; padding-top:0;
}
#header #gnb ul li:nth-child(1){width:193px;}
#header #gnb ul li:nth-child(2){width:105px;}
#header #gnb ul li:nth-child(3){width:107px;}
#header #gnb ul li:nth-child(4){width:98px;}
#header #gnb ul li:nth-child(5){width:144px; margin-right:0}

#header #gnb ul.submenu{position: absolute; top:38px; left:-10px; margin-top:10px;
box-shadow:0px 1px 4px rgba(0,0,0,0.6); background: #f8f8f8;
display: none; z-index:9999;padding:15px 8px 0;
}
#header #gnb ul.submenu li{display: block; width:100%; height:auto;}
#header #gnb .long_sub1 ul.submenu li{width:261px; }
#header #gnb .long_sub2 ul.submenu li{width:177px; }
#header #gnb ul.submenu li a{color:#333; border-top:none; padding-top:0;
border-top: 1px solid #333; line-height: 44px; width:100%; display: block;
height:44px; font-size: 13px;
}
#header #gnb ul.submenu li a:hover{color:#ff9515}

.index #container{width:100%; margin:0 auto; background:#f8f8f8; }
.index .visual_wrap{width:100%; height:288px;  background: #ff9515;
  margin-bottom:30px
}
.index .visual_after{width:979px; margin:0 auto}
.index .visual_after:after{content:""; display: block; clear:both}
.visual_wrap .visual{position: relative; margin-bottom:35px; width:510px; height:288px; float: left;
  box-shadow: 0px 1px 4px rgba(0,0,0,0.6);
  margin-right:27px;
}
.index .visual_text{margin-top:55px; float: left; width:418px;}
.index .visual_text h2{padding-bottom:25px; border-bottom:2px solid #000; width:100%;
  text-align: center;
}
.index .text1{font-size:13px; line-height: 18px; color:#333; text-align: center;
  padding-top:20px;
}

.index #content{width:895px; margin:0 auto}
.index .text_wrap{width:100%; padding-bottom:50px;}
.index .text_wrap h3{font-size:22px; color:#333; line-height: 1.3em; font-weight: 600;}
.index .text_wrap h4{font-size:22px; color:#ff9519; line-height: 1em; font-weight: 400;}
.index .text_wrap:after{content:""; display: block; clear:both}
.index .text_left{width:407px; float: left; margin-right:55px}
.index .text_right{width:430px; float: left;}
.index .slide_zone{width:252px; height:119px; border:2px solid #b2b1b1;}
.index .slide_zone li a{width:100%; height:100%; display: block;}


.index .text2{padding:21px 0; font-size: 16px; line-height: 1.4em; color:#333}
.index .text3{padding:21px 0;}
.index .text_right h5{font-size:16px; color:#656565; font-style:italic; font-weight: 600}
.index .text_right img{height:40px; width:135px;}
.index .text4{padding:21px 0; font-style:italic;}
.index .text5 a{color:#078ccf; padding-left:5px; border-bottom:1px solid #333}

#footer{background: #333; width:100%;}
#footer .inner{width:995px; margin:0 auto; padding:25px 0}
#footer dl:after{content:""; display: block; clear:both}
#footer dt{color:#fff; font-size: 14px; line-height: 1.4em; width:100%}
#footer dd{font-size: 12px; line-height: 20px; color:#ff9519;  float: left;
}
#footer dd:last-child{margin-right:0}
.f_txt1 dd{width:255px}
.f_txt2{margin-top:10px}
.f_txt2 dd{margin-right:50px}
#footer .f_txt2:after{content:""; display: block; clear:both}
#footer .f_txt2 dl{width:440px; float: left;}
#footer .f_txt2 dl.dl_2{width:490px; float: right;}
#footer .f_txt2 dl.dl_2 dd{float: none; margin-right:0}
#footer .f_txt2 span{padding-left:50px}
#footer .f_txt2 span.s_2{padding-left:18px;}
#footer address{width:995px; margin:10px auto 0; display: block; text-align: center;
  color:#6f6f6f; font-size: 12px; line-height: 1.4em;

}
/*sub*/
.sub h3{font-size:25px; line-height:1.3em; color:#ff9519; margin-bottom:45px;}

/*product*/
.product .title_wrap{width:100%;  background: #e8e8e8;}
.product .title_wrap .inner{width:970px; margin:0 auto; padding:42px 0;}
.product .title_wrap h3{font-size:25px; color:#ff9519; display: inline-block; line-height: 25px;
  margin-bottom:0;
}
.product .title_wrap h4{font-size:20px; color:#333; display: inline-block; line-height: 25px;
  padding-left:34px;}

.product #content{width:100%; background: #f8f8f8;}
.product .text_wrap{width:970px; margin:0 auto; padding-top:35px;}
.product .text_wrap:after{content:""; display: block; clear:both}
.product .text_wrap .aside{float:left;width:250px;box-sizing:border-box;font-size:13px;}
.product .text_wrap .aside li{height:30px;line-height:30px;border-bottom:1px solid #ff9519;box-sizing:border-box;padding-left:10px;cursor:pointer;}
.product .text_wrap .aside li a{display:block; width:250px; height:30px;}
	.product .text_wrap .aside li.sub{display:none;border-bottom:1px solid #dfdfdf;font-size:12px;}
		.pro3 .text_wrap .aside li.sub1{display:block;}
		.pro4 .text_wrap .aside li.sub2{display:block;}
	.product .text_wrap .aside li.sub a{width:240px;padding-left:20px;}
	.product .text_wrap .aside li.on{background-color:#ff9519; color:#fff;}
	.product .text_wrap .aside li.sub_on{background-image:url(../images/rf/bullet2.png);}
.product .text_wrap .board{width:690px;float:right;padding-bottom:60px;}
/*pro1*/
.pro1 .text_wrap dl{width:242px; height:244px; float: left; margin-right:50px;}
.pro1 .text_wrap dl:nth-child(3n){margin-right:0}
.pro1 .text_wrap dt{background: url(../images/rf/pro1_box.jpg) no-repeat 0 0;
  padding:2px 6px 20px 6px; width:230px; height:137px; overflow: hidden;
}
.pro1 .text_wrap dd{width:230px; margin-left:6px; height:25px; }
.pro1 .text_wrap dd a{
  line-height: 25px; font-size: 12px;
  text-align: center; width:100%; height:100%; display: block;
  color:#333;
}
.pro1 .text_wrap dd.type1{margin-bottom:3px}
.pro1 .text_wrap dd.type1 a{  color:#f8f8f8; background: rgba(255, 149, 25, 0.67);
  transition:border-color 0.4s ease 0s, background-color 0.4s ease 0s;
   font-size: 14px;
}
.pro1 .text_wrap dd.type1 a:hover{
  color:rgba(255, 149, 25, 1);
  background: rgba(255, 255, 255, 1);
  transition:border-color 0.4s ease 0s, background-color 0.4s ease 0s;
}

/*pro1-1*/
.pro1-1 .back{width:880px; margin:0 auto; padding-top:27px; padding-bottom:23px;}
.pro1-1 .back a{color:#ff9519; font-size: 14px; line-height: 14px;
}
.pro1-1 .text_wrap dl{width:287px; height:302px; float: left;}
.pro1-1 .text_wrap dl:nth-child(3n){margin-right:0}
.pro1-1 .text_wrap dt{background: url(../images/rf/pro1_1_box.jpg) no-repeat 0 0;
  padding:2px 6px 19px 6px; width:207px; height:123px; overflow: hidden;
  margin:0 40px 0 40px;
}
.pro1-1 .text_wrap dd{width:287px; height:16px;
  line-height: 16px; font-size: 12px;
  text-align: center;
  color:#333;
}
.pro1-1 .text_wrap dd.type1{margin-bottom:15px}
.pro1-1 .text_wrap dd.type1 a{color:#ff9519; font-size: 14px;}

/*pro2*/
.pro2 .text_wrap dl{width:287px; height:425px; float: left;}
.pro2 .text_wrap dl:nth-child(3n){margin-right:0}
.pro2 .text_wrap dt{background: url(../images/rf/pro1_box.jpg) no-repeat 0 0;
  padding:2px 6px 20px 6px; width:230px; height:137px; overflow: hidden;
  margin:0 25px;
}
.pro2 .text_wrap dd{width:292px; height:27px;}
.pro2 .text_wrap dd a{
  line-height: 27px; font-size: 12px;
  text-align: center; width:100%; height:100%; display: block;
  color:#333;
}
.pro2 .text_wrap dd.type1{  color:#f8f8f8; background: rgba(255, 149, 25, 0.67);
  transition:border-color 0.4s ease 0s, background-color 0.4s ease 0s;
   font-size: 14px; text-align:center;
   width:230px; margin:0 31px 11px 31px; line-height: 27px;
}

/*pro3*/
.pro3 .text_wrap{padding-bottom:30px}
.pro3 .text_wrap dl{width:430px; height:425px; float: left;}
.pro3 .text_wrap dl{border-right:1px solid #b2b1b1}
.pro3 .text_wrap dl:last-child{border-right:none;}
.pro3 .text_wrap dl:nth-child(3n){margin-right:0}
.pro3 .text_wrap dt{background: url(../images/rf/pro1_box.jpg) no-repeat 0 0;
  padding:2px 6px 20px 6px; width:230px; height:137px; overflow: hidden;
  margin:0 100px;
}
.pro3 .text_wrap dd{width:430px; height:19px; margin-bottom:20px;}
.pro3 .text_wrap dd a{
  line-height: 19px; font-size: 14px;
  text-align: center; width:100%; height:100%; display: block;
  color:#333;
  text-decoration: underline;
}
.pro3 .text_wrap dd.type1{  color:#f8f8f8; background: rgba(255, 149, 25, 0.67);
  transition:border-color 0.4s ease 0s, background-color 0.4s ease 0s;
   font-size: 14px; text-align:center; height: 27px;
   width:230px; margin:0 106px 24px 106px; line-height: 27px;
}


/*about*/
.about #container{border-top:1px solid #f8f8f8; padding-top:38px;}
.about #content{width:895px; margin:0 auto}
.about h3{width:100%;border-bottom:2px solid #c4c1ba; padding-bottom:15px;
  margin-bottom:0;   font-style: italic;
 line-height: 1.0em;}
.about .text1{padding:15px 46px 60px 46px; color:#333;}
.about .text2{padding-left:34px; margin-bottom:100px;}
.about .text2 h4{margin-top:35px; margin-bottom:16px;
  color:#534dcd; font-size: 18px; line-height: 18px; border-left:5px solid #c1bdfb;
  text-indent: 12px;
}
.about .text2 ul:after{content:""; display: block; clear:both}
.about .text2 li{width:228px; height:132px; float: left; margin-right: 80px;}
.about .text2 li:last-child{margin-right:0}
.about .text3{margin-top:36px; margin-bottom:100px}
.about .text3 dl{width:715px; margin:6px auto}
.about .text3 dl:after{content:""; display: block; clear:both}
.about .text3 dt{width:50px; display: inline-block; vertical-align: top;}
.about .text3 dd{width:650px; display: inline-block; background: #e8e8e8; padding-left:5px;
  padding-top:5px; color:#333; line-height: 1.3em;
   font-size: 15px; line-height: normal; vertical-align: top; padding-bottom:25px;
 }
 .about .text3 dd span{font-weight: 600}
 .about .text4_1{padding:32px 0 0 28px; margin-bottom:30px;}
 .about .text4_1:after{content:""; display: block; clear:both}
 .about .text4 .inner{width:225px; height:158px; float: left; margin-right:27px;}
 .about .text4 dl{width:540px; float: left;}
 .about .text4 dt{font-size:16px; line-height: 16px; color:#333; font-weight: 600;
  margin-bottom:20px;
}
.about .text4 dd{font-size:16px; line-height: 1.3em; color:#333}


/*contact*/
.contact #container{border-top:1px solid #ccc; padding-top:38px;}
.contact #content{width:895px; margin:0 auto; padding-bottom:100px;}
.contact h3{border-bottom:1px solid #f8f8f8}
.contact h3 .inner{width:895px; margin:0 auto; padding-bottom:20px}
.contact h4{font-size:18px; color:#282527; text-align: center;
  font-weight: 600;
}
.contact .text1{font-size:14px; line-height:1.3em; color:#333; text-align: center;
  margin-bottom:18px;
}
.contact #content:after{content:""; display:block; clear:both}
.contact #content .con_left{width:370px; margin-right: 17px; float:left; padding-top:18px;}
.contact #content .con_right{width:505px; height:454px; float:left;}
.contact #content .con_right .map_wrap{background:url(../images/giga/map_bg.jpg) no-repeat 0 0;
   width:492px; height:425px; overflow:hidden; padding:2px 10px 27px 3px;}
.contact .mail_wrap{width:370px;}
.contact .mail_wrap:after{content:""; display:block; clear:both}
.contact .mail_wrap .mail_left{float: left; width:168px; margin-right:3px;}
.contact .mail_wrap .mail_right{float: left; width:174px;}
.contact .mail_wrap .mail_left input:-ms-input-placeholder{color:#a9a9a9; font-size:16px;
line-height:18px;}
.contact .mail_wrap .mail_left input{border:none; background: rgba(206, 215, 143, 1); margin:0 0 5px;
   padding:5px; width:156px; color:#282527; font-size:13px; height:18px;
box-shadow:0px 1px 4px rgba(0,0,0,0.6); border-radius:5px;
}
   .contact .mail_wrap .mail_right textarea:-ms-input-placeholder{color:#a9a9a9; font-size:16px;
   line-height:28px;
 }
.contact .mail_wrap .mail_right textarea{background: rgba(206, 215, 143, 1); border:none;
  margin:0 0 5px; padding:5px; width:174px; height:85px; font-family: 'Open Sans', sans-serif;
  font-size:13px; line-height:26px; box-shadow:0px 1px 4px rgba(0,0,0,0.6); border-radius:5px;
}
.contact .btn_wrap{width:100%;}
.contact .btn_wrap:after{content:""; display:block; clear:both}
.contact .btn_wrap input{margin-left:300px;}


/*distri*/
.distri #container{border-top:1px solid #f8f8f8; padding-top:38px;}
.distri #content{width:930px; margin:0 auto}
.distri .text1{margin-top:61px;}
.distri .text1 h4{margin-bottom:26px;}
.distri .text1:after{content:""; display: block; clear:both}
.distri .text1 dl{width:242px; margin-right:76px; float: left; height:220px}
.distri .text1 dl:nth-child(3n){margin-right:0}
.distri .text1 dt{font-size:16px; line-height: 16px; color:#333; font-weight: 600;}
.distri .text1 dd{font-size: 12px; line-height: 1.4em; color:#333}
.distri .text1 dd.f_orange{font-size:14px; line-height: 14px; color:#ff9519; font-style: italic;
  font-weight: 600; margin:25px 0 20px 0;
}

/*quotation*/

.quotation #container{border-top:1px solid #f8f8f8; padding-top:38px;}
.quotation #content{width:930px; margin:0 auto}
.quotation .text1{margin-bottom:30px}
.quotation .text2{width:816px; margin:0 auto;}
.quotation .text2 h4{padding-bottom:14px; border-bottom:1px dotted #ccc; margin-bottom:10px; font-size:24px; color:#000; font-weight:600;}
.quotation .text2 p{font-size:13px; color:#000;  padding-bottom:50px;}

.quotation .text1 ul:after{content:""; display:block; clear:both}
.quotation .text1 li{width:162px; height:36px; float:left; margin-right:2px;}
.quotation .text1 li a{width:162px; height:36px; line-height:36px; background:rgba(178, 177, 177, 1); border:solid rgba(51, 51, 51, 1) 0px;
						transition:border-color 0.4s ease 0s, background-color 0.4s ease 0s; display:block; color:#f8f8f8; text-align:center;
						box-shadow:0px 1px 4px rgba(0,0,0,0.6); font-size:14px;
						}
.quotation .text1 li a:hover{border:solid rgba(51, 51, 51, 1) 0px; 	background:rgba(41, 41, 41, 1);					
						transition:border-color 0.4s ease 0s, background-color 0.4s ease 0s;
						color:orange;
						}
.quotation .text1 li.on a{ border:solid rgba(51, 51, 51, 1) 0px; 	background:rgba(101, 101, 101, 1);			
						transition:border-color 0.4s ease 0s, background-color 0.4s ease 0s;}


.quotation1 .text2{height:800px}