*{
    margin: 0;
    padding: 0;
    list-style: none;
    box-sizing: border-box;
}
html{font-size:16px;}
body{
  font-family: "STHeitiSC-Light", Helvetica, Tahoma, Arial, "Microsoft YaHei", 微软雅黑, 宋体, 黑体, sans-serif;
}
h3 {
    font-size: 38px;
    font-weight: 300;
    line-height: 40px;
    margin: 50px 0 20px 0;
    text-align: center;
}
h5 {
    font-size: 24px;
    font-weight: 300;
    margin: 24px 0 10px;
    color: #333;
    text-align: center;
}
.ui-loader-default{ display:none}
.ui-mobile-viewport{ border:none;}
.ui-page {padding: 0; margin: 0; outline: 0}

.ab{position: absolute;}
.fl{float:left;}
.join-left{padding-top:38px; width:260px; text-align:center;}
.w100{width:100%;}
.max240{max-width: 240px;}
.join-right{float:right;}
.txtwrap img.fl{padding-right:10px; float:left;}
.pb100{padding-bottom: 100px; overflow: hidden;}
.dc-bord{padding:20px 0 10px;}
.dc-bord h5{margin:0 ; line-height: 1.6;}
.browserupgrade{position:fixed; width:100%; top:0;font-family: "STHeitiSC-Light", Helvetica, Tahoma, Arial, 宋体, 黑体, sans-serif;margin:0 auto; padding:10px; color:#fff; font-size:18px;text-align: center; background-color: #435fbf; z-index:999;}
.browserupgrade a{color: #fff; text-decoration: underline;}
.list-unstyled {
    _display:inline;
    padding-left: 0;
    list-style: none;
    list-style:none outside none;
}
.list-unstyled li{
    *list-style: none outside none;
}
.list-disc{
  margin: 0 0 20px;
  padding-top: 10px;
  list-style-type: disc;
  padding-left: 18px;
  color: #666666;
}
.big-h1{font-size: 20px;}
.thumbnail > img{width:100%;}
.intro_item{margin-top:5px;margin-bottom:26px;}
a.al_center {
    display: block;
    margin: 0 auto;
    text-align: center;
    font-size: 16px;
    color: #3d99d2;
    border:1px solid #3d99d2;
    border-radius: 3px;

}
a.al_center:hover{color: #fff; background-color: #3d99d2;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{color:#1341e0;}
.btn, a, button, div[id^=uniform-] span {
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
}
.btn, .btn-large {
    letter-spacing: .5px;
    -webkit-transition: .2s ease-out;
    -moz-transition: .2s ease-out;
    -o-transition: .2s ease-out;
    -ms-transition: .2s ease-out;
    transition: .2s ease-out;
    cursor: pointer;
}
.btn:hover, .btn-large:hover, .btn-floating:hover {
  -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
.btn_w138 {
    width: 138px;
}
.btn, a, button, div[id^=uniform-] span {
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
}
.waves-effect {
  position: relative;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  vertical-align: middle;
  z-index: 1;
  will-change: opacity, transform;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  transition: all .3s ease-out;
}
p.center{text-align:center;}
.btn-sm, .btn-group-sm > .btn{font-size:14px;padding:3px 12px;}
.index_header {
    position: relative;
}
.navbar-default{border-radius:0; background-color: white;}
.navbar{margin-bottom:0; min-height: 48px; border:0;}
.navbar-brand{padding:8px 15px; height:48px;}
@media (min-width: 768px){
.navbar-nav {
    font-size: 15px;
    font-weight: normal;
    float: right;
    margin: 0 150px 0 0;
    height: 48px;
    line-height: 48px;
    vertical-align: middle;
    padding: 0;
}
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{background-color: #ffffff;}
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus{color:#1341e0; }
@media (min-width: 768px){
.navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 6px;
}
}
.navbar-nav > li > a:hover{border-bottom:2px solid #1341e0;}

.call-tel {
    position: absolute;
    right: 32px;
    top: 8px;
    height: 32px;
    line-height: 30px;
    padding:0 10px;
    background-clip: padding-box;
}
span.nav-tel {
    font-size: 15px;
    font-weight: 600;
    color: #435fbf;
    vertical-align: middle;
}
/* Slide */
.btn, a, button, div[id^=uniform-] span {
-webkit-transition: all .1s ease-in-out;
-moz-transition: all .1s ease-in-out;
-ms-transition: all .1s ease-in-out;
-o-transition: all .1s ease-in-out;
}

.splash {
  position: relative;
  width:100%;/*fixed width*/
}

@media (min-width: 600px) {
  .splash {
  }
}

/* @media (max-width: 992px) {
  .splash {
    position: relative;
  }
} */
.splash .nav-circleslide {
position: absolute;
bottom: 40px;
right: 50%;
margin-right: -300px;
display: inline-block;
}

.splash .nav-circleslide a {
margin: 0 20px;
}
.splash .nav-container {
margin-top: -50px;
position: relative;
text-align: center;
z-index: 99;
}
ol, ul {
list-style: none;
}
.splash .rslides_tabs {
display: inline-block;
margin: 0;
padding: 0;
list-style: none;
cursor: default;
z-index: 6;
display: inline-block;
clear: both;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.splash .rslides_tabs li {
position: relative;
display: block;
float: left;
width: 24px;
height: 24px;
margin: 0 10px;
cursor: pointer;
}

.splash .rslides_tabs li a {
top: 0;
left: 0;
width: 24px;
height: 24px;
display: block;
outline: none;
border-radius: 50%;
background-clip: padding-box;
background-color: rgba(255,255,255,.5);
text-indent: -999em;
color: transparent;
cursor: pointer;
position: absolute;
}
.splash .rslides_tabs li.rslides_here a{
  background-color: #fff;
}
.splash .rslides_tabs li a{
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.splash .rslides_tabs li a:hover,.rslides_tabs li a:focus{color:transparent; text-decoration: none;}
svg:not(:root) {
overflow: hidden;
}
.splash .rslides_tabs li svg {
z-index: 10;
vertical-align: top;
}

.splash .rslides {
position: absolute;
list-style: none;
overflow: hidden;
width: 100%;
padding: 0;
margin: 0;
top: 0;
left: 0;
}
.splash2{height: 350px;}
.icon-appitems{margin:0 auto; text-align: center;}
.icon-appitems .item-li{
    display:inline-block;
    padding: 8px;
    text-align: center;
}
.callbacks-container .caption-media .icon-appitems img {max-width: 70px;}
.icon-appitems .item-li span.txt {
    display: block;
    padding-top: 5px;
    color: #333;
    font-size: 14px;
}
.icon-appitems a{display:block; margin-top:10px;font-size:18px; font-weight: 300; text-decoration: none;}
.splash2 .rslides{overflow: visible;}
.splash:before {
    content: "";
    display: inline-block;
    height: 100%;
    margin-right: -0.25em;
    vertical-align: middle;
}
.splash .rslides li {
-webkit-backface-visibility: hidden;
position: absolute;
display: none;
width: 100%;
left: 0;
top: 0;
}
.splash2 .rslides li{
  text-align: center;
}
.splash .rslides li:first-child {
  position: relative;
  display: block;
  float: left;
}
.splash .rslides img.slide_bg {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  position: absolute;
  border: 0;
}
.splash .rslides .browse-images {
width: 100% !important;
height: 100% !important;
display: block;
background-position: 50% 50% !important;
background-size: cover !important;
}

.callbacks-container .slide-text h1 {
    font-size: 18px;
    line-height: 1.6;
    margin: 10px 0;
}
/*.callbacks-container .caption-media{margin-top:-480px; }*/
.callbacks-container .caption-bg .slide-text{margin: 68px auto 0; padding:50px 0; width:55%; }
.callbacks-container .caption-media .slide-text{
  width:100%;
  display: inline-block;
  text-align: center;
}
.callbacks-container .caption-media img{width:100%; max-width: 435px;}
.callbacks-container .caption-media .float-p{
  float: left;
  width: 45%; 
  display: inline-block;
}
.callbacks-container .caption h4{font-size: 30px; text-shadow: 0 1px 1px #000;}
.callbacks-container .caption p{
  font-size: 18px;
  width: 640px;
  margin: 0 auto;
  padding:10px 15px;
  font-weight: 300;
}

.callbacks-container .button a.intall_btn{
    font-size: 18px;
    color:#ffffff !important;
    text-decoration: none;
    margin-right: 15px;
    padding: 7px 19px;
    display: inline-block;
    width: auto;
    position: relative;
    vertical-align: middle;
    z-index: 2;
    border: 1px solid #ffffff;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-clip: padding-box;
    cursor: pointer;
    background: rgba(0,0,0, .1);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
  }
.rslides1_nav {
    position: absolute;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    top: 50%;
    left: 40px;
    z-index: 99;
    text-indent: -9999px;
    overflow: hidden;
    text-decoration: none;
    height: 40px;
    width: 22px;
    background: transparent url(../images/next.png) no-repeat left top;
    margin-top: -20px;
}
.rslides1_nav.next {
    left: auto;
    background-position: right top;
    right: 40px;
}
.splash2 {
    width: 100%;
    max-width: 1366px;
}
.splash2 .rslides1_nav{
  left:120px;
  height: 48px;
  width: 25px;
  margin-top: -24px;
  background: transparent url(../images/next2.png) no-repeat left top;}
.splash2 .rslides1_nav.next {
    left: auto;
    background-position: right top;
    right: 120px;
}
.intro-about,.tech-about{padding-bottom: 50px;}
.bg-blue{background-color: #d7edfa;}
.bg-gray{background-color: #f5f5f5;}
.list-mark{padding: 0 1.25em; font-size: 15px; line-height: 26px; color: #333; text-align: left;}

/*common style*/
.fixed{
  position: fixed;
  top: 0;
  width: 100%;      
  box-shadow: 2px 3px 3px rgba(0,0,0,.15);
  z-index: 9999;
}
body{position: relative;}
div#fTitle {
    position: absolute;
    width: 100%;
    top: 72px;
    background: #fff;
    height: 110px;
    box-shadow: 2px 3px 3px rgba(0,0,0,.2);
}
ul.f-navv {
    width: 668px;
    float: right;
    padding: 0 20px;
    line-height: 2;
    font-size: 14px;    
}
ul.f-navv li a{
  color: #666;
}
ul.f-navv li a:hover{
  color: #333;
}
.btn-default,
.btn-primary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
}
.btn-default:active,
.btn-primary:active,
.btn-success:active,
.btn-info:active,
.btn-warning:active,
.btn-danger:active,
.btn-default.active,
.btn-primary.active,
.btn-success.active,
.btn-info.active,
.btn-warning.active,
.btn-danger.active {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn-default.disabled,
.btn-primary.disabled,
.btn-success.disabled,
.btn-info.disabled,
.btn-warning.disabled,
.btn-danger.disabled,
.btn-default[disabled],
.btn-primary[disabled],
.btn-success[disabled],
.btn-info[disabled],
.btn-warning[disabled],
.btn-danger[disabled],
fieldset[disabled] .btn-default,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-success,
fieldset[disabled] .btn-info,
fieldset[disabled] .btn-warning,
fieldset[disabled] .btn-danger {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn-default .badge,
.btn-primary .badge,
.btn-success .badge,
.btn-info .badge,
.btn-warning .badge,
.btn-danger .badge {
  text-shadow: none;
}
.btn:active,
.btn.active {
  background-image: none;
}
.btn-default {
  text-shadow: 0 1px 0 #fff;
  background-image: -webkit-linear-gradient(top, #fff 0%, #e0e0e0 100%);
  background-image:      -o-linear-gradient(top, #fff 0%, #e0e0e0 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0));
  background-image:         linear-gradient(to bottom, #fff 0%, #e0e0e0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #dbdbdb;
  border-color: #ccc;
}
.btn-default:hover,
.btn-default:focus {
  background-color: #e0e0e0;
  background-position: 0 -15px;
}
.btn-default:active,
.btn-default.active {
  background-color: #e0e0e0;
  border-color: #dbdbdb;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #e0e0e0;
  background-image: none;
}
.btn-primary {
  background-image: -webkit-linear-gradient(top, #337ab7 0%, #265a88 100%);
  background-image:      -o-linear-gradient(top, #337ab7 0%, #265a88 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#265a88));
  background-image:         linear-gradient(to bottom, #337ab7 0%, #265a88 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #245580;
}
.btn-primary:hover,
.btn-primary:focus {
  background-color: #265a88;
  background-position: 0 -15px;
}
.btn-primary:active,
.btn-primary.active {
  background-color: #265a88;
  border-color: #245580;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #265a88;
  background-image: none;
}
.btn-success {
  background-image: -webkit-linear-gradient(top, #5cb85c 0%, #419641 100%);
  background-image:      -o-linear-gradient(top, #5cb85c 0%, #419641 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#419641));
  background-image:         linear-gradient(to bottom, #5cb85c 0%, #419641 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #3e8f3e;
}
.btn-success:hover,
.btn-success:focus {
  background-color: #419641;
  background-position: 0 -15px;
}
.btn-success:active,
.btn-success.active {
  background-color: #419641;
  border-color: #3e8f3e;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #419641;
  background-image: none;
}
.btn-info {
  background-image: -webkit-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
  background-image:      -o-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#2aabd2));
  background-image:         linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #28a4c9;
}
.btn-info:hover,
.btn-info:focus {
  background-color: #2aabd2;
  background-position: 0 -15px;
}
.btn-info:active,
.btn-info.active {
  background-color: #2aabd2;
  border-color: #28a4c9;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #2aabd2;
  background-image: none;
}
.btn-warning {
  background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
  background-image:      -o-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#eb9316));
  background-image:         linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #e38d13;
}
.btn-warning:hover,
.btn-warning:focus {
  background-color: #eb9316;
  background-position: 0 -15px;
}
.btn-warning:active,
.btn-warning.active {
  background-color: #eb9316;
  border-color: #e38d13;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #eb9316;
  background-image: none;
}
.btn-danger {
  background-image: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
  background-image:      -o-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c12e2a));
  background-image:         linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #b92c28;
}
.btn-danger:hover,
.btn-danger:focus {
  background-color: #c12e2a;
  background-position: 0 -15px;
}
.btn-danger:active,
.btn-danger.active {
  background-color: #c12e2a;
  border-color: #b92c28;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #c12e2a;
  background-image: none;
}
.thumbnail,
.img-thumbnail {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
          box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background-color: #e8e8e8;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  background-color: #2e6da4;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .active > a {
  background-color: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.navbar-brand,
.navbar-nav > li > a {
  text-shadow: 0 1px 0 rgba(255, 255, 255, .25);
}
.navbar-inverse {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-radius: 4px;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .active > a {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff080808', endColorstr='#ff0f0f0f', GradientType=0);
  background-repeat: repeat-x;
  -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25);
          box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25);
}
.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-nav > li > a {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
}
.navbar-static-top,
.navbar-fixed-top,
.navbar-fixed-bottom {
  border-radius: 0;
}
@media (max-width: 767px) {
  .navbar .navbar-nav .open .dropdown-menu > .active > a,
  .navbar .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
    background-image:      -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4));
    background-image:         linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
    background-repeat: repeat-x;
  }
}
.alert {
  text-shadow: 0 1px 0 rgba(255, 255, 255, .2);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05);
}
.alert-success {
  background-image: -webkit-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
  background-image:      -o-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#c8e5bc));
  background-image:         linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);
  background-repeat: repeat-x;
  border-color: #b2dba1;
}
.alert-info {
  background-image: -webkit-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
  background-image:      -o-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#b9def0));
  background-image:         linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);
  background-repeat: repeat-x;
  border-color: #9acfea;
}
.alert-warning {
  background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
  background-image:      -o-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#f8efc0));
  background-image:         linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);
  background-repeat: repeat-x;
  border-color: #f5e79e;
}
.alert-danger {
  background-image: -webkit-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
  background-image:      -o-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#e7c3c3));
  background-image:         linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);
  background-repeat: repeat-x;
  border-color: #dca7a7;
}
.progress {
  background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
  background-image:      -o-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#f5f5f5));
  background-image:         linear-gradient(to bottom, #ebebeb 0%, #f5f5f5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0);
  background-repeat: repeat-x;
}
.progress-bar {
  background-image: -webkit-linear-gradient(top, #337ab7 0%, #286090 100%);
  background-image:      -o-linear-gradient(top, #337ab7 0%, #286090 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#286090));
  background-image:         linear-gradient(to bottom, #337ab7 0%, #286090 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff286090', GradientType=0);
  background-repeat: repeat-x;
}
.progress-bar-success {
  background-image: -webkit-linear-gradient(top, #5cb85c 0%, #449d44 100%);
  background-image:      -o-linear-gradient(top, #5cb85c 0%, #449d44 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#449d44));
  background-image:         linear-gradient(to bottom, #5cb85c 0%, #449d44 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0);
  background-repeat: repeat-x;
}
.progress-bar-info {
  background-image: -webkit-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
  background-image:      -o-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#31b0d5));
  background-image:         linear-gradient(to bottom, #5bc0de 0%, #31b0d5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0);
  background-repeat: repeat-x;
}
.progress-bar-warning {
  background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
  background-image:      -o-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#ec971f));
  background-image:         linear-gradient(to bottom, #f0ad4e 0%, #ec971f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0);
  background-repeat: repeat-x;
}
.progress-bar-danger {
  background-image: -webkit-linear-gradient(top, #d9534f 0%, #c9302c 100%);
  background-image:      -o-linear-gradient(top, #d9534f 0%, #c9302c 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c9302c));
  background-image:         linear-gradient(to bottom, #d9534f 0%, #c9302c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0);
  background-repeat: repeat-x;
}
.progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.list-group {
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
          box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  text-shadow: 0 -1px 0 #286090;
  background-image: -webkit-linear-gradient(top, #337ab7 0%, #2b669a 100%);
  background-image:      -o-linear-gradient(top, #337ab7 0%, #2b669a 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2b669a));
  background-image:         linear-gradient(to bottom, #337ab7 0%, #2b669a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2b669a', GradientType=0);
  background-repeat: repeat-x;
  border-color: #2b669a;
}
.list-group-item.active .badge,
.list-group-item.active:hover .badge,
.list-group-item.active:focus .badge {
  text-shadow: none;
}
.panel {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
          box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
}
.panel-default > .panel-heading {
  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
  background-image:      -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
  background-image:         linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
  background-repeat: repeat-x;
}
.panel-primary > .panel-heading {
  background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
  background-image:      -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4));
  background-image:         linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
  background-repeat: repeat-x;
}
.panel-success > .panel-heading {
  background-image: -webkit-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
  background-image:      -o-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#d0e9c6));
  background-image:         linear-gradient(to bottom, #dff0d8 0%, #d0e9c6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0);
  background-repeat: repeat-x;
}
.panel-info > .panel-heading {
  background-image: -webkit-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
  background-image:      -o-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#c4e3f3));
  background-image:         linear-gradient(to bottom, #d9edf7 0%, #c4e3f3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0);
  background-repeat: repeat-x;
}
.panel-warning > .panel-heading {
  background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
  background-image:      -o-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#faf2cc));
  background-image:         linear-gradient(to bottom, #fcf8e3 0%, #faf2cc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0);
  background-repeat: repeat-x;
}
.panel-danger > .panel-heading {
  background-image: -webkit-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
  background-image:      -o-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#ebcccc));
  background-image:         linear-gradient(to bottom, #f2dede 0%, #ebcccc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0);
  background-repeat: repeat-x;
}
.well {
  background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
  background-image:      -o-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e8e8e8), to(#f5f5f5));
  background-image:         linear-gradient(to bottom, #e8e8e8 0%, #f5f5f5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);
  background-repeat: repeat-x;
  border-color: #dcdcdc;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1);
          box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1);
}
.al-center{text-align: center; color: #ffffff;}
a.thumbnail{color:#43a4e0;padding-bottom:20px;text-decoration: none;}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #ddd;
  text-decoration: none;
}
a.thumbnail:hover {
        border: 1px solid #43a4e0;
        box-shadow: 0 3px 15px rgba(123, 199, 247, 0.6);
        -webkit-transition: opacity .2s ease-in;
        transition: opacity .2s ease-in
  }
@media screen and (max-width: 767px){
a.thumbnail img {
    width: 100%;
    max-width: 100%
    height: 180px;
    object-fit: cover;
}
}
span.blue{margin:0 auto;display: block;width: 100px; font-size:15px;text-align: center;}
.qixiachanping .thumbnail{margin-bottom:30px;height: 240px; border:0; background-repeat: no-repeat; background-size: cover;}
.al-center h5{
    margin:0 0 0.5em 0;
    color: #fff;
    text-shadow: 0 2px 0 rgba(0,0,0,0.2);

  }
.al-center p{text-shadow: 0 2px 0 rgba(0,0,0,0.2); }
.al-center a{display:block; margin: 15px auto; padding:6px 12px; font-size:15px; color: #fff;border: 1px solid #fff; border-radius: 3px;}
.al-center a:hover{
    color: #3d99d2;
    background-color: rgba(255,255,255,1);
    text-decoration: none;
}
.wrap-content{
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.index_ad2{background: #2F2F2F; height: 118px; }
.index_ad2 h3{display: inline-block; margin:0; font-size: 30px; line-height: 118px; color:#ffffff; padding-left: 50px;}
.index_ad2 a{float:right; font-size: 20px; line-height: 28px; margin-top: 35px; margin-right: 70px;}
.index_ad2 a.work_btn{
    display: inline-block;
    color: #ffffff;
    background-color: #FF5A19;
    padding: 8px 25px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-clip: padding-box;

}
.index_ad2 a:hover{text-decoration: none;}

.view .thumbnails1{margin-bottom: 20px; overflow: hidden;}

/*OA*/
.bd-top{border-top: 2px solid #d1d1d1; }
.bd-top h4{margin: 7px auto; font-size:20px; line-height: 30px; font-weight: 300;}
.bd-top .nav-menu{margin:7px auto; line-height: 30px; text-align: right; }
.bd-top .nav-menu a{padding:5px 8px; color:#333; text-decoration: none;}
.bd-top .nav-menu a:hover,.bd-top .nav-menu a.active{color:#1341e0;}
.top-slider{position:absolute; top:48px; width:100%; height:48px;background-color: rgba(255,255,255,0.8); z-index: 9;}
.menu-fixed {position: fixed; top:0; border-top: 2px solid #ff9933; border-bottom:1px solid #e1e1e1;width: 100%;height: 48px;background-color: rgba(255,255,255,0.8);z-index: 9;}
.bd-top .nav-menu a.menu-btn{margin-left:5px;padding:5px 15px;color:#fff;background-color: #ff9933;border:1px solid #f08316;}

.show-banner-bg{position:relative; background: url(../images/banner4.jpg) center 48px no-repeat; background-attachment: fixed; height:520px; }
.show-banner4-bg{position:relative; background: url(../images/banner2.jpg) center 48px no-repeat; background-attachment: fixed; height:520px; }
.show-banner5-bg{position:relative; background: url(../images/banner5.jpg) center 48px no-repeat; background-attachment: fixed; height:520px; }
.show-banner6-bg{position:relative; background: url(../images/banner6.jpg) center 48px no-repeat; background-attachment: fixed; height:520px; }
.show-bannerdis-bg{position:relative; background: url(../images/banner-dis.jpg) center 48px no-repeat; background-attachment: fixed; height:520px; }




.about-bg{position:relative; background: url(../images/about-bg.jpg) center 48px no-repeat; background-attachment: fixed; height:330px; }
.hr-bg{position:relative; background: url(../images/hr-bg.jpg) center 48px no-repeat; background-attachment: fixed; height:330px; }
.news-bg{position:relative; background: url(../images/news-bg.jpg) center 48px no-repeat; background-attachment: fixed; height:330px; }
.sol-bg{position:relative; background: url(../images/sol-bg.jpg) center 48px no-repeat; background-attachment: fixed; height:330px; }
.case-bg{position:relative; background: url(../images/case-bg.jpg) center 48px no-repeat; background-attachment: fixed; height:330px; }
.contact-bg{position:relative; background: url(../images/contact-bg.jpg) center 0 no-repeat; height:330px; }
/*Baidu_Map*/
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
label.BMapLabel{
max-width: none;
}
.ditu{margin-bottom: 50px;}
.contactwrap{padding-bottom: 100px;}
.contact ul{padding: 120px 55px;}
.contact ul li{font-size: 18px; line-height: 1.8;}

.contact .ty_qr{color:#333; }
.contact .qr_search span{padding-top:2px;}
.contact .cell{padding-top: 16px;}

.contact h5{margin:0; font-weight:500;}
.intro-item {
    display: table;
}

.intro-item .cell {
    display: table-cell;
    vertical-align: middle;
    height: 380px;
}

.intro-item p.remark {
    text-indent: 2em;
    margin: 0;
    padding-left: 32px;
    padding-right: 32px;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.6;
    color:#333;
}

.tech-about-bg{
    background: url(../images/index_s1.jpg) center 0 no-repeat;
    height: 516px;
}
.tech-about-bg h3 {
    color: #ffffff;
    font-weight: 300;
}
.tech-about img {
    display: block;
    margin: 5px auto 0;
    width: 100%;
    max-width: 520px;
    vertical-align: middle;
}
.dingzhikaifa{padding-bottom: 30px;}
.intro-title{padding-bottom: 30px;}
.dingzhikaifa img {
    width: 100%;
    max-width: 138px;
    display: block;
    margin: 0 auto;
}
.dingzhikaifa h5 {
    font-size: 1.6em;
    margin: 1.0em auto 0.8em;
    font-weight: 300;
}
.dingzhikaifa ul li {
    font-size: 15px;
    line-height: 1.6;
    color:#333;
    text-align: center;
}
/*yq*/
.yq .intro-about{padding-bottom: 0;}
.yq .cell ul{margin-top: 20px; padding-left: 32px; font-size: 16px; font-weight: 300; line-height: 1.8;}
.gongneng{padding-bottom: 30px;}
.gongneng .intro-title h3{margin-top:0; padding-top: 50px;}
.gongneng ul{margin-bottom: 30px; overflow: hidden;}
.gongneng ul h5{font-size: 18px;}
.gongneng img {
    width: 100%;
    max-width: 128px;
    display: block;
    margin: 0 auto;
}
.middle-img{display: block; margin: 0 auto; max-width: 720px;}
.middle-img1000{display: block; margin: 0 auto; max-width: 1000px;}
.mtb3050{margin:30px 0 50px;}
/*bank*/
.right-img img {
    max-width: 456px;
    width: 100%;
}
.bank .align-left{padding-left: 80px;}
.bank .align-left h5{margin-top: 0;}
.bank .align-left p{line-height: 1.8;}
.bank .align-left p,.bank .align-left h5,.bx .align-left h5,.dis .align-left h5{text-align: left;}
.bank h2{
    font-size: 28px;
    font-weight: 300;
    text-align: center;
    line-height: 1.8;
    margin: 0 0 16px 0;
}
.bank p{
    padding: 0 0 15px 0;
    font-size: 16px;
    text-align: center;
}
.w480{width: 480px;}
.middle{margin: 0 auto;}
.bank .left-img img {
    max-width: 465px;
    width: 100%;
}
.max358 img {
    max-width: 358px;
}
.bank .intro-one img{padding-top: 8px;}
.bank .intro-two img{padding-top: 32px;}
.intro-item .cell320{height:320px;}
.intro-three .intro-title p{margin: 0 auto;width: 720px; text-align: center; line-height: 1.8;}
.white-green-bg{margin: 0 2px;padding: 3px;color:#ffffff; background-color: #79be45; }
.intro-imgs img{display: block; margin: 0 auto;}
.bank .intro-imgs img{margin-bottom: 50px;}
.li-items{margin:0 auto; width: 200px; background-color: #3ab9b7; border-radius: 8px; }
.bank .li-items p{margin:0; padding:10px; color:#ffffff; text-align: center;}
.icon-arrow1{display: block; margin:0 auto; width: 26px;}
.fengfa-wrap{padding-bottom: 40px;}
.fengfa .right-img{float:right;}
.bank .fengfa2 .left-img img {
    max-width: 282px;
    margin:0 auto;
}
.fengfa2 .intro-title{margin-top: 40px;}
.bank p.txt-left{text-align: left; line-height: 1.8;}
/*tese*/
nav#about_nav {
    width: 100%;
    height: 48px;
    line-height: 48px;
    z-index: 999;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.11) 0px 2px 12px 0px;
}
.bg_gray {
    background-color: #f1f1f1;
}
.tese .intro_one{padding-top:40px;padding-bottom:40px;}

.tese h2{font-size: 28px; font-weight: 300; text-align:center; line-height: 1.8; margin:0 0 16px 0;}
.case .intro_one{padding-top: 40px;}
.case .intro_two, .case .intro_three, .case .intro_four, .tese .intro_two, .tese .intro_three, .tese .intro_four {
    padding: 40px 0;
}
.case .right_img2 img {
    max-width: 351px;
    width: 100%;
}
.case .right_img img {
    max-width: 502px;
    width: 100%;
}
.case .right_img2 {
    text-align: center;
}
.case .left_img,.case .right_img{text-align:center;}
.case .intro_item .cell img{display: block; margin:0 auto;}
.tese .intro_item .cell h5{font-size:20px;}
.case .intro_item .cell h5{margin-top: 15px;}
.tese .intro_item .cell p,.case .intro_item .cell p{padding:0 0 15px 0; font-size:16px; line-height:26px;text-align:center;}
.tese .intro_item .cell ul,.case .intro_item .cell ul{text-align: center;}
.tese .intro_item .cell ul li,
.case .intro_item .cell ul li{
    display: inline-block;
    padding: 8px;
    text-align: center;
}
.tese .intro_item .cell ul li span,
.case .intro_item .cell ul li span{
    display: block;
    padding-top: 5px;
    color: #333;
    font-size: 14px;
}
.col {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
vertical-align: middle;
}

.tab_row .col.col_3 {
width: 25%;
margin-left: 0;
}

.tab_row .col {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
-ms-transition: all 0.3s;
transition: all 0.3s;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 0.75rem;
}

.tabs li.tab {
display: block;
float: left;
text-align: center;
line-height: 48px;
height: 48px;
padding: 0 20px;
margin: 0;
text-transform: uppercase;
letter-spacing: 0.8px;
width: 15%;
}

ul.tabs li.tab {
padding: 0;
}

ul.sticky-tabs li.tab {
padding: 0;
}

.tabs li.tab a {
color: #ee6e73;
display: block;
width: 100%;
height: 100%;
-webkit-transition: color 0.28s ease;
-moz-transition: color 0.28s ease;
-o-transition: color 0.28s ease;
-ms-transition: color 0.28s ease;
transition: color 0.28s ease;
}

ul.sticky-tabs li.tab a {
color: #212121;
display: block;
width: 100%;
height: 100%;
line-height: 28px;
text-decoration: none;
-webkit-transition: color .28s ease, background .28s ease;
transition: color .28s ease, background .28s ease;
}

ul.sticky-tabs {
position: relative;
height: 48px;
margin: 0 auto;
width: 100%;
white-space: nowrap;
}

.about_nav_fixed {
position: fixed;
top: 48px;
z-index: 999;
}

.tab_row {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 0;
}

.tabs-wrapper .tab_row {
z-index: 600;
}

.tabs-wrapper .pinned {
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.tabs-wrapper {
position: relative;
height: 48px;
}

/* .tabs{background-color: #f1f1f1;} */

.tabs .tab a{font-size: 18px;}

.nav-tabs{border-bottom: 0;}

.nav-tabs > li > a,ul.sticky-tabs li.tab a{border-radius: 0; }

ul.sticky-tabs > li.active > a, ul.sticky-tabs > li.active > a:hover, ul.sticky-tabs > li.active > a:focus{
  background-color: #435fbf;
  color:#fff;
  border:none;
}

ul.sticky-tabs li.tab a:hover{
  background-color: #435fbf;
  color:#fff;
  border:none;
}

.tese .intro_one.paddingfix,
.tese .intro_two.paddingfix,
.tese .intro_three.paddingfix,
.tese .intro_four.paddingfix{padding-top:152px;}

.tese .left_img,.tese .right_img,.tese .right_img2,.tese .right_img_372{text-align: center;}

.tese .right_img_372 img{max-width: 372px; width:100%; }

.btn_more{padding-top:16px; padding-bottom: 30px;}

/*single page*/
.main-content {
    position: relative;
    overflow: hidden;
}
.main-section{margin: 0 auto;padding:40px 120px;}
.sol-section{padding:40px 0;}
.inner-page-txt {
    min-height: 480px;
    padding: 0 0 50px;
}
.main-section .col-md-12{
  width: 100%;
}
.ztitle{
  width: 100%;
  padding-right: 200px;
  padding-bottom: 28px;
  border-bottom: 1px solid #ccc;
}
.ztitle .title{
  font-size: 28px;
  font-weight: 500;
}
.ztitle .right-title{
  position: absolute;
  right: 0;
  color: #8a8a8a;
  font-size: 20px;
}
.ztitle h3.title {
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 15px;
    text-align: center;
    font-size: 28px;
    font-weight: 300;
}
.inner-page-txt h6 {
    font-size: 14px;
    line-height: 1.6;
    text-align: center;
}
.txtwrap{padding:20px 15px; font-size:15px; letter-spacing: 0.5px; line-height: 1.8;}
.txtwrap p {
    margin: 0 0 10px;
}
.txtwrap img {
    display: block;
    width: auto;
    margin: 16px auto;
    max-width: 600px;
}
.txtwrap2 img {
    display: block;
    width: 100%;
    margin: 16px auto;
    max-width: 860px;
}
/*news*/
.txtwrap ul.news {
    padding: 0 0 32px;
    overflow: hidden;
}
.txtwrap ul.news li {
    position: relative;
    padding-left: 20px;
    list-style: none;
    height: auto;
    line-height: normal;
    border-bottom: 1px dotted #cccccc;
    font-size: 14px;
    overflow: hidden;
}
.txtwrap ul.news li.news-focus {
    padding-left: 0;
    background: none;
}
.txtwrap li.news-focus {
    padding-top: 20px;
    padding-bottom: 20px;
}
.txtwrap li.news-focus a{font-size:20px; color:#333;}
.txtwrap li.news-focus a:hover{color:#337ab7;}
.txtwrap ul li.news-focus img{
    float: left;
    width: 260px;
    height: 160px;
    margin: 0 20px 0 0;
}
.txtwrap ul li.news-focus h6{
    margin: 0.3rem 0 0 0;
    font-size: 18px;
    line-height: 28px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #666666;
}
.txtwrap ul.news li.news-focus span {
    display: block;
    margin-top: 22px;
    padding: 0;
    font-size: 15px;
    line-height: 20px;
    color: #8a8a8a;
}
.txtwrap ul li.news-focus p{
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 15px;
    text-align: justify;
    line-height: 24px;
    height: 72px;
    overflow: hidden;
}
/*sol*/
.sol-section .list-mark{height: 112px; overflow: hidden;}
.sol-section .inner-page-txt h3.title{margin-top:0; margin-bottom: 30px;}

/* .sol-head {
    padding-bottom: 10px;
    border-bottom: 1px solid #cccccc;
} */
.sol-intro h2{margin:6px 0 20px 0; font-size:28px; text-align: center;}
.sol-intro p{font-size:15px; line-height: 1.8;}
.sol-intro img{display:block; margin:0 auto; max-width: 100%;}
nav#affix-nav {
    margin-top: 0;
    margin-bottom: 12px;
    line-height: 26px;
  }
ul.nav {
    position: relative;
}
ul.sidenav{
  padding: 20px 0;
  background-color: #f5f5f5;
  -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16), 0 2px 6px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16), 0 2px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16), 0 2px 6px 0 rgba(0, 0, 0, 0.12);
}

ul.affix, ul.affix-bottom {
    margin-top: 20px;
    margin-bottom: 20px;
}

ul.affix {
  position: fixed;
  top: 56px;
  width: 265px;
}
ul.affix-top {
  position: static;
  width: 265px;
}
ul.affix-bottom {
  position: absolute;
  width: 265px;
}
nav.sidebar ul li {
    position: relative;
    -webkit-transition: background-color .3s;
    -moz-transition: background-color .3s;
    -o-transition: background-color .3s;
    -ms-transition: background-color .3s;
    transition: background-color .3s;
    float: left;
    padding: 0;
    width: 100%;
    text-align: left;
}
nav.sidebar ul li.title{padding:4px 32px; font-size:22px; }
.sidebar .nav > li > a {
    display: block;
    padding: 4px 32px;
    font-size: 16px;
    color: #767676;
}
.sidebar .nav .nav > li > a {
    display: block;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 48px;
    font-size: 14px;
    font-weight: 400;
}
.sidebar .nav > .active > a, .sidebar .nav > .active:hover > a, .sidebar .nav > .active:focus > a {
    padding-left: 30px;
    color: #3d99d2;
    background-color: transparent;
    border-left: 3px solid #3d99d2;
}
.sidebar .nav .nav > .active:focus > a, .sidebar .nav .nav > .active:hover > a, .sidebar .nav .nav > .active > a {
    padding-left: 45px;
}
nav#affix-nav .nav > li > a:hover, nav#affix-nav .nav > li > a:focus {
    color: #ffffff;
    background-color: #3d99d2;
}
/*paging*/
.paging {
  display: inline-block;
  padding-left: 0;
  margin: 18px 0;
  text-align:center;
  width: 100%;
}

.paging ul {
  display: inline-table;
  *display: inline;
  margin-bottom: 0;
  margin-left:-40px;
  *zoom: 1;
}
.paging li {
  display: inline;
}

.paging a,.paging .active {
  float: left;
  padding: 0 14px;
  line-height: 34px;
  text-decoration: none;
  border: 1px solid #ddd;
  border-left-width: 0;
}

.paging a:hover,
.paging .active {
  background-color: #eee;
}

.paging .active span {
  color: #999999;
  cursor: default;
}

.paging .disabled span,
.paging .disabled a,
.paging .disabled a:hover {
  color: #999999;
  cursor: default;
  background-color: transparent;
}

.paging li:first-child a {
  border-left-width: 1px;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}

.paging li:last-child a {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}

.paging-centered {
  text-align: center;
}

.paging-right {
  text-align: right;
}
/*timeline*/
#cd-timeline {
  position: relative;
  padding: 2em 0;
  margin-top: 2em;
  margin-bottom: 2em;
}
#cd-timeline::before {
  /* this is the vertical line */
  content: '';
  position: absolute;
  top: 0;
  left: 18px;
  height: 100%;
  width: 4px;
  background: #83b0d0;
}
#cd-timeline {
    margin-top: 3em;
    margin-bottom: 3em;
  }
  #cd-timeline::before {
    left: 50%;
    margin-left: -2px;
  }
.cd-timeline-block {
  position: relative;
  margin: 2em 0;
}
.cd-timeline-block:after {
  content: "";
  display: table;
  clear: both;
}
.cd-timeline-block:first-child {
  margin-top: 0;
}
.cd-timeline-block:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 1366px) {
  .cd-timeline-block {
    margin: 4em 0;
  }
  .cd-timeline-block:first-child {
    margin-top: 0;
  }
  .cd-timeline-block:last-child {
    margin-bottom: 0;
  }
}

.cd-timeline-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  box-shadow: 0 0 0 2px white, inset 0 2px 0 rgba(0, 0, 0, 0.08);
}
.cd-timeline-img img {
  display: block;
  width: 24px;
  height: 24px;
  position: relative;
  left: 50%;
  top: 50%;
  margin-left: -12px;
  margin-top: -12px;
}
.cd-timeline-img.cd-picture {
  background: #83b0d0;
}

.cd-timeline-img {
    width: 10px;
    height: 10px;
    left: 50%;
    margin-left: -5px;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
  }
  .cssanimations .cd-timeline-img.is-hidden {
    visibility: hidden;
  }
  .cssanimations .cd-timeline-img.bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-1 0.6s;
    -moz-animation: cd-bounce-1 0.6s;
    animation: cd-bounce-1 0.6s;
  }
.cd-timeline-content {
  position: relative;
  margin-left: 60px;
  background: #eff2f5;
  border-radius: 0.25em;
  padding: 1em;
  box-shadow: 0 3px 0 #a2c6e0;
}
.cd-timeline-content:after {
  content: "";
  display: table;
  clear: both;
}
.cd-timeline-content h2 {
  margin-top: 0;
  color: #303e49;
}
.cd-timeline-content p, .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
  font-size: 13px;
  font-size: 0.8125rem;
}
.cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
  display: inline-block;
}
.cd-timeline-content p {
  margin: 1em 0;
  line-height: 1.6;
}
.cd-timeline-content .cd-read-more {
  float: right;
  padding: .8em 1em;
  background: #acb7c0;
  color: white;
  border-radius: 0.25em;
}
.no-touch .cd-timeline-content .cd-read-more:hover {
  background-color: #bac4cb;
}
a.cd-read-more:hover{text-decoration:none; background-color: #424242;  }
.cd-timeline-content .cd-date {
  float: left;
  padding: 0;
  opacity: .7;
}
.cd-timeline-content::before {
  content: '';
  position: absolute;
  top: 16px;
  right: 100%;
  height: 0;
  width: 0;
  border: 7px solid transparent;
  border-right: 7px solid #eff2f5;
}
@media only screen and (min-width: 768px) {
  .cd-timeline-content h2 {
    font-size: 20px;
    font-size: 1.25rem;
  }
  .cd-timeline-content p {
    font-size: 16px;
    font-size: 1rem;
  }
  .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.cd-timeline-content {
    margin-left: 0;
    padding: 1.6em;
    width: 45%;
  }
  .cd-timeline-content::before {
    top: 6px;
    left: 100%;
    border-color: transparent;
    border-left-color: #eff2f5;
  }
  .cd-timeline-content .cd-read-more {
    float: left;
  }
  .cd-timeline-content .cd-date {
    position: absolute;
    width: 100%;
    left: 122%;
    top: 3px;
    font-size: 16px;
    font-size: 1rem;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content {
    float: right;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
    top: 6px;
    left: auto;
    right: 100%;
    border-color: transparent;
    border-right-color: #eff2f5;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
    float: right;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
    left: auto;
    right: 122%;
    text-align: right;
  }
  .cssanimations .cd-timeline-content.is-hidden {
    visibility: hidden;
  }
  .cssanimations .cd-timeline-content.bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-2 0.6s;
    -moz-animation: cd-bounce-2 0.6s;
    animation: cd-bounce-2 0.6s;
  }
.cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
    -webkit-animation: cd-bounce-2-inverse 0.6s;
    -moz-animation: cd-bounce-2-inverse 0.6s;
    animation: cd-bounce-2-inverse 0.6s;
  }

/*back top btn*/
#goto_top{
  position: fixed;
  right: 16px;
  bottom: 128px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  background-color: #434343;
  width: 38px;
  height: 38px;
  line-height: 38px;
  z-index: 999;
}

#goto_top a{
  display:block;
  color:#fff;
  height:38px;
  text-decoration: none;
}
#goto_top a:hover{
  background: #ff9933;
  border:none!important;
}
/*navmenu*/
.left-t{
  float:left;
  display:inline-block;
  text-align:left;
}

#overflow {overflow-y: hidden; }
#overflow .container div.left-t{padding-left:15px;width: 120px;}
#overflow .container div.right-t{padding-right:15px;}
#overflow .container div.nav-menu{float: left;}
#overflow .container div.left-t,#overflow .container div.nav-menu{
        min-width: 70px;
    }
 /*     @media only screen and (max-width : 1024px) {
            #overflow {height: 60px;}
            #overflow .container div{
                height: 45px;
            }
        }   */
    @media only screen and (max-width : 768px) {
        #overflow {height: 46px; overflow-x: scroll; }
        #overflow .container div.left-t,#overflow .container div.right-t{
            height: 44px;
        }
        #overflow .container div.nav-menu{height:30px;}
    }
    @media only screen and (max-width : 480px) {

    }
    @media only screen and (max-width : 320px) {

    }

@media (min-width: 1200px){
  .top-slider1 {
    position: absolute;
    top: 48px;
    width: 100%;
    height: 48px;
    background-color: rgba(255,255,255,0.8);
    z-index: 9;
  }
  .right-t{padding-right:15px;float:right;}
  .footer_left li span{display: block;}
}
@media (min-width: 768px) and (max-width: 1199px){
  .nav > li > a{padding-left:6px; padding-right: 6px;}
}
@media (min-width: 768px) and (max-width: 991px){
  /*#nav-top .container{width:100%;}*/
  .call-tel{display: none;}
  .navbar-nav{margin-right:0;}
  .bd-top .nav-menu a{padding:0 5px;}
}
@media (min-width: 768px) {}
@media (max-width: 767px){
  .paging li:first-child a{display:none;}
  .paging a{
  border:0;
  background: #337ab7;
    color: #fff;
    margin-right: 4px;
    margin-bottom: 5px;}
  .paging .active{border:0;background:transparent;}
  .paging .active span{color:#337ab7;}
  .splash .rslides_tabs li{width:11px; height:11px;}
  .splash .rslides_tabs li a{width:10px;height:10px;}
  .txtwrap{padding:20px 0;}
  .txtwrap ul li.news-focus h6{margin:0;line-height: 1.4;font-size: 16px;overflow:hidden;}
  .txtwrap ul li.news-focus p{display:none;}
  .txtwrap ul li.news-focus img{margin-right:10px;width:100px; height:75px; }
  .txtwrap li.news-focus a {
    font-size: 16px;
    color: #333;
    white-space: normal;
  }
  .txtwrap ul.news li.news-focus span{margin-top:8px;}
  .txtwrap,.join-left{width: 100%;}
  .bd-top .nav-menu a:hover{color:#333;}
  .collapse.in{position: relative; z-index: 9999;}
  .navbar-toggle{margin-top: 8px; padding:8px 10px;}
  .call_tel{display: none;}
  .navbar-collapse.collapse {
    background-color: #434343;
    overflow: auto;
    zoom: 1;
  }
  .navbar-collapse{overflow:auto; border-top:0;}
  .navbar-default .navbar-nav > li{float: none;}
  .navbar-default .navbar-nav > li > a{padding-left: 5px; padding-right: 5px;}
  .navbar-fixed nav ul li a:hover,
  .index_header .nav > li.active a{border-bottom: none;}
  .navbar-collapse ul.nav{margin-left: 8px; }
  .navbar-collapse ul.nav,ul.dropdown-menu{
    position: relative;
    height: auto;
    overflow: auto;
    zoom: 1;
  }
  .navbar-default .navbar-nav > li > a,
  .navbar-default .navbar-nav > .active > a:hover,
  .navbar-default .navbar-nav > li > a:hover,
  .navbar-default .navbar-nav > li > a:focus{color:#fff;}
  .navbar-default .navbar-nav > .active > a,
  .navbar-default .navbar-nav > .active > a:hover,
  .navbar-default .navbar-nav > .active > a:focus {
    color: #ffffff;
    background-color: transparent;
  }
  .call-tel {
    display: none;
  }
  ul.dropdown-menu{margin-bottom: 10px;padding-left: 16px; background-color: transparent; border:none;-webkit-box-shadow:none;box-shadow:none;}
  .dropdown-menu > li > a{color: #ffffff;}

  .index_footer h5,.footer-container{
  text-align: center;
  }

  #goto_top {
  opacity: .4;
  right: 10px;
  bottom: 10px;
  }
  .show-banner-bg{position:relative; background: url(../images/banner4-767.jpg) center 0 no-repeat; background-attachment: fixed; height:240px; }
  .show-banner4-bg{position:relative; background: url(../images/banner2-767.jpg) center 0 no-repeat; background-attachment: fixed; height:240px; }
  .show-banner5-bg{position:relative; background: url(../images/banner5-767.jpg) center 0 no-repeat; background-attachment: fixed; height:240px; }
  .show-banner6-bg{position:relative; background: url(../images/banner6-767.jpg) center 0 no-repeat; background-attachment: fixed; height:240px; }
  .show-bannerdis-bg{position:relative; background: url(../images/dis-767.jpg) center 0 no-repeat; background-attachment: fixed; height:468px; }
  .about-bg {
    position: relative;
    background: url(../images/about-bg-767.jpg) center 0 no-repeat;
    background-attachment: fixed;
    height: 240px;
  }
  .hr-bg {
    position: relative;
    background: url(../images/hr-bg-767.jpg) center 0 no-repeat;
    background-attachment: fixed;
    height: 240px;
  }
  .news-bg {
    position: relative;
    background: url(../images/news-bg-767.jpg) center 0 no-repeat;
    background-attachment: fixed;
    height: 240px;
  }
  .imageHolder img{max-width: 991px;}
  .navbar-brand{padding:11px 15px;}
  .navbar-brand > img{height: 26px;}
  h3{font-size: 30px;}
  h5{font-size:18px; line-height: 1.5;}
  .bd-top .nav-menu a{padding:0 5px;}
  .intro-item p.remark,.callbacks-container .caption p,.yq .cell ul{font-size:14px;}
  .bd-top h4{font-size:15px;}
  .bd-top .container{padding-left: 0;padding-right: 0;}
  .bd-top .nav-menu a.menu-btn{display: none;}
  .intro-item .cell {
    display: block;
    height: auto;
    margin: 20px auto;
  }
  .bank .align-left,.dis .align-left{padding-left: 0;}
  .bank h2{font-size:20px;}
  .intro-three .intro-title p{width: auto;}
  .bank p{font-size: 14px;}
  .bank .intro-imgs img,.bx .left-img img{width:100%;}
  .left-img,.right-img {
    text-align: center;
  }
  .max358 img{width: 100%;}
  .middle-img,.middle-img1000{max-width: 100%;}
  .tech-about-bg{height: auto;}
  .intro-item p.remark{padding:0;}
  .splash2 .rslides1_nav{
    left:20px; }
  .splash2 .rslides1_nav.next {
    right: 20px;
  }
  .dingzhikaifa h5{font-size:1.2em;}
  .dingzhikaifa  h5 i {
    font-size: 24px;
   }
  .dingzhikaifa img{max-width: 90px;}
  .gongneng ul{margin-bottom: 0;}
  .gongneng img{max-width: 90px;}
  span.ssl{display: block;}
  .callbacks-container .caption p{margin:0 30px;width:auto;}
  .mini_br{display: block;}
  ul.sticky-tabs li.tab a{line-height: 1.4;}
  footer{padding-bottom: 0;}
  .copyright{padding-top:8px; height: auto; line-height: 20px;}
  .w480{width: auto;}
  .wx-service .container,.wx-service .mtb3050,.intro-content{padding-left: 0;padding-right: 0;}
  .wx-service h5{padding-left: 30px;padding-right: 30px;}

  .main-section{padding: 40px 0;}
  .inner-page-txt{padding: 0 0 50px;}

}
@media (max-width: 480px){
  .icon-item h5{margin:15px 0;}
  .bd-top .col-xs-3,.bd-top .col-sm-3{padding-right: 0;}
  .bd-top .nav-menu{font-size:13px;}
  .rslides1_nav{left:10px;}
  .rslides1_nav.next{right:10px;}
  .splash .nav-container{margin-top: -24px;}
  span.blue{margin-top: 1.25em;}
  .jiejuefangan h3{margin-top: 28px;}
  .jiejuefangan .intro-item,.qixiachanping .intro-item,.qixiachanping .intro-item ul li{padding-left: 0;padding-right: 0;}
  .bd-top .col-xs-6{padding-left: 8px;}
  .tab_row{display: block;}
  #about_nav .container{padding-left: 0; padding-right: 0;}
  #about_nav .nav > li > a{padding: 5px 5px;}
  .tabs .tab a{font-size: 14px;}

  .bank .fengfa2 .left-img img{max-width: 200px;}
  .gongneng ul.xs4 h5{font-size:14px;}
  .xs4 .col-xs-3{padding-left: 5px; padding-right: 5px;}
  .gongneng .intro-title{padding-bottom: 0;}

  .tese h2,.tese h5,.case h2,.case h5,.partner h5{font-size: 16px; font-weight: 600;}
  .intro-item p{font-size: 12px; line-height: 1.4; display:table-cell; vertical-align: middle; padding-left: 0; padding-right: 0;}
  .intro-item p.w480,.intro-item .wrap-content p{display: block; }
  .intro-item p.list-mark{padding-left:10px;padding-right: 10px;}
  .tese .intro_item .cell ul li img,.case .intro_item .cell ul li img{width: 36px;}
  .tese h2{margin-top: 32px;}
  .tese .left_img img, .tese .right_img img{width: 80%; }
}









/**
    去除默认样式
 */


/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
    line-height: 1.15; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
    margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
    display: block;    
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
    box-sizing: content-box; /* 1 */
    height: 0; /* 1 */
    overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
    background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
    border-bottom: none; /* 1 */
    text-decoration: underline; /* 2 */
    text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
    font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
    border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 1 */
    line-height: 1.15; /* 1 */
    margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
    overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
    text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
    box-sizing: border-box; /* 1 */
    color: inherit; /* 2 */
    display: table; /* 1 */
    max-width: 100%; /* 1 */
    padding: 0; /* 3 */
    white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
    vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
    overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
    -webkit-appearance: button; /* 1 */
    font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
    display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
    display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
    display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
    display: none;
}

h1,h2,h3,h4,h5,h6{
    margin: 0;
    padding: 0;
}
.text-overflow{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

html,body{
    width: 100%;
    height: 100%;
    overflow-x:hidden;
}
.shadow{
    box-shadow:0 2px 12px 0 rgba(0,0,0,.1)
}
.inner{
    width: 1366px;
    margin: 0 auto;
}
a {
    text-decoration: none;
    cursor: pointer;
    color:#333;
}


a.ie6:hover {
    zoom: 1
}

a:focus {
    outline: none
}

a:link {
    text-decoration: none;
}


a:visited {
    text-decoration: none;
}

a:hover,
a:active {
    outline: none;
    text-decoration: none;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.cl:before,
.clearfix:before {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}
.cl:after,
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.cl,
.clearfix {
    zoom: 1
}
.navbar-header {
    float: left;
}
.navbar-brand {
    float: left;
    height: 50px;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px;
}
header .container {
    width: 1366px;
    padding-right: 0;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto;
}

header .navbar-nav {
    font-size: 15px;
    font-weight: normal;
    float: right;
    margin: 0 168px 0 0;
    height: 48px;
    line-height: 48px;
    vertical-align: middle;
    padding: 0;
}
header .navbar-nav > li {
    float: left;
}

header .nav > li {
    position: relative;
    display: block;
}
header.navbar-collapse {
    padding-right: 15px;
    padding-left: 15px;
    width: auto;
    border-top: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

header.navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
}
header .container > .navbar-header, header  .container-fluid > .navbar-header, header  .container > .navbar-collapse, header .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
}
.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 20px;
    font-weight: 600;
    line-height: 20px;
}
header .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 6px;
}


header.navbar-default{border-radius:0; background-color: white;}
header.navbar{margin-bottom:0; min-height: 72px; border:0;}
header .navbar-brand{padding:8px 0; height:48px;}
header.navbar{
  padding-top: 12px;
}

header.navbar-default .navbar-nav > .active > a, 
header.navbar-default .navbar-nav > .active > a:hover, 
header.navbar-default .navbar-nav > .active > a:focus{background-color: #ffffff;}
header.navbar-default .navbar-nav > .active > a:hover,
header.navbar-default .navbar-nav > li > a:hover,
header.navbar-default .navbar-nav > li > a:focus{color:#1341e0; }
header .navbar-nav > li > a:hover{border-bottom:2px solid #1341e0;}

header .call-tel {
    position: absolute;
    right: 0;
    top: 10px;
    height: 32px;
    line-height: 30px;
    padding:0 10px;
    background-clip: padding-box;
}
span.nav-tel {
    font-size: 16px;
    font-weight: 600;
    color: #435fbf;
    vertical-align: middle;
}

.em2{
  text-indent: 2em;
}

.company-culture li{
  position: relative;
}
.company-culture li i{
  position: absolute;
  font-size: 30px;  
  left: 50%;
  top: 50%;  
  bottom: 0;
  width: 120px;
  height: 50px;
  margin-top: -25px;
  margin-left: -60px;
  padding: 10px 0;
  line-height: 30px;
  color: #fff;
  text-align: center;
  z-index: 999;
}
.company-culture li:hover{
  background-color: red;  
}
.company-culture li:hover i{
  border-bottom: 2px solid #fff;
}
.company-culture li .cover {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    opacity: .05;
    -webkit-transition: all cubic-bezier(.25,.46,.45,.94) .3s;
    -moz-transition: all cubic-bezier(.25,.46,.45,.94) .3s;
    -o-transition: all cubic-bezier(.25,.46,.45,.94) .3s;
    -ms-transition: all cubic-bezier(.25,.46,.45,.94) .3s;
    transition: all cubic-bezier(.25,.46,.45,.94) .3s;
}
.company-culture li .cover:before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: #00a0e9;
}
.company-culture li:hover .cover {
    opacity: .75;
}
/* footer*/
.row {
    margin-right: -15px;
    margin-left: -15px;
}
.col-md-2 {
    width: 16.66666667%;
}
.col-md-3 {
  width: 25%;
}
.col-md-4 {
    width: 33.33333333%;
}
.col-md-8 {
  width: 66.66666667%;
}
.col-md-9 {
  width: 75%;
}
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{
  padding-left: 0;
  padding-right: 0;
}
.qr_1{
  margin-top: 75px;
  float: right;
}
footer{padding:32px 0 8px;background-color: #e5e5e5;}
footer .container {
    width: 1366px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
}
.footer_left{color:#333; font-size: 16px; font-weight: 300; line-height: 26px;}
.footer_left img{margin-bottom: 15px;}
.footer_right{margin:0 auto 20px;}
.index_footer ul li a{color:#333; font-size: 15px; line-height: 2;}
.index_footer ul li a:hover,.index_footer ul li a:focus{color:#333;}
.index_footer ul li h5{padding-bottom: 15px;}
.index_footer h5{margin:0; color:#333333; font-size: 18px; font-weight: normal;text-align: left;}
.footer_right h5{margin:0; padding-bottom: 16px;font-size:16px; text-align: center;}
.qr_search img{display: block; width:200px; border:1px solid #cccccc;}
.qr_search span{display: block; padding-top:5px;font-size:14px; text-align: left;}
.ty_qr{color: #333333;}

.footer_right .qr_search img{margin:0 auto;}
.footer_right .qr_1 span{text-align: center; font-size: 15px; margin-top: 15px;}
.copyright{width: 1366px; margin: 50px auto 30px; text-align: left; font-size:15px; color:#666; height: 36px;line-height: 36px;}
.copyright a{color:#666; }
.copyright a:hover,.copyright a:focus{color:#666;}

.footer_left li span{margin-right: 10px;}


/* homepage */
.homepage .home .home-blocks .block#home6{
  padding-top: 0;
}
.bg-blue1{
  background-color: #f0f9fd;
}
.news-top h2{
  margin-left: 80px;
  padding-top: 50px;
  font-size: 32px;
  color: #333;
  text-align: left;
}
.news-top p{
  margin-left: 80px;
  margin-top: 15px;
  padding-bottom: 50px;
  font-size: 20px;
  color: #333;
  text-align: left;
}
.news-more{
  position: absolute;
  right: 280px;
  top: 80px;
}
.hot-news{
  position: relative;
  width: 1100px;
  float: right;
  height: 220px;
}
.hot-news .texts{
  padding: 20px;
  width: 720px;
  color: #333;
  font-size: 18px;
  text-align: left;
}
.hot-news .texts span{
  display: block;
}
.hot-news .texts span.title{
  font-size: 22px!important;
  margin-top: 20px;
  margin-bottom: 15px;
  font-weight: 600;
}
.hot-news .news-more2{
  float: right;
  padding-right: 280px;
}
.sect-news{
  position: relative;
  width: 1500px;
  float: right;
  overflow: hidden;
  color: #fff;
}
.thumbnails .news-item img{
  display: inline-block;
  width: 300px;
  height: 226px;
}
.thumbnails li.news-item{
  position: relative;
  float: left;
}
.thumbnails li.news-item a{
  display: block;
  height: 226px;
}
.news-item .texts{
  position: absolute;
  width: 300px;
  height: 226px;
  top: 50%;
  margin-top: -113px;
  color: #fff;
  text-align: center;
  background: rgba(0,0,0,.15);
}
.news-item .texts .time{
  display: block;
  font-size: 38px!important;
  margin: 60px 0 20px;
}
.news-item .texts .title{
  padding: 0 20px;
  font-size: 20px!important;
}

.icon-tel{
  display: inline-block;
  margin-top: 2px;
  width: 27px;
  height: 22px;
  background: url(../images/home/icon-tel.png) 0 0 no-repeat;
  vertical-align: top;
}
.link-list img{
  width: 100%;
}
#home7{
  background-color: #fff;
}
.homepage {
  width: 100%;
  height: auto!important;
  overflow: hidden;
}
.homepage .banner {
  width: 100%;
}
.homepage .banner img {
  width: 100%;
  height: 425px;
}
.homepage .home .home-menu {
  background: #E7E7E7;
}
.homepage .home .home-menu .inner {
  line-height: 80px;
  height: 75px;
}
.homepage .home .home-menu .inner li {
  display: inline-block;
  margin-right: 75px;
}
.homepage .home .home-blocks .block {
  padding: 50px 0 0;
  text-align: center;
}
.homepage .home .home-blocks .block .title {
  font-size: 36px;
}
.homepage .home .home-blocks .block .subtitle {
  margin: 20px 0 40px;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  color: #666666;
}
.homepage .home .home-blocks .block .home-dis {
  font-size: 0;
}
.homepage .home .home-blocks .block .home-dis li {
  font-size: 14px;
  display: inline-block;
  width: 33%; 
  vertical-align: top;
} 
.homepage .home .home-blocks .block#home1 .home-dis li{
  padding: 0 24px;
}
.homepage .home .home-blocks .block .home-dis li > img {
  width: 100%;
}
.homepage .home .home-blocks .block .home-dis li .des {
  background: #F8F8F8;
  padding: 20px;
}
.homepage .home .home-blocks .block .home-dis li .des h3 {
  font-size: 16px;
  text-align: left;
}
.homepage .home .home-blocks .block .home-dis li .des dt p {
  height: 40px;
  line-height: 20px;
}
.homepage .home .home-blocks .block .home-dis li .des dd {
  margin-top: 30px;
}
.homepage .home .home-blocks .block#home2 {
  background: #F0F9FD;
  margin-top: 100px;
}
.homepage .home .home-blocks .block#home2 .home-dis {
  text-align: left;
}
.homepage .home .home-blocks .block#home2 .home-dis li {
  width: 15%;
  text-align: center;
}
.homepage .home .home-blocks .block#home2 .home-dis li a{
  position: relative;
  display: block;
  padding: 40px 10px; 
  border-radius: 15px;
  background-color: #9ec4ca;
}
.homepage .home .home-blocks .block#home2 .home-dis li a.current{
  background-color: #00a0e9;
}
.homepage .home .home-blocks .block#home2 .home-dis li a.current::after{
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -20px;
  bottom: -40px;
  width: 0px;
  height: 0px;
  border: 20px solid #00a0e9;
  border-bottom-color: transparent;    /* 设置透明背景色 */
  border-left-color: transparent;
  border-right-color: transparent;
}
.homepage .home .home-blocks .block#home2 .home-dis li p{
  margin-top: 30px;
  color: #fff;
  font-size: 18px;
}
.homepage .home .home-blocks .block#home2 .home-dis li + li {
  margin-left: 13.2%;
}
.homepage .home .home-blocks .block#home2 .home-dis li > img {
  width: 100%;
}
.homepage .home .home-blocks .block#home2 .content {
  padding: 50px 0;
}
.homepage .home .home-blocks .block#home2 .content > div {
  min-height: 150px;
  background: #fff;
  border-radius: 10px;
  text-align: left;
  padding: 50px;
  font-size: 20px;
  line-height: 40px;
}
.homepage .home .home-blocks .block#home3 .home-dis {
  padding: 0 0 200px 0;
  text-align: left;
}
.homepage .home .home-blocks .block#home3 .home-dis li {
  width: 22%;
}
.homepage .home .home-blocks .block#home3 .home-dis li + li {
  margin-left: 15px;
}
.homepage .home .home-blocks .block#home3 .home-dis li > img {
  width: 100%;
}
.homepage .home .home-blocks .block#home4 {
  background: #00A0E9;
  text-align: left;
  color: #fff;
  padding: 50px 0;
}
.homepage .home .home-blocks .block#home4 .inner {
  position: relative;
}
.homepage .home .home-blocks .block#home4 .inner .t-img {
  width: 375px;
  height: 380px;
  position: absolute;
  right: 0;
  top: -185px;
}
.homepage .home .home-blocks .block#home4 .inner h2 {
  margin-bottom: 30px;
  font-size: 38px;
  font-weight: 400;
}
.homepage .home .home-blocks .block#home4 .inner p {
  width: 70%;
  font-size: 24px;
  line-height: 40px;
}
.homepage .home .home-blocks .block#home5 .home-dis {
  padding: 0 0 50px 0;
  text-align: left;
}
.homepage .home .home-blocks .block#home5 .home-dis li {
  width: 272px;
  height: 272px;
}
.homepage .home .home-blocks .block#home5 .home-dis li + li {
  margin-left: 6.66%;
}
.homepage .home .home-blocks .block#home5 .home-dis li > img {
  width: 100%;
}
.homepage .home .home-blocks .block#home6 {
  background: #F0F9FD;
  position: relative;
  height: 800px;
  overflow: hidden;
}
.homepage .home .home-blocks .block#home6 .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 800px;
}
.homepage .home .home-blocks .block#home6 .inner {
  position: absolute;
  z-index: 2;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  text-align: left;
}
.homepage .home .home-blocks .block#home7 .menu li {
  display: inline-block;
  font-size: 30px;
  margin: 0 60px;
}
.homepage .home .home-blocks .block#home7 .content {
  margin: 50px 0 0;
  padding-bottom: 30px;
}
.homepage .home .home-blocks .block#home7 .content img{
  width: 100%;
}
.link-list li{ 
  text-align: center;
}
.link-list li a{
  padding-bottom: 12px;
}
.link-list li a.current{
  
  border-bottom: 4px solid #00a0e9;
}
.yc-more-btn{
  display: block;
  width: 160px;
  margin: 0 auto;  
  height: 44px;
  padding: 0 20px;
  color: #00a0e9;
  font-size: 16px;
  line-height: 40px;
  border-radius: 22px;
  border: 2px solid #00a0e9;
}
.yc-more-btn .icon{
  display: inline-block;
  margin-left: 20px;
  width: 30px;
  height: 31px;
  line-height: 32px;
  background: url("../images/home/more-btn.png") 0 0 no-repeat;
  vertical-align: middle;
}
.yc-sol li{
  padding: 16px 22px;
}
.yc-sol li:hover{
  border-radius: 10px;
  background-color: #ddf4fe;
}
.item-head-img{
  display: block;
  height: 188px;
  margin: 0 auto;
}
.item-title{
  margin: 15px 0;
  font-size: 26px;
  text-align: center;
}
.item-mark{
  margin-bottom: 15px;
  font-size: 20px;
  line-height: 1.8;
}
.homepage .home .home-blocks .block#home1 .home-dis li:hover{
  padding: 0 8px;
}
.sect-product li:hover {
  margin-top: -18px; 
}
.sect-product li div{
  position: relative;
  height: 210px;
  padding: 30px 30px 0 30px;
  color: #fff;
  background-color: #00a0e9;
  border-radius: 15px 15px 0 0;
}
.sect-product li .title{
  margin-bottom: 20px;
  font-size: 20px!important;  
  text-align: left;
}
.sect-product li .desc{
  font-size: 16px;
  text-align: left;
}
.sect-product .yc-more-btn{
  position: absolute;
  bottom: 30px;
  right: 30px;
  line-height: 40px;
  margin: 0;
  color: #fff!important;
  border-color: #fff!important;
}
.sect-product .yc-more-btn .icon{
  background: url("../images/home/more-btn-white.png") 0 0 no-repeat;
}
.sect-product li:hover img{
  height: 258px!important;
}
.sect-product img{
  height: 234px!important;
  border-radius: 0 0 15px 15px;
}
/* news-page */
.news-page {
  width: 100%;
  height: auto!important;
  overflow: hidden;
}
.news-page .banner {
  width: 100%;
}
.news-page .banner img {
  width: 100%;
  height: 425px;
}
.news-page .news .news-menu {
  background: #E7E7E7;
}
.news-page .news .news-menu .inner {
  line-height: 80px;
  height: 75px;
}
.news-page .news .news-menu .inner li {
  display: inline-block;
  margin-right: 75px;
}
.news-page .news .news-blocks .block {
  padding: 50px 0;
}
.news-page .news .news-blocks .block .title {
  margin: 0 0 40px;
  font-size: 36px;
}
.news-page .news .news-blocks .block .subtitle {
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  color: #8a8a8a;
}
.news-page .news .news-blocks .block .news-dis {
  font-size: 0;
}
.news-page .news .news-blocks .block .news-dis li {
  font-size: 14px;
  display: inline-block;
  width: 32%;
  vertical-align: top;
}
.news-page .news .news-blocks .block .news-dis li + li {
  margin-left: 2%;
}
.news-page .news .news-blocks .block .news-dis li > img {
  display: block;
  width: 100%;
  height: 362px;
}
.left_big_new{
  position: relative;
}
.left_big_new a{
  position: absolute;
  left: 0;
  bottom: 20px;
  color: #fff;
  font-size: 22px;
  width: 765px;
  padding: 0 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.news-dis h3 a{
  font-size: 18px;
  font-weight: 600;
}
.news-dis p{
  font-size: 16px;
  color: #8a8a8a;
}
.news-menu ul a{
  margin-right: 20px;
  padding: 8px 0;
}
.news-menu ul a:hover{
  border-bottom: 3px solid #1341e0;
}
.new-list-page,.new-detail-page{
  position: relative;
  width: 1366px;
  margin: 0 auto;
  float: none!important;
}
.sign-logo{
  float: right;
}
.new-detail-page .main-section{
  padding: 40px 0;
}
.new-detail-page .main-section .section-wrap{
  width: 100%;
  overflow: hidden;
}
.crumbs{
  position: relative;
  width: 100%;
  line-height: 70px;
  background-color: #f0f0f0;
}
.crumbs .wrap{
  width: 1366px;
  margin: 0 auto;
}
.news-page .news .news-blocks .block .news-dis li .des {
  background: #F8F8F8;
  padding: 20px;
}
.news-page .news .news-blocks .block .news-dis li .des h3 {
  font-size: 16px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.news-page .news .news-blocks .block .news-dis li .des dt p {
  height: 40px;
  line-height: 20px;
}
.news-page .news .news-blocks .block .news-dis li .des dd {
  margin-top: 10px;
}
.news-page .news .news-blocks .block#news2 .news2-l {
  width: 56%;
}
.news-page .news .news-blocks .block#news2 .news2-r {
  width: 40%;
  margin-left: 4%;
}
.news-page .news .news-blocks .block#news2 .news2-r li {
  margin: 15px 0 40px 0;
}
.news-page .news .news-blocks .block#news2 .news2-r li .tip {
  font-size: 22px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.news-page .news .news-blocks .block#news2 .news2-r li .content {
  margin-top: 12px;
}
.news-page .news .news-blocks .block#news2 .news2-r li .content > img {
  width: 172px;
  height: 108px;
}
.news-page .news .news-blocks .block#news2 .news2-r li .content dl {
  padding-left: 20px;
  width: 66%;
}
.news-page .news .news-blocks .block#news2 .news2-r li .content dl dt {
  height: 60px;
  color: #8a8a8a;
  line-height: 30px;
  margin: 5px 0 15px;
}

