.naver{
	z-index:99; height:90px;line-height: 90px; position:relative;color:#000; background: #fff ;
}
.naver .line { display:none; border-bottom:1px solid #efefef; width:95%;}
.naver .wrapper{
	overflow:visible;position:static; width:1200px; margin:auto;
}
.naver ul{
	display:inline; float: left;
}
.naver li{
	 display:inline;margin-left: 30px!important; float: left; position: relative;
}

.naver a{ 
    color: #000; font-size:16px; padding: 0px 30px; position: relative; white-space: nowrap; display:block; *display:inline;
} 


.naver .brand {    float: left;    width: 190px;    height: 100%;  padding: 0px;  z-index:99;  text-indent: -9999px;    background: url(../image/logo30.png) 50% no-repeat;}

.module a:hover,.naver li.module a{ color:#00a0e9;text-decoration:none; background: #fff ;} 
.naver .module{
	float: right; display:inline;
}
.naver .module ul{
	margin-left:0;
}

.naver .sub{ 
	float:right; display:inline;
}


.naver .search{
	float:left; display:inline;  _background:none; overflow:hidden; line-height:1em; margin-top:8px;
}
.naver .search .text{
	float:left; display:inline;
}
.naver .search .btn{
	float:left; display:inline;
}


.naver .droperr{
	top:90px;
}
.naver .droperr:before {position: absolute;
    height: 0;
    content: '';
    border: 7px solid transparent;
    border-top-width: 0;
    top: -7px;
    border-bottom-color: #e4eaec;
    box-sizing: border-box;
}
.naver .droperr {
	position:absolute;z-index:1000; margin:0; display:none;  border: 1px solid #e4eaec; text-align:center;line-height: 50px; min-width:140px;
}

.naver .l-20px {left: -20px;}
.naver .l-50px {left: -50px;}
.naver .l-65px {left: -65px;}

.naver li.selected .droperr{
	display:block;
}
.naver .droperr dd{
	border-bottom: #fff solid 1px;background: #fff;
}
.naver .droperr dd a{
	text-align:left; white-space:nowrap; txt-overflow:ellipsis; -o-txt-overflow:ellipsis; overflow:hidden; border:none; display: block; font-size:14px;
}
.naver .dzz dd a {text-align:center;}
.naver .droperr dd.selected a, .naver .droperr dd a:hover{
	background:#EFEFEF
}


.naver .collapse{
	 padding: 6px 12px 10px 12px; background:#444444; color:#fff; display:none; position:absolute; right:5px; top:10px;
}
.naver .collapse span{ border-radius: 1px 1px 1px 1px;
    display: block; height: 2px; width: 22px; background:#fff; margin-top: 4px;
}

 
.naver.unstyled{ background:none;} .naver.unstyled a{ color:#333 !important; border-right:0 !important;} .naver.unstyled a:hover, .naver.unstyled a.selected{ background:none !important;}

.naver.fixed{
	position:fixed; top:0; width:100%; _position:absolute; _top: expression(documentElement.scrollTop + "px"); z-index:999; opacity:0.8;
}






 

.naver .caret{
	border:#333 solid 4px; border-top:#999 solid 4px; margin:25px 0 0 5px; content: ""; display: inline-block; height: 0; vertical-align: top; width: 0;
}
.naver .selected .caret{
	border-top-color:#222; border-bottom-color:#999; margin-top:20px;
}


.naver .btn,
.naver .btn:hover{
	position:relative; padding:0 20px !important; height:30px !important; line-height:30px !important; background:#639c8f !important; color:#fff !important; display:inline-block !important; _top:10px;
}


@media (min-width: 10px) and (max-width: 1020px) {
	.naver{
		
	}
	.naver .droperr dd.selected a, .naver .droperr dd a:hover{background:none}
	.naver .dzz dd a {text-align:left;}
	.naver .droperr dd a {border-bottom: 1px #ddd dashed; padding:0; margin-left:20px; width:60%;padding-left: 10px;}
	.naver .line{ display:block}
	.naver a {line-height: 40px;padding: 0px 20px;}
	.naver .brand{
		 line-height:90px;
	}
	.naver .wrapper{ padding:0; margin:0;width: auto;}
	.naver .collapse{ display:block;}
	
    .naver ul{
    	float: none; display: block;
	}
	.naver li{
		float: none; display: block;margin-left: 0px!important;
	}
	.naver .module, .naver .search, .naver .sub{
		display:none; float: none; clear: both;
	}
	
	.naver.selected .module{
		background: #fff;
	}
	
	.naver.selected .module{
		display:block;    padding-left: 10px; padding-bottom:30px;
	}
	.naver .search{
		float:none;
	}
	.naver .module{
		margin-left:0; margin-right:0;
	}
	.naver .droperr:before {border-bottom-color: rgba(228, 234, 236, 0);}
	.naver .droperr{		
		 display:block; float:none; position:static; background:none; width:auto; clear:both; margin-left:52px;    border: 0px solid #e4eaec;
	}
	.naver .droperr a{
		border-bottom-color:#333;
	}
	.naver .caret{ display:none;}
	
	.naver ul ul{
		position:static; width:auto;
	}
	.naver ul ul a{
		border:none;
	}
	
}

header , .header{
	margin: 0px auto 0px auto; height:auto; overflow:hidden; clear:both;
}
header h1, .header h1{
	font-size: 60px; line-height:60px; margin:0;
}
header h2, .header h2{
	font-size:20px; line-height:30px;
}
.header .search{
	margin:10px 0 0 0;
}
.header .search .text{
	padding:9px;
}
.header .search .btn{
	padding:9px;
}

.navbar{ margin: 0px auto 0 auto; background-color: #2C2C2C; background-repeat: repeat-x; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.075); 
}
.navbar a{ margin:0 10px 0 10px; padding:5px 5px; display:inline-block; color:#666; }
.navbar a.selected{ background:#EDF7FC; }
.navbar a:hover{ text-decoration:none; background:#F1F9FD; }
.navbar .divider{ margin:5px 2px; border-left:#5cadd8 solid 1px; border-right:#fff solid 1px; }



.gh {
    display: block;
    height: 60px;
    outline: medium none;
    width: 60px;
	position:absolute; right:20px; top:15px; cursor:pointer; display:none;
	
	
	-webkit-transform:translateZ(0) rotate(0deg);
-ms-transform:translateZ(0) rotate(0deg);
transform:translateZ(0) rotate(0deg);
-webkit-transition:-webkit-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
transition:transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
outline:none;
-webkit-tap-highlight-color:rgba(255, 255, 255, 0);
-webkit-tap-highlight-color:transparent;
}

.gh svg {
    font-size: 18px;
    left: 0px;
    position: absolute;
    top: 0px;
    
	
	-webkit-transform:translateZ(0) rotate(0deg);
-ms-transform:translateZ(0) rotate(0deg);
transform:translateZ(0) rotate(0deg);
fill:#576977;
-webkit-transition:-webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);
transition:transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 1);
}

.gh rect {
    left: 0;
    top: 0;
   
   
   -webkit-transition:-webkit-transform 0.2s 0.2s;
transition:transform 0.2s 0.2s;
}
.gh svg.top .rect {

	
    -webkit-transform:translate3d(0, -8px, 0);
-ms-transform:translate3d(0, -8px, 0);
transform:translate3d(0, -8px, 0);
}
.gh svg.bottom rect {
	
    -webkit-transform:translate3d(0, 8px, 0);
-ms-transform:translate3d(0, 8px, 0);
transform:translate3d(0, 8px, 0);
}

.selected .gh {
    -webkit-transform:translateZ(0) rotate(90deg);
-ms-transform:translateZ(0) rotate(90deg);
transform:translateZ(0) rotate(90deg);
-webkit-transition:-webkit-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
transition:transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}


.selected .gh svg {
    
	-webkit-transition:-webkit-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
transition:transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
-webkit-transform:translateZ(0) rotate(45deg);
-ms-transform:translateZ(0) rotate(45deg);
transform:translateZ(0) rotate(45deg)

}
.selected .gh svg.bottom {
    -webkit-transform:translateZ(0) rotate(-45deg);
-ms-transform:translateZ(0) rotate(-45deg);
transform:translateZ(0) rotate(-45deg);
}
.selected .gh svg.top {
    -webkit-transform:translateZ(0) rotate(45deg);
-ms-transform:translateZ(0) rotate(45deg);
transform:translateZ(0) rotate(45deg);
}
.selected .gh. rect {
   -webkit-transition:-webkit-transform 0.2s;
transition:transform 0.2s;
}
.selected .gh svg.top rect, 
.selected .gh svg.bottom rect {
    -webkit-transform:translate3d(0, 0, 0);
-ms-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
}

@media only screen and (max-width:1020px) {
	.gh{
		display:block;
	}
}
@media (max-width: 1020px) and (min-width: 10px)
.naver .module, .naver .search, .naver .sub {
    display: none;
    float: none;
    clear: both;
}



.sdtitle { background:url(/public/img/linebg.png) 50% no-repeat;}
.sdtitle h3 {font-size: 2.5em;color: #000;text-transform: uppercase;text-align: center;}
.sdtitle i{font-size: 1.1em;color: #333;}
	

.link {height:130px;position: relative;  background: #58c5c0;}
.link .wrapper{ margin:auto; width:1200px;overflow: hidden;} 
.link .wrapper .row {padding: 40px 0 0 150px;}
.link .wrapper .list {margin: 0px;    width: 25%;float: left; color:#fff}
.link .wrapper .list a{ color:#FFFFFF}
.link .wrapper .list p {font-size: 16px;line-height: 48px;}
.link .wrapper .list i.fa {font-size: 30px;    width: 40px;    height: 60px;    line-height: 60px;float: left; padding-right:15px;}


.service-section {z-index: 1;position: relative;text-align: center; margin-top:70px;overflow: hidden;}
.service-section .wrapper{ margin:auto; width:1200px} 
.service-section p {
    font-size: 1em;
    color: #333;
    text-transform: uppercase;
    text-align: center;
    padding: 0.5em 1em;
}
.service-section h3 {
    font-size: 2.5em;
    color: #000;
    text-transform: uppercase;
    text-align: center;
}
.service-grid {
	text-align: center;
    margin-top: 1.75em;
    margin-bottom: 1.5em;
    overflow: hidden;
}
.service-grid h4 {
    font-size: 1.2em;
    text-transform: uppercase;
    padding: 0.2em 0;
    margin-top: 0.5em;
    text-align: center;
    line-height: 2;
    height: 2em;
    overflow: hidden;
}

.service-section a.button {
    font-size: 1em;
    text-decoration: none;
    background: #5b6169;
    padding: 0.2em 1em;
    color: #fff;
}

.hvr-shutter-in-horizontal {
	font-size: 1em;
    text-decoration: none;
    background: #5b6169;
    padding: 0.2em 1em;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    background: #2098d1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.hvr-shutter-in-horizontal:before{content: "";position: absolute;z-index: -1;top: 0;bottom: 0;left: 0;right: 0;background:#5b6169;-webkit-transform: scaleX(1);transform: scaleX(1);-webkit-transform-origin: 50%;transform-origin: 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}

.service-grid img {
    width: auto;
}
.service-section .col-md-4 {
    width:400px;float: left;
}



.sdservice{z-index: 1;position: relative;text-align: center; margin-top:70px;overflow: hidden; background:#f2f4f5}
.sdservice .wrapper{ margin:auto; width:1200px;} 
.sdservice .wrapper .col-md-4 {width:370px;float: left;    position: relative;    min-height: 150px; height:155px;    padding-right: 15px;    padding-left: 15px;}
.sdservice .wrapper .row{margin-top: 45px;    margin-bottom: 40px;    overflow: hidden;}
.sdservice .wrapper .item { padding: 20px;    background: #fff;    border-radius: 2px;    text-align: left;    margin-bottom: 30px;    display: block;}
.sdservice .wrapper .item  a{color: #333;    text-decoration: none;}
.sdservice .wrapper .item img {    float: left;    width: 80px;    margin-right: 10px;    border-radius: 2px;ertical-align: middle;border: 0;}
.sdservice .wrapper .item .mb5 {    margin-bottom: 5px;font-size: 100%;}
.sdservice .wrapper .item b, strong {    font-weight: bold;}
.sdservice .wrapper .item .ps {    font-size: 12px;    color: #999;    line-height: 20px;    word-wrap: break-word;    word-break: break-all;}