@charset "utf-8";

/*Layer*/
body{width:100%; max-width:1920px; margin:0 auto;}
#wrap{width:100%; min-width:1400px; margin:0 auto; overflow:hidden; }
#header{width:100%; min-width:1400px;  max-width:1920px; margin:0 auto; padding-top:25px; height:60px; }
#container{width:100%; min-width:1400px; height:100%; }
#contents{width:100%; min-width:1400px;  margin:0 auto; position:relative; z-index:101;height:100%;}
#footer{width:100%; min-width:1400px;  padding:0; background:#111111; z-index:10; position:relative;}


/*main*/


.motion{
	-moz-transition: all 1s ease-out;
	-webkit-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	transition: all 1s ease-out;
	}
.motion2{
	-moz-transition: all 0.5s ease-out 0.5s; 
	-webkit-transition: all 0.5s ease-out 0.5s;
	-o-transition: all 0.5s ease-out 0.5s;
	transition: all 0.5s ease-out 0.5s;
	}
.motion3{
	-moz-transition: scale 1s ease-out;
	-webkit-transition: scale 1s ease-out;
	-o-transition: scale 1s ease-out;
	transition: scale 1s ease-out;
	}
.motion4{
	-moz-transition: all 0.5s ease-out;
	-webkit-transition: all  0.5s ease-out;
	-o-transition: all  0.5s ease-out;
	transition: all  0.5s ease-out;
	}
.motion5{
	-moz-transition: transform 1.5s ease-out;
	-webkit-transition: transform  1.5s ease-out;
	-o-transition: transform  1.5s ease-out;
	transition: transform  1.5s ease-out;
	}
/*main*/
.main{
	overflow:hidden;
	position:relative;
	z-index:100;
	}
.main .bxslider{height:907px;}
.main .bxslider > li{
	width:100%; min-width:1400px;  height:912px;
	overflow:hidden;
	
	}
.main .bxslider > li .img{
	width:100%; min-width:1400px;  height:912px;
	position:absolute; left:0; top:0;  z-index:1;
	/*background-size:cover;*/
	}
.main .bxslider > li  .text{position:relative; position:fixed; z-index:2; text-align:left; width:100%; min-width:1400px; }
.main_s01 .img{background:url('/img/main/main02.jpg') no-repeat center top fixed; 
	 -moz-transform: translate(0) scale(1.03);;
  -webkit-transform: translate(0) scale(1.03);;
  -o-transform: translate(0) scale(1.03);;
  -ms-transform: translate(0) scale(1.03);;
  transform: translate(0) scale(1.03);;
	}
.main_s01.on .img{
	 -moz-transform: translate(0) scale(1);;
  -webkit-transform: translate(0) scale(1);;
  -o-transform: translate(0) scale(1);;
  -ms-transform: translate(0) scale(1);;
  transform: translate(0) scale(1);;
	}
.main_s02 .img{background:url('/img/main/main03.jpg') no-repeat center top fixed;
	 -moz-transform: translate(0) scale(1.01);;
  -webkit-transform: translate(0) scale(1.01);;
  -o-transform: translate(0) scale(1.01);;
  -ms-transform: translate(0) scale(1.01);;
  transform: translate(0) scale(1.01);;
	}
.main_s02.on .img{
	 -moz-transform: translate(0) scale(1);;
  -webkit-transform: translate(0) scale(1);;
  -o-transform: translate(0) scale(1);;
  -ms-transform: translate(0) scale(1);;
  transform: translate(0) scale(1);;
	}

.main_s03 .img{background:url('/img/main/main01.png') no-repeat center top fixed;
	 -moz-transform: translate(0) scale(1.01);;
  -webkit-transform: translate(0) scale(1.01);;
  -o-transform: translate(0) scale(1.01);;
  -ms-transform: translate(0) scale(1.01);;
  transform: translate(0) scale(1.01);;
	}
.main_s03.on .img{
	 -moz-transform: translate(0) scale(1);;
  -webkit-transform: translate(0) scale(1);;
  -o-transform: translate(0) scale(1);;
  -ms-transform: translate(0) scale(1);;
  transform: translate(0) scale(1);;
	}
.main_s01 .text{
	text-align:left;;
	position:relative;
	position:fixed;
	top:384px;
	color:#fff;
	font-size:21px;
	width:1400px;
	left:50%;
	margin-left:-700px;
	}
.main_s01 .text img, .main_s01 .text span{
	opacity:0;
	text-align:left;
	-moz-transform: translate(0px, 10px);
	-webkit-transform: translate(0px, 10px);
	-o-transform: translate(0px, 10px);
	-ms-transform: translate(0px, 10px);
	transform: translate(0px, 10px,);
	color:rgba(255,255,255,0.5);
	margin-bottom:40px;
	font-weight:300;
	font-size:21px;
	}
