/* Template Options */

/*
	--//-- 1. Color Options --//--

	- Theme color - 22a1c4  (rgba - 34, 161, 196);
	
	--//-- 2. Theme Font --//--
   
	- Main font Roboto;	
	
*/

body,
input[type='text'],
input[type='email'],
input[type='password'],
input[type='submit'],
textarea {
  font-family: 'microsoft yahei', sans-serif;
  text-rendering: optimizeLegibility !important;
}

.logo_retina,
.logo_retina {
}

::selection {
  background: #1086df;
  color: #ffffff;
}
::-moz-selection {
  background: #1086df;
  color: #ffffff;
}

a {
  color: #1086df;
}

.color {
  color: #1086df !important;
}

header nav ul.menu > li:hover > a,
header nav ul.menu > li.current-menu-ancestor > a,
header nav ul.menu > li.current-menu-item > a,
header nav ul.menu > li.current-menu-parent > a {
  color: #1086df;
}

header nav ul.menu > li > a:before {
  background: #1086df;
}

header nav ul.sub-menu > li:hover > a,
header nav ul.sub-menu > li.current-menu-item > a,
header nav ul.sub-menu > li.current-menu-parent > a {
  color: #1086df;
}

.main_header.type4 header nav ul.menu > li:hover > a,
.main_header.type4 header nav ul.menu > li.current-menu-ancestor > a,
.main_header.type4 header nav ul.menu > li.current-menu-item > a,
.main_header.type4 header nav ul.menu > li.current-menu-parent > a {
  color: #1086df;
}

.email a:hover {
  color: #1086df;
}

div.selectBox.act,
div.selectBox:hover {
  color: #1086df;
}

.cart_btn a.view_cart_btn:hover,
.cart_btn:hover a.view_cart_btn {
  color: #1086df;
}

.s_submit:hover,
.top-icon-search:hover {
  color: #1086df;
}

.log_in_out a:hover {
  color: #1086df;
}

span.selectOption:hover {
  color: #1086df;
}

.mobile_menu_wrapper a:hover,
.mobile_menu_wrapper .current-menu-parent a,
.mobile_menu_wrapper .current-menu-parent .sub-menu a:hover,
.mobile_menu_wrapper .current-menu-parent .sub-menu li.current-menu-parent a.mob_link {
  color: #1086df;
}
.mobile_menu_wrapper .current-menu-item a.mob_link {
  color: #1086df !important;
}
.mobile_menu_wrapper li.current-menu-parent.menu-item-has-children::before,
.mobile_menu_wrapper li.menu-item-has-children:hover::before {
  color: #1086df;
}

.highlighted_colored {
  background: #1086df;
}

.dropcap.type1 {
  color: #1086df;
}

.dropcap.type3 {
  background: #1086df;
}

blockquote.type1:before {
  color: #1086df;
}

.module_content ul.type2 li:before {
  color: #1086df;
}

.sidepanel a:hover {
  color: #1086df;
}

.recent_posts li a.title:hover,
.product_posts li a.title:hover,
.pre_footer .recent_posts li a.title:hover,
.pre_footer .product_posts li a.title:hover,
.subtotal span {
  color: #1086df;
}

#mc_signup_submit:hover {
  background: #1086df !important;
}

.tweet_module ul li a:hover,
.pre_footer .tweet_module ul li a:hover {
  color: #1086df;
}

.shortcode_button.btn_type1:hover,
.shortcode_button.btn_type2:hover,
.shortcode_button.btn_type3:hover,
.shortcode_button.btn_type4:hover,
.shortcode_button.btn_type4.dark_parent:hover {
  background: #1086df !important;
  color: #fff;
  border-color: #1086df;
}

.shortcode_button.btn_type5 {
  background: #1086df;
}

.stat_count {
  color: #1086df;
}

.counter_icon {
  background: #1086df;
}

.skill_div {
  background: #1086df;
}

.iconbox_wrapper .ico {
  background: #1086df;
}

.iconbox_wrapper .ico:after {
  border-color: #1086df;
}

a:hover .iconbox_title {
  color: #1086df;
}

.promoblock_wrapper {
  border-left: 10px solid #1086df;
}

.fw_block .promoblock_wrapper {
  background: #1086df;
}

.fw_block .promo_button_block a.shortcode_button {
  color: #1086df;
}

.color_gradient_vert,
.shortcode_iconbox.type5 a:hover .iconbox_wrapper,
.shortcode_iconbox.type4 .iconbox_wrapper .ico,
h5.shortcode_accordion_item_title:hover .ico:after,
h5.shortcode_toggles_item_title:hover .ico:after,
h5.shortcode_accordion_item_title.state-active .ico:after,
h5.shortcode_toggles_item_title.state-active .ico:after,
.step_by_step .iconbox_wrapper .ico,
.pagerblock .prev-page,
.pagerblock .next-page,
.quantity .minus:hover,
.quantity .plus:hover,
a.remove:hover {
  background: #1086df;
}

