
@font-face {
  font-family: 'Frutiger-Light';
  src: url("../fonts/Frutiger-Light.otf") format('OpenType');  
  font-weight: normal;
  font-style: normal; 
}

*{-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear;}
html{ font-family: 'Frutiger-Light', sans-serif; }

html, body {
-ms-overflow-style: scrollbar;
}
body{ background:#fff; color:#333; font-family: 'Frutiger-Light', sans-serif; width:100%; overflow:hidden; overflow-y: scroll; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family: 'Frutiger-Light', sans-serif; }
.container img{ max-width:100%;}
.gray-bg img{ max-width:100%}
li { list-style:none;}
a{ color:#111;}
a:hover{ text-decoration:none; }
textarea { resize: none; }

.header{  
    z-index:30; 
    width:100%; 
    background:#fff;  
    top:0; 
    left:0; 
    width:100%; 
    position:relative;  
    max-height: 100px; 
    box-shadow: 0 7px 22px rgba(19,19,19,.08);
}
.top{ text-align:right; padding-top: 16px; width: auto; }
.top a{ color:#646464; font-size:18px; margin: 0 5px 0 0;}
.top a i{color:#646464; margin-right:5px;}
.top a i:hover { color:#003065;}
.navbar {
    margin-bottom: 0;
    border-radius: 0;
	position:relative;
	
}
#navbar{text-align:left; margin-left:12%; }
#main .container { position:relative; z-index:10; width: 100%; padding: 0 30px;}
.navbar-header{ position:relative; float:left; }

.navbar-default {
    background-color:transparent;
    border-color: transparent;
	border:0;
    min-height: 100px;
}
.navbar-brand {
	height:auto;	
	padding: 29px 0;
    margin-left: 0 !important;
}
.navbar-brand img{ width:100%;}
.navbar-collapse {
    padding-right: 0;
    padding-left: 0;
}

.navbar-toggle {
    position:absolute;
	right:0;
	margin-right: 0;
    padding: 0 0;
	top:50%;
    background-color: transparent;
    background-image: none;
    border: 0 solid transparent;
    border-radius: 0;
	margin-top:-7px;
}
.head-menu { margin-top:30px;}
.main_menu {padding:0; width:auto;  float: left; padding: 16px 0 0 20px;}
.main_menu li{ list-style:none; padding:0; margin:0;}

.main_menu > li{ float:left; margin-right:30px; position:relative;}
.main_menu > li.subLi{ }
.main_menu > li.parentLi{ position:static;}
.main_menu > li > a{ display:inline-block; padding:0 0 22px 0; color: #131313; font-size: 20px; border-bottom: 4px solid #fff;}
/*.main_menu li span{ display:block; width:2px; height:38px; float:left;}*/
.main_menu li a:hover{ text-decoration:none; border-color: rgb(8, 87, 176);}
 .main_menu li.active a,.main_menu .active{ border-color: rgb(8, 87, 176); } 

 .head-group { position: absolute; right: 50px; top: 15px; }
 .head-group li {
    float: left;
    margin-left: 30px;
 }
 .head-group li a {
    font-size: 12px;
    color: #727272;
 }
.head-group li a i { font-size: 18px; padding-right: 5px; }
.head-group li a:hover { color: rgb(8, 87, 176); }
 #navbar .dropdown-menu { 
    min-width:120px; 
    text-align:center;
    border: 0;
    border-radius: 0;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175) inset;
    padding: 0;
}
#navbar .dropdown-menu li {
    margin-left: 0;
    width: 100%;
}
#navbar .dropdown-menu li a { padding: 10px 0; font-size: 14px;}
.pro-menu {}
.pro-menu .second-menu, .ab-menu .second-menu {
    position: absolute;
    top: 54px;
    width: 1920px;
    background-color: #f9f9f9;
    padding: 10px;
    display: none;
    left: calc(100% - 410px);
    min-height: 420px;
}
.ab-menu .second-menu { min-height: 200px; }
.ab-menu .second-menu { left: calc(100% - 520px) }
.second-menu .container { position: absolute; left: 5%; }
.second-menu ul { display: flex; flex-wrap: wrap; }
.second-menu li {
    padding: 10px 0;
    float: left;
    width: 33.33%;
}
.second-menu a {
    font-size: 16px;
    display: inline-block;
}
.second-menu li a:hover { color: rgb(8, 87, 176); border:0 !important; }
.head-menu li:hover .second-menu { display: block; }


#carousel-example-generic .carousel-control { background:none; width: 40px; opacity: 1;}
.carousel-control span	{
	display: inline-block;
    background: #fff;
    width: 40px !important;
    height: 60px !important;
    line-height: 60px;
    font-size: 30px !important;
    color: #333;
	}
.carousel-control span:hover { color: #ccc;}
.carousel-indicators {
	z-index:20;
   
}
.carousel-control .glyphicon-menu-right, .carousel-control .glyphicon-menu-left { top: 45%;}
.carousel-caption {
    background: #FFF;
    width: 30%;
    left: 60px;
    bottom: 30px;
    padding: 17px 30px 30px;
    text-align: left;
    color:#131313;
    text-shadow: none;
}
.carousel-caption small {
    font-size: 13px;
    font-weight: bold;
}
.carousel-caption h1 {
    font-size: 34px;
    margin: 15px 0 20px;
}
.carousel-caption p {
    font-size: 16px;
    color: #727272;
    margin-bottom: 30px;
}
.carousel-caption .btn {
    padding: 13px 37px;
    border: 1px solid #131313;
    color: #131313;
    border-radius: 0;
    background-color: #fff;
}
.carousel-caption .btn:hover {
    background-color: #131313;;
    color: #fff;
}
.b-control {
    text-align: center;
    margin-top: 20px;
    font-size: 20px;
}
.b-control a { color: #999; }
.b-control a:hover { color: #333; }

.in-ab, .in-pro{ margin-top:50px; padding: 55px 0;}
.in-ab01, .in-ab02 { width:100%;}
.in-ab .t-line, .in-news .t-line { display:inline-block; background:#ffa200; margin-bottom:10px; height:5px; width:112px;}
.in-ab01 p { font-size:16px; color:#646464; margin-bottom:30px;}
.in-ab01 a { font-size:14px; color:#ffa200;}
.in-ab01 a span { margin-left:5px; font-size: 20px;}
.in-ab02 .img { width:100%; position:relative;}
.in-ab02 img { width:100%; }
.in-ab02 a { display:inline-block; position:absolute; width:100%; text-align:center; top: 38%;}
.in-ab02 a span { width: 80px; height: 80px;  border-radius: 50%; text-align: center; line-height: 80px; color:#fff; font-size:35px; background:rgba(0,0,0,0.7);}
.in-ab02 a span:hover { color:#ffa200;}

.in-pro { background-color: #EAEDF2; }
.in-pro h1, .in-ab h1, .in-service h1, .in-news h1 { font-size:34px; color:#333; margin-bottom:50px; margin-top: 0; line-height: 32px;}
.in-img { margin-bottom:30px; background: #fff; padding-bottom: 38px; position: relative;}
.ip-bq { 
    position: absolute; 
    top: 25px; 
    right: 20px; 
    background: url("../images/dhk.png") no-repeat; 
    background-size: cover; 
    font-size: 16px; 
    color: #fff; 
    text-align: center; 
    width: 60px; 
    height: 44px; 
    line-height: 32px;
    z-index: 30;
}
.in-img .img, .img {overflow:hidden; }
#carousel-example-generic-about span {background: none; border:0; margin-top: -30px;}
.in-img img, .img img  { width:100%; transition: all 0.8s;}
.in-img img:hover, .img img:hover { transform: scale(1.1);}
.in-img .text { padding: 0 20px;}
.in-img h4 { font-size:20px; color:#333; margin-top:20px; margin-bottom:15px;}
.in-img p, .news01 p, .ar-text p { 
    font-size:14px; 
    color:#646464;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;   
}
.ar-text p {
    height: 60px;
}
.pro-link { display: block; text-align: right; padding-right: 50px; margin-top: 30px;}
.pro-link span, .in-abtext span { display: inline-block; border: 1px solid #ccc; color: #333; font-size: 20px; padding: 10px;}
.pro-link span:hover, .in-abtext span:hover { background: #003065; color: #fff;}
.pro-fy .pagination { margin: 0; margin-top: 30px;}
.pro-fy .pagination a { border: 0;}
.pro-fy .pagination > li > a:hover { background: none;}
.pagination > li > a { padding: 8px; color: #646464;}
.pagination .pre a, .pagination .next a { font-size: 20px; color: #333;}
.pagination .active a { background: none; border: 1px solid #ccc; color: #646464; padding: 6px 12px;}
.pagination .active a:hover { border: 1px solid #ccc; color: #646464;}
.in-pro { position: relative; margin-bottom: 50px;}
.in-pro .carousel-control { background: none; position: absolute; opacity: 1; width: 40px;}
.in-pro .carousel-control span { width: 40px !important; height: 60px !important; background:#fff; top: 45%;}

.in-ab { padding: 60px 0;}
.number01 h1 { text-align: center; font-size: 36px; font-weight: bold; color: #000; border-bottom: 1px solid #ccc; padding-bottom: 35px; margin: 0 20px 30px 0;}
.number01 h1 span { background: none; width: auto; height: auto;}
.number01 h4 { font-size: 16px; color: #000; margin-bottom: 16px;}
.number01 p {font-size: 14px; color: #646464;}
.in-abtop { margin-bottom: 50px;}
.in-abtext {margin-bottom: 50px; }
.in-abtext:last-child { margin-top: 0; }
.in-abtext .col-md-6 { padding: 0; }
.in-abtext01 { padding-left: 30px; }
.in-abtext:last-child  .in-abtext01 { padding-left: 0; padding-right: 30px;  }

.in-abtext .pro-link { padding-right: 0; }
.in-abtext01 h1 { font-size: 24px; color: #333; padding: 25px 0 15px; margin: 0;}
.in-abtext01 p { font-size: 14px; color: #646464; /*max-width: 650px;*/ width: calc(100% - 60px);}
.in-abtext01 .sy-indent { margin-top: 30px;}
.sy-indent { text-indent: 2em; }
.news-detail .sy-indent { text-indent: 2em;}
.in-abtext span { margin: 30px 30px 0 0;}
.in-abcenter01 { /*position: relative;*/ margin-bottom: 30px;}
.in-abcenter02 {
    background: #fff;
    max-width: 702px;
    padding: 25px;
    box-shadow: 0 7px 22px rgba(19,19,19,.08);
    position: relative;
    margin: -30px 0 0 60px;
    z-index: 99;
    width: calc(100% - 60px);
}
.in-abcenter02 h3 {
    font-size: 20px;
    color: #333;
    margin-bottom: 35px;
    margin-top: 5px;
}
.in-abcenter02 p {
    color: #727272;
    font-size: 16px;
    line-height: 24px;
}
.in-abcenter01:hover .pro-link span{
    background-color: #131313;
    color: #fff;
}

.in-news h1 { margin-bottom: 40px;}
.news01 {
	background: #fff;
    box-shadow: 1px 3px 4px 3px #e4e1e1;
    margin-bottom: 20px;
	padding: 45px 60px 20px 40px;
}
.news01 span { font-size: 18px; color: #3a3a3a; margin-bottom: 20px;}
.news01 a span { background: #fff;}
.news01 h3 { 
    font-size: 20px; font-weight:bold;
    color: #3a3a3a; 
    margin-bottom: 30px; 
    margin-top: 10px; 
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.news01 p { font-size: 14px; color: #3a3a3a; line-height:28px; margin-bottom: 25px; min-height: 60px;}
.news-btn a { color: #fff; font-size: 16px; background: rgb(8, 87, 176); border: 1px solid rgb(8, 87, 176); padding: 14px 32px; display: inline-block; margin-top: 30px;}
.news-btn a:hover { background: #fff; color: rgb(8, 87, 176);}
.news01:hover .pro-link span, .in-abtext01:hover .pro-link span, .in-img:hover .pro-link span { background: #131313; color: #fff;}
.in-abtext01 .pro-link span { margin-top: 0;}

.footer { margin-top:100px; padding:55px 0 30px 0; background:#f2f2f2;}
.footLink h4 { font-size: 16px; color: #000; margin-bottom: 25px;}
.footLink ul { padding: 0; margin: 0;}
.footLink ul li { margin-bottom: 5px;}
.footLink ul li a, .foot-link a { color: #646464; font-size: 14px; text-transform: uppercase;}
.footLink ul li a:hover, .foot-link a:hover { color: #131313;}
.footer .container { position: relative; }
.copyright { width:100%; font-size:14px; color:#646464; padding-top: 20px;}
.gotop{ position:absolute; right:20px; top:0; width:50px; height:50px;}
.gotop a{ display:block; width:50px; height:50px; line-height:40px; border-radius:0; border:1px solid #131313; text-align:center; font-size:24px; color: #333;}
.gotop a:hover{ background-color: #131313; color: #fff; }
.social {
    width: 100%;
    border-top: 1px solid #e2e2e2;
    padding: 30px 0;
    margin-top: 50px;
}
.social a {
    padding: 10px;
    max-height: 44px;
    width: 44px;
    border: 1px solid #131313;
    color: #131313;
    font-size: 24px;
    display: inline-block;
    line-height: 20px;
    margin-right: 5px;
}
.social a:hover {
    background-color: #131313;
    color: #fff;
}
.foot-link a { border-right: 1px solid #ccc; padding: 0 10px;}
.foot-link a:last-child { border:0; }

#main {
    border-top: 1px solid #eee;
}
.s-left h1 {
    font-size: 32px;
    padding: 20px 0 30px;
}
.s-form {
    width: 100%;
   padding: 30px 0;
}
.s-form form { width: 50%; margin: 0 auto;}
.s-form input {
    padding: 12px 20px;
    border: 1px solid #e2e2e2;
    width: 100%;
    outline: none;
}
.s-form button, .s-form01 button { outline: none; margin: 30px 0 0 0;}
.s-share { width: 100%; text-align: center; margin: 80px 0 30px; }
.s-share a {
    min-width: 110px;
    max-width: 160px;
    margin-right: 5px;
    background-color: #B0B0B0;
    color: #fff;
    padding: 8px 5% 8px 10px;
    font-size: 14px;
    display: inline-block;
    margin-bottom: 10px;
}
.s-share i { padding-right: 10px; }
.s-share a:first-child:hover { background-color: #55acee; }
.s-share a:nth-child(2):hover { background-color: #0369a0; }
.s-share a:last-child:hover { background-color: #4273c8; }
.s-right {
    width: 100%;
    padding: 40px 15px 50px 45px;
    border-left: 1px solid #eee;
}
.s-right h2 {
    font-size: 23px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
}
.s-lx {
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}
.s-lx h3 { font-size: 20px; margin-bottom: 20px; }
.s-lx p { font-size: 14px; color: #727272; margin-bottom: 10px; }
.s-form01 {
    width: 50%;
    margin: 0 auto;
    text-align: left;
}
.s-form01 p, .ab-top p, .pro p, .page01 p, .news-detail p {
    font-size: 16px;
    color: #727272;
    margin-bottom: 20px;
}
.s-form01 label {
    color: #000;
    font-weight: bold;
    margin-bottom: 10px;
}
.s-form01 select {

}
.s-form01 .form-control {
    border-radius: 0;
    height: auto;
    box-shadow: none;
    padding: 11px 50px 11px 18px;
    font-size: 13px;
    color: #333;
}
.s-form button, .s-form01 button {
    border: 1px solid rgb(8, 87, 176);
    background-color: rgb(8, 87, 176);
    color: #fff;
    padding: 12px 34px;
    font-weight: bold;
    border-radius: 0;
    font-size: 12px;
    box-shadow: none;
}
.s-form button:hover, .s-form01 button:hover {
    background-color: #fff;
    color: rgb(8, 87, 176);
}
.lx-map {
    width: 1160px;
    text-align: center;
    margin: 0 auto;
    margin-top: 35px;
}
.lx-map iframe {
    width: 100%;
    height: 405px;
}


.page-nav {
    background-color: #fff;
    line-height: 40px;
    padding-left: 50px;
}
.page-nav a, .news span {
    font-size: 14px;
    color: #727272;
    padding: 0 5px;
}
.page-nav a:hover, .page-nav a.active { color: #333; }
.ab-top {  /*margin-bottom: 200px; z-index: -1; position: relative;*/}
.ab-top img { width: 100%;  }
.ab-top-text {
    background-color: #fff;
    padding: 50px 60px 0;
    height: auto;
    width: 80%;
    margin: 0 auto;
    margin-top: -150px;
    position: relative;
    min-height: 200px;
}
.ab-top h1 {
    font-size: 34px;
    margin-bottom: 30px;
    text-align: center;
}
.ab-top p {
    line-height: 28px;
    margin-bottom: 25px;
}
.ab-top-text p:first-child { text-indent: 2em; }
.ab-video {
    text-align: center;
    width: 100%;
}
.ab-video video {
    width: 80%;
}
#main .in-abtop, .ab-relate, .history, .products, .pd-page, .all, .news-detail, .serv {
    width: 80%;
    margin: 0 auto;
    margin-top: 100px;
}
.news-detail { margin-top: 50px; }
.news-detail p:nth-child(1) { text-indent: 2em; }
.his-bg {
    background: #eef6ff;
    padding: 20px;
    margin-top: -100px;
}
#main .in-abtop {
    margin-top: 50px;
}
.ab-relate {
    border-top: 1px solid #eee;
    padding-top: 50px;
    margin-top: 100px;
}
.ar-text { padding: 25px; margin-bottom: 20px; padding-bottom: 0;}
.ar-text h5 { font-size: 16px; color: #333; line-height: 20px; height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.ab-relate01, .s-relate { padding-bottom: 25px; margin-bottom: 20px; }
.ab-relate01 { max-height: 329px; min-height: 329px; }
.s-relate { max-width: 50%; margin: 0 auto; }
.ab-relate01:hover, .s-relate:hover {
    box-shadow: 5px 5px 5px #eee;
}
.ab-relate .btn, .pro-lx .btn, .pro .btn, .s-relate .btn {
    padding: 13px 37px;
    border: 1px solid #131313;
    color: #131313;
    border-radius: 0;
    box-shadow: none;
}
.ab-relate .btn:hover, .pro-lx .btn:hover, .pro .btn:hover, .s-relate .btn:hover {
    background-color: #131313;
    color: #fff;
}
.history h1 {
    font-size: 66px;
    margin-bottom: 30px;
    font-weight: bold;
}
.history p {
    font-size: 18px;
    color: #727272;
    line-height: 30px;
}
.clearfix { margin: 30px 0; }
.pro-lx {
    width: 100%;
    padding: 25px;
    background: #053d7b;
    color: #fff;
    margin-bottom: 60px;
}
.l-icon {
    width: 100%;
    text-align: right;
    padding: 20px 0;
    padding-right: 30px;
    margin-top: 10px;
}
.pro-lx i {
    font-size: 100px;
    color: #fff;
}
.pro-lx h2 { font-size: 24px; line-height: 30px; padding-right: 18%; }
.pro-lx .btn { border-color: #fff; color: #fff; margin-top: 20px;}
.pro-lx .btn:hover { border-color: #131313; }
.pro {
    padding-bottom: 25px;
    border-bottom: 1px solid #eee;
    margin-bottom: 25px;
}
.pro h3, .page01 h4, .news h2 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 25px;
}
.pro h3 span, .page01 span {
    display: inline-block;
    width: 15px;
    height: 15px;
    background-color: rgb(8, 87, 176);
    margin-right: 10px;
}
.pro .btn { margin-top: 30px; }
.pro-serv { margin-top: 50px; }
.pro-serv p {
    font-size: 16px;
    color: #333;
    margin-bottom: 20px;
}
.pro-serv02 {
    width:100%;
    clear: both;
    margin-bottom: 30px;
}
.pro-serv a {
    color: rgb(8, 87, 176);
    font-size: 14px;
}
.pro-serv a:hover { color: #333; }
.r-serv { margin-bottom: 30px; }
.serv-icon {
    font-size: 50px;
    color: #666;
    padding-right: 30px;
}
.pd-page { margin-top: 0; }
.nav-tabs { min-width: 690px; text-align: center;}
.nav-tabs > li { margin-right: 30px; }
.nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 0;
    border-radius: 0;
    padding: 10px 0;
    font-size: 16px;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus, .nav-tabs > li > a:hover {
    color: #333;
    cursor: default;
    background: none;
    border: 0;
    border-bottom: 3px solid rgb(8, 87, 176);
}
.tab-content { padding: 40px 0; }
.page01 { margin-bottom: 30px; }
.page02 { padding-bottom: 10px; /*border-bottom: 1px solid #eee; */}
.tab-content .ab-video { margin-top: 50px; }
.pd-img {width: 100%; text-align: center;  }
.serv-num { text-align: center; }
.serv-num h1 {
    font-size: 44px;
    margin: 15px 0;
    border-bottom: 1px solid #eee;
    font-weight: bold;
    padding-bottom: 15px;
}
.serv-relate { margin-top: 50px; }
.serv-relate h1 { font-size: 30px; margin-bottom: 30px; }
.news {
    border-bottom: 1px solid #eee;
    margin-bottom: 25px;
    padding-bottom: 25px;
}
.news h2 { display: inline-block; width: 72%; line-height: 26px;}
.news .btn {
    width: 35px;
    height: 35px;
    border: 1px solid #131313;
    color: #131313;
    border-radius: 0;
    font-size: 20px;
    line-height: 22px;
}
.news .btn:hover { background-color: #131313; color: #fff; }
.nd-title { margin-bottom: 30px; color: #333; font-weight: bold;}
.nd-title span { font-size: 16px; }
.nd-title h1 { font-size: 30px; }


@media (min-width: 1230px){ 
    .navbar .container, #main .container { width: 100%; } 
    #main .container { padding: 0; }
    .container{ width:83.33333333%;} 
    .second-menu .container { width: 83.333333%; margin: 0 auto;} 
}
@media (min-width: 1200px) {
    /*.second-menu .container { width: 1170px;}*/
}
@media (min-width: 769px) { 

    .row-flex{
    display: flex;
    flex-wrap: wrap;
    align-items: center ;
    }

}
@media (min-width: 992px){
    .second-menu  .col-md-4 {
        width: 30% !important;
    }
}
@media (min-width: 768px) and  (max-width: 991px){
 #navbar{ width:calc(100% - 260px)}
	.main_menu li {
    margin-left: 0;
}
  .main_menu li a{padding:0 10px; font-size:14px;}

}
@media (min-width: 992px) and  (max-width: 1199px){
	.log-four{  width:50%;}
	.main_menu li a{ font-size:15px; } .main_menu {
    margin: 0 0 0 0;}	
	.main_menu li {
    margin-left: 0;
}
	.searchtop{  padding-bottom:20px; }
	.nav-tabs-news > li > a{ line-height:40px; font-size:15px; margin-right:5px;}
    /*.second-menu { left: calc(100% - 740px); }*/
	
}
@media (max-width: 767px){
.topLanguage{ position:absolute; right:105px; top:15px; padding-bottom:15px; z-index:100;}
	.header{ height:auto;}
	.navbar-header{ position:relative; float:none;}
	.navbar-brand{ margin-left:15px;}
	.navbar-brand img{ width:80%;}
	.navbar {
		margin-top:0;
}
.navbar-toggle { margin-right:15px;}
	#navbar {
    text-align: center;
    float: none;
    margin-top: 0;
	 width:100%;
	 margin-left:0;
     background: #fff;
     padding-bottom: 50px;
}
#navbar .dropdown { /*display:none;*/}
	.main_menu {
    width: 100%;
	margin:0;
	height:auto;
    padding: 0;
}
.main_menu li {
    float: none;
    height: auto;
    position: relative;
    margin-left: 0;
	border-bottom:1px solid #ddd;
}
.main_menu li a {
    display: block;
    line-height: 2.5;
    padding: 0 15px;
    color: #333;
    float: none;
}
.main_menu li a:hover{ color:#0e5fac}
.main_menu li a i{ display:none;}
.head-menu { margin-top: 0; }
.main_menu .nav-sub{ display:none;}
header .search-box {
    width: 60px;
    height: 60px;
	line-height:60px;
    z-index: 3;
    position: absolute;
    top: 0;
    right: 60px;
	display:none;
}

	.in-ab .number01 { margin-bottom: 20px;}
	.ab-pic img { margin-bottom: 20px;}
	.e-address { padding: 15px;}
	.e-address .navbar-form { float: none; }
	.e-address .form-control { padding: 17px 0 17px 10px;}
	.map { margin: 40px 0 60px;}
	
	.footer { margin-top: 50px;}

.h-top select { padding: 9px 5px 12px 5px;}
.head-group {
    right: 34px;
    bottom: 15px;
    top: unset;
}
.head-group li { margin-left: 10px;}
#carousel-example-generic { margin-bottom: 240px; }
.carousel-caption {
    width: 100%;
    left: 0;
    top: 100%;
}
.carousel-inner { overflow: visible;}
.carousel-caption h1 {
    font-size: 16px;
    margin: 10px 0 10px;
}
.carousel-caption p {
    font-size: 12px;
    margin-bottom: 10px;
}
.carousel-caption .btn { padding: 5px 10px;}
.b-control { margin: 0;}
.in-abtext01 p {width: auto;}
.s-share a { padding: 8px 20px 8px 10px;}
.s-right { border:0; padding: 0;}
.s-form form, .s-form01 { width: 100%;}
.s-left h1 { padding-bottom: 30px;}
.l-icon { text-align: center;
}
#main .in-abtop, .ab-relate, .history, .products, .pd-page, .all, .news-detail, .serv { width: 100%;}
.ab-top-text {
    width: 100%;
    top: 100%;
    padding: 10px;
}
.ab-top h1 {
    font-size: 18px;
    margin-bottom: 10px;
}
.ab-top p {
    font-size: 12px;
    line-height: 16px;
}
.page-nav { padding-left: 0;}
.ab-relate01 { max-height: unset; min-height: unset; }
	
}
@media (max-width: 480px){
	
	
}