.main_s01 .text.on img, .main_s01 .text.on span{
	opacity:1;
	-moz-transform: translate(0px, 0px);
	-webkit-transform: translate(0px, 0px);
	-o-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
	}
.main_s01 .text a{margin-top:56px;display:block;}
.main_s02 .text{
	text-align:left;;
	position:relative;
	position:fixed;
	top:410px;
	color:#fff;
	font-size:21px;
	width:1400px;
	left:50%;
	margin-left:-700px;
	}
.main_s02 .text img, .main_s02 .text span{
	opacity:0;
	text-align:left;
	-moz-transform: translate(0px, 10px);
	-webkit-transform: translate(0px, 10px);
	-o-transform: translate(0px, 10px);
	-ms-transform: translate(0px, 10px);
	transform: translate(0px, 10px,);
	color:rgba(255,255,255,0.5);
	margin-bottom:40px;
	font-weight:300;
	font-size:21px;
	}
.main_s02 .text.on img, .main_s02 .text.on span{
	opacity:1;
	-moz-transform: translate(0px, 0px);
	-webkit-transform: translate(0px, 0px);
	-o-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
	}

.main_s03 .text{
	text-align:left;;
	position:relative;
	position:fixed;
	top:410px;
	color:#fff;
	font-size:21px;
	width:1400px;
	left:50%;
	margin-left:-700px;
	}
.main_s03 .text img, .main_s03 .text span{
	opacity:0;
	text-align:left;
	-moz-transform: translate(0px, 10px);
	-webkit-transform: translate(0px, 10px);
	-o-transform: translate(0px, 10px);
	-ms-transform: translate(0px, 10px);
	transform: translate(0px, 10px,);
	color:rgba(255,255,255,0.5);
	margin-bottom:40px;
	font-weight:300;
	font-size:21px;
	}
.main_s03 .text.on img, .main_s03 .text.on span{
	opacity:1;
	-moz-transform: translate(0px, 0px);
	-webkit-transform: translate(0px, 0px);
	-o-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
	}


.overview{
	width:1580px;
	height:460px;
	background:#f7f7f7;
	margin:-40px 0 0 260px;
	position:relative;
	padding-left:80px;
	z-index:10;
	}
.overview .overview_wrap{}
.overview .overview_wrap h5{
	padding-top:90px;
	width:1240px;
	text-align:center;
	}
.overview .overview_wrap h3{
	width:1240px;
	text-align:center;
	}
.overview .overview_wrap p{
	width:1240px;
	text-align:center;
	padding:25px 0 0 0;
	border-top:1px solid #bcbcbc;
	margin:25px 0 30px;;
	color:#888888;
	font-size:15px;
	}
.overview .overview_wrap .img{
	width:1240px;
	text-align:center;
	}


.product{margin-top:-50px;
	    z-index: 100;
    position: relative;
	
	}
.product_wrap{}
.product_wrap li {
	height:540px;
	}
.product_wrap li > div{}
.product_wrap li .left{
	position:absolute;
	top:50px;
	left:50%;
	margin-left:-960px;
	width:960px;
	height:490px;
	background:#3775ce;
	text-align:right;
	}
.product_wrap li .left .text{
	width:700px;
	display:inline-block;
	text-align:center;
	padding-top:60px;;
	overflow:hidden;
	}
.product_wrap li .left h5{
	margin-bottom:20px;
	font-size: 15px;
	color: #fff;
}
.product_wrap li .left h5 img{margin:0 auto;}
.product_wrap li .left h5:before{
	height:40px;
	width:1px;
	background:rgba(255,255,255,0.3);
	display:block;
	margin:0 auto 25px;
	content:"";
	}
.product_wrap li .left h6{color:rgba(255,255,255,0.5); font-size:14px; margin-bottom:20px;}
.product_wrap li .left h3{
	color:#fff;
	font-size:26px;
	line-height:1em;
	margin-top:10px;
	}
.product_wrap li .left h4{
	color:#fff;
	font-size:26px;
	line-height:1em;
	font-weight:100;
	
	}
.product_wrap li .left p{
		margin-top:10px;
	color:rgba(255,255,255,0.7);
	margin-bottom:20px;
	    font-size: 14px;
	}
.product_wrap li .left a{
	width:188px;
	height:44px;
	line-height:44px;
	text-align:center;
	color:#fff;
	border:2px solid #fff;
	display:block;
	margin:0 auto;
	}
.product_wrap li .left .text:after{
	height:40px;
	width:1px;
	background:rgba(255,255,255,0.3);
	display:block;
	margin:25px auto 0;
	content:"";
	}
.product_wrap li .img{
	position:relative;
	z-index:2;
	width:700px;
	height:490px;
	margin:0;
	margin-left:50%;
	background:#dfdfdf
	}