/* sol-page */
.sol-page {
  width: 100%;
  height: auto!important;
  overflow: hidden;
}
.sol-page .ctx-menu li.active a{
  color:#fff!important;
}
.sol-page .banner {
  width: 100%;
}
.sol-page img{
  display: block;
  width: 100%;
}
.sol-page .banner img {
  width: 100%;
  height: 425px;
}
.sol-page .intro .intro-menu {
  background: #E7E7E7;
}
.sol-page .intro .intro-menu .inner {
  line-height: 80px;
  height: 75px;
}
.sol-page .intro .intro-menu .inner li {
  display: inline-block;
  margin-right: 75px;
  cursor: pointer;
}
.sol-page .intro .intro-blocks .block {
  text-align: center;
  padding: 50px 0;
}
.sol-page .intro .intro-blocks .block .title {
  margin: 0 0 20px;
  font-size: 36px;
}
.sol-page .intro .intro-blocks .block .subtitle {
  margin-bottom: 100px;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  color: #666666;
}
.sol-page .intro .intro-blocks .block .ctx .ctx-l {
  width: 210px;
}
.sol-page .intro .intro-blocks .block .ctx .ctx-l .ctx-menu li {
  font-size: 24px;
  line-height: 36px;
  margin-bottom: 40px;
  position: relative;
  width: 85%;
  text-align: right;
  padding: 10px 15px 10px 0;
  border-radius: 10px;
  cursor: pointer;
}
.sol-page .intro .intro-blocks .block .ctx .ctx-l .ctx-menu li:before {
  content: '';
  position: absolute;
  width: 27px;
  top: 15px;
  left: 15px;
}
.sol-page .intro .intro-blocks .block .ctx .ctx-l .ctx-menu li:nth-child(1):before {
  height: 24px;
  background: url("../images/sol/u1417.png");
}
.sol-page .intro .intro-blocks .block .ctx .ctx-l .ctx-menu li:nth-child(1).active {
  background: #00A0E9;
  color: #fff;
}
.sol-page .intro .intro-blocks .block .ctx .ctx-l .ctx-menu li:nth-child(1).active:before {
  height: 24px;
  background: url("../images/sol/u1407.png");
}
.sol-page .intro .intro-blocks .block .ctx .ctx-l .ctx-menu li:nth-child(2):before {
  height: 30px;
  background: url("../images/sol/u1404.png");
}
.sol-page .intro .intro-blocks .block .ctx .ctx-l .ctx-menu li:nth-child(2).active {
  background: #00A0E9;
  color: #fff;
}
.sol-page .intro .intro-blocks .block .ctx .ctx-l .ctx-menu li:nth-child(2).active:before {
  height: 30px;
  background: url("../images/sol/u1414.png");
}
.sol-page .intro .intro-blocks .block .ctx .ctx-l .ctx-menu li:nth-child(3):before {
  height: 30px;
  background: url("../images/sol/u1405.png");
}
.sol-page .intro .intro-blocks .block .ctx .ctx-l .ctx-menu li:nth-child(3).active {
  background: #00A0E9;
  color: #fff;
}
.sol-page .intro .intro-blocks .block .ctx .ctx-l .ctx-menu li:nth-child(3).active:before {
  height: 30px;
  background: url("../images/sol/u1425.png");
}
.sol-page .intro .intro-blocks .block .ctx .ctx-l .ctx-menu li:nth-child(4):before {
  height: 26px;
  background: url("../images/sol/u1406.png");
}
.sol-page .intro .intro-blocks .block .ctx .ctx-l .ctx-menu li:nth-child(4).active {
  background: #00A0E9;
  color: #fff;
}
.sol-page .intro .intro-blocks .block .ctx .ctx-l .ctx-menu li:nth-child(4).active:before {
  height: 26px;
  background: url("../images/sol/u1436.png");
}
.sol-page .intro .intro-blocks .block .ctx .ctx-r {
  width: calc(100% - 220px);
  padding: 50px 80px;
  text-align: left;
  position: relative;
}
.sol-page .intro .intro-blocks .block .ctx .ctx-r:before {
  position: absolute;
  content: '';
  width: 60px;
  height: 6px;
  background: #00A0E9;
  top: 41px;
  left: 80px;
}
.sol-page .intro .intro-blocks .block .ctx .ctx-r h2 {
  margin-top: 30px;
}
.sol-page .intro .intro-blocks .block .ctx .ctx-r p {
  font-size: 20px;
  line-height: 36px;
  margin: 20px 0;
}

