@charset "utf-8";

/* CSS Document */

.header-utility{ background-color: #353535; font-size: 15px; display: none; text-align: right; height: 48px;}

.list-inline>li { display: inline-block;  padding-left: 15px; padding-right: 15px;}

.list_title{ float:left; color:#FFF; line-height:48px;}

.dropdown { position: relative; display: inline-block;}

.header-utility .dropdown>a{line-height: 48px;font-size: 14px; display:inline-block;}

.header-utility a { color: #fff;}

.header-utility .fa {font-size: 24px; padding-right:5px;}

.header-utility .fa,.flag:before{top: 3px;position: relative;}

.fa { display: inline-block;  font: normal normal normal 14px/1 FontAwesome;  font-size: inherit; -webkit-font-smoothing: antialiased;}

.fa-angle-down:before { content: "";}

.header-utility .dropdown-menu { background-color: #636468;}

.dropdown-menu-right { left: auto; right: 0;}

.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 0; margin: 0; list-style: none;background-color: #f0f0f0;}

.dropdown-menu{text-align: left;}

.header-utility .dropdown-menu li:not(:last-child) { border-bottom: 1px solid #fff;}

.dropdown-menu li:not(:last-child)>a { border-bottom: 1px solid gray;}

.dropdown-menu a { -webkit-transition: all .2s;-o-transition: all .2s; transition: all .2s; display: block; position: relative; padding: 10px 20px; clear: both; font-weight: 400;white-space: nowrap;}

.dropdown-menu a:hover { color: #fff; background-color: #8a8b8f; border-color: #66a9a3;}

.header-utility .language-select { display: none;}

.language-select>a{ line-height: 48px; font-size: 14px;display: inline-block;}

.dropdown-language .flag { padding-left: 40px;}

.flag-zh:before { background-position: 0 -368px;}

.dropdown-language .flag:before { position: absolute; top: 12px; left: 12px;}

.flag-us:before { background-position: 0 -336px;}

.flag:before { display: inline-block; width: 16px; height: 16px;background-image:url(../images/Flags-s9b1c58cd1a.png);}

.flag:before{ content: '';}

.search { float: right; position: relative; margin-top: 9px;}

.search .input-group{-webkit-transition: all .2s; -o-transition: all .2s;transition: all .2s; display: none;z-index: 11; width: 263px;}

.search .input-group-open{display: table;}

.search .input-group-open .form-control { -moz-transform: scaleX(1);-ms-transform: scaleX(1); -webkit-transform: scaleX(1); transform: scaleX(1);font-size: 14px;height: 30px; border: 0;}

.input-group .form-control, .input-group-addon, .input-group-btn {display: table-cell;}

.input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0;}

.form-control-brand { color: #636468; background-color: #fff;}

.form-control { padding: 6px 12px; border-radius: 4px; text-decoration: none; transition: border-color .2s ease-in-out;}

.input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle;}

.search .input-group .btn { height: 30px; line-height: 30px;font-size: 20px; padding: 0 9px;background-color: #FFF;border: 0;}

.input-group .form-control:first-child{    border-bottom-right-radius: 0; border-top-right-radius: 0;}

.search .input-group .btn .fa { font-size: 20px;line-height: 30px; color: #007167;top: -1px;}

.input-group-btn:last-child>.btn{    border-bottom-left-radius: 0; border-top-left-radius: 0;}

.btn{display: inline-block; margin-bottom: 0;font-weight: 700;text-align: center;vertical-align: middle; touch-action: manipulation;cursor: pointer; background-image: none;border-radius: 4px;}

.fa-search:before {content: "";}



.header-main {

    -webkit-transition: padding .3s;

    -o-transition: padding .3s;

    transition: padding .3s;

    -webkit-box-shadow: 0 5px 5px rgba(0,0,0,.2);

    box-shadow: 0 5px 5px rgba(0,0,0,.2);

    padding: 10px 0;

}

.container:after, .container:before{

    content: " ";

    display: table;

}

.clearfix:after, .container-fluid:after, .container:after, .csc-textpic:after, .flyout .col-sm-12:after, .nav:after, .panel-body:after, .panel-heading:after, .row:after {

    clear: both;

}

.navbar-toggle {

    padding: 15px 0;

    background-color: transparent;

}

.navbar-toggle {

    float: right;

    position: relative;

    top: 50%;

    transform: translateY(50%);

}

button {

    border: 0;

}

.navbar-toggle span, .navbar-toggle span:after, .navbar-toggle span:before {

    -webkit-transition: border .2s,-webkit-transform .3s;

    -ms-transition: border .2s,-ms-transform .3s;

    -o-transition: border .2s,-o-transform .3s;

    transition: border .2s,transform .3s;

    -moz-transform: translateZ(0);

    -ms-transform: translateZ(0);

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

    width: 30px;

    height: 6px;

    background-color: #636468;

}

.navbar-toggle span {

    display: block;

    position: relative;

}

.navbar-toggle span:before {

    top: -12px;

}

.navbar-toggle span:after, .navbar-toggle span:before {

    content: '';

    position: absolute;

    left: 0;

}

.navbar-toggle span:after {

    bottom: -12px;

}



.header-main .logo {

    float: left;

}

.header-main .logo>a {

    width: 230px;

    height: 93px;

    display: inline-block;

    background-size: 100%;

}

.header-main .logo img {

    display: block;

    max-width: 100%;

    height: auto;

}

.navbar-nav {

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

}





/*=================导航=================*/

.nav_item{ float:left; text-align:center; line-height:110px; position: relative; z-index: 100;}

.nav_item a{ width:100%; color:#FFF; font-size:18px; display:block; padding:0px 22px;}

.nav_item_sub { display: none; position: absolute;z-index: 1000; left:0; overflow: hidden;width:100%;}

.nav_item .nav_itema{ width:100%; display: block;}

.hover .nav_itema { background:#112f70 no-repeat left center; color:#FFF;}

.hover .nav_item_sub a{ width:100%;background: #163f5f; color: #FFF; text-decoration: none; font-size:14px; height:43px; line-height:43px; border-bottom:1px #aec7d8 solid; opacity:0.9; padding:0;}

.hover .nav_item_sub a:hover{ background: #2a50a8; color:#FFF;}





.page-content .container .container {

    width: auto;

    padding: 0;

}



.g-pad{ display:none;}

.g-phd{ display:none;}

.g-banner .slideBox{ width:100%; height:auto; overflow:hidden; position:relative;}

.g-banner .slideBox .hd{ height:24px; overflow:hidden; position:absolute; width:100%; bottom:10px; z-index:1; text-align:center;}

.g-banner .slideBox .hd ul{ overflow:hidden; zoom:1;  }

.g-banner .slideBox .hd ul li{  margin:0px 3px;  width:30px; height:5px;background:#fff; cursor:pointer; display:inline-block; text-align:center; overflow:hidden; line-height:99px;}

.g-banner .slideBox .hd ul li.on{ background:#000 !important; color:#fff;width:30px; }

.g-banner .slideBox .bd{ position:relative; height:100%; z-index:0;   }

.g-banner .slideBox .bd li{ zoom:1; vertical-align:middle;height:auto; position:relative;overflow:hidden;}

.g-banner .slideBox .bd img{ width:100%; height:auto; display:block; position:relative;}



.g-banner .slideBox .prev,

.g-banner .slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }

.g-banner .slideBox .next{ left:auto; right:3%; background-position:8px 5px; }

.g-banner .slideBox .prev:hover,

.g-banner .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }

.g-banner .slideBox .prevStop{ display:none;  }

.g-banner .slideBox .nextStop{ display:none;  }



.blong{ width:100%; margin-top:50px; overflow:hidden;}

.product img{ max-width:100%;}

.product_pad{ display:none; position:relative;}

.product_pad .slideBox .prev,

.product_pad .slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -177px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5; z-index:9999;}

.product_pad .slideBox .next{ left:auto; right:3%; background-position:-60px 5px; }

.product_pad .slideBox .prev:hover,

.product_pad .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }

.product_pad a{ width:100%; float:left; text-align:center;}

.product_pad img{ max-width:100%;}



.section{ background-color:#ededed;padding-top: 32px; padding-bottom: 32px;}

.csc-default{ font-size:18px; line-height:1.6666666667;}

.csc-default img{ max-width:100%;}

.csc-default p { margin: 0 0 15px;}

.img-responsive{ max-width:100%; height:auto;}

.page-content p a:not([class*=btn-]) { font-weight: 700; color: #E77919;}



.news{ margin-top:40px;}

.event { position: relative; margin-bottom: 30px;}

.event .details { padding: 30px; background: #f5f5f5;     line-height: 1.6666666667;}

.event .details p{ margin: 0 0 15px;}

.pull-right { float: right!important;}

.event .title {font-size: 20px; border-top: 2px solid #e2e2e2; border-bottom: 2px solid #e2e2e2; color: #2a50a8; padding: 10px 0;}

.event .location, .event .time {  padding: 0; font-size: 15px;}

.event .location{ height:75px; overflow:hidden;}

.row { margin-left: -15px; margin-right: -15px;}



#footer, #footer a {

    font-size: 14px;

    color: #fff;

	background-color: #272727;

	line-height: 1.6666666667;

}

#footer {

    padding: 48px 0 30px;

}

#footer .panel-group {

    margin-bottom: 15px;

}

.panel-title {

    margin-bottom: 0;

    font-size: 22px;

    color: inherit;

}

#footer .panel-group .panel-title span {

    display: block;

    font-weight: 400;

    font-family: "Frutiger Neue LT W06",Arial,Helvetica,"Helvetica Neue",sans-serif;

    text-transform: uppercase;

    margin-bottom: 16px;

    font-size: 16px;

}

.collapse {

    display: none;

}

#footer .panel-group .panel-body {

    padding-left: 22px;

}

.panel-body, .panel-heading {

    position: relative;

    padding: 15px 15px 15px 22px;

}

.csc-menu, .list-inline, .list-unstyled {

    padding-left: 0;

    list-style: none;

}

.list-unstyled li {

    margin-bottom: 10px;

    line-height: 1.25;

}

#footer li>a {

    font-weight: 400;

    padding-left: 20px;

    position: relative;

}

#footer li>a:before {

    content: "";

    position: absolute;

    left: 0;

    top: 5px;

    width: 20px;

    height: 20px;

    display: inline-block;

    font: normal normal normal 14px/1 FontAwesome;

    font-size: inherit;

    -webkit-font-smoothing: antialiased;

}

.clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .row:after, .row:before {

    content: " ";

    display: table;

}

#footer hr {

    margin: 25px 0;

	border-top: 1px solid #c5c5c5;

}

.list-inline {

    margin-left: -15px;

}

.list-inline>li {

    display: inline-block;

    padding-left: 15px;

    padding-right: 15px;

	line-height: 1.25;

}

#footer .nav-legal>li a {

    display: block;

    font-size: 13px;

    text-transform: uppercase;

}

#footer li>a {

    font-weight: 400;

    padding-left: 20px;

    position: relative;

}

#footer, #footer a {

    color: #fff;

}

#footer .panel-group .panel-title>a {

    padding-right: 0;

    padding-left: 22px;

}

.panel-title>a {

    color: #007167;

    display: block;

    text-decoration: none;

    padding-left: 37px;

}



#footer li>a:before {

    content: "";

    position: absolute;

    left: 0;

    top: 5px;

    width: 20px;

    height: 20px;

    display: inline-block;

    font: normal normal normal 14px/1 FontAwesome;

    font-size: inherit;

    -webkit-font-smoothing: antialiased;

}







