body {
margin:0;
padding:0;
font:14px/1.5 Helvetica Neue,Helvetica,Arial,Microsoft Yahei,sans-serif;
color:#333;
background-color:#fff
}
a, a:link { color: #777; text-decoration: none}
a:focus, a:hover { color: #003399; text-decoration: underline; outline: 0; -moz-outline: none}
a:active { color: red}
input, textarea { outline: 0; -moz-outline: none}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { color: #000; font-weight: 500; line-height: 150%}
.h1, .h2, .h3, .h4, .h5, .h6 { margin: 0; padding: 0}
img { padding: 0; margin: 0; border: 0; height: auto; max-height: auto}
@media (min-width:992px) {
.contact .address, .contact .address span, .menu li, .transition, :active, :focus, :hover, :link, :visited {
 -webkit-transition: all .2s linear;
 -moz-transition: all .2s linear;
 -o-transition: all .2s linear;
 transition: all .2s linear
}
}
::-moz-selection {background:#003399;color:#fff}
::selection { background:#003399; color: #fff}
@media (min-width:1700px) {
.container { width:1440px}
.full_bg {
 background-size: cover;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover
}
}
hr { margin: 30px 0; border: 0; border-top: 1px solid #ddd}
hr.small { margin: 15px 0}
hr.big { margin: 45px 0}
hr.white { border-color: rgba(255,255,255,.3)}
.nowrap { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block}
:-moz-placeholder, :-ms-input-placeholder, ::-moz-placeholder, ::-webkit-input-placeholder {
color:#999;
font-size:12px
}
.height-20 { height: 20px!important}
.m-10 { margin: 10px!important}
.m-20 { margin: 20px!important}
.m-30 { margin: 30px!important}
.m-40 { margin: 40px!important}
.m-50 { margin: 50px!important}
.m-60 { margin: 60px!important}
.m-70 { margin: 70px!important}
.t-m-20 { margin-top: 20px!important}
.t-m-30 { margin-top: 30px!important}
.t-m-40 { margin-top: 40px!important}
.t-m-50 { margin-top: 50px!important}
.t-m-60 { margin-top: 60px!important}
.t-m-70 { margin-top: 70px!important}
.b-m-20 { margin-bottom: 20px!important}
.b-m-30 { margin-bottom: 30px!important}
.b-m-40 { margin-bottom: 40px!important}
.b-m-50 { margin-bottom: 50px!important}
.b-m-60 { margin-bottom: 60px!important}
.b-m-70 { margin-bottom: 70px!important}
.l-m-20 { margin-left: 20px!important}
.l-m-30 { margin-left: 30px!important}
.l-m-40 { margin-left: 40px!important}
.l-m-50 { margin-left: 50px!important}
.l-m-60 { margin-left: 60px!important}
.l-m-70 { margin-left: 70px!important}
.r-m-20 { margin-right: 20px!important}
.r-m-30 { margin-right: 30px!important}
.r-m-40 { margin-right: 40px!important}
.r-m-50 { margin-right: 50px!important}
.r-m-60 { margin-right: 60px!important}
.r-m-70 { margin-right: 70px!important}
.p-20 { padding: 20px!important}
.p-30 { padding: 30px!important}
.p-40 { padding: 40px!important}
.p-50 { padding: 50px!important}
.p-60 { padding: 60px!important}
.p-70 { padding: 70px!important}
.t-p-20 { padding-top: 20px!important}
.t-p-30 { padding-top: 30px!important}
.t-p-40 { padding-top: 40px!important}
.t-p-50 { padding-top: 50px!important}
.t-p-60 { padding-top: 60px!important}
.t-p-70 { padding-top: 70px!important}
.b-p-20 { padding-bottom: 20px!important}
.b-p-30 { padding-bottom: 30px!important}
.b-p-40 { padding-bottom: 40px!important}
.b-p-50 { padding-bottom: 50px!important}
.b-p-60 { padding-bottom: 60px!important}
.b-p-70 { padding-bottom: 70px!important}
.l-p-20 { padding-left: 20px!important}
.l-p-30 { padding-left: 30px!important}
.l-p-40 { padding-left: 40px!important}
.l-p-50 { padding-left: 50px!important}
.l-p-60 { padding-left: 60px!important}
.l-p-70 { padding-left: 70px!important}
.r-p-20 { padding-right: 20px!important}
.r-p-30 { padding-right: 30px!important}
.r-p-40 { padding-right: 40px!important}
.r-p-50 { padding-right: 50px!important}
.r-p-60 { padding-right: 60px!important}
.r-p-70 { padding-right: 70px!important}
.p-none { padding: 0!important}
.m-none { margin: 0!important}
.t-p-none { padding-top: 0!important}
.b-p-none { padding-bottom: 0!important}
.l-p-none { padding-left: 0!important}
.r-p-none { padding-right: 0!important}
.t-m-none { margin-top: 0!important}
.b-m-none { margin-bottom: 0!important}
.l-m-none { margin-left: 0!important}
.r-m-none { margin-right: 0!important}
.owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0}
.owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y}
.owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px)}
.owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%}
.owl-carousel .owl-wrapper-outer.autoHeight {
 -webkit-transition: height 500ms ease-in-out;
 -moz-transition: height 500ms ease-in-out;
 -ms-transition: height 500ms ease-in-out;
 -o-transition: height 500ms ease-in-out;
 transition: height 500ms ease-in-out
}
.owl-carousel .owl-item { float: left}
.owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer}
.owl-controls {
 -webkit-user-select: none;
 -khtml-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
 -webkit-tap-highlight-color: rgba(0,0,0,0)
}
.grabbing {
 cursor: url(grabbing.png) 8 8, move
}
.owl-carousel .owl-wrapper, .owl-carousel .owl-item {
 -webkit-backface-visibility: hidden;
 -moz-backface-visibility: hidden;
 -ms-backface-visibility: hidden;
 -webkit-transform: translate3d(0, 0, 0);
 -moz-transform: translate3d(0, 0, 0);
 -ms-transform: translate3d(0, 0, 0)
}
.owl-origin {
 -webkit-perspective: 1200px;
 -webkit-perspective-origin-x: 50%;
 -webkit-perspective-origin-y: 50%;
 -moz-perspective: 1200px;
 -moz-perspective-origin-x: 50%;
 -moz-perspective-origin-y: 50%;
 perspective: 1200px
}
.owl-fade-out {
 z-index: 10;
 -webkit-animation: fadeOut .7s both ease;
 -moz-animation: fadeOut .7s both ease;
 animation: fadeOut .7s both ease
}
.owl-fade-in {
 -webkit-animation: fadeIn .7s both ease;
 -moz-animation: fadeIn .7s both ease;
 animation: fadeIn .7s both ease
}
.owl-backSlide-out {
 -webkit-animation: backSlideOut 1s both ease;
 -moz-animation: backSlideOut 1s both ease;
 animation: backSlideOut 1s both ease
}
.owl-backSlide-in {
 -webkit-animation: backSlideIn 1s both ease;
 -moz-animation: backSlideIn 1s both ease;
 animation: backSlideIn 1s both ease
}
.owl-goDown-out {
 -webkit-animation: scaleToFade .7s ease both;
 -moz-animation: scaleToFade .7s ease both;
 animation: scaleToFade .7s ease both
}
.owl-goDown-in {
 -webkit-animation: goDown .6s ease both;
 -moz-animation: goDown .6s ease both;
 animation: goDown .6s ease both
}
.owl-fadeUp-in {
 -webkit-animation: scaleUpFrom .5s ease both;
 -moz-animation: scaleUpFrom .5s ease both;
 animation: scaleUpFrom .5s ease both
}
.owl-fadeUp-out {
 -webkit-animation: scaleUpTo .5s ease both;
 -moz-animation: scaleUpTo .5s ease both;
 animation: scaleUpTo .5s ease both
}
@-webkit-keyframes empty {
0% {
opacity:1
}
}
@-moz-keyframes empty {
0% {
opacity:1
}
}
@keyframes empty {
0% {
opacity:1
}
}
@-webkit-keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1
}
}
@-moz-keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1
}
}
@keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1
}
}
@-webkit-keyframes fadeOut {
0% {
opacity:1
}
100% {
opacity:0
}
}
@-moz-keyframes fadeOut {
0% {
opacity:1
}
100% {
opacity:0
}
}
@keyframes fadeOut {
0% {
opacity:1
}
100% {
opacity:0
}
}
@-webkit-keyframes backSlideOut {
25% {
opacity:.5;
-webkit-transform:translateZ(-500px)
}
75% {
opacity:.5;
-webkit-transform:translateZ(-500px) translateX(-200%)
}
100% {
opacity:.5;
-webkit-transform:translateZ(-500px) translateX(-200%)
}
}
@-moz-keyframes backSlideOut {
25% {
opacity:.5;
-moz-transform:translateZ(-500px)
}
75% {
opacity:.5;
-moz-transform:translateZ(-500px) translateX(-200%)
}
100% {
opacity:.5;
-moz-transform:translateZ(-500px) translateX(-200%)
}
}
@keyframes backSlideOut {
25% {
opacity:.5;
transform:translateZ(-500px)
}
75% {
opacity:.5;
transform:translateZ(-500px) translateX(-200%)
}
100% {
opacity:.5;
transform:translateZ(-500px) translateX(-200%)
}
}
@-webkit-keyframes backSlideIn {
0%, 25% {
opacity:.5;
-webkit-transform:translateZ(-500px) translateX(200%)
}
75% {
opacity:.5;
-webkit-transform:translateZ(-500px)
}
100% {
opacity:1;
-webkit-transform:translateZ(0) translateX(0)
}
}
@-moz-keyframes backSlideIn {
0%, 25% {
opacity:.5;
-moz-transform:translateZ(-500px) translateX(200%)
}
75% {
opacity:.5;
-moz-transform:translateZ(-500px)
}
100% {
opacity:1;
-moz-transform:translateZ(0) translateX(0)
}
}
@keyframes backSlideIn {
0%, 25% {
opacity:.5;
transform:translateZ(-500px) translateX(200%)
}
75% {
opacity:.5;
transform:translateZ(-500px)
}
100% {
opacity:1;
transform:translateZ(0) translateX(0)
}
}
@-webkit-keyframes scaleToFade {
to {
opacity:0;
-webkit-transform:scale(.8)
}
}
@-moz-keyframes scaleToFade {
to {
opacity:0;
-moz-transform:scale(.8)
}
}
@keyframes scaleToFade {
to {
opacity:0;
transform:scale(.8)
}
}
@-webkit-keyframes goDown {
from {
-webkit-transform:translateY(-100%)
}
}
@-moz-keyframes goDown {
from {
-moz-transform:translateY(-100%)
}
}
@keyframes goDown {
from {
transform:translateY(-100%)
}
}
@-webkit-keyframes scaleUpFrom {
from {
opacity:0;
-webkit-transform:scale(1.5)
}
}
@-moz-keyframes scaleUpFrom {
from {
opacity:0;
-moz-transform:scale(1.5)
}
}
@keyframes scaleUpFrom {
from {
opacity:0;
transform:scale(1.5)
}
}
@-webkit-keyframes scaleUpTo {
to {
opacity:0;
-webkit-transform:scale(1.5)
}
}
@-moz-keyframes scaleUpTo {
to {
opacity:0;
-moz-transform:scale(1.5)
}
}
@keyframes scaleUpTo {
to {
opacity:0;
transform:scale(1.5)
}
}
.h-h2 {font-size: 29px; font-weight:400; line-height:1.2;}
.h-h2:after{ display: block; margin:20px auto; height: 2px; content: ""; width:60px;background-color: #003399}
.m-sm { display: block; font-size: 15px; line-height: 1.75; margin-bottom: 50px}
.sx-jianju { padding-top: 30px; padding-bottom: 50px}
a.btn-center, .btn-reset {
 text-align: center;
 font-size: 14px;
 line-height: 2em;
 margin: 15px;
 display: inline-block;
    background: url(../images/btn-noraml-black.svg) no-repeat center;
    background-size: contain;
    background-color: transparent;
    transition: background .3s, color .3s;
    color: #fff;
    padding: 5px 31px 5px 51px;
    border: none
}
a.btn-center:hover, .btn-reset:hover {
 background: url(../images/btn-hover-black.svg) no-repeat center;
 background-size: contain;
 color: #555;
 text-decoration: none
}
.btn-submit {background: url(../images/btn-noraml-blue.svg) no-repeat center; background-size: contain; transition: background .3s, color .3s; color: #fff; padding: 5px 31px 5px 51px; line-height:2em; border: none}
.btn-submit:hover {background: url(../images/btn-hover-blue.svg) no-repeat center; background-size: contain; color: #555}
a.btn-title {text-align: center; font-size: 16px; padding: 4px 20px; margin: 25px 0 0; color: #777; display: inline-block; box-shadow: 0px 1px 1px rgb(0 51 153 / 0.5)}
a.btn-title:hover, li.hover a.btn-title { background-color: #003399; color: #fff; text-decoration: none}
.ny-menu {padding-top: 20px}
@media (max-width: 991px) {
a.btn-title {margin: 20px 0 0; padding: 2px 5px}
}
.nav-kj a.lang{text-indent: 0;padding: 15px 5px;color: #003399;width: 40px;}
.navbar-brand{padding:12px 15px 0px}
.navbar-brand>img{height:26px; display:inline}
.navbar-brand span{color: #333; font-size: 16px; vertical-align:middle; line-height:30px; margin-left: 15px}
/*导航菜单*/
.navbar{ margin:0px; background: #FFF; border: 0; padding:15px 36px; box-shadow: 0 3px 5px -1px rgba(0,0,0,0.1), 0 2px 1px -1px rgba(0,0,0,0.05);border-top: solid 20px #01327e;}
#app_menudown{position: absolute; top:0px; right:0px; font-size: 16px}
#app_menudown:hover{background-color: rgba(0,0,0,0.1)}
.navbar-nav > li{}
.navbar-nav > li:first-child{}
.navbar-nav > li:last-child{border-right:0}
.navbar-nav > li > a {text-align:center; font-size:16px}
.navbar-default .navbar-nav > li > a{color:#333; padding:15px 5px; margin:0 10px}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a.active,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav a.hover{ color: #003399; border-bottom: 3px solid #003399 }
.navbar-fixed-top{margin-top:0px; background:rgba(255, 255, 255, 0.9); padding:5px }
.nav_small{background-color: rgba(255,255,255); padding:0; border-radius: 0px; border: none; box-shadow: 0 3px 15px rgba(38,67,89,.2) }
.nav_small > li{}
.nav_small > li > a{line-height:20px; padding: 10px 20px; text-align: left; color:#222; font-size: 16px }
.nav_small > li > a:hover{color: #fff; background-color: #003399 }
#app_menudown{ display:none }
@media (max-width:1200px) {
.navbar-brand{padding: 10px 0;}
.navbar-brand>img{height: 30px }
}
@media (min-width:768px) {
.navbar-right .dropdown-menu {left:0 }
}
@media (max-width:767px) {
.navbar{min-height: 50px; padding: 2px 0 }
.navbar-brand {padding:15px 15px }
.navbar-brand>img{height:20px }
.navbar-brand span{line-height:24px; margin-left:5px; font-size:16px }
.navbar-title{float:right;color:#555;line-height:50px;margin-right:5px }
.navbar-default .navbar-brand {color: #555; font-size: 16px }
.navbar-toggle{border:none }
.navbar-default .navbar-collapse, .navbar-default .navbar-form{border:none }
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus { background-color: #eee }
.navbar-default .navbar-toggle .icon-bar{background-color: #151222 }
.navbar-default .navbar-nav{margin-top: 10px;margin-bottom: 0px;float: none!important }
.navbar-default .navbar-nav > li {}
.navbar-default .navbar-nav > li:last-child{border: none }
.navbar-default .navbar-nav > li > a {padding: 10px 15px; margin: 0; text-align: left }
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav .open .dropdown-menu > li > a{color: #555; text-align: left; line-height: 25px }
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{background-color: rgba(238, 238, 238, 0.95); color: #555; background-image: none }
.navbar-default .navbar-nav a.hover{background-color:rgba(238, 238, 238, 0.95); color: #555; background-image: none }
.navbar-brand,#app_menudown {display:block }
}
.nav-kj { margin: 0 0 0 20px }
.nav-kj li { margin: 0; padding: 0; float: left; position: relative }
.nav-kj li a { height: 50px; width: 50px; text-indent: -9999px; overflow: hidden; display: block }
.nav-kj li.sousuo a { background-image: url(../images/fuwu-ico.png); background-position: 0 -13px; background-repeat: no-repeat }
.nav-kj li.sousuo a { background-position: -65px -11px }
.nav-kj li.sousuo:hover { background-color: #eee; background-position: -65px -84px }
.nav-kj li .sousuo-nr { position: absolute; background-color: #eee; width: 390px; padding: 30px; right: 0; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px }
.key, .s-btn { float: left}
.key {
 height: 40px;
 width: 100%;
 background-color: #FFF;
 color: #777;
 vertical-align: middle;
 padding: 11px 10px 9px 10px;
 border: 1px solid #ddd;
 border-radius: 0;
 -webkit-border-radius: 0;
 -moz-border-radius: 0;
 -ms-border-radius: 0;
 display: inline
}
.s-btn {
 height: 40px;
 width: 50px;
 text-align: center;
 vertical-align: middle;
 color: #fff;
 background-color: #003399;
 position: absolute;
 right: 15px;
 border: 1px solid #003399;
 border-radius: 0;
 -webkit-border-radius: 0;
 -moz-border-radius: 0;
 -ms-border-radius: 0;
}
.s-btn:hover { background-color: #003399; border: 1px solid #337ab7}
.advanced-search td{ padding:5px;}
.owl-controls .owl-pagination { width: 100%; position: absolute; z-index: 1; left: 0; text-align: center}
.owl-controls .owl-pagination .owl-page { display: inline-block}
.owl-controls .owl-pagination .owl-page span {
 cursor: pointer;
 display: inline-block;
 zoom: 1;
 width: 12px;
 height: 12px;
 margin: 0 6px;
 overflow: hidden;
 line-height: 9999px;
 filter: alpha(opacity=30);
 opacity: .3;
 border-radius: 50%;
 -webkit-border-radius: 50%;
 -moz-border-radius: 50%;
 -ms-border-radius: 50%;
 background-color: #003399
}
.owl-controls .owl-page.active span,.owl-controls.clickable .owl-page:hover span { filter: alpha(opacity=80); opacity: .8}
.owl-controls .owl-buttons { height:0}
.item-box .thumbnail{border:0;box-shadow: 0 5px 15px rgba(0,0,0,0.1)}
.item-box .thumbnail:hover{box-shadow: 0 5px 15px rgb(0 51 153 / 0.5)}
.item-box .thumbnail h3{font-size:18px}
.item-box a {text-decoration: none}
@media (max-width:767px) {
.item-box{padding:4px}
.item-box .thumbnail{margin-bottom:0}
}
/*owl carousel组件*/
.owl-box {clear:both}
.owl-box img:hover { border: 6px solid #fff}
.owl-box .item {margin: 20px 10px}
@media (max-width:767px) {
.owl-box .item {margin: 10px 2px}
}
.item .shake img:hover {
 -webkit-animation-duration: 8s;
 animation-duration: 8s;
 -webkit-animation-fill-mode: both;
 animation-fill-mode: both;
 -webkit-animation-iteration-count: infinite;
 animation-iteration-count: infinite;
 -webkit-animation-name: shake;
 animation-name: shake
}
@-webkit-keyframes shake {
0%, 100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0)
}
20%, 40%, 60%, 80% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
@keyframes shake {
0%, 100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0)
}
20%, 40%, 60%, 80% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
.owl-carousel .owl-wrapper:after {
 content: ".";
 display: block;
 clear: both;
 visibility: hidden;
 line-height: 0;
 height: 0
}
.owl-carousel {
 display: none;
 position: relative;
 width: 100%;
 -ms-touch-action: pan-y
}
.owl-carousel .owl-wrapper {
 display: none;
 position: relative;
 -webkit-transform: translate3d(0, 0, 0)
}
.owl-carousel .owl-wrapper-outer {
 overflow: hidden;
 position: relative;
 width: 100%
}
.owl-carousel .owl-wrapper-outer.autoHeight {
 -webkit-transition: height 500ms ease-in-out;
 -moz-transition: height 500ms ease-in-out;
 -ms-transition: height 500ms ease-in-out;
 -o-transition: height 500ms ease-in-out;
 transition: height 500ms ease-in-out
}
.owl-carousel .owl-item {
 float: left
}
.owl-controls .owl-buttons div {
 cursor: pointer
}
.owl-controls {
 -webkit-user-select: none;
 -khtml-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
 -webkit-tap-highlight-color: transparent
}
.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
 -webkit-backface-visibility: hidden;
 -moz-backface-visibility: hidden;
 -ms-backface-visibility: hidden;
 -webkit-transform: translate3d(0, 0, 0);
 -moz-transform: translate3d(0, 0, 0);
 -ms-transform: translate3d(0, 0, 0)
}
.owl-theme .owl-controls {
 text-align: center
}
.owl-theme .owl-controls .owl-buttons div {
 display: inline-block;
 zoom: 1
}
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
 text-decoration: none
}
.owl-next, .owl-prev {
 text-indent: -9999px;
 overflow: hidden;
 background-repeat: no-repeat;
 background-position: left top;
 width: 35px;
 height: 60px;
 display: inline-block;
 margin: 0 10px
}
.owl-prev {
 position: absolute;
 left: -5%;
 top: 28%;
 background-image: url(../images/slider-arrow-black.png);
 background-position: left center
}
.owl-next {
 position: absolute;
 right: -5%;
 top: 28%;
 background-image: url(../images/slider-arrow-black.png);
 background-position: right center
}
.owl-next, .owl-prev {
 filter: alpha(opacity=20);
 opacity: .2
}
.owl-next:hover, .owl-prev:hover {
 filter: alpha(opacity=50);
 opacity: .5
}
@media (max-width:767px) {
.owl-prev {
 left: -3%;
 top: 65px
}
.owl-next {
 right: -3%;
 top: 65px
}
.owl-theme .owl-controls .owl-buttons div {
    display:none;
}
}
/*首页公司简介*/
.about h3{margin: 20px 0;}
.about a.btn-center{margin: 0;}
.about .about-con p{text-indent: 2em;line-height:2em}
@media (max-width: 991px) {
.about .about-con {text-align: center;}
.about .about-con p {margin-top:15px;}
.about li {margin: 0; padding: 0;}
.about ul li a.btn-center {margin-bottom: 10px;}
}
.action {background-color: #262626;color: #FFF;}
.post input{height:40px; margin-bottom:20px;}
.post textarea{height:100px; margin-bottom:20px;}
.with-errors{text-align:left;}
.yanzhengma {padding:4px 15px; text-align:left;}
.form-horizontal .control-label{padding-top:0; text-align:left;}
.footer { color: #DDD; padding: 30px 0; background-color: #242933 !important; background:url("../images/tire-trace-1.png") bottom right no-repeat; border-top: 5px solid #003399}
.footer li{margin: 10px 0 0}
.footer a {color: #CCC; font-size:14px}
.footer a:hover {color: #FFF;}
.footer hr {border-top: 1px solid rgba(255, 255, 255, 0.25); box-shadow: 1px 1px 1px rgba(0,0,0,.15);}
.footer h4 a {color:#FFF; font-size:14px; font-weight:600;}
.footer-logo {margin-bottom:20px;}
.footer-logo img {height:25px; margin-right:5px;}
.footer-logo span {position:absolute; height:40px; line-height:40px; margin-left:5px; font-size:16px; color:#ccc;}
.footer .ewm-code{ width:300px;margin-left:-60px;}
.footer .ewm-code li {text-align:center; width:100px;display: inline-block;float: left;margin:0 20px;font-size:12px;}
.footer .ewm-code img{width:100px;}
.footer p{margin:0 0 10px;}
.footer-bottom{font-size:13px}
.footer-bottom ul>li{padding:0}
.footer-bottom ul>li+li:before{padding:0 10px; color:#999; content:"|"}
#scrollUp{background-color:#003399;color:#eee;text-align:center;text-decoration:none;bottom:20%;right:20px;overflow:hidden;width:40px;height:40px;border:none;opacity:0.9;line-height:40px;border-radius:2px;}
#scrollUp:hover{background-color:#FF6600}
@media (max-width:767px) {
#scrollUp { bottom: 20%; right: 10px}
}
.kefu {
 bottom: 40%;
 right: 20px;
 margin-bottom: 0;
 display: block;
 position: fixed;
 list-style-type: none;
 z-index: 999
}
.kefu span {
 width: 46px;
 height: 46px;
 display: block;
 overflow: hidden;
 margin-top: 2px;
 color: #fff;
 font-size: 20px;
 line-height: 46px;
 text-align: center;
 opacity: .9;
 background-color: #003399
}
.kefu span:hover {background-color: #333}
.kefu a:hover {text-decoration: none}
.kefu .weixing-show {width:112px; height: 130px; margin-top:-26px; background: #ffffff; border-radius: 10px; border: 1px solid #dddddd; position: absolute; right:58px; display: none;}
.kefu .weixing-show .weixing-sanjiao {width:0; height: 0; border-style: solid; border-color: transparent transparent transparent #ffffff; border-width: 6px; left: 110px; top: 10px; position: absolute; z-index: 2;}
.kefu .weixing-show .weixing-sanjiao-big { width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #dddddd; border-width: 8px; left: 110px; top: 10px; position: absolute; }
.kefu .weixing-show .weixing-ma { width: 104px; height: 103px; padding-left: 5px; padding-top: 5px; }
.kefu .weixing-show .weixing-txt{position:absolute;top:100px;left:7px;width:100px;margin:0 auto; text-align:center; font-size:12px;}
.right-tel {font-size:16px;}
@media (max-width:767px) {
.kefu {bottom: 30%;right: 10px}
}
.banner-bg {
background-color: #000022;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2000' height='2000' viewBox='0 0 800 800'%3E%3Cg fill='none' %3E%3Cg stroke='%23026' stroke-width='17'%3E%3Cline x1='-8' y1='-8' x2='808' y2='808'/%3E%3Cline x1='-8' y1='792' x2='808' y2='1608'/%3E%3Cline x1='-8' y1='-808' x2='808' y2='8'/%3E%3C/g%3E%3Cg stroke='%23002163' stroke-width='16'%3E%3Cline x1='-8' y1='767' x2='808' y2='1583'/%3E%3Cline x1='-8' y1='17' x2='808' y2='833'/%3E%3Cline x1='-8' y1='-33' x2='808' y2='783'/%3E%3Cline x1='-8' y1='-783' x2='808' y2='33'/%3E%3C/g%3E%3Cg stroke='%23002060' stroke-width='15'%3E%3Cline x1='-8' y1='742' x2='808' y2='1558'/%3E%3Cline x1='-8' y1='42' x2='808' y2='858'/%3E%3Cline x1='-8' y1='-58' x2='808' y2='758'/%3E%3Cline x1='-8' y1='-758' x2='808' y2='58'/%3E%3C/g%3E%3Cg stroke='%23001f5c' stroke-width='14'%3E%3Cline x1='-8' y1='67' x2='808' y2='883'/%3E%3Cline x1='-8' y1='717' x2='808' y2='1533'/%3E%3Cline x1='-8' y1='-733' x2='808' y2='83'/%3E%3Cline x1='-8' y1='-83' x2='808' y2='733'/%3E%3C/g%3E%3Cg stroke='%23001e59' stroke-width='13'%3E%3Cline x1='-8' y1='92' x2='808' y2='908'/%3E%3Cline x1='-8' y1='692' x2='808' y2='1508'/%3E%3Cline x1='-8' y1='-108' x2='808' y2='708'/%3E%3Cline x1='-8' y1='-708' x2='808' y2='108'/%3E%3C/g%3E%3Cg stroke='%23001d56' stroke-width='12'%3E%3Cline x1='-8' y1='667' x2='808' y2='1483'/%3E%3Cline x1='-8' y1='117' x2='808' y2='933'/%3E%3Cline x1='-8' y1='-133' x2='808' y2='683'/%3E%3Cline x1='-8' y1='-683' x2='808' y2='133'/%3E%3C/g%3E%3Cg stroke='%23001c53' stroke-width='11'%3E%3Cline x1='-8' y1='642' x2='808' y2='1458'/%3E%3Cline x1='-8' y1='142' x2='808' y2='958'/%3E%3Cline x1='-8' y1='-158' x2='808' y2='658'/%3E%3Cline x1='-8' y1='-658' x2='808' y2='158'/%3E%3C/g%3E%3Cg stroke='%23001b4f' stroke-width='10'%3E%3Cline x1='-8' y1='167' x2='808' y2='983'/%3E%3Cline x1='-8' y1='617' x2='808' y2='1433'/%3E%3Cline x1='-8' y1='-633' x2='808' y2='183'/%3E%3Cline x1='-8' y1='-183' x2='808' y2='633'/%3E%3C/g%3E%3Cg stroke='%23001a4c' stroke-width='9'%3E%3Cline x1='-8' y1='592' x2='808' y2='1408'/%3E%3Cline x1='-8' y1='192' x2='808' y2='1008'/%3E%3Cline x1='-8' y1='-608' x2='808' y2='208'/%3E%3Cline x1='-8' y1='-208' x2='808' y2='608'/%3E%3C/g%3E%3Cg stroke='%23001949' stroke-width='8'%3E%3Cline x1='-8' y1='567' x2='808' y2='1383'/%3E%3Cline x1='-8' y1='217' x2='808' y2='1033'/%3E%3Cline x1='-8' y1='-233' x2='808' y2='583'/%3E%3Cline x1='-8' y1='-583' x2='808' y2='233'/%3E%3C/g%3E%3Cg stroke='%23001846' stroke-width='7'%3E%3Cline x1='-8' y1='242' x2='808' y2='1058'/%3E%3Cline x1='-8' y1='542' x2='808' y2='1358'/%3E%3Cline x1='-8' y1='-558' x2='808' y2='258'/%3E%3Cline x1='-8' y1='-258' x2='808' y2='558'/%3E%3C/g%3E%3Cg stroke='%23001743' stroke-width='6'%3E%3Cline x1='-8' y1='267' x2='808' y2='1083'/%3E%3Cline x1='-8' y1='517' x2='808' y2='1333'/%3E%3Cline x1='-8' y1='-533' x2='808' y2='283'/%3E%3Cline x1='-8' y1='-283' x2='808' y2='533'/%3E%3C/g%3E%3Cg stroke='%2300163f' stroke-width='5'%3E%3Cline x1='-8' y1='292' x2='808' y2='1108'/%3E%3Cline x1='-8' y1='492' x2='808' y2='1308'/%3E%3Cline x1='-8' y1='-308' x2='808' y2='508'/%3E%3Cline x1='-8' y1='-508' x2='808' y2='308'/%3E%3C/g%3E%3Cg stroke='%2300153c' stroke-width='4'%3E%3Cline x1='-8' y1='467' x2='808' y2='1283'/%3E%3Cline x1='-8' y1='317' x2='808' y2='1133'/%3E%3Cline x1='-8' y1='-333' x2='808' y2='483'/%3E%3Cline x1='-8' y1='-483' x2='808' y2='333'/%3E%3C/g%3E%3Cg stroke='%23001439' stroke-width='3'%3E%3Cline x1='-8' y1='342' x2='808' y2='1158'/%3E%3Cline x1='-8' y1='442' x2='808' y2='1258'/%3E%3Cline x1='-8' y1='-458' x2='808' y2='358'/%3E%3Cline x1='-8' y1='-358' x2='808' y2='458'/%3E%3C/g%3E%3Cg stroke='%23001336' stroke-width='2'%3E%3Cline x1='-8' y1='367' x2='808' y2='1183'/%3E%3Cline x1='-8' y1='417' x2='808' y2='1233'/%3E%3Cline x1='-8' y1='-433' x2='808' y2='383'/%3E%3Cline x1='-8' y1='-383' x2='808' y2='433'/%3E%3C/g%3E%3Cg stroke='%23013' stroke-width='1'%3E%3Cline x1='-8' y1='392' x2='808' y2='1208'/%3E%3Cline x1='-8' y1='-408' x2='808' y2='408'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.banner-mask { background-color: rgba(0,0,0,.1); padding: 3.6em 0;}
.banner-mask h2 { color: #FFF; font-size: 30px; margin: 0 0 10px 0; text-shadow: 2px 2px 5px rgba(0,0,0,.7); }
.banner-mask p { color: rgba(255,255,255,.9); font-size: 16px; margin: 0; text-shadow: 2px 2px 5px rgba(0,0,0,.7); }
@media (max-width:767px) {
 .banner-mask {padding: 2.6em 0;}
 .mask-contact {padding: 17em 0;}
 .banner-mask h2 {font-size: 20px;}
 .banner-mask p {font-size: 12px;}
}
.menu { background-color: #fff; border-bottom: 1px solid #e5e5e5; text-align: center; }
.menu ul { margin: 0;}
.menu ul li { padding: 25px 0 22px 0; margin: 0; border-left: 1px solid #e5e5e5;}
.menu ul li.hover, .menu ul li:hover { background-color: #f2f2f2;}
.menu ul li.hover a { color: #003399; }
.menu ul li:first-child { border-left: 0; }
.crumbs { background-color: #fff; border-bottom: 1px solid #e5e5e5; }
.breadcrumb, .subnav { margin-bottom: 0; padding: 19px 0 16px 0;}
.subnav li { padding-right: 0; }
.subnav>li+li:before { padding: 0 7px 0 0; color: #ddd; content: "|\00a0" }
.subnav li a.hover { color: #003399;}
.subnav li a.hover:hover { color: #003399; }
/*位置导航*/
.breadcrumb { list-style: none; background-color: #fff; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; }
.breadcrumb>li { display: inline-block; color: #999;}
.breadcrumb>li+li:before { padding: 0 5px; color: #ddd; content: "/\00a0";}
/*内容页面*/
.content { padding: 45px 0 50px;}
.content img{max-width:100%;}
.content .h-h2{font-weight: 200;}
@media (max-width:767px) {
.content { padding: 30px 0;}
}
.content ol li p, .content ul li p { margin: 0;}
.content h2 { font-size: 24px;}
.content h3 { font-size: 18px;}
.content h4 { font-size: 16px;}
.content h5 { font-size: 14px;}
.content h6 { font-size: 12px;}
/*联系页面*/
.contact p { font-size:16px; }
.contact span { font-size:30px; color: #003399; }
.contact .address { padding: 45px 50px; }
.contact .address:hover { background-color: #f2f2f2;}
.contact .address>h3 { margin: 0 0 8px; }
.contact .address>span {
 display: inline-block;
 float: left;
 margin-right: 30px;
 width: 90px;
 height: 90px;
 border-radius: 50%;
 -webkit-border-radius: 50%;
 -moz-border-radius: 50%;
 -ms-border-radius: 50%;
 background-color: #ccc;
 font-size: 40px;
 line-height: 90px;
 color: #fff;
 text-align: center
}
.contact .address:hover>span {
 background-color: #003399;
}
.contact .address:hover a {
 color: #003399
}
@media (max-width:767px) {
.contact .address {
 padding: 30px 5px;
}
.contact .address>span {
    width: 50px;
 height: 50px;
 font-size: 30px;
 line-height: 50px;
 margin-right: 15px;
}
.contact .embed-responsive-16by9 {
    padding-bottom: 280%;
}
}
/*宽屏上下篇导航组件*/
.navigation{
    padding: 27px 0;
    border-top: 1px solid #eaeaea;
}
.navigation li{line-height:26px;color:#303133;text-transform:uppercase;}
.navigation .page-prev a:before{padding:0 5px;content:"Prev"}
.navigation .page-next a:after{padding:0 5px;content:"Next"}
.navigation li a:hover{text-decoration: none;}
.navigation li span{color:#777;}
/*翻页组件*/
.list-page {margin:10px 0;width:100%;display:block;overflow:hidden}
.list-page b,.list-page a {padding:1em;margin:0 5px}
.list-page b,.list-page a:hover {background: #003399;border-color: #003399;color: #fff;}
.list-page a b {margin: 0;border: 0;padding: 0;background: none;color: #333333;}
@media (max-width:767px) {
.list-page {margin-bottom:1em}
.list-page b,.list-page a {padding:2% 0;display:block;float:left;border:1px dotted #ccc;margin:1%;width:23%;text-align:center}
}
.list-page a b:hover {color:#fff;}
/*新闻列表*/
.news-list figure a {
 display: block;
 position: relative
}
.news-list a .new-pic {
 width: 78px;
 height: 80px;
 display: block;
 position: absolute;
 left: 0;
 top: 0;
 background-image: url(../images/new.png);
 background-repeat: no-repeat;
 background-position: 0 0;
 z-index: 2
}
.news-list .row {
 margin-bottom: 50px
}
.news-list time {
 display: block;
 font-size: 16px;
 color: #ccc;
 margin: 0;
 padding: 0
}
.news-list h3 {
 margin: 5px 0 10px;
 white-space: nowrap;
 text-overflow: ellipsis;
 overflow: hidden
}
.news-list h3 a {
 color: #000
}
.news-list h3 a:hover {
 color: #003399
}
.news-list p {
 margin: 0;
}
@media (max-width:767px) {
.news-list .row {
 margin-bottom: 20px;
}
.news-list img{width:100%;}
.news-list figure a {
 text-align: center;
}
.news-list .row:nth-of-type(n+2):before {
 border-bottom: 1px solid #ddd;
 width: 100%;
 padding-top: 10px;
 margin-bottom:20px;
}
}
.partner .thumbnail{border:0;box-shadow: 0 5px 15px rgba(0,0,0,0.1);}
.partner .thumbnail:hover{box-shadow: 0 5px 15px rgba(0, 51, 153, 0.5);}
/*应用列表*/
.info {
 color: #999;
 padding: 0 0 15px 0;
 margin: 0 0 38px 0;
 border-bottom: 1px solid #ddd
}
.info small {
 height: 14px;
 padding-left: 20px;
 margin-right: 12px;
 background-image: url(../images/ny-ico.png);
 background-repeat: no-repeat;
 background-position: left -2px
}
.info small.hits {
 background-position: left -20px
}
.info small.tags {
 background-position: left -38px
}
/*导航栏style*/
.box-position a {
 text-decoration: none
}
.box-position a:active, .box-position a:focus, .box-position a:hover {
 text-decoration: none
}
.box-position {
 background: #f6f6f6;
 border-bottom: none
}
.box-position .breadcrumb {
 padding: 15px 10px;
 background-color: #f6f6f6;
}
.breadcrumb li .glyphicon:before {
 margin-right: 10px;
}
/*产品内容页 样式一*/
.pageproduct .h-h2{font-weight:200;}
.text-left .h-h2:after{margin:20px 0}
.pageproduct-details .pro-desc{margin-top:54px;}
.sample-pic{padding:15px;}
.sample-pic img{box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.05);}
.pageproduct img{max-width:100%;}
@media (max-width:992px) {
.pageproduct-details .pro-desc{margin-top:30px;}
}
@media (max-width:767px) {
.pageproduct-details .pro-desc{margin-top:15px;}
.table-striped>tbody>tr:nth-of-type(odd){background-color:transparent;}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{border-top:1px solid #eee;}
}
/*产品内容页 样式二*/
.showproduct { background: #f6f6f6}
.showproduct-head { background: #fff; padding: 30px 0 }
.showproduct-head .product-intro h1 { font-size: 24px }
.showproduct-head .product-intro p.description { line-height: 1.8; margin-bottom: 25px }
.showproduct-head .product-intro .para { border-top: 1px solid #f0f2f5; border-bottom: 1px solid #f0f2f5 }
.showproduct-body { padding: 30px 0 0 }
.editorlightgallery { line-height: 2em; min-height: 300px }
.editorlightgallery p{ line-height: 2.5em }
.editorlightgallery img {max-width:100% }
.editorlightgallery .table>tbody>tr>td{ vertical-align:middle }
.editorlightgallery .table>tbody>tr>td p{ padding: 0 10px; margin: 0 }
.editorlightgallery .table>tbody>tr>td:first-child{ white-space: nowrap }
.editorlightgallery .well { background-color: #FFF; clear: both }
.editorlightgallery .well .m-sm { line-height: 1em }
.editorlightgallery .lead { font-size: 16px; line-height: 2em; text-indent: 2em; padding: 5px 0 }
@media (min-width: 1200px) {
.editorlightgallery .featurette-heading { margin-top: 80px; }
}
.hotlist .h-h2{font-size:24px; font-weight:200;}
.hotlist-title {font-size: 16px;}
@media (max-width:992px) {
.hotlist-title {
 font-size: 16px;
 line-height: 2em;
 white-space: nowrap;
 text-overflow: ellipsis;
 overflow: hidden;
 position: relative;
 padding: 0;
 margin: 0
}
}
/*产品-视频列表*/
.list-video a{ position:relative;display:block;}
.list-video .hover-video{position:absolute;width:60px;height:60px;top:50%;left:50%;margin-left:-30px;margin-top:-30px;display:block;font-size:25px;line-height:60px;padding-left:1px;color: #fff;background-color:rgba(0, 0, 0, 0.5);}
.list-video:hover .hover-video{background-color:rgba(0, 0, 0, 0.8);color:#ddd;}
.list-video .video-title{margin:10px 0 20px;}
@media (max-width:992px) {
.list-video .video-title {
 font-size: 16px;
 white-space: nowrap;
 text-overflow: ellipsis;
 overflow: hidden;
 position: relative;
 padding: 0;
 margin: 10px 0 20px;
}
}
@media (max-width:488px) {
.list-video:nth-of-type(odd){padding-right:4px }
.list-video:nth-of-type(even){padding-left:4px }
.list-video .hover-video{width:36px;height:36px;margin-left:-18px;margin-top:-18px;font-size:18px;line-height:36px }
.list-video .video-title {font-size: 14px }
}
.showproduct-body .affix{top:90px;left:0px;right:0px;margin:auto;z-index: 999 }
.nav-tabs>li>a {font-size: 14px; padding: 10px }
.nav-tabs>li>a:hover { color: #333; background-color: transparent; border-color: transparent; border-bottom: 2px solid #003399 }
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { background-color: #003399; border-color: transparent; border-bottom: 2px solid #003399; color: #fff; cursor:pointer }
.showproduct-head .carousel-inner>.item img { max-width: 100%; margin: 0 auto}
.showproduct-head .carousel-control.left, .showproduct-head .carousel-control.right { background-image: none}
.showproduct-head .carousel-indicators li { width: auto; height: auto; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border: 0 }
.showproduct-head .carousel-indicators li img { opacity: 0.95; width:64px }
.showproduct-head .carousel-indicators li.active img { border: 2px solid #003399; opacity: 1 }
.showproduct-head .carousel-indicators li:hover img { opacity: 1 }
.showproduct-head .carousel-indicators { top: 102%; width: 90%; margin-left: -45% }
.showproduct-body ul.nav-tabs { margin-bottom: 30px; background-color: rgba(255, 255, 255, 0.9); border-radius: 4px 4px 0 0 }
.tel a{color: #FF6600;}
.red { color: #D8213B }
.green { color: #089500}
.white { color: #FFF}
.greyish-white {color: #ccc}
.white-bg{background-color: #F7F7F7}
.gray-bg{background-color: #FAFAFA}
.light-grey-bg{background-image: url(../images/details-light-grey-bg.svg); background-position: center center;background-repeat: no-repeat;background-size: cover}
.black-bg{background-image: url(../images/details-black-bg.svg); background-position: center center;background-repeat: no-repeat;background-size: cover}