.product_wrap .bx-controls {
	width:700px;
	margin:0;
	margin-left:50%;
	position:relative;
	}



.portfolio{
	padding-top:85px;
	margin-top:-70px;
	   z-index: 99;
    position: relative;
	background:#fff url('/img/main/product_bg.png') no-repeat center top;
	}
.portfolio{}
.portfolio > h3{text-align:center;}
.portfolio > h3 img{margin:0 auto;}
.portfolio > h3:before{
	height:40px;
	width:1px;
	background:#b3b3b3;
	display:block;
	margin:0 auto 15px;
	content:"";
	}
.portfolio > h3:after{
	height:40px;
	width:1px;
	background:#b3b3b3;
	display:block;
	margin:15px auto 35px;
	content:"";
	}
.portfolio_wrap{width:1400px; margin:0 auto;;}
.portfolio li {font-size:0; text-align:center;}
.portfolio li > div{
	display:inline-block;
	vertical-align:top;
	}
.portfolio li .left{
	margin-top:0;
	width:698px;
	height:488px;
	text-align:right;
	border:1px solid #d7d7d7;
	background:#fff;
	}
.portfolio li .left .text{
	width:700px;
	display:inline-block;
	text-align:center;
	padding-top:80px;;
	
	}
.portfolio li .left .text:after{
	height:40px;
	width:1px;
	background:#b3b3b3;
	display:block;
	margin:25px auto 0;
	content:"";
	}

