html,body {
	"Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB","Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
	color:#222;
	background:#fff;
	padding:0;
	margin:0;
	text-align: justify;
	-webkit-font-smoothing: antialiased;
}

a {
	color: #222;
	text-decoration: none;
}
a:hover{color: #fbc02d;
		text-decoration: none;}
a:focus {
	color: #4564a8;
	text-decoration: none;
}
a:focus {
  outline: thin dotted;
  outline: 9px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
img, object, svg {
    vertical-align: middle;
}

.disable_t{ color:#aaa; cursor:not-allowed;}

.font_c1{color: #4564a8;}/*主色*/
.font_c2{color: #ff9900;}
.font_c3{color: #90d093;}/*绿色*/
.font_c4{color: #FF6600;}
.font_c5{color: #FFF;}
.font_c5 a{color: #FFF;}
.font_c5 a:hover{color: #ddd;}
.font_c6{color: #666;}
.font_c7{color: #1fd3d3;}/*水绿色*/
.font_c8{color:#50a1e6;}/*水蓝色*/
.font_c8 a{color:#50a1e6;}
.font_c8 a:hover{color:#3080c5;}
.font_c9{color: #5e96dc;}/*紫蓝色*/
.font_c9 a{color: #5e96dc;}
.font_c9 a:hover{color: #2267c7;}
.font_c10 { color:#ffbf5b;}/*桔色*/
.font_c11 { color:#e6967c;}/*虾粉色*/
.font_c12 { color:#999;}
.font_c12 a{ color:#999;}
.font_c12 a:hover{ color:#FF9900;}
.font_c13 { color:#ccc;}
.font_c14{color: #25b3d0; -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(40,200,190,.3)), to(rgba(23,170,230,1))); }
.font_c15 { color:#ad90d0;}
.font_c16 { color:#fff08c;}
.font_c17{color: #000000}
.bg-red {
    background: #e5b5b5;
}
.bg-red:hover{
    background: #e8c0c0;
}
.bg-yellow {
    background: #deb68b;
}
.bg-yellow:hover{
    background: #f0c394;
}
.bg-blue {
    background: #a6b6d9;
}
.bg-blue:hover{
    background: #b7c2d9;
}
.bg-green {
    background: #b4cca3;
}
.bg-green:hover{
    background: #c5e0b1;
}

.bg-silver {
    background: #f6f6f6;
}

.bg-w{ background-color: #fff;}

::-webkit-scrollbar {
        width:12px;
        background-color: #f9f9f9;
}
::-webkit-scrollbar-thumb{
	background-color: #ddd;
}


::selection {
    background: #9fafd2;
    color: #fff;
    }

::-moz-selection {
    background: #9fafd2;
    color: #fff;
}

.font12{ font-size:12px;}
.font_c1{color: #4564a8;}
.font_c1 a{color: #4564a8;}
.font_c2{color: #fbc02d;}
.font_c3{color: #a22a43;}
.font_c4{color: #336699;}
.font_c5{color: #FFF;}
.font_c6{color: #666;}
.font_c7{color: #71d3ab;}
.font_c8{color:#2692E1;}
.font_c9{color: #34BBB1;}
.font_c10 { color:#a353cc;}
.font_c11 { color:#3300cc;}
.font_c12 { color:#999;}
.font_c12:link{ color:#999;}
.font_c13 { color:#ccc;}
.font_c18{color: #f48222;}
.m-t-2em{ margin-top:2em;}
.m-b-2em{ margin-bottom:2em;}
.m-t-15px{ margin-top:15px;}

.m-tb-1em{ margin:1em 0;}
.m-tb-2em{ margin:2em 0;}
.m-lr-1em{ margin:0 1em;}
.m-l-1em{ margin:0 0 0 1em;}
.m-1em{margin:.9em;}
.m-r-5px{ margin-right:5px;}
.m-l-5px{ margin-left:5px;}
.m-r-12px{margin-right:11px; padding-right:11px;}
.mp-0{ margin:0px; padding:0px;}
.m-0{ margin:0px;}
.mp-l-0{margin-left:0px; padding-left:0px;}
.mp-r-0{margin-right:0px; padding-right:0px;}
.mp-rl-0{margin-right:0px; padding-right:0px;margin-left:0px; padding-left:0px;}
.mp-b-0{margin-bottom:0px; padding-bottom:0px;}
.mp-t-0{margin-top:0px; padding-top:0px;}
.p-tb-1em{ padding:1em 0;}
.p-10px{ padding:10px 20px;}
.p-11px{ padding:11px 20px;}
.p-t-1em{ margin:1em 0 0 0;}
.p-b-1em{ margin:0 0 1em 0;}
.p-r-1em{ margin:0 1em 0 0;}
.p-l-1em{ margin:0 0 0 1em;}
.s1_font{ font-size:90%;}
.s2_font{ font-size:85%;}
.b1_font{ font-size:115%;}
.b2_font{ font-size:130%;}
.b3_font{ font-size:150%;}
.fs24 {
   	 font-size: 24px;
}
.fs16{font-size:16px;}

.btn-border{ border:1px solid #4564a8; padding:5px 10px;color: #4564a8;}
.btn-border.disabled{ border:1px solid #eee; padding:5px 10px;color: #999; cursor:not-allowed;}
.btn-border:hover{ border:1px solid #ddd; padding:5px 10px; background:#f9f9f9}

.break-text{
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
word-break:keep-all;
display:block;
}
.fw{ width:100%;}
.border-b{ border-bottom:1px solid #e6e6e6;}
.border-r{border-right:1px solid #e6e6e6;}
.border-l{border-left:1px solid #e6e6e6;}
.border-t{border-top:1px solid #e6e6e6;}


.sticky-wrapper{
	position: absolute;
	top: 0;
	left: 0;
    padding: 0;
    z-index: 12000;
	width: 100%;
}
#header{
    position: absolute;
	top: 0;
	left: 0;
    /*right: 0;*/
    padding: 0;
	width: 100%;
    /*width: 1020px;*/
    /*min-width: 1280px;*/
    z-index: 12000;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
	height: 64px;
}
#header-sticky-wrapper { background-color: transparent; z-index: 9999999;}
.header-nav-bg{
    min-width: 1280px;
}
#header .container{
  width: 100%;
  padding: 0;
}
#header .row {position: relative;}
#header .navbar-brand {
    color:#666666;
    display: block;
    position: absolute;
	right: 10px;
    padding: 0 0 0 15px;
    z-index: 10;
    top: 15px;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 700;

}
.header-nav-bg { background-color: #019faa; z-index: 1;}
.nav > li > a:hover, .nav > li > a:focus, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {background-color: transparent;}

/*-----------菜单 Menu ---------------*/
.sf-menu, .sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
}
.sf-menu li {
    /*position: relative;*/
}
.sf-menu ul {
    position: absolute;
    display: none;
    top: 100%;
    /*left: 12%;*/
    z-index: 99;
}
.sf-menu > li {
    float: left;
    /*display: inline-block;*/
}
.sf-menu li:hover{
    background: rgba(0,158,169,0.8);
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
    display: block;
}

.sf-menu a {
    display: block;
    position: relative;
}
.sf-menu ul ul {
    top: 0 !important;
    left: 100%;
}


/* Menu Skin */
.sf-menu {float: left;margin-left: 8%}
.sf-menu ul {
    width: 48%;
    /*min-width: 12em; !* allow long menu items to determine submenu width *!*/
    /**width: 12em; !* no auto sub width for IE7, see white-space comment below *!*/
}
.sf-menu ul ul {
    margin-top: -17px;
}

.sf-menu a {
    font-size: 18px;
    padding: 0;
    text-decoration: none;
    zoom: 1; /* IE7 */
    color: #fff;
}
.sf-menu a:hover {
    color:#eee;
}
.sf-menu > li {
    /*text-align: center;
    padding:28px 0 18px 36px;
    */
}
.sf-menu > li > a {
    border-top: 3px solid transparent;
    padding:10px 20px 20px;
    margin:0px 0;
	text-align: center;
}
.sf-menu > li > a p{ font-size: 12px; color: #e9e9e9; margin-top: -3px;}

.is-sticky .sf-menu > li > a { margin:0;}

.sf-menu > li:first-child > a {border-left: none;}
.sf-menu > li > a:hover, .sf-menu > li.active > a{
    border-color: #eee;
}
.sf-menu > li li.active > a {
    color: #fff;
    cursor: text;
}


.sf-menu li {
    /*white-space: nowrap;*/ /* no need for Supersubs plugin */
    *white-space: normal; /* ...unless you support IE7 (let it wrap) */
}
.sf-menu ul {
    display: none;
    background: rgba(0,158,169,0.8);
    /*padding: 13px 0 13px;*/
     -webkit-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.05);
     border:none;
     border-radius: 0;
}

.sf-menu ul li {
    width: 22%;
    border: none;
}

.sf-menu ul li + li {
}

.sf-menu ul a {
    padding: 10px;
    color:#fff;
}
.sf-menu ul a {
    /*border-top: 1px solid rgba(100,100,100,0.2);*/
}
.sf-menu ul a:hover {
    color:#4564a8;
}
.sf-menu ul li:first-child > a {
    border-top: none;
}

.sf-menu ul li:last-child a {
/*    padding-bottom: 0;*/
}
.sf-menu ul ul{
    background-color: #fff;
}
.sf-menu ul ul a {
    color:#01090c;
}
.sf-menu li:hover,
.sf-menu li.sfHover {
    /* only transition out, not in */
    -webkit-transition: none;
    transition: none;
}

.nav-search {
  float: right;
  height: 30px;
  line-height: 30px;
  margin-top:6px;
  position: relative;
  padding-top: 5px;
}
.nav-search:after {
  content: '';
  position: absolute;
  background-color: #eee;
  left: 0;
  right: 0;
  height: 1px;
  -webkit-transition: -webkit-transform 0.1s ease-in-out;
  transition: -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: right center;
  transform-origin: right center;
  bottom: -6px
}
.nav-search.active:after {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: right center;
  transform-origin: right center
}
.nav-search.active input {
  display: block;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: right center;
  transform-origin: right center
}
.nav-search input {
  display: none;
  width: 120px;
  float: left;
  height: 30px;
  color: #fff;
  background: none;
  -webkit-transition: -webkit-transform 0.1s ease-in-out;
  transition: -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: left center;
  transform-origin: left center;
  border: 0
}
.nav-search .popUp-input {
  cursor: pointer;
  background: none;
  border: none;
  width: 30px;
  height: 30px;
  float: left;
  text-align: center;
  line-height: 30px
}
.nav-search .popUp-input i.fa {
  pointer-events: none;
  color: #fff;
  font-size: 16px
}

.message{
border: #e7edf8 1px solid;
background: #e7edf8 \9;
background:rgba(231,237,248,.7);
bottom:134px;
height: 50px;
width: 50px;
overflow: hidden;
position: fixed;
right: 10px;
text-decoration: none;
z-index: 9999;
color:#4564a8;
border-radius: 4px;
	text-align: center;
	padding: 5px;
	line-height: 1.4;
	font-weight: bold;
	transition: all 0.4s linear;
	animation: 1s fadeIn linear;
}
.feedback{
border: #e7edf8 1px solid;
background: #e7edf8 \9;
background:rgba(231,237,248,.7);
bottom:  74px;
height: 50px;
width: 50px;
overflow: hidden;
position: fixed;
right: 10px;
text-decoration: none;
z-index: 9999;
color:#4564a8;
border-radius: 4px;
	text-align: center;
	padding: 5px;
	line-height: 1.4;
	font-weight: bold;
	transition: all 0.4s linear;
	animation: 1s fadeIn linear;
}

.message:hover,.feedback:hover{
	background: #4564a8;
	color:#fff;
}
.message .fa,.feedback .fa{ font-size: 2.5em;}


/*totop*/
#toTop {
background: #4564a8;
bottom: 14px;
display: none;
height: 50px;
width: 50px;
overflow: hidden;
position: fixed;
right: 10px;
text-decoration: none;
z-index: 9999;
font-size: 0px;
color:transparent;
border-radius: 4px;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
transition: all 0.4s linear;
}
#toTop:after {
    display: block;
    content: '\e80f';
    color:#ffffff;
    font-size: 27px;
    font-family: 'fontello';
    position: absolute;
    left:14px;
    top:15px;

}

#toTopHover, #toTop:hover {
background: #2D2D2D;
-webkit-transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
-o-transition: all 0.1s linear;
-ms-transition: all 0.1s linear;
transition: all 0.1s linear;
}
#toTop:active, #toTop:focus {
outline: medium none;
}

.main-title{ margin-top:3em; margin-bottom:1em; width:100%;}
.main-title span{ font-size: .8em;font-weight: 500;}
.main-title p{ font-size:14px;  font-family: Arial, "微软雅黑"; color:#eb812b;text-transform: uppercase; font-weight: 300; padding: 0 .3em 0 0;}
.main-title a.more{ position:relative;padding:6px 10px; border: 1px solid #6e6e70;color:#6e6e70;font-weight: 300; border-radius: 4px; float:right;transition:all .4s; font-size: 14px;}
.main-title a.more:hover{background:#7e92c0;color:#fff;}
.main-title .line{display:inline-block;width:100px;border-top:3px solid #000;vertical-align:5px;}





/*---------------------底部网络地图导航-------------------------------------*/
.footer-wrap{width: 100%; background: #019faa; color:#fff; padding: 6px 20px 15px 20px;}
.footer-wrap .box{ width: 33.333%;  float: left;display: none;}
.footer-wrap .col-md-1 ul{display: none;}
.footer-wrap p{ padding: 5px 0 0; color: #ddd;}
.footer-wrap h3{ padding-bottom: 10px; margin: 0;}
.footer_nav_list{ margin-top:1em; }
.footer_nav_list li{width: 100%; height:2.0; font-size:95%;color:#fff;}
.footer_nav_list .intro{ height:2.0; font-size:95%;color:#fff; width: 70%}
.footer_nav_list li h5{ font-weight: bold;}
.footer_nav_list li a{ color:#eee;}
.footer_nav_list li a:hover{ color:#b7c2d9;}
.footer_nav_list a.more{ position:relative;border: 1px solid #fff;color:#fff;font-weight: 300;  font-size: 14px;padding: 2px 5px;}
.footer_nav_list a.more:hover{background:#7e92c0;color:#fff;}
.footer-wrap-line{border-right: 3px solid #fff;}

.information{
    font-size: 16px !important;
}
.information label{
    display: inline-block;
    width: 7%;
    text-align: left;
}
.information span{
    display: inline-block;
    width: 70%;
    margin-left: 1%;
}

.copyright_font{ color:#ddd; padding:15px 0;background:#5f5f5f; text-align:center;font-size:95%}
.copyright_font p{  margin: 0; }
.copyright_font a{color:#eee; }
@media screen and (max-width: 1340px) {
    .sf-menu{
        margin-left: 5%;
    }
}
@media screen and (max-width: 1300px) {
    .sf-menu{
        margin-left: 3%;
    }
    #header .navbar-brand{
        right: 15px;
    }
}
@media screen and (max-width: 1280px) {
    .sf-menu{
        margin-left: 1%;
    }
    #header .navbar-brand{
        right: 3%;
    }
}
@media screen and (max-width: 1250px) {
    .sf-menu{
        margin-left: 0;
    }
    .sf-menu > li > a{
        padding: 10px 18px 20px;
    }
    #header .navbar-brand{
        right: 6%;
    }
}
@media screen and (max-width: 1220px) {
    .sf-menu{
        margin-left: 0;
    }
    .sf-menu > li > a{
        padding: 10px 15px 20px;
    }
    #header .navbar-brand{
        right: 8%;
    }
}
@media screen and (max-width: 1195px) {
    .sf-menu{
        margin-left: 0;
    }
    .sf-menu > li > a{
        padding: 10px 15px 20px;
    }
    #header .navbar-brand{
        right:10%;
    }
}
@media screen and (max-width: 1160px) {
    .sf-menu{
        margin-left: 0;
    }
    .sf-menu > li > a{
        padding: 10px 10px 20px;
    }
    #header .navbar-brand{
        right:12%;
    }
}