.color_gradient_hor,
.widget_filter .ui-slider-range {
  background: #1086df; /* Old browsers */
}

h1.light span {
  color: #1086df;
}

.slick_testim_info h5 span,
.testimonials_list li .item h5.testimonials_title span {
  color: #1086df;
}

h5.shortcode_accordion_item_title .ico:before,
h5.shortcode_toggles_item_title .ico:before,
h5.shortcode_accordion_item_title:hover,
h5.shortcode_toggles_item_title:hover,
h5.shortcode_accordion_item_title.state-active,
h5.shortcode_toggles_item_title.state-active {
  color: #1086df;
}

.module_team .item_list.type2 .teamlink:hover {
  color: #1086df !important;
}

.module_cont hr.type2 {
  border-top: #1086df 1px solid;
}

.module_cont hr.type3:before {
  background: #cecece; /* Old browsers */
  background: -moz-linear-gradient(left, #ffffff 0%, #cecece 50%, #ffffff 100%); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0%, #ffffff),
    color-stop(50%, #cecece),
    color-stop(100%, #ffffff)
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    left,
    #ffffff 0%,
    #cecece 50%,
    #ffffff 100%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, #ffffff 0%, #cecece 50%, #ffffff 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #ffffff 0%, #cecece 50%, #ffffff 100%); /* IE10+ */
  background: linear-gradient(to right, #ffffff 0%, #cecece 50%, #ffffff 100%); /* W3C */
}

.module_cont hr.type4:before {
  background: #1086df; /* Old browsers */
  background: -moz-linear-gradient(left, #ffffff 0%, #1086df 50%, #ffffff 100%); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0%, #ffffff),
    color-stop(50%, #1086df),
    color-stop(100%, #ffffff)
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    left,
    #ffffff 0%,
    #1086df 50%,
    #ffffff 100%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, #ffffff 0%, #1086df 50%, #ffffff 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #ffffff 0%, #1086df 50%, #ffffff 100%); /* IE10+ */
  background: linear-gradient(to right, #ffffff 0%, #1086df 50%, #ffffff 100%); /* W3C */
}

/*.price_item.most_popular .price_item_title h5 {
   color: #1086df;
}*/

.price_item_wrapper {
  border-top: #1086df solid 10px;
}

.shortcode_tab_item_title,
.shortcode_tab_item_title:after {
  background: #1086df;
}

.shortcode_tabs.type3 .shortcode_tab_item_title:hover,
.shortcode_tabs.type3 .shortcode_tab_item_title.active {
  color: #1086df;
}

.shortcode_tabs.type3 .shortcode_tab_item_title.active {
  border: #1086df solid 1px;
}

.shortcode_icons_wrapper a {
  background: #1086df;
}
.shortcode_icons_wrapper a:hover {
  color: #1086df !important;
}

.item_tab h3 a:hover,
.contact_info_item a:hover,
.shortcode_timeline a:hover {
  color: #1086df;
}

.shortcode_timeline_date {
  background: #1086df;
}

.view_link {
  background: #1086df;
}
.view_link:hover i {
  color: #1086df;
}

.featured_items_body a:hover {
  color: #1086df;
}

.breadcrumbs a:hover {
  color: #1086df;
}

.map_collapse {
  background: #1086df;
}

.module_table_info h3 .badge {
  background: #1086df;
}

.send_mail h3 a {
  color: #1086df;
}

input[type='button'],
input[type='reset'],
input[type='submit'],
.coupon input[type='submit']:hover {
  background-color: #1086df;
}

.with_reset .fright:hover:before {
  color: #1086df;
}

.widget_tag_cloud a:hover {
  background-color: #1086df;
  border-color: #1086df;
}

.coming_soon_cont {
  background-color: #1086df;
}

.notify_shortcode input[type='submit'] {
  color: #1086df;
}

.blogpost_title a:hover,
.listing_meta a:hover {
  color: #1086df;
}

.pagerblock li a:hover,
.pagerblock li a.current,
.pagerblock .prev-page:hover,
.pagerblock .next-page:hover {
  color: #1086df !important;
}

.blogpost_user_meta h3 a,
.prev_next_links a:hover,
.comment_author_name a:hover,
.comment_meta a:hover {
  color: #1086df;
}

.contact_info a:hover {
  color: #1086df;
}

.sidepanel li.current-menu-item a {
  color: #1086df;
}

.item_cart:hover,
.item_link:hover,
.shop_list_info a:hover,
.posted_in a:hover,
.tagged_as a:hover,
.product-name a:hover,
.calculate:hover,
h2.portf_title a:hover {
  color: #1086df;
}

.filter_navigation ul li ul li.selected a,
.filter_navigation ul li ul li a:hover {
  color: #1086df;
}

.slide_btn a,
.slide_btn.type2 a:hover {
  color: #1086df !important;
}

.slide_btn.type3 a,
.slide_btn.type4 a:hover {
  background-color: #1086df;
  border-color: #1086df;
}

.login_popup .forgot_password a:hover {
  color: #1086df;
}

.slider_bg {
  background-color: #1086df;
}

.wrapper_404 {
  background-color: #1086df;
}

.form404 input[type='submit'] {
  color: #1086df;
}

.module_table_info .table_info_title h5 {
  color: #1086df;
}

.module_table_info .shortcode_tab_item_title.active .badge {
  background-color: #1086df !important;
}

.jobs_filters > li > ul li:before {
  color: #1086df;
}

.demo_panel .panel_headers a:before {
  background-color: #1086df;
}

.jobs_filters > li > ul li:hover,
.jobs_filters > li > ul li.select {
  color: #1086df;
}

/*2017-10-26新增*/

#main-wrap {
  position: relative;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 50px;
  overflow: hidden;
  background: white;
}
#page-header {
  margin-left: -50px;
  margin-right: -50px;

  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}
#page-header .text {
  padding: 65px 40px;
  position: relative;
  z-index: 1;
  background-image: url(../img/imgs/page-header.png);
  background-repeat: no-repeat;
  background-position: right top;
}

#page-header .text:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /*background-image: url(../img/imgs/page-header.png);*/
  background-repeat: no-repeat;
  background-position: right top;
  opacity: 0.6;
}

.secondary-background {
  background-color: #1086df;
}
.secondary-background {
  background-color: #1086df;
}
[class~='white'] {
  color: white !important;
}
#page-header ul.breadcrumb {
  padding: 0;
  margin-bottom: 0;
  list-style: none;
  background-color: transparent;
  border-radius: 0;
}
#page-header ul.breadcrumb li {
  font-size: 22px;
  line-height: 30px;
  font-weight: 300;
  display: inline-block;
}
#page-header ul.breadcrumb.white li a {
  color: white;
}
style.css: 1361 #page-header ul.breadcrumb li a {
  font-size: 22px;
  line-height: 30px;
  color: #444444;
}
#page-header {
  margin-left: -50px;
  margin-right: -50px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}