.portfolio li .left h6{color:#888888; font-size:14px; margin-bottom:20px;}
.portfolio li .left h6:before{
	height:40px;
	width:1px;
	background:#cccccc;
	display:block;
	margin:0 auto 25px;
	content:"";
	}
.portfolio li .left h3{
	color:#000;
	font-size:26px;
	line-height:1em;

	}
.portfolio li .left h4{
	color:#fff;
	font-size:26px;
	line-height:1em;
	font-weight:100;
	margin-top:10px;
	}
.portfolio li .left p{
		margin-top:10px;
	color:#797979;
	margin-bottom:20px;
	font-size:14px;
	}
.portfolio li .left a{
	width:188px;
	height:44px;
	line-height:44px;
	text-align:center;
	color:#444444;
	border:2px solid #444444;
	display:block;
	margin:0 auto;
	}
.portfolio li .img{
	position:relative;
	z-index:2;
	width:700px;
	height:490px;
	margin:0;
	margin-left:0;
	margin-top:40px;
	background:#dfdfdf
	}
.portfolio .bx-controls {
	width:700px;
	margin:0;
	margin-left:0;
	position:relative;
	}


.service{
	background:#f7f7f7;
	margin-top:-120px;
	padding-top:150px;
	height:528px;
	}
.service > h3{text-align:center; }
.service > h3 img{}
.service > h3:before{
	height:40px;
	width:1px;
	background:#b3b3b3;
	display:block;
	margin:13px auto 15px;
	content:"";
	}
.service > h3:after{
	height:40px;
	width:1px;
	background:#b3b3b3;
	display:block;
	margin:15px auto 35px;
	content:"";
	}
.service_wrap{
	width:1400px;
	margin:0 auto;;
	}

.service_wrap > ul{
	font-size:0;
	text-align:center;
	display:inline-block;
	}
.service_wrap > ul > li{
	width:338px;
	display:inline-block;
	vertical-align:top;
	margin-left:15px;
	}
.service_wrap > ul > li a{display:block; font-size:0;}
.service_wrap > ul > li:first-child{margin-left:0;}
.service_wrap > ul > li > a > .img{position:relative;}
.service_wrap > ul > li > a > .img img{

	}
.service_wrap > ul > li > a > .img span{
	position:absolute;
	righT:0;
	top:0;
	display:block;
	width:65px;
	height:65px;
	text-align:center;
	background:rgba(0,0,0,0.5);
	}
.service_wrap > ul > li > a:hover > .img span{
	background:#3775ce;
	}
.service_wrap > ul > li > a > .img span img{margin-top:25px;}
.service_wrap > ul > li > a > .text{
	border:1px solid #d2d2d2;
	border-top:0;
	height:126px;
	padding:30px 0 0 25px;
	text-align:left;
	background:#fff;
	}
.service_wrap > ul > li > a > .text h5{}
.service_wrap > ul > li > a > .text h3{
	margin:15px 0 10px;
	color:#333333;
	font-size:21px;
	line-height:1em;
	}
.service_wrap > ul > li > a > .text p{
	color:#888888;
	font-size:15px;
	
	}

.rnd{
	height:653px;
	background:url('/img/main/customer_bg.png') no-repeat center bottom,#fff url('/img/main/damsori_bg_2.jpg') no-repeat left 18px;
	padding-top:190px;
	}
.rnd > h3{text-align:center;}
.rnd > h3:before{
	height:40px;
	width:1px;
	background:#b3b3b3;
	display:block;
	margin:0 auto 15px;
	content:"";
	}

.rnd .rnd_wrap{
	width:1400px;
	margin:35px auto;
	}
.rnd div.text{
	background:#17a462;
	width:700px;
	height:415px;
	text-align:center;
	padding-top:95px;
	}
.rnd div.text > .img{
	margin-bottom:15px;
	}
.rnd div.text > p{
	color:#fff;
	font-size:15px;
	}
.rnd div.text > ul{
	margin-top:30px;
	margin-bottom:35px;
	}
.rnd div.text > ul > li{
	display:inline-block;
	vertical-align:top;
	margin:0 8px;;
	}
.rnd div.text > ul > li > img{}
.rnd div.text > ul > li > h3{
	color:#fff;
	font-size:15px;
	margin-top:10px;
	}
.rnd div.text > a{
	width:188px;
	height:44px;
	line-height:44px;
	text-align:center;
	color:#fff;
	border:2px solid #fff;
	display:block;
	margin:0 auto;
	}


.customer{padding:35px 0; background:#fff;}
.customer> h3{text-align:center;}
.customer > h3:before{
	height:40px;
	width:1px;
	background:#b3b3b3;
	display:block;
	margin:0 auto 15px;
	content:"";
	}
.customer > h3:after{
	height:40px;
	width:1px;
	background:#b3b3b3;
	display:block;
	margin:15px auto 35px;
	content:"";
	}
.customer_wrap{
	width:1400px;
	margin:0 auto;
	font-size:0;
	}
.customer_wrap > div{
	width:600px;
	display:inline-block;
	vertical-align:top;
	}
.customer_wrap > div.left{
	background:#f7f7f7;
	padding:50px;
	height:250px;
	}
.customer_wrap > div.left > h3{
	color:#333333;
	font-size:21px;
	line-height:1em;
	position:relative;
	margin-bottom:15px;
	}
.customer_wrap > div.left > h3 >  a{
	position:absolute;
	right:0;
	top:0;
	color:rgba(0,0,0,0.5);
	font-size:11px;
	}
.customer_wrap > div.left > div{}
.customer_wrap > div.left > div > div,
.customer_wrap > div.left > div > a > div{
	display:inline-block;
	vertical-align:top;
	}
.customer_wrap > div.left > div div.img{
	width:164px;
	height:116px;
	margin-right:23px;
	}
.customer_wrap > div.left > div div.text{
	width:410px;
	position:relative;
	padding-top:15px;
	}
.customer_wrap > div.left > div div.text h3, .customer_wrap > div.left > div div.text h3 a{
	color:#000000;
	font-size:22px;
	line-height:1em;
	margin-bottom:10px;
	}
.customer_wrap > div.left > div div.text p{
	color:#555555;
	font-size:15px;
	}
.customer_wrap > div.left > div div.text span.date{
	display:block;
	text-align:right;
	margin-top:10px;
	color:#555555;
	font-size:15px;
	}
.customer_wrap > div.left > div.bottom{
	border-top:1px solid #c6c6c6;
	margin-top:20px;
	padding-top:20px;
	}
.customer_wrap > div.left > div.bottom ul{}
.customer_wrap > div.left > div.bottom ul > li{
	color:#555555;
	font-size:15px;
	line-height:1em;
	overflow:hidden;
	margin-top:10px;
	}
.customer_wrap > div.left > div.bottom ul > li:first-child{margin-top:0;}
.customer_wrap > div.left > div.bottom ul > li > a{
	color:#555555;
	font-size:15px;
	width:500px;
	display:inline-block;
	}
.customer_wrap > div.left > div.bottom ul > li > span{
	color:#555555;
	font-size:15px;

	float:right;
	}
.customer_wrap > div.right{width:700px;}
.customer_wrap > div.right > div.box{
	display:inline-block;
	vertical-align:top;
	padding:40px 30px;
	width:288px;
	height:268px;
	border:1px solid #cccccc;
	text-align:center;
	}
.customer_wrap > div.right > div.box1{
	border-right:none
	}
.customer_wrap > div.right > div.box2{}
.customer_wrap > div.right > div.box div.img{
	margin-bottom:25px;
	}
.customer_wrap > div.right > div.box h3{
	line-height:1em;
	color:#222222;
	font-size:21px;
	margin-bottom:10px;
	}
.customer_wrap > div.right > div.box p{
	color:rgba(0,0,0,0.5);
	font-size:15px;
	margin-bottom:10px;
	}
.customer_wrap > div.right > div.box a{
	color:rgba(0,0,0,0.5);
	font-size:11px;
	}