/* contact-page */
.contact-page {
  width: 100%;
  height: auto!important;
  overflow: hidden;
}
.contact-page .banner {
  width: 100%;
}
.contact-page .banner img {
  width: 100%;
  height: 425px;
}
#contact1 h2{
  font-style: italic;
  font-size: 28px;
  font-weight: 400;
  letter-spacing: 6px;
  margin-bottom: 28px;
}
#contact1 li{
  line-height: 50px;
}
.contact-page .contact .contact-blocks .block {
  text-align: center;
  padding: 50px 0;
}
.contact-page .contact .contact-blocks .block#contact1 {
  background: #f1f1f1;
}
.contact-page .contact .contact-blocks .block#contact1 .inner {
  background: #fff;
  border-radius: 3px;
  min-height: 550px;
  padding: 30px 0;
}
.contact-page .contact .contact-blocks .block#contact1 .inner .i-l {
  text-align: left;
  width: 42%;
}
.contact-page .contact .contact-blocks .block#contact1 .inner .i-r {
  width: 58%;
  text-align: center;
  padding: 0 15px;
}
.contact-page .contact .contact-blocks .block#contact1 .inner .i-r > img {
  width: 100%;
}

@media (min-width: 768px) and (max-width: 1199px){
  .nav > li > a{padding-left:6px; padding-right: 6px;}
}
@media (min-width: 768px) and (max-width: 991px){
  .navbar-nav{margin-right:0;}
  .index_footer{
    padding: 8px 0;
  }
  .index_footer .container{
    display: none;
  }
  .copyright {
    margin: 0;
    width: 100%;
    text-align: center;
    font-size: 13px;
    height: auto;
    line-height: 1.6;
  }
  header.navbar{
  	padding-top: 5px;
  	min-height: 52px;
  }
  footer{
    background-color: #f5f5f5;
  }
}
@media (max-width: 767px){
  header.navbar{
  	padding-top: 5px;
  	min-height: 52px;
  }
  footer{
    background-color: #f5f5f5;
  }
  .thumbnails .news-item img{
  	height: 110px;
  }
  .index_footer{
    padding: 8px 0;
  }
  #home7{
    padding-bottom: 15px;
  }
  .copyright {
    margin: 0;
    width: 100%;
    text-align: center;
    font-size: 13px;
    height: auto;
    line-height: 1.6;
  }
  .news-item .texts .title {
    font-size: 12px!important;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
  }

  .homepage .inner{
    width: 100%;
  }
  .homepage .home .home-blocks .block .title{
    font-size: 26px;
  }
  .homepage .home .home-blocks .block .subtitle{
    margin-bottom: 30px;
    font-size: 18px;
  }
  .homepage .home .home-blocks .block .home-dis li{
    width: 100%;
  }
  .homepage .home .home-blocks .block#home1 .home-dis li{
    position: relative;
  }
  .sect-product .yc-more-btn .icon{
    background-size: 20px;
  }
  .sect-product .yc-more-btn{
    bottom: 10px;
  }
  .sect-product img{
    border-radius: 15px;
  }
  .sect-product li div {
      width:288px;
      height: 150px;
      padding: 15px 20px 0 20px;
      color: #fff;
      background-color: rgba(0,160,233,.8);
      border-radius: 8px 0 0 8px;
      position: absolute;
      margin-bottom: -75px;
      bottom: 50%;
      right: 24px;
  }

  .yc-more-btn{
    width: 132px;
    height: 40px;
    padding: 0 10px;
  }
  .yc-more-btn .icon{
    margin-left: 13px;
    width: 24px;
    height: 25px;
    line-height: 24px;
    background-size: 22px;
    vertical-align: top;
    margin-top: 7px;
  }
  .homepage .home .home-blocks .block#home2 .home-dis li{
    width: 25%;
    max-height: 230px;
  }
  .homepage .home .home-blocks .block#home2 .content > div {
    min-height: 50px;
    border-radius: 5px;
    text-align: center;
    padding: 15px;
    font-size: 13px;
    line-height: 22px;
  }
  .homepage .home .home-blocks .block#home2 .home-dis li img{
  	max-width: 55px;
  }
  .homepage .home .home-blocks .block#home2 .home-dis li p{
    font-size: 14px;
    height: 48px;
  }
  .homepage .home .home-blocks .block#home2 .home-dis li + li{
    margin-left: 0;
  }
  .homepage .home .home-blocks .block#home3 .home-dis li{
    width: 50%;
  }
  .homepage .home .home-blocks .block#home3 .home-dis li + li{
    margin-left: 0;
  }
  .item-head-img{
    height: 150px;
  }
  .item-title{
    font-size: 20px;
  }
  .item-mark{
    font-size: 14px;
  }
  .homepage .home .home-blocks .block#home4 .inner .t-img{
    width:205px;
    height: 220px;
  }
  .homepage .home .home-blocks .block#home4 .inner h2{
    font-size: 28px;
    padding-left: 15px;
  }
  .homepage .home .home-blocks .block#home4 .inner p {
    padding-left: 15px;
    width: 80%;
    font-size: 16px;
    line-height: 24px;
  }
  .homepage .home .home-blocks .block#home5 .home-dis li{
    width: 50vw;
    height: 50vw;
  }
  .homepage .home .home-blocks .block#home5 .home-dis li + li{
    margin-left: 0;
  }
  .sect-news{
    width: 100%;
  }
  .homepage .hot-news{
    display: none;
  }
  .thumbnails li.news-item a{
    height: 110px;
  }
  .news-item .texts {
      position: absolute;
      width: 300px;
      height: 110px;
      top: 50%;
      margin-top: -55px;
      color: #fff;
      text-align: center;
      background: rgba(0,0,0,.15);
  }

  .news-top h2{
    font-size: 24px;
    margin-left: 20px;
  }
  .news-top p{
    font-size: 16px;
    margin-left: 20px;
  }
  .news-more{
    top: 15px;
    right: 15px;
  }
  .news-more img{
    height: 36px;
  }
  .company-culture li i{
  	font-size: 24px;
  }
  .news-item .texts .time {
    display: block;
    font-size: 26px!important;
    margin: 30px 0 10px;
}
  .navbar-collapse.collapse{
    display: none;
  }
  .homepage .home .home-blocks .block#home7 .menu li {
      font-size: 18px;
      margin: 0 15px;
  }
  .link-list li a{
    padding-bottom: 6px;
  }
  .homepage .home .home-blocks .block#home7 .content {
    margin: 30px 0 0;
  }
  #home7 img{
    width: 100%;
  }
  .index_footer .container{
    display: none;
  }
  .navbar-toggle{margin-top: 8px; padding:8px 10px;}
  .navbar-collapse.collapse {
    background-color: #434343;
    overflow: auto;
    zoom: 1;
  }
  .navbar-collapse{overflow:auto; border-top:0;}
  .navbar-default .navbar-nav > li{float: none;}
  .navbar-default .navbar-nav > li > a{padding-left: 5px; padding-right: 5px;}
  .navbar-fixed nav ul li a:hover,
  .index_header .nav > li.active a{border-bottom: none;}
  .navbar-collapse ul.nav{margin-left: 8px; }
  .navbar-collapse ul.nav,ul.dropdown-menu{
    position: relative;
    height: auto;
    overflow: auto;
    zoom: 1;
  }
  .navbar-default .navbar-nav > li > a,
  .navbar-default .navbar-nav > .active > a:hover, 
  .navbar-default .navbar-nav > li > a:hover, 
  .navbar-default .navbar-nav > li > a:focus{color:#fff;}
  .navbar-default .navbar-nav > .active > a,
  .navbar-default .navbar-nav > .active > a:hover,
  .navbar-default .navbar-nav > .active > a:focus {
    color: #ffffff;
    background-color: transparent;
  }
  .call-tel {
    display: none;
  }
  ul.dropdown-menu{margin-bottom: 10px;padding-left: 16px; background-color: transparent; border:none;-webkit-box-shadow:none;box-shadow:none;}
  .dropdown-menu > li > a{color: #ffffff;}

  .navbar-brand{padding:11px 15px;}
  .navbar-brand > img{
    height: 24px;
    margin-left: 10px;
    padding-top: 4px;
  }

}

@media (max-width: 480px){
}