@charset "utf-8";

/* ==========================
Filename: common.css
Description: layout, bbs...common style
============================ */

html{width:100%; height:100%;}
body{width:100%; min-height:100%}
img{width:100%;}
input[type="text"]{border:0;}
button:focus{outline:0;}
.diagram{text-align:center}
.diagram img{width:auto !important;}
.clear{clear:both;margin:0;padding:0;}

/**
layout
**/

#wrap{overflow:hidden; width:1410px; min-height:100%; margin:0 auto;}
.wrap-inner{margin:0 30px;}


/* header */
#header{position:fixed; top:0; left:0; width:100%; height:80px; background:#fff; z-index:9998;}
#header .inner-wrap{position:relative; width:1410px; height:80px; margin:0 auto;}
#header .inner{height:100%; margin:0 30px;}
#header h1{float:left; width:200px; height:40px; margin:18px 12.96296296296296% 0 0 /* 175/1350 */; }
#header h1 a{display:block;}
.gnb-open{display:none;}

#gnb{display:none;}
#gnb ul.d1 li:first-child{background:none;}

.pc-ver #gnb{display:block; float:left; width:56.66666666666667%;/* 765/1350 */ height:80px; }
.pc-ver #gnb ul.d1{width:100%; margin:0 auto;}
.pc-ver #gnb ul.d1 > li{float:left; width:25%; text-align:center;}
.pc-ver #gnb ul.d1 > li > a{display:inline-block; height:50px; padding:30px 5px 0 5px; font-size:1.188em;/* 19px */ text-align:center; color:#222;}
.pc-ver #gnb ul.d1 > li.current > a{height:46px; border-bottom:4px solid #195138; color:#195138}
.pc-ver #gnb ul.d1 > li.d1-5,
.pc-ver #gnb ul.d1 > li.d1-6{display:none}
.pc-ver #gnb ul.d2{display:none; margin:0 0 0 0; padding:25px 0 30px 0;
background:rgb(255,255,255);
background: transparent9;
background:rgba(255,255,255,0.92);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#eaffffff,endColorstr=#eaffffff);
zoom: 1;
}
.pc-ver #gnb ul.d1 > li.d1-3 ul.d2{display:none !important}
.pc-ver #gnb ul.d2 > li{margin:20px 0 0 0;}
.pc-ver #gnb ul.d2 > li:first-child{margin-top:0;}
.pc-ver #gnb ul.d2 > li > a{font-size:0.938em;}
.pc-ver #gnb ul.d2 > li > a:hover{color:#195138;}
.pc-ver #gnb ul.d3{display:none;}

.util{position:absolute; top:33px; right:30px;}
.util li{float:left;}
.util li:first-child{margin:0 15px 0 0;}
.util li a{display:block; font-size:0.875em}
.util li.contact{padding:0 15px 0 0; background:url(../imagesp/bul_util.gif) no-repeat right 5px;}

#container{overflow:hidden;}