.navigation-back:before, .navigation-headline:before, .navigation-link:before {

    content: "";

    font-family: FontAwesome;

    position: absolute;

    left: 16px;

    color: #1d3e85;

    font-size: 22px;

}

.navigation-back, .navigation-headline, .navigation-link {

    -webkit-transition: all .2s linear;

    -o-transition: all .2s linear;

    transition: all .2s linear;

    position: relative;

    color: #3f3f3f;

    display: block;

    padding: 14px 0 14px 35px;

    border-bottom: 1px solid #e0e0e0;

    width: 100%;

    cursor: pointer;

    font-size: 16px;

    line-height: 18px;

}



.navigation-headline {

    display: block;

    width: 100%;

    cursor: default;

    margin-top: 30px;

    margin-bottom: 10px;

    color: #2a50a8;

    font-size: 20px;

    line-height: 27px;

    border-bottom: 0;

}

.clearfix:after, .container-fluid:after, .container:after, .csc-textpic:after, .flyout .col-sm-12:after, .nav:after, .panel-body:after, .panel-heading:after, .row:after {

    clear: both;

}



#breadcrumb {

    display: none;

}

.breadcrumb, .breadcrumb a, .breadcrumb a:hover, .breadcrumb>.active {

    color: #737373;

}

.breadcrumb {

    list-style: none;

    margin-bottom: 0;

    padding: 12px 0;

    font-size: 15px;

    line-height: 30px;

}

