@charset "utf-8";

html {font-size:12px; font-family:'Noto Sans',Tahoma,Geneva,sans-serif; padding:0; margin:0;}
*, ul, li, div, span, p, img { padding:0; margin:0;}
a:link {text-decoration:underline;}
a:visited {	text-decoration:underline;}
a:hover {text-decoration:none;}
a:active {text-decoration:underline;}

#wrap {max-width:768px; margin:0 auto; overflow:hidden; position:relative;}
.default{width:100%; max-width:768px; margin:0 auto; padding:0; border:0; list-style:none; position:relative;}
.default img {width:100%; padding:0; margin:0; display:block;}
.cl-fix:after {content:''; display:block; clear:both;}

.header {display:block; max-width:768px; height:auto; margin:0 auto; padding:0px; }
.logo {width:100%; height:100%; background-image:url(../images/logo.png); background-size:100%; background-repeat:no-repeat;}
.logo a {width:100%; display:block; padding:10px 0; font-family:'Noto Sans'; font-size:30px; font-weight:700; text-align:center; color:#0b1969; text-decoration: none; letter-spacing:-1px;}
.gnb {display:block; max-width:768px; margin:0 auto; padding:0px; background: #042a96;}
.gnb-m4 { height:40px; *zoom:1; max-width:768px; text-align:center; margin:0; padding:0; border:0; clear:both; }
.gnb-m4 ul { margin:0; padding:0; border:0;}
.gnb-m4 li {height:100%; list-style:none; float:left; margin:0; padding:0;	border:0;}
.gnb-m4 li a {display:block; height:100%; color:#fff; text-decoration:none; font-size:15px; font-weight:300; line-height:2.5; border-right:1px solid rgba(255, 255, 255, 0.3);}
.gnb-m4 img { max-width:768px; }
.gnb-m2 li { width:50%}
.gnb-m3 li { width:33.3333%}
.gnb-m4 li { width:25%}


.menu, .menu2, .menu3, .menu4 { *zoom:1; max-width:768px; text-align:center; margin:0 auto; padding:0; border:0; clear:both; }
.menu ul, .menu2 ul, .menu3 ul, .menu4 ul { margin:0; padding:0; border:0;}
.menu li, .menu2 li, .menu3 li, .menu4 li {height:100%; list-style:none; float:left; margin:0; padding:0;	border:0;}
.menu img, .menu2 img, .menu3 img, .menu4 img { width:100%; padding:0; margin:0; display:block; border:0;}
.menu img { max-width:768px; }
.menu2 li { width:50%}
.menu3 li { width:33.3333%}
.menu4 li { width:25%}
.menu:after, .menu2:after, .menu3:after, .menu4:after{content:""; display:block; clear:both;}


.flexslider { max-width:768px!important; margin-left:auto!important; 	margin-right:auto!important;}
.banner-shadow{ max-width:768px!important; margin-left:auto!important; margin-right:auto!important;}

.slide {position:relative;}
.slide-text {position:absolute; top:20%; left:5%; font-size:23px; line-height:23px; font-weight:700; letter-spacing:-0.5px; color:#fff; text-shadow:1px 1px 5px rgba(0,0,0,0.8);}
.slide-text p:nth-child(2) {color:yellow;}
.slide-text p:nth-child(3) {margin-top:10px; padding:3px; font-size:15px; line-height:16px; font-weight:300; background:rgba(143,177,8,0.8);}


.main-tit {width:100%; max-width:768px; margin:0 auto; padding:12px 0; text-align:center; }
.main-tit h2 {display:inline-block; margin:0 5px; font-size:15px; font-weight:300;}
.main-tit:before img {background-size:50%;}
.main-tit:before{content:url(../images/tree-icon.png); display:inline-block; vertical-align:middle;}
.main-tit:after{content:url(../images/tree-icon.png); display:inline-block; vertical-align:middle;}



.con {position:relative;}
.con a {display: block;}
.con-text {position:absolute; margin-left:17px; width:100%; top:53%; text-align:left; color:#fff; letter-spacing:-0.8px;}
.con-text dt {font-size:13px;}
.con-text dd {font-size:10px;}
.con:nth-child(2) .con-text {position:absolute; top:7%; margin-left:14px; text-align:left; color:#fff;}
.con:nth-child(3) .con-text {position:absolute; top:53%; margin-left:5px; text-align:left; color:#fff;}


.foo-cc {max-width:768px; margin:0 auto; background-image:url(../images/foo-bg.jpg);}
.foo-ccbtn {width:95%; max-width:768px; margin:0 auto; padding:0; border:0; list-style:none; position:relative;}
.foo-ccbtn .menu2 {padding-bottom:30px; font-family:'Noto Sans',Arial; letter-spacing:-0.5px; font-size:17px;}
.foo-ccbtn .menu2 li {height:50px;}
.foo-ccbtn .menu2 li:nth-child(1) {background:#2fbcd4;}
.foo-ccbtn .menu2 li:nth-child(2) {background:#2f5de0;}
.foo-ccbtn .menu2 li:nth-child(3) {background:#0090ff;}
.foo-ccbtn .menu2 li:nth-child(4) {background:#ffde00;}

.foo-ccbtn .menu2 li a {display:block; width:100%; padding:10px 0; color:#fff; text-decoration:none;}
.foo-ccbtn .menu2 li a:before {content:''; display:inline-block; width: 25px; height: 25px; background:url(../images/foo-cc-1.png) no-repeat; background-size: contain; vertical-align:middle;}
.foo-ccbtn .menu2 li:nth-child(2) a:before {content:''; display:inline-block; margin:2px 5px 0 0; width: 25px; height: 25px; background:url(../images/foo-cc-2.png) no-repeat; background-size: contain; vertical-align:middle;}
.foo-ccbtn .menu2 li:nth-child(3) a:before {content:''; display:inline-block; margin-right:5px; width: 25px; height: 25px; background:url(../images/foo-cc-3.png) no-repeat; background-size: contain; vertical-align:middle;}
.foo-ccbtn .menu2 li:nth-child(4) a:before {content:''; display:inline-block; margin-right:5px; width: 25px; height: 25px; background:url(../images/foo-cc-4.png) no-repeat; background-size: contain; vertical-align:middle;}
.foo-ccbtn .menu2 li:nth-child(4) a {color:#121212;}

.foo-info {padding-bottom:20px;}
.foo-info li {float:left; list-style:none;}
.foo-info li:nth-child(1) img {padding-left:20px; width:40px;}
.foo-info li:nth-child(2) {padding-left:10px; color:#575757; font-size:13px; letter-spacing:-0.5px;}


.sub-wrap {width:95%; max-width:768px; margin:0 auto;}
.sub-wrap p {font-size:12px; letter-spacing:-0.5px; color:#515151;}
.sub-wrap img {width:100%;}
.sub-wrap .sub1-maincopy {display:block;}
.sub-wrap .sub1-maincopy p:nth-child(1) {color:#515151; font-size:15px; font-weight:700;}
.sub-wrap .sub1-maincopy p:nth-child(2) {color:#4668d5; font-size:15px; font-weight:700;}
.sub-body {padding:10px 0 20px; border-bottom:1px solid #d2d2d2;}


.map-body {width:95%; max-width:768px; margin:0 auto;}
.map-body dl {float: left; width:100%; display:inline; margin-bottom:5px;}
.map-body dt {display:inline-block; width:20%; text-align:center; background: #355db4; color:#fff;}
.map-body dd {display:inline-block; margin-left:10px;}


.sub-icon {width:90%; max-width:768px; margin:0 auto; text-align:center;}
.sub-icon ul {display:inline-block;}
.sub-icon li {
	float:left;
	margin-right:15px;
	width:54px;
	height:54px;
	background:#6479f0;
	color:#fff;
	border-radius:15px 0;
	list-style:none;
	text-align:center;
}
.sub-icon li:nth-child(2) {background:#344acd;}
.sub-icon li:nth-child(3) {background:#3b83ba;}
.sub-icon li:nth-child(4) {background:#23968f;}
.sub-icon li:last-child {margin-right:0; background: #089238;}

.sub-icon li span {display:inline-block; padding:20% 15%; font-size:14px; text-align:center; line-height:1; letter-spacing:-0.5px;}
.sub-icon li:nth-child(4) span {padding:35% 15%;}
.sub-icon li:last-child span {padding:25% 2%;}

.sub-icon p {margin:10px 0; font-size:14px; letter-spacing:-0.5px; color:#515151;}

.sub2-wrap {width:90%; max-width:768px; margin:0 auto;}
.sub2-wrap img {width:100%; margin-bottom:30px;}






.pb40 { padding-bottom:40px !important;}


.left, .right{ float:left; width:50%;}
.left p, .right p{ margin:0; padding:0;	border:0;}
.left img, .right img{ width:100%; margin:0; padding:0; border:0;}
.map { max-width:768px; margin:0 auto; padding:0 10px 30px;}
#footer { max-width:768px; margin: 0 auto; padding:20px 0; text-align:center;
	font-weight:normal; line-height:20px; color:#fff;
	background-color:#a8a8a8; background-repeat:repeat; background-size:100%;}
#footer .strip { max-width:768px; text-align:center; color:#fff; font-size:13px; line-height:18px;}
#footer .strip span { font-weight:normal; color:#eee; font-size:12px;}
#footer .strip img { margin-right:0;}
#footer a { color:#fff; font-size:11px; }
#footer a:link { color:#fff; font-weight:normal;}
#footer a:hover { color:#fff; text-decoration:none;}
#footer a:active { color:#fff;}