/* visualArea */
.visualArea{clear:both; position:absolute; top:80px; left:0; width:100%; height:280px; background-repeat:no-repeat; background-position:center 0;}
.visualArea .inner{display:table; width:1410px; height:100%; margin:0 auto; background-repeat:no-repeat; background-position:center 0; vertical-align:middle;}
.visualArea .inner div.slogan{display:table-cell; width:630px; padding:30px; vertical-align:middle;}
.visualArea .inner strong.slogan-title{margin:0; font-size:4.000em;/* 64px */ font-weight:normal; color:#333}
.visualArea .inner p.slogan-txt{margin:20px 0 0 0; font-size:1.250em;/* 20px */ color:#606060}

.about .visualArea,
.about .visualArea .inner{background-image:url(../imagesp/about.jpg);}


.press .visualArea,
.press .visualArea .inner{background-image:url(../imagesp/press.jpg);}


/* location section*/
.locArea{position:absolute; top:360px; left:0; width:100%; height:50px; background:#333; z-index:999;}
.locArea .inner{width:1410px; margin:0 auto; background:#333;}

.location{float:left; margin:0 0 0 30px;}
.location div.depth{position:relative; float:left}
.location a.home,
.location button.current-loc{display:inline-block; border-right:1px solid #4d4d4d; color:#9f9f9f;}

.location a.home{overflow:hidden; float:left; height:50px; padding:0 22px; text-indent:-99999px; border-left:1px solid #4d4d4d; }
.location a.home span{display:block; width:17px; height:14px; margin:18px 0 0 0; background:url(../imagesp/ico.png) no-repeat 0 0;}
.location button.current-loc{height:46px; padding-left:22px; padding-right:15px; text-align:left;}
.location button.current-loc span{display:inline-block; width:100%; height:21px; line-height:1.6; background:url(../imagesp/bul_loc_open.png) no-repeat right 0;}
.location button.current-loc.on{color:#fff}

.location ul.sub-loc{display:none; position:absolute; top:50px; left:0; /* width:100%;  */z-index:99;}
.location ul.sub-loc li{min-width:200px; padding:0 0 0 20px; border-top:1px solid #6b6b6b; background:#4e4e4e;}
.location ul.sub-loc li:first-child{border:0;}
.location ul.sub-loc li a{display:block; height:31px; padding:15px 0 0 0; color:#fff; white-space:normal}
.location ul.sub-loc li:hover{background:#195138;}

.anchor-move{overflow:hidden; margin:0 30px;}
.anchor-move a{display:block; float:left; padding:17px 0; font-weight:700; text-align:center; border-right:1px solid #9f9f9f; color:#fff; box-sizing: border-box;}
.anchor-move a:first-child{border-left:1px solid #9f9f9f;}
.anchor-move a.current{background:#195138;}

.about .anchor-move a{width:20%;}


#contents{width:1350px; margin:0 0 100px 0; padding:450px 0 0 0;}
.one-page .con-area{margin:0 0 120px 0;}
.content{ line-height:2; min-height:350px; clear:both}
.content img{ width:auto; margin:10px;}

.pro{ width:100%}
.pro li{ width:21%; float:left; margin:2% 5%; text-align:center; font-size:20px;}
.pro li img{  max-width:100%; height:auto; margin-bottom:10px}

.pro_show{}
.pro_show ul li {
  float: left;
  width:20%; margin:10px 2.4%; display: inherit; float:left; text-align:center
}
.pro_show ul li img{ width:100%; height:auto}	

/*图片放大预览*/
#preview {
	FLOAT: left; MARGIN: 0px; WIDTH:450px;
}
.jqzoom {
	WIDTH: 420px; POSITION: relative; PADDING: 0px; POSITION: relative;border:1px solid #CCC;
}
.zoomdiv {
	BORDER: #e4e4e4 1px solid; DISPLAY: none; Z-INDEX: 100; BACKGROUND: #fff no-repeat center center; LEFT: 0px; OVERFLOW: hidden; WIDTH: 300px; POSITION: absolute; TOP: 1px; HEIGHT: 300px; TEXT-ALIGN: center;
}
.bigimg {
	WIDTH: 1000px; HEIGHT:1333px; padding-bottom:30px; padding-right:30px;
}
.jqZoomPup {
	BORDER: #aaa 1px solid; Z-INDEX: 10; BACKGROUND: #ffffff no-repeat 50% top; FILTER: alpha(Opacity=50); LEFT:0; VISIBILITY: hidden;  WIDTH: 50px; CURSOR: move;POSITION: absolute; TOP: 0px; HEIGHT: 50px; opacity: 0.5; moz-opacity: 0.5; khtml-opacity: 0.5; margin-left:10px; margin-top:10px;
}
/*end*/
.detail{ float:left; width:500px;}
.detail h1{ font-size:22px; color:#000; font-weight:bold; border-bottom:1px dotted #616161; margin-bottom:20px; line-height:60px; height:60px;}
.detail h1 a{color:#000;}
.detail h1 span{ color:#c5cad0; padding-left:10px; font-size:20px; font-family:Arial, Helvetica, sans-serif;}
.detail img{ display:none}
.detail p{ line-height:2}
.hotline{ font-size:16px; padding-top:30px; font-weight:bold}
.hotline i{ color:#ff6d00; font-size:18px; font-style:normal; letter-spacing:1px;}

.xspro{ width:300px; margin:0 auto; height:55px; line-height:55px; color:#FFF; font-size:22px; background: url(../imagesp/hot.png) no-repeat 30px center #67cd70; text-align:center; margin-top:40px; margin-bottom:40px;}
.xspro SPAN{ font-size:16px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase}

/* Quick Menu */
.quick{position:relative; width:100%; height:40px;}
.quick .inner-wrap{position:fixed; bottom:0; width:100%;}
.quick .inner-wrap.foot-fixed{position:absolute; width:100%;}
.quick .inner{width:1350px; margin:0 auto; text-align:right;}
.quick a{display:inline-block; vertical-align:bottom}


/* footer */
#footer{position:relative; width:100%;}
#footer .sitemap{background:url(../imagesp/sitemap_line.gif) repeat-x;}
#footer .sitemap .inner{width:1410px; margin:0 auto; background:url(../imagesp/sitemap_line.gif) repeat-x;}

#footer .sitemap ul li a{display:block; line-height:1.2;}
#footer .sitemap ul.d1{margin:0 30px;}
#footer .sitemap ul.d1 > li{float:left; width:16.51851851851852%;/* width:223px; */ min-height:350px; border-right:1px solid #cecece;}
#footer .sitemap ul.d1 > li.d1-5{width:13.33333333333333%;}
#footer .sitemap ul.d1 > li.d1-6{width:19.7037037037037%;}

#footer .sitemap ul.d1 > li:first-child{border-left:1px solid #cecece;}
#footer .sitemap ul.d1 > li > a{margin:0 0 0 20px; padding:15px 0; font-size:0.938em;/* 15px */ color:#195138;}

#footer .sitemap ul.d2{margin:15px 0 0 20px;}
#footer .sitemap ul.d2 > li{overflow:hidden; margin:10px 0 0 0;}
#footer .sitemap ul.d2 > li:first-child{margin-top:0;}
#footer .sitemap ul.d2 > li > a{font-size:0.875em; /* 14px */ color:#222;}

#footer .sitemap ul.d3{margin:10px 0 10px 0;}
#footer .sitemap ul.d3 > li{margin:10px 0 0 0;}
#footer .sitemap ul.d3 > li:first-child{margin-top:0;}
#footer .sitemap ul.d3 > li > a{font-size:0.813em; /* 13px */ color:#767676;}

#footer .foot-area{ background:#0f0f0f;}
#footer .foot-area .inner{width:1410px; padding:20px 0 60px 0; margin:0 auto; background:#0f0f0f;}

#footer .foot-area .top{margin:0 30px; padding:0 0 20px 0; border-bottom:1px solid #262626;}

#footer .foot-area .bottom{clear:both; margin:0 30px;  padding:20px 0 0 0;}
#footer .foot-area .bottom .foot-menu{}
#footer .foot-area .bottom .foot-menu button{display:none;}
#footer .foot-area .bottom .foot-menu div.logo{float:left; width:100px; height:35px; margin:15px 0 0 0;}

#footer .foot-area .bottom .foot-menu div.f-menu{position:relative; float:left;}
#footer .foot-area .bottom .foot-menu ul{float:left; margin:0 0 5px 0}
#footer .foot-area .bottom .foot-menu ul li{float:left; padding:0 15px; background:url(../imagesp/f_menu_line.gif) no-repeat 0 3px}
#footer .foot-area .bottom .foot-menu ul li:first-child{padding-left:0; background:none;}
#footer .foot-area .bottom .foot-menu ul li a{display:block; font-size:0.813em; color:#fff}
#footer .foot-area .bottom .foot-menu p.copy{clear:both; font-size:0.875em; color:#7e7e7e; line-height:28px;}
#footer .foot-area .bottom .foot-menu p.icp{clear:both; font-size:0.875em; color:#7e7e7e; line-height:28px;}


/* Popup */
.mainPop{position:absolute;  z-index:9999;}
.mainPop .popup-con{background:#fff;}
.mainPop .popup-con p{line-height:1;}
.mainPop .popup-close{width:100%; height:22px; padding:5px 0 0 0; font-size:0.875em;/* 14px */color:#fff; background:#000;}
.mainPop .popup-close .input-wrap{float:left; margin:0 0 0 10px;}
.mainPop .popup-close button{float:right; margin:0 10px 0 0; color:#fff;}
.mainPop .popup-close button span{display:inline-block; font-size:0.857em;/* 12px */ font-weight:700; vertical-align:top;}
.mainPop .popup-close input,
.mainPop .popup-close label{display:inline-block; vertical-align:middle;}
.mainPop .popup-close label{margin:0 0 0 5px;}


/**
Component
**/

/* title */
.hWrap{position:relative;}
.title-a,
.title-b,
.title-c{margin:0 0 27px 0;}
.title-a.first,
.title-a.first,
.title-a.first{margin-top:0 !important;}
.title-a{font-size:2.250em;/* 36px */ color:#195138;}
.title-a a{color:#195138;}
.title-b{font-size:1.438em;/* 23px */ color:#222;}
.title-c{font-size:1.250em;/* 20px */ color:#222;}

.one-page .title-a{margin:0 0 50px 0; font-size:2.5em; line-height:1; word-break:break-all; color:#042f18; float:left}
.one-page .dh{ float:right; font-size:1em; color:#999; line-height:44px; background:url(../imagesp/home.jpg) no-repeat left 5px; padding-left:40px;}
.one-page .dh a{color:#999}
.one-page .title-b{margin:0 0 35px 0; font-size:2.250em; line-height:1.3; color:#195138;}
.one-page .title-b.center{text-align:center}


/* tab-nav */
.tab-nav{clear:both; width:100%; height:55px; margin:0 0 60px 0; border-bottom:1px solid #222;}
.tab-nav > ul > li{float:left; width:19.25925925925926%; border:1px solid #d4d4d4; border-left:0; border-bottom:0;}
.tab-nav > ul > li:first-child{margin-left:0; border-left:1px solid #d4d4d4;}
.tab-nav > ul > li > a{display:block; height:37px; padding:18px 0 0 0; font-size:1.063em;  text-align:center; }
.tab-nav > ul > li.current{height:55px; border:1px solid #222; border-bottom:0; background:#fff;}
.tab-nav > ul > li.current a{height:38px;}



.btn{display:inline-block; height:38px; padding:0 0 0 2px; font-size:0.875em;/* 14px */ vertical-align:middle; background:url(../imagesp/btn.gif) no-repeat 0 0;}
.btn > span{display:inline-block; height:28px; padding:10px 30px 0 28px; background:url(../imagesp/btn.gif) no-repeat right 0;}

.btn.gray{color:#fff; background-position:0 -38px;}
.btn.gray > span{background-position:right -38px;}

.btn.blue{color:#fff; background-position:0 -76px;}
.btn.blue > span{background-position:right -76px;}

.btn.silver{color:#333; background-position:0 0;}
.btn.silver > span{background-position:right 0;}

.pageContent_end {
	clear:both;
	margin-top:30px;
	text-align:right;
}
div.pg_thumb_cover{
	width:68px;
	height:68px;
	overflow:hidden;
	margin:0;padding:0;
	float:left;
	border:2px solid #cccccc;
	margin-left:5px;
	margin-right:6px;
	margin-bottom:11px;
	cursor:pointer;
}
img.pg_thumb{
	width:auto;
	height:68px;
	margin:0;
	padding:0;
}
div.current{
	border:2px solid #00873F;
}
div.pg_box{
	width:100%;
	margin:0px auto 10px auto;
	overflow:hidden;
	text-align:center;
}
img.pg_show{
	width:auto;
	cursor:pointer;
}
.thumbbox{
	MARGIN-BOTTOM:0PX;
}