ol{

    margin-top: 0;

}

.breadcrumb>li.home {

    font-size: 22px;

    padding: 0 10px;

    position: relative;

    bottom: -3px;

}

.breadcrumb>li {

    display: inline-block;

}

.fa {

    display: inline-block;

    font: normal normal normal 14px/1 FontAwesome;

    font-size: inherit;

    -webkit-font-smoothing: antialiased;

}

.fa-home:before {

    content: "";

}



.page-content .csc-default:not(.row) {

    margin-bottom: 40px;

}

.row .tile-teaser {

    max-width: 100%;

}

.tile-image {

    position: relative;

    margin-bottom: 10px;

}

.tile-teaser {

    -webkit-transition: width .3s;

    -o-transition: width .3s;

    transition: width .3s;

    margin-bottom: 30px;

}

.toolbar-right {

    right: 0;

    top: 0;

}

.toolbar {

    position: absolute;

    z-index: 10;

}



.toolbar-icons .fa {

    display: block;

    width: 40px;

    height: 40px;

    float: left;

    font-size: 20px;

    color: #fff;

    padding: 10px;

    text-align: center;

    background-color: rgba(63,63,63,.6);

    text-decoration: none;

    cursor: pointer;

}

.toolbar-icons .brand {

    background-color: rgba(0,113,103,.85);

}