h1 {
  font: 100% 'microsoft yahei', sans-serif;
  color: #444444;
  font-weight: 300;
}
h1 {
  font-size: 64px;
  line-height: 84px;
}

@media screen and (max-width: 650px) {
  h1 {
    font-size: 44px;
    line-height: 64px;
  }
}
@media screen and (max-width: 480px) {
  #page-header.image:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #20292e;
    opacity: 0.4;
  }

  #page-header .text:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: right top;
    opacity: 0.6;
  }
  #page-header .text.no-background:before {
    background: none;
  }
  #page-header ul.breadcrumb {
    padding: 0;
    margin-bottom: 0;
    list-style: none;
    background-color: transparent;
    border-radius: 0;
  }
  #page-header ul.breadcrumb > li + li:before {
    color: #444444;
  }
  #page-header ul.breadcrumb li {
    font-size: 22px;
    line-height: 30px;
    font-weight: 300;
    display: inline-block;
  }

  @media screen and (max-width: 650px) {
    #page-header ul.breadcrumb li {
      font-size: 18px;
      line-height: 25px;
    }
  }
  #page-header ul.breadcrumb li a {
    font-size: 22px;
    line-height: 30px;
    color: #444444;
  }

  @media screen and (max-width: 650px) {
    #page-header ul.breadcrumb li a {
      font-size: 18px;
      line-height: 25px;
    }
  }
  #page-header ul.breadcrumb.white > li + li:before {
    color: white;
  }
  #page-header ul.breadcrumb.white li a {
    color: white;
  }
  #page-header ul.breadcrumb.white li a:hover {
    color: #20292e;
  }
  .content-section .text {
    padding: 50px;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font: 100% 'microsoft yahei', sans-serif;
    color: #444444;
    font-weight: 300;
  }
  h1 {
    font-size: 64px;
    line-height: 74px;
  }

  @media screen and (max-width: 650px) {
    h1 {
      font-size: 44px;
      line-height: 64px;
    }
  }

  @media screen and (max-width: 480px) {
    h1 {
      font-size: 34px;
      line-height: 50px;
    }
  }
  h1.heading {
    color: #757575;
    font-family: 'microsoft yahei', sans-serif;
    letter-spacing: 0;
    max-width: 800px;
    margin: 0 auto;
  }
  h1.heading.max {
    max-width: 1000px;
  }
  h1.heading.left {
    margin-left: 0;
  }
  h1.heading.right {
    margin-right: 0;
  }
  h2 {
    font-size: 24px;
    line-height: 35px;
  }
}