锘緻charset 'utf-8';
/* CSS reset */ 
/*娓呴櫎榛樿鐨勫唴杈硅窛鍜屽杈硅窛绛?/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,strong{
    padding:0;margin:0;font-family:'Microsoft YaHei',Arial,'瀹嬩綋';}
table{border-collapse:collapse;border-spacing:0;}
/*娓呴櫎榛樿杈规*/
fieldset,img{border:0;}
img {
    border:none;
    max-width: 100%;
    width: auto\9;
    height: auto;
    -ms-interpolation-mode: bicubic;
    _width:auto;
}
a{text-decoration:none; color:#666; outline:none;}/*姝ゅ寰呮坊鍔犻粯璁ら摼鎺ラ鑹?/
a:hover{text-decoration:none; color: #006cb4;}
var,em,strong{font-style:normal;}
address,caption,cite,code,dfn,em,strong,th,var, optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
/*娓呴櫎榛樿鐨勫瓧浣撳ぇ灏忓拰鏂囧瓧绮楃粏*/
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
legend{color:#000;}
input,button,textarea,select,optgroup,option{font-family:inherit; font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
body{ font-size: 1.6rem; line-height: 1.8; color: #666; font-family:'Microsoft YaHei',Arial,'瀹嬩綋'; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{ font-size: 1.6rem;}
/*鍘婚櫎绉诲姩绔偣鍑讳簨浠跺嚭鐜扮殑鑳屾櫙妗?/
*{-webkit-tap-highlight-color:rgba(0,0,0,0);}
/*娓呴櫎娴姩*/
.clearfix:after {content:"\200B"; display:block; height:0; clear:both; }
/*娓呴櫎娴姩鐨勫吋瀹笽E*/
.clearfix { *zoom:1; }
input[type="submit"],
input[type="reset"],
input[type="button"],
button{
    -webkit-appearance: none;
}

/*header*/
.header_box{ padding: 12px 20px; position:relative; z-index: 3000; background: rgba(255,255,255,.86);}
.logo{ display: block; float: left;}
.logo img{ display: block; height: 46px; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.glyphicon-search{ color: #7f7f7f; font-size: 30px; margin-right:30px;}
.glyphicon-search:hover{ color: #f39700; text-shadow: 0 2px 0 #ccc;}
.glyphicon-search,a.menu-activator{ margin-top: 5px; cursor: pointer;}
a.menu-activator {
    display: block;
    width: 36px;
    height: 36px;
}
a.menu-activator div.visual {
    position: relative;
    float: left;
    width: 36px;
    height: 36px;
    cursor: pointer;
}
a.menu-activator div.visual i.line {
    width: 100%;
    height:7px;
    background:#7f7f7f;
    display: block;
    position: absolute;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
a.menu-activator div.visual i.line.line01 {
    top: 2px;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transition-delay: 210ms;
    -o-transition-delay: 210ms;
    -webkit-transition-delay: 210ms;
    transition-delay: 210ms;
}
a.menu-activator div.visual i.line.line02 {
    top: 14px;
    -moz-transition-delay: 140ms;
    -o-transition-delay: 140ms;
    -webkit-transition-delay: 140ms;
    transition-delay: 140ms;
}
a.menu-activator div.visual i.line.line03 {
    top: 26px;
    -moz-transition-delay: 70ms;
    -o-transition-delay: 70ms;
    -webkit-transition-delay: 70ms;
    transition-delay: 70ms;
}
a.menu-activator div.visual:hover i.line {
    background-color: #006cb4;
    filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity:1;
    -moz-transform:translate3d(0, -4px, 0);
    -webkit-transform:translate3d(0, -4px, 0);
    transform:translate3d(0, -4px, 0)
}
a.menu-activator div.visual:hover i.line.line01{
    /*filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity:0;*/
    -moz-transition-delay:0ms;
    -o-transition-delay:0ms;
    -webkit-transition-delay:0ms;
    transition-delay:0ms
}
a.menu-activator div.visual:hover i.line.line02 {
    -moz-transition-delay:70ms;
    -o-transition-delay:70ms;
    -webkit-transition-delay:70ms;
    transition-delay:70ms
}
a.menu-activator div.visual:hover i.line.line03 {
    -moz-transition-delay:140ms;
    -o-transition-delay:140ms;
    -webkit-transition-delay:140ms;
    transition-delay:140ms
}
a.menu-activator.active div.visual i.line:nth-child(1) {
    -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
    top:16px;
}
a.menu-activator.active div.visual i.line:nth-child(3) {
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    top:16px;
}
a.menu-activator.active div.visual i.line:nth-child(2){
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity:0
}
a.menu-activator.active div.visual i.line.line01, a.menu-activator.active div.visual i.line.line02, a.menu-activator.active div.visual i.line.line03, a.menu-activator.active div.visual i.line.line04 {
    -moz-transition-delay:0ms;
    -o-transition-delay:0ms;
    -webkit-transition-delay:0ms;
    transition-delay:0ms
}
a.menu-activator.active div.visual:hover i.line.line01, a.menu-activator.active div.visual:hover i.line.line03 {
    filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity:1
}
a.menu-activator.active div.visual:hover i.line.line01, a.menu-activator.active div.visual:hover i.line.line02, a.menu-activator.active div.visual:hover i.line.line03, a.menu-activator.active div.visual:hover i.line.line04 {
    -moz-transition-delay:0ms;
    -o-transition-delay:0ms;
    -webkit-transition-delay:0ms;
    transition-delay:0ms
}

.menu-overlay {
    width: 100%;
    height:100%;
    position: fixed;
    top:-100%;
    right: 0;
    z-index: -1;
    background-color: rgba(0, 108, 180, 0.60);
    -moz-transition: top 300ms ease-in-out, background-color 300ms ease-in-out;
    -o-transition: top 300ms ease-in-out, background-color 300ms ease-in-out;
    -webkit-transition: top 300ms ease-in-out, background-color 300ms ease-in-out;
    transition: top 300ms ease-in-out, background-color 300ms ease-in-out;
}
.menu-overlay.active {
    top: 0;
    z-index: 2000;
    background-color: rgba(0, 108, 180, 0.90);
}
.menu-overlay .header-main {
    position: absolute;
    z-index: 400;
    background: none;
}
.menu-overlay .header-main .tel {
    color: #A4A4A4;
}
.menu-overlay .header-main a.menu-activator span.descriptor {
    color: #fff;
}
.menu-overlay .header-main a.menu-activator div.visual i.line {
    background-color: #fff;
}
.main-menu {
    top: 70px;
    position:absolute;
    z-index: 300;
    overflow: hidden;
    pointer-events: auto;
    width: 100%;
    height:100%;
    -moz-transition: opacity 300ms ease-in-out, top 300ms ease-in-out;
    -o-transition: opacity 300ms ease-in-out, top 300ms ease-in-out;
    -webkit-transition: opacity 300ms ease-in-out, top 300ms ease-in-out;
    transition: opacity 300ms ease-in-out, top 300ms ease-in-out;
}
nav.sections {
    text-align: center;
    overflow: hidden;
    height: 100%;
}
nav.sections ul {
    padding-top: 60px;
    background: url("../images/ico_dec1.png") right top no-repeat;
    position:absolute;
    top:0;
    bottom: 0;
    left:10px;
    right: 10px;
    height:100%;
    width: -webkit-calc(100% - 20px);
    width: calc(100% - 20px);
}
nav.sections li {
    float: left;
    position: relative;
    width: 33.3333%;
    height:20%;
    padding: 10px;
    display:table;
    vertical-align:middle;
}
nav.sections li img{ vertical-align: middle; margin-right: 10px;}
nav.sections li a {
    text-transform: uppercase;
    color: #fff;
    font-size: 1.8rem;
    display:table-cell;
    vertical-align:middle;
    width:100%;
    height:100%;
    background: #0e5995;
    -webkit-transition: background 0.2s linear;
    -moz-transition:background 0.1s linear;
    -o-transition:background 0.2s linear;
    transition:background 0.2s linear;
}
nav.sections li.nav_dif{ width: 50%;}
nav.sections li:active a,nav.sections li.active a{ background-color: #1b4677; color: #f39700;}
.search_box{ display:none; position:fixed; top:70px; left:0; z-index:1000; width:100%; padding:15px; background:#e4e4e4;}
.scroll_bar .search_box{ top:60px;}
.search_form{ overflow:hidden; background:#fff; border:1px solid #ddd;}
.search_txt{ padding-left:0; padding-right:0; border-right:1px solid #ddd;}
.search_txt .form-control{ border:none; height:44px;}
.search_btn{ font-size:0; border-radius:inherit; height:44px; background:url(../images/ico_search.png) center center no-repeat; border:none; }
.scroll_bar .logo img{ height: 36px;}
.scroll_bar .glyphicon-search,.scroll_bar a.menu-activator{ margin-top: 0;}
.scroll_bar .main-menu{ top:60px;}
/*footer*/
footer{ text-align: center; background: #4e4e4e url("../images/footer_01.jpg") center top no-repeat; background-size: cover; border-top: 3px solid #006cb4; margin-top: 40px; font-size: 1.4rem; line-height: 24px; color: #a8a8a8;}
.foot_link{ padding: 0 20px; border-bottom: 1px solid #797979;}
.foot_link li{ width: 25%; float: left; padding: 10px 0;}
.foot_link li .glyphicon{ display: block; margin: 0 auto 10px; font-size: 26px;}
.foot_link li a{ display: block; color: #fff; border-left: 1px solid #797979;}
.foot_link li:last-child a{ border-right: 1px solid #797979;}
.footer_text{ padding:30px 20px;}
.logo_footer{ display: block; margin-bottom: 10px;}
.foot_link li:active a,.site_link{ color: #718fa2;}
.site_link:active{ color: #006cb4;}
/*page*/
.page{ text-align:center; padding:40px 0 0;}
.page a{ display:inline-block; vertical-align:middle; font-size:13px; color:#666; padding-bottom:20px; background:url(../images/page_02.png) left -20px no-repeat; margin:0 3px;}
.page a span{ display:block; width:28px; height:28px; background:#fff; border:1px solid #ddd; text-align:center; line-height:28px;}
.page a.page_btn{ width:70px; height:30px; padding-bottom:0; margin-bottom:20px; text-align:left; padding-left:26px; line-height:30px; border:none; background:url(../images/page_01.png) no-repeat; color:#fff;}
.page a.page_next{ background-position:-15px -30px; padding-left:5px; width:70px;}
.page a:hover,.page a.page_cur{ background-position:left bottom;}
.page a:hover span,.page a.page_cur span{ color:#fff; background-color:#006cb4; border-color:#006cb4;}





@media (max-width:374px){
    nav.sections li { padding:5px; font-size:1.6rem;}
	
}