.toolbar-icons .fa-angle-right {

    font-size: 37px;

    padding-top: 1px;

}

.fa-angle-right:before {

    content: "";

}

.tile-image .image-container {

    height: 0;

    padding-bottom: 100%;

    position: relative;

}

.tile-teaser .image-container {

    padding-bottom: 75%;

}

.tile-image .image {

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    background: #f5f5f5;

    height: 100%;

}

.tile-image .image .image-background {

    display: block;

    width: 100%;

    height: 100%;

    background: center center no-repeat;

    background-size: contain;

}

.tile-teaser .caption {

    height: 156px;

    background-color: #f5f5f5;

    padding: 17px;

    font-size: 16px;

    line-height: 22px;

    color: #2a50a8;

    margin-top: 0;

    font-weight: 700;

}

.caption, .description {

    display: block;

}

.tile-teaser:hover .brand, .tile-teaser:hover .caption {

    background-color: #1d3e85;

    color: #fff;

}

h2 {

    font-size: 14px;

    line-height: 1.3333333333;

	margin-top: 30px;

    margin-bottom: 15px;

}



.breadcrumb>li+li:not(:last-child):after {

    content: "";

    padding: 0 10px;

    font-weight: 700;

}

#footer .to-top:before, .breadcrumb>li+li:not(:last-child):after, .image-lightbox:after, .panel-title>a:before, .video-lightbox:after {

    font-family: FontAwesome;

}

.tile-media, .tile-video {

    position: relative;

    margin-bottom: 30px;

    background: #f5f5f5;

    padding: 20px;

    min-height: 230px;

}

