html, body{ font-family:  Tahoma,'Microsoft Yahei','Simsun'; font-size:15px; color:#777}
body{ background-color: #fafafa;}
h1,h2,h3,h4,h5,h6{ color:#333; font-family:  Tahoma,'Microsoft Yahei','Simsun';}
a{ color:#666;}
.breadcrumbs li{ font-size: 16px; }

/*  Button Setting*/
.button{-webkit-box-shadow:0 1px 5px rga(10, 10, 10, 0.5);-moz-box-shadow: 3px 3px #f3d42e; box-shadow: 0 1px 5px rgba(10, 10, 10, 0.5);}
.feature-objects .button.warning, .search-object .link-group .button.warning{ background-color: #ffff00; }
.feature-objects .button.warning:hover, .feature-objects  .button.warning:focus{ background-color: #cc8b00; }
.serviceInfo .cogroup .co-item .label.alert, footer .label.alert{ background-color: #ff8a00;}

/* --------------------------------------------------------------------
   Layout
-----------------------------------------------------------------------*/
header.headBody{ background-color:#fff; padding:30px 0;}
.contentwrapper{ padding: 0 0 30px 0;}
.contentwrapper .article{ padding-bottom: 40px;}
.footer{ background-color:#333; color: #aaa}
.fooTop{ padding:40px 0; border-bottom:1px dashed #888;}
.fooTop h5{ color: #fff;}
.fooMid{ padding:40px 0;}
.fooMid .label{ margin-bottom: 15px; border-radius: 3px; padding-top:6px;} 
.fooMid .tel{ font-size: 30px;}
.fooMid .fa-phone{ border:1px solid #aaa; border-radius: 90px; padding:5px 7px; font-size:29px; margin-right: 8px;}
.fooMid .fa-map-marker{ border:1px solid #aaa; border-radius: 90px; padding:5px 9px; font-size:19px; margin-right: 4px;}
.fooBtm{ background-color: #292929; padding: 10px 0;}

/* mainmenu, logo*/
.top-bar{ padding:15px 0;}
.top-bar, .top-bar ul{ background-color:transparent;}
.menu > li > a{ padding: 0.7rem .8rem;}
.dropdown.menu > li.is-dropdown-submenu-parent > a{ padding-right: 1.2rem;}
.dropdown.menu > li.is-dropdown-submenu-parent > a::after{ border: inset 4px; border-color: #1779ba transparent transparent;}
.is-dropdown-submenu{ border: 1px solid #cacaca; background: #fefefe; z-index:1000}
ul.is-dropdown-submenu li{ border-bottom:1px solid #cacaca; background-color:#fff;}
ul.is-dropdown-submenu li:last-child{ border-bottom:none;}
ul.is-dropdown-submenu li a:hover{ background-color:#010066; color:#ffff00;}
.off-canvas{ background: #333;}
.off-canvas button.close-button{ color:#fff;}
.hamburger .line{ width: 20px; height: 2px; background-color: #fefefe; display: block; margin: 3px auto; transition: all 0.3s ease-in-out;}
.hamburger .line:last-child{ margin-bottom: 0;}
a.logo{ clear: both; display: block; width: 260px; height: 54px; margin: 0 2.5em 0 0; background: url(../image/logo.png) no-repeat left top;}
@media screen and (max-width: 47em){ a.logo{ width: 200px; height: 42px; margin-right:0; background: url(../image/logo_small.png) no-repeat left top;}}
.accordion-menu{ margin-top:20px;}
.accordion-menu li a{ color:#fff; border-bottom: 1px solid #444; padding: 15px}
.theme-header-mobile {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0.1rem 1.25rem;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.theme-header-mobile-left,
.theme-header-mobile-right,
.theme-header-mobile-center {
  -webkit-flex: 1 0 0;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
}
.theme-header-mobile-left {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.theme-header-mobile-center {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.theme-header-mobile-right {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end; 
}
.theme-header-mobile a.logo{ }
.theme-header-mobile a:hover.logo{ }
.theme-header-mobile .hamburger .line{ background-color:#fff;}
.theme-header-mobile .button{ margin-top:1em; background-color: #010066;}
@media screen and ( max-width: 63.9375em){ 
  .theme-header-mobile { }
  .theme-header-mobile h1.title{ }
}
@media screen and (max-width: 23.375em) { }


/*---   theme   ---*/
.theme{ padding: 40px 0; margin-bottom:40px;}
.theme .theme-item{ margin-bottom: 15px;}
.theme .fa-building, .theme .fa-handshake-o, .theme .fa-book{ background-color: #ffa63f; color: #fff; border-radius: 99px; margin-bottom:15px;}
.theme .fa-building{ padding:17px 20px;}
.theme .fa-handshake-o{ padding:15px 10px;}
.theme .fa-book{ padding:15px 18px;}
.theme h3.title{ font-size: 24px;}


/*---   ¾«ßxÎï¼þ   ---*/
.feature-objects{ margin: 0 0 40px 0;}
.feature-objects h1.title{ font-size: 32px; margin-bottom: 40px; line-height: 24px;}
.feature-objects .fa-building-o{ color: #bbb;}
.feature-objects h1 small.caption{ font-size: 14px; color:#888;}
.feature-objects .card hr{ border-color:#ff8a00; margin: 0 0 10px;}
.feature-objects .card .des{ margin-bottom: 20px;}
.feature-objects .card .card-image{ position:relative;}
.feature-objects .card .card-tag{ position:absolute; top:0px; right:15px;}
.feature-objects .card .card-image .label{ padding: 10px 20px; font-size: 15px;}


/*---   ¹«Ë¾“þüc   ---*/
.serviceInfo{ background-color: #e5e5e5; margin-bottom: 40px; padding:55px 0 20px}
.serviceInfo .topic{ padding-bottom: 40px;}
.serviceInfo h1.title{ font-size:20px;}
.serviceInfo .unline{ border-bottom:1px solid #ff8a00; display: block;}
.serviceInfo small.caption{font-size: 14px; color:#888;}
.serviceInfo .label{ margin-bottom: 5px; border-radius: 3px; padding-top:6px;} 
.serviceInfo .tel{ font-size: 32px; color: #010066; font-family: arial;}
.serviceInfo .fa-phone{ padding-right: 8px; }
.serviceInfo .topic .mark{ margin-right:8px; background-color: #f5f5f5; color: #bbbbbb; padding:3px 12px; border-radius: 3px;}
.serviceInfo .cogroup .co-item{ margin-bottom: 30px;}
.serviceInfo .cogroup .co-item .fa-map-maker{ background-color: transparent; padding: 0; color: #010066;}

/*---   ×îÐÂÏûÏ¢   ---*/
.news{ background-color:#e5e5e5; margin-bottom: 40px; padding: 2.5em;}
.news h1.title{ font-size: 32px; margin-bottom: 40px; line-height: 24px;}
.news .fa-calendar{ color:#bbb}
.news h1 small{ font-size: 14px; color:#888;}
.news .news-list{}
.news .news-list .news-list_item{ margin-bottom: 30px;}
.news .news-list .news-list_item .time{ background-color: #fff; border:3px solid #d3d3d3; display:inline-block; padding:3px 12px 5px; margin-bottom:15px;}
.news .news-list .news-list_item .date{ font-size:30px; border-bottom:3px solid #ff8a00;}
.news .news-list .news-list_item .ym{ font-size: 12px;}
.news .news-list .news-list_item h2.title{ font-size: 16px; margin-bottom: 15px;}
.news .news-list .news-list_item .desc{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}

/*--   ËÑŒ¤Îï¼þ   --*/
.search-object{ margin: 2.5em 0 1.5em 0;}
.search-object .callout{ border-radius: 3px;}
.search-object .topic{ padding-top:20px; margin-bottom: 30px;}
.search-object h1.title{ font-size:32px;}
.search-object .unline{ border-bottom:1px solid #ff8a00; display: block;}
.search-object small.caption{font-size: 14px; color:#888;}
.search-object .link-group{ padding-top: 24px}
.search-object .link-group a{ font-size: 18px;}
.search-object .link-group .button{ margin-bottom: 5px; border-radius: 3px;}
.search-object .fa-search{ color: #bbbbbb;}

/*--   ƒÈ?˜Ëî}   --*/
.themeItem{ padding: 30px 0; margin-bottom: 40px; height: 160px;}
.themeItem:before { content: ""; height: 100%; display: inline-block;vertical-align: middle;}
.themeItem .centered{ display: inline-block; vertical-align: middle; height: auto;}
.themeItem h2.title{ color:#ffff00;}
.themeItem ul.breadcrumbs{ margin: 0 auto; display:table;}
.themeItem ul.breadcrumbs li{ color:#ccc; letter-spacing: 1px;}
.themeItem ul.breadcrumbs li a{ color: #fff; text-decoration:underline;}
.themeItem ul.breadcrumbs li a:hover{ text-decoration:none;}
.themeItem ul.breadcrumbs li .fa-map-marker{ margin-right: 8px;}
/* ƒÈ?˜Ëî}±³¾°ˆD sec01êP춼κ̡¢sec02×îÐÂÏûÏ¢¡¢sec03ÙISÙY?¡¢
sec04ÙuˆöÙY?¡¢sec05??ÙY?¡¢sec06¼ÎºÌݼӢ¡¢sec07?ÉÏ?Ëã±í¡¢sec08ÕÐļݼӢ¡¢sec09·þ„Õ“þüc */
.sec01{background: url(../image/sec_01.jpg)top center no-repeat;} 
.sec02{background: url(../image/sec_02.jpg)top center no-repeat;}
.sec03{background: url(../image/sec_03.jpg)top center no-repeat;}
.sec04{background: url(../image/sec_04.jpg)top center no-repeat;}
.sec05{background: url(../image/sec_05.jpg)top center no-repeat;}
.sec06{background: url(../image/sec_06.jpg)top center no-repeat;}
.sec07{background: url(../image/sec_07.jpg)top center no-repeat;}
.sec08{background: url(../image/sec_08.jpg)top center no-repeat;}
.sec09{background: url(../image/sec_09.jpg)top center no-repeat;}
.sec10{background: url(../image/sec_10.jpg)top center no-repeat;}
.sec11{background: url(../image/sec_10.jpg)top center no-repeat;}

/*--   ·þ„Õ“þüc   --*/
.office .callout{ border-radius: 3px;} 
.office .officeItem hr{ border-color: #ff8a00;}

/*--   Form SETTING   --*/
.inquery{ border:1px solid #ececec; background-color: #fff; padding:30px;}
.inquery .input-group .columns{ padding-right: 1.5rem;}
.inquery input.input-group-field{ border-right:none;}
.inquery .input-group-label{ border-left:none; broder-top:1px solid #ccc; broder-right:1px solid #ccc; broder-bottom:1px solid #ccc; background:#fff; text-align:left;}
.inquery label{ }
.inquery input[type=radio], .inquery input[type=checkbox]{ width:18px; height:18px; vertical-align: text-top}
.inquery .marTop{ margin-top:30px;}

/*--   Tabs Setting   --*/
.spec .card-article .card-image{ position:relative;}
.spec .card-article .card-tag{ position:absolute; bottom:0px; right:15px;}
.spec .card-article .card-section h4.title{ border-bottom:1px solid #ff6c00; padding-bottom:6px; margin-bottom:15px;}
.spec .card-article .card-section .article-detail{ margin:20px 0;}
.spec .card-article .card-section .columns{ padding:0;}
.spec .card-article blockquote{ padding-top:0;}
.spec .fa-star{ color: #ffea00; font-size: 24px}
.spec hr{ margin-top: 0; border-color:#ff8a00;}

/**/
ul.article-list{ margin:20px; }
ul.article-list .label{ margin-right:10px; background-color: transparent; color:#aaa; font-size:14px;}
ul.article-list li{ padding: 10px 0; border-bottom:1px dashed #ccc; margin-bottom:0px}
ul.article-list li:last-child{ border-bottom:none;}

/*--   PricingTable   --*/
ul.pricing-table { background-color: #fefefe; border: 1px solid #ffcb4f; width: 100%; text-align: center; list-style-type: none; border-radius:3px; padding-left:0}
ul.pricing-table li{ border-bottom: 1px dashed #cacaca; padding: 0.3rem 1.125rem;}
ul.pricing-table li:last-child{  border-bottom: 0;}
ul.pricing-table .title{ background-color: #ffcb4f; color: #fefefe; border-bottom: 0;}
ul.pricing-table .price{ background-color: #ffff00; color:#ff8a00; font-size: 2rem; border-bottom: 0; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:bold;}
ul.pricing-table .price small{ font-size:15px; color:#555;}
ul.pricing-table .description{ color: #8a8a8a;font-size: 80%;}
ul.pricing-table :last-child{ margin-bottom: 0;}

/* ---------------------------------------------------------------------------------------------------------------------------------------------
   Scrolltop   
---------------------------------------------------------------------------------------------------------------------------------------------  */
.scroll-top-wrapper {
  position: fixed;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  text-align: center;
  z-index: 99999999;
  background-color: #000;
  color: #fff;
  width: 45px;
  height: 45px;
  line-height: 35px;
  right: 30px;
  bottom: 70px;
  padding-top: 2px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.scroll-top-wrapper:hover{ background-color: #888888;}
.scroll-top-wrapper.show{ visibility:visible; cursor:pointer; opacity: 1.0;}
.scroll-top-wrapper i.fa{ line-height: inherit;}
.scroll-top-wrapper .fa-3x{ font-size:30px;}


/* Small only */
@media screen and (max-width: 39.9375em) {
	.news h1.title,.search-object h1.title{ font-size:21px;} 
	.serviceInfo .topic{ text-align: center;}
	.serviceInfo .cogroup{ text-align: center;}
	.fooMid{ text-align: center;}
	
}

/* Medium and up */
@media screen and (min-width: 40em) { }

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	.news h1.title,.search-object h1.title{ font-size:24px;} 
	.serviceInfo .cogroup{ text-align: center;}
    .themeItem{ }
}

/* Large and up */
@media screen and (min-width: 64em) {
	.themeItem{ }
}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {
	
}