@charset "utf-8";
@import url("reset.css");
@import url("normalize.css");
@import url("font_style.css");
@import url("common.css");
	.mobile_view{
		display: 
	}
	header{
		position: absolute;
	}
	
	.flexslider{
		min-width: 1200px;
		width: 100%;
		position: relative;
		position:relative; z-index:1;


	}
	.slides{
		min-width: 1200px;
		width: 100%;
		overflow: hidden;
	}
	.slides img{
		min-width: 1200px;
		width: 100%;
		height: auto;
	}
	
	.slides, .flex-control-nav, .flex-direction-nav{
		margin: 0;
		padding: 0;
		list-style: 0;
	}

	




	.flex-control-nav{
		min-width: 1200px;
		width: 100%;
		text-align: center;
		position: absolute;
		bottom: 6%;
		z-index: 999;
	}
	.flex-control-nav li{
		display: inline-block;
		margin: 0 6px;
	}
	.flex-control-nav li a{
		display: block;
		background: #fff;
		width: 12px;
		height: 12px;
		border-radius: 12px;
		text-indent: -9999px;
	}
	.flex-control-nav li a:hover{
		background: #71bc00;
	}
	.flex-control-nav li a.flex-active{
		background: #71bc00;
	}
	.flex-direction-nav a{
		display: block;
		text-decoration: none;
		position: absolute;
		top: 50%;
		z-index: 999;
		width: 80px;
		height: 100px;
		overflow: hidden;
		opacity: 0;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	
	.flex-direction-nav .flex-prev{
		left: 0;
	}
	.flex-direction-nav .flex-next{
		right: 0;
	}
	.flex-direction-nav a:before{
		font-family: "flexslider-icon";
		font-size: 40px;
		content: url('../img/left.png');
		color: #fff;
		text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
	}
	.flex-direction-nav a.flex-next:before{
		content: url('../img/right.png');
	}
	.flex-caption .right{
    width: 1200px;
    left: 0;
    top: 30%;
    right: 0;
    margin-left: 40%;
    padding: 10px;
    position: absolute;
    text-align: left;
    padding: 10px 85px;
    font-weight: 100;
	}
	.flex-caption .right2 {
    width: 1200px;
    left: 0;
    top: 30%;
    right: 0;
    margin-left: 50%;
    padding: 10px;
    position: absolute;
    text-align: left;
    padding: 10px 85px;
    font-weight: 100;
	}
	
	.flex-caption .left{
    width: 1200px;
    left: 0;
    top: 30%;
    right: 0;
    margin: auto;
    padding: 10px;
    position: absolute;
    text-align: left;
    padding: 10px 85px;
    font-weight: 100;
	}
	.flex-caption div > h1{
    font-size: 100px;
    font-family:serif;
    color: white;
    font-weight: 300;
    margin: auto 0 0 auto;
    padding: 0;
    }
	.flex-caption div > .glyphs{
    font-size: 80px;
    margin: -50px auto 0;
    font-family: sans-serif;
    color: white;
    
    }
    .flex-caption div > p{
		font-family: 'Noto Sans' sans-serif;
		font-style: normal;
		font-weight: 100;
	    font-size: 20px;
	    line-height: 2em;
	    color: white;
	  }
	.flexslider:hover .flex-direction-nav .flex-prev{
		opacity: 0.7;
		left: 10px;
		
	}
	.flexslider:hover .flex-direction-nav .flex-next{
		opacity: 0.7;
		right: 10px;
	}
	.mainbar{
		width: 100%;
		min-width: 1200px;
		text-align: center;
		margin-top: 0px;
	}
	.mainbar img{
		margin: 0;
		padding: 0;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	.mainbar img:hover{
		opacity: 0.5;

	}
	.edu{
		min-width: 1200px;
		background-color:;
		width: 100%;
		background-image: url("../img/pattern.png");
	}
	
	.edu > div{
		width: 1200px;
	    margin-left: auto;
	    margin-right: auto;
	    text-align: center;
	    height: 800px;
	    
	}
	.edu div > img{
		margin-top: 100px;
	}
	.edu div > h1{
		font-family: sans-serif;
		margin-top: 30px;
		line-height: 1.3em;
	}
	.edu div div{
		float: left;
		padding: 15px;
		width: auto;
		height: auto;
		text-align: left;
		background-color: white;
		margin: 0.8em;
		margin-top: 70px;
	}
	.edu div div > img{
		margin: 0;
	} 
	.edu div div h1{
		font-family: sans-serif;
		margin-top: 5px;
		font-weight: bold;
	}
	.edu div div p{
		font-family: sans-serif;
		line-height: 28px;
		font-size: 18px;
		color:#202020;
		margin-top: -25px;
	}
	.edu div div a{
		font-family: sans-serif;
		margin-top: 20px;
	}
	.glp{
		min-width: 1200px;
		width: 100%;
		height: 10px;
		background-color:#2daf25;
	}
	.glp div{
		width: 1200px;
		height: 10px;
		margin: 0;
		padding: 0;
		margin-left: auto;
		margin-right: auto;
	}
	.glp div div{
		min-width: 1200px;
		float: left;
		width: 600px;
		height: 10px;
		margin: 0;

		padding: 0;
	}
	.tail{
		width: 10%;
		margin-left: 90%;
		height: 10px;
		border-radius: 0px 0px 0px 50px;
		background-color: #2daf25;
	}
	.pallarax{
			background-image: url('../img/parallax.jpg');
			background-attachment: fixed;
			background-position: center;
			background-repeat: no-repeat;
			background-size: cover;
			height: 600px;
			text-align: center;
			width: 100%;
			min-width: 1200px;
			
		}
		img.class2{
			text-align: center;
		}
	.pallarax div{
		text-align: center;
	}
	.pallarax div h1{
		position: absolute;
		text-align: center;
		display: block;
		margin: 100px 0 0 40%;
		font-family: sans-serif;
		color: white;
		font-weight: bold;
	}
	.pallarax div img{
		margin-top: 0px;
	}
	.map{
		width: 100%;
		min-width: 1200px;
		height: 900px;
		text-align: center;
	}
	.map > img{
		margin-top: 100px;
	}
	.map > h1{
		font-family: sans-serif;
		margin-top: 30px;
	}
	iframe{
		min-width: 1200px;
		margin-bottom: 35px;
		width: 1200px;
		height: 400px;
	}
	.map div{
		margin-top: 30px;
		text-align: center;
	}
	.map div ul{
		list-style: none;
	}
	.map div ul li{
		display: inline-block; width: 595px; vertical-align: top;
	}
	.map div ul > .map_left{
		border-right: 1px solid #d1d1d1;
	}
	.map div ul li p{
		line-height: 1.6em; color: #a2a2a2; margin-top: 15px;
	}
	footer{
		min-width: 1200px;
		width: 100%;
		height: 260px;
		background-color: #c7c7c7;
		text-align: center;
	}
	footer div{
		width: 1200px;
		margin: 30px auto;
		height: 80px;
	}
	footer div div{
		float: left;
		width: 600px;
	}
	footer div div p{
		font-family: sans-serif;
		color: #7d7d7d;
		text-align: left;
		margin-top: 70px;
		line-height: 20px
	}
	footer div div .making{
		margin-top: 0px;
		font-family: sans-serif;
		color: #7d7d7d;
		text-align: left;
		line-hveight: 20px;
	}

/*.main_visual { width:100%; height:100%; position:relative; z-index:1; }

.main_visual [ class^="visual_0" ] { width:100%; height:100%; position:absolute; z-index:1; left:0; top:50px;}
.main_visual .visual_01 { background:url('../img/visual_01.jpg') center bottom no-repeat; background-size: cover; -ms-behavior: url(hack/backgroundsize.min.html); behavior: url(hack/backgroundsize.min.html); }
.main_visual .visual_02 { background:url('../img/visual_02.jpg') center top no-repeat; background-size: cover; -ms-behavior: url(hack/backgroundsize.min.html); behavior: url(hack/backgroundsize.min.html); }
.main_visual .visual_03 { background:url('../img/visual_03.jpg') center bottom no-repeat; background-size: cover; -ms-behavior: url(hack/backgroundsize.min.html); behavior: url(hack/backgroundsize.min.html); }
.main_visual .visual_04 { background:url('../img/visual_04.jpg') center bottom no-repeat; background-size: cover; -ms-behavior: url(hack/backgroundsize.min.html); behavior: url(hack/backgroundsize.min.html); }

.main_visual [ class^="visual_0" ] img { position:absolute; left:50%; bottom:160px; margin-left:200px; }

.main_visual .visual_01 img { margin-left:-750px; top:160px; }*/

/*.contentss { width: 80% height:auto; padding-top: -500px;  z-index: 9999;}
*/

.mobile_visual { display:none; }
.mobile_ind { display:none; }


.main_bg {width: 100% height: auto;}
.main_bg ul img {width: 100%  margin-top:2550px; background:url('../img/main_bg.png') }


.con_wrap { width:100%; height:210px; min-width: 1100px;  position:absolute;  z-index:6;  bottom:0; border-radius: 10px 10px 0px 0px; }
.con_wrap .usp_wrap { width:100%; height:190px; position:absolute; top:-80px; left:0; overflow:hidden; border-radius: 10px 10px 0px 0px;}
.con_wrap .usp_wrap:after { content:""; display:block; clear:both; border-radius: 10px 10px 0px 0px;}
.con_wrap .usp_wrap ul { width:240px; padding:0px; height:190px; float:left; background:url('../img/usp_bg.gif') center top no-repeat #fa861f; background-position-y:65px; text-align:left; letter-spacing:-1px; position:relative; bottom:-130px; z-index: 6; cursor:pointer; border-radius: 10px 10px 0px 0px;}
.con_wrap .usp_wrap ul li { font-size:14px; padding:0 30px; color:#fff; line-height:20px; text-decoration: none; }
.con_wrap .usp_wrap ul li span {  font-size:16px; font-family: 'notokr-medium'; }

.con_wrap .usp_wrap li:first-child { width:170px; padding-left:40px; height:60px; font-size:18px; line-height:60px; color:#fff; font-family: 'notokr-medium'; text-align:center; }
.con_wrap .usp_wrap ul:first-child li:first-child { ackground:url('../img/button/img_01.png') left no-repeat;  background-position-x:0px;}
.con_wrap .usp_wrap ul:first-child + ul li:first-child { ackground:url('../img/button/img_02.png') left no-repeat;  background-position-x:0px; } 
.con_wrap .usp_wrap ul:first-child + ul + ul li:first-child { ackground:url('../img/button/img_03.png') left no-repeat;  background-position-x:0px; }
.con_wrap .usp_wrap ul:first-child + ul + ul + ul li:first-child { ackground:url('../img/button/img_04.png') left no-repeat;  background-position-x:0px; }
.con_wrap .usp_wrap ul:first-child + ul + ul + ul + ul li:first-child { ackground:url('../img/button/img_05.png') left no-repeat;  background-position-x:0px; }
.con_wrap .usp_wrap ul li:first-child + li { padding-top:20px; margin-bottom:10px; }


/*.con_wrap .con_list_wrap { width:100%; height:70px; margin-top:60px; margin-top: 140px; position:relative; z-index:1; }
.con_wrap .con_list_wrap .brand { width:399px; height:100px; padding:10px 0; position:relative; z-index:2; text-align:left; float:left; }
.con_wrap .con_list_wrap .brand img { float:left; margin: 0 10px; display:block; }
.con_wrap .con_list_wrap .brand p.title { font-size:18px; color:#333; font-family: 'notokr-medium'; margin-bottom:10px; }
.con_wrap .con_list_wrap .brand p { font-size:14px; color:#666; line-height:16px; }
.con_wrap .con_list_wrap .brand span { width:390px;display:block; margin-top:20px; font-size:15px; color:#f36910; text-align:right; }
.con_wrap .con_list_wrap .brand span a { color:#f36910; }
*/
/*.con_wrap .con_list_wrap .news_latest { background: url(../images/dott.png); background-size: 100%; width:100%; height:100px; padding:500px 0; border-right:1px #ddd solid; position:absolute; z-index:9999; text-align:left; float:left; height:300px; background:url(./img/px.jpg) no-repeat 0px 0px;}
.con_wrap .con_list_wrap .news_latest .img { width:100%; height:100px; float:left; margin: 0 10px; position:relative; }
.con_wrap .con_list_wrap .news_latest > img { width:100%; height:100%; background:url('./img/main_bg.png')}
.con_wrap .con_list_wrap .news_latest .img li { width:100%; height:100%; position:absolute; left:0; top:0; display:none; }
.con_wrap .con_list_wrap .news_latest .img li:first-child { display:block; }
.con_wrap .con_.list_wrap .news_latest .img ul img {width: 150px; height: auto;}
.con_wrap .con_list_wrap .news_latest .list { width:219px; height:75px;float:left; font-size:14px; line-height:18px; }
.con_wrap .con_list_wrap .news_latest .list a { color:#666; }
.con_wrap .con_list_wrap .news_latest .list a:hover { color:#ffaf68; }
.con_wrap .con_list_wrap .news_latest .list li span { color:#f36910; }
.con_wrap .con_list_wrap .news_latest .list li { width:219px; height:18px; overflow-y:hidden; }
.con_wrap .con_list_wrap .news_latest p.title { font-size:18px; color:#333; font-family: 'notokr-medium'; margin-bottom:10px; }
.con_wrap .con_list_wrap .news_latest p { font-size:14px; color:#666; line-height:16px; }*/







.con_wrap .con_list_wrap .icon { width:100%; height:95px; padding:0 50 0 0; background-color: #ffffff;  position:relative; z-index:2; float:left; }
.con_wrap .con_list_wrap .icon a img {}
.con_wrap .con_list_wrap .icon img { margin:15px 2em;}

footer { position:absolute;  z-index:99; }


@media only screen and (max-width:1200px) { 
	
	header{
		position: fixed;
	}

	section { height:auto; min-height:0; }

	 .tail{
		  display: none;
	  }

	.mainbar img{
		width: 33%;
		height: 33%;
	}

	.flex-direction-nav a{
		display: none;
	}
}