.tile-video img{

	max-width:100%;

	height:auto;

}



.header-carousel {

    overflow: hidden;

    position: relative;

    margin-bottom: 50px;

}

.header-carousel img{

	max-width:100%;

	height:auto;

}

.h1, .h1-big, h1 {

    font-size: 20px;

    line-height: 1.2142857143;

    color: #3f3f3f;

}



.news-article {

    margin-bottom: 30px;

    position: relative;

}

.news-headline {

    margin: 0;

}

.h4, h4 {

    font-size: 20px;

    line-height: 1.3;

}

.news-footer {

    margin: 3px 0 5px;

    font-size: 15px;

}

.event-filter-month .event-month:hover:not(.disabled), .news-list-date {

    font-weight: 700;

}

.news-list-date {

    color: #007167;

    margin-right: 5px;

    white-space: nowrap;

}

.news-category {

    color: #c5c5c5;

    white-space: nowrap;

    display: inline-block;

}

.news-article .news-preview-image {

    display: none;

}

.img-responsive-news {

    display: block;

    max-width: 100%;

}

.news-teaser {

    margin-top: -4px;

}

.cke_editable p a:not([class*=btn-]), .page-content p a:not([class*=btn-]) {

    font-weight: 700;

    color: #2a50a8;

}

.news-teaser .more {

    margin-left: 10px;

    white-space: nowrap;

}

.h3, .h4, h3, h4 {

    color: #373737;

}

.header-carousel_news {

    overflow: hidden;

    position: relative;

}

.header-carousel_news img{

	max-width:100%;

	height:auto;

}

.linkable:before {

    content: '';

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

}

.con_pre{

	margin-bottom:60px;

}



.page { padding:20px 0 30px; line-height:24px; text-align:center; }

.page li {display:inline-block;}

.page li a{padding: 9px 15px;border: 1px solid #e4eaec;background: #fff;text-align: center;color: #76838f;}

.page li a:hover,.page .thisclass a{ border-color: #0090ee; background: #0090ee; color: #fff; cursor: default; }

.page span{margin-right:6px;}



.animated img{ width:100%;}

.yyly{ width:50%; position:relative; float:left;}

.qyzz{ width:50%; position:relative; float:left;}

.yyly_more{ position:absolute; right:70px; top:40px; z-index:999;}



.pad_animated{ width:100%; height:100%; overflow:hidden; margin-top:20px;}

.pad_animated img{ width:100%;}





.met-product {

  overflow:hidden;

}

.met-product .container {

  padding: 30px 15px;

}

.met-product .container-fluid {

  padding: 30px;

}

.met-product ul.met-grid li {

  clear: none;

}

.shown{ 

	width:33.3%;

	position: relative;

  float: left;

  min-height: 1px;

  padding-right: 20px;

  padding-left: 20px;

  margin-top: 22px;

}

.showns{ 

	width:25%;

	position: relative;

  float: left;

  min-height: 1px;

  padding-right: 10px;

  padding-left: 10px;

  margin-top: 22px;

}

.widget {

  /* position: relative; */

  margin-bottom: 30px;

  background-color: #fff;

}

.widget .cover {

  width: 100%;

}

.cover-image {

  width: 100%;

  height:100%;

}

.cover {

  overflow: hidden;

}

figure{margin:0;}

.met-product .widget > .widget-title {

  padding: 20px;

  border-bottom: 1px solid #E0E0E0;

  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

  text-align:center;

}

.met-product .widget > .widget-title a{

	text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

    display: block;

}

.met-product .widget,

.met-product .widget .widget-header,

.met-product .widget-body {

  -webkit-border-radius: 0 !important;

  -moz-border-radius: 0 !important;

  -o-border-radius: 0 !important;

  -ms-border-radius: 0 !important;

  border-radius: 0 !important;

}

.met-product .widget .widget-header:hover a:after {

  top: 35%;

  opacity: 1;

}

.met-product .widget .widget-header:hover img {

  -webkit-transform: scale(1.1);

  -moz-transform: scale(1.1);

  -ms-transform: scale(1.1);

  -o-transform: scale(1.1);

  transform: scale(1.1);

  transition: all 0.6s cubic-bezier(0.17, 0.84, 0.44, 1) 0s;

}

.met-product .widget .widget-header:hover .mask {

  background: rgba(0, 0, 0, 0.5);

  transition: all 0.6s cubic-bezier(0.17, 0.84, 0.44, 1) 0s;

}

.met-product .widget .widget-header img {

  transition: all 0.6s cubic-bezier(0.17, 0.84, 0.44, 1) 0s;

}

.met-product .widget .widget-header a {

  display: block;

  position: relative;

}

.met-product .widget .widget-header a:after {

  content: '+';

  width: 50px;

  height: 50px;

  line-height: 50px;

  margin: 0 auto;

  margin-left: -26px;

  margin-top: 0px;

  display: inline-block;

  position: absolute;

  top: 0%;

  left: 50%;

  z-index: 10;

  border-radius: 50px;

  border: 1px solid rgba(255, 255, 255, 0.5);

  transition: all 0.6s cubic-bezier(0.17, 0.84, 0.44, 1) 0s;

  opacity: 0;

  color: #fff;

  font-size: 40px;

  text-align: center;

  font-family: "Times New Roman", "微软雅黑";

}

.met-product .widget .widget-header .mask {

  position: absolute;

  width: 100%;

  height: 100%;

  transition: all 0.6s cubic-bezier(0.17, 0.84, 0.44, 1) 0s;

  z-index: 2;

}

.met-product .met-toolbar-body {

  margin-bottom: 15px;

  margin-top: -15px;

}

.met-product .met-toolbar-body .btn-toolbar {

  float: right;

}

.met-product .met-toolbar-body .btn-toolbar .btn-group {

  background: #fff;

}

.met-product .met-figure .widget-body {

  display: none;

}

.met-product.type-1 h4 {

  margin: 0;

  font-size: 14px;

  text-align: left;

}

.met-product.type-1 h4 a {

  color: #666;

}

.met-product.type-1 h4 p {

  padding-top: 5px;

  margin: 0;

  font-size: 13px;

  color: #848484;

}



.jsyf_cen{ width:100%; overflow:hidden;}

.jsyf_img{ width:350px; float:left; margin-right:25px;}

.jsyf_img img{ width:100%;}



.product_top{ width:100%; overflow:hidden; text-align:center; padding-bottom:20px;}

.product_top h4{ color:#2a50a8; font-size:32px;}

.product_top h6{ color:#2a50a8; font-size:26px;}



.page-content .col-md-4 h4{ font-weight:bold; padding-bottom:10px;}



.product_to{ margin-top:50px; overflow:hidden;}

.product_to .col-md-3 h4{ background:#1d3e85; width:100%; height:40px; line-height:40px; color:#FFF; text-align:center; font-size:16px;}

.product_to .col-md-3 .pro_img{ width:100%; overflow:hidden;}

.product_to .col-md-3 .pro_img img{ max-width:100%;}



.hzhb{ margin-top:30px; overflow:hidden;}

.hzhb_cen{ width:100%; overflow:hidden; padding-top:10px;}

.hzhb_cen ul li{ width:167px; margin-right:25px; float:left;}

.hzhb_cen ul li img{ width:100%;}

.hzhb_cen ul li span{ width:100%; float:left; text-align:center; font-size:16px; padding-top:10px;}



.contact_top{ padding:15px 15px; background:url(../images/contact.jpg) top center no-repeat; overflow:hidden;}


/*================= 分页===================*/
.pagination{ padding:20px 0 30px; text-align:center; line-height:24px;}
.pagination li{ display:inline-block;}
.pagination li a{padding: 9px 15px;border: 1px solid #e4eaec;background: #fff;text-align: center;color: #76838f;}
.pagination .active a{ background:#0585d0; color:#FFF;}


table{border-collapse:collapse;border-spacing:0}