@charset "utf-8";
/* CSS Document */
body {
    font-family: "Open Sans", Montserrat, Roboto, Arial, Verdana, Helvetica, 'Microsoft Yahei', Lato, sans-serif;
    font-size: 14px;
    color: #333;
    font-weight:400;
    line-height: 1.8;
    background-color: #f5f5f5;
}
body,div,dl,dd,dt,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,ul{margin: 0;padding: 0;}
*, ::after, ::before {
    box-sizing: border-box;
}
h1,h2,h3,h4,h5,h6{line-height: 1.5;}
ul,li{list-style: none;}
a{color: #333;text-decoration: none;cursor: pointer;}
a:hover{text-decoration: underline;color: #134a91;}
.clear{clear: both;}
.clearfix:after{
     content:".";        
     display:block;        
     height:0;        
     clear:both;        
     visibility:hidden;    
}
.m10{margin:10px;}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.pd10{padding:10px;}
.pt10{padding-top: 10px;}
.pb10{padding-bottom: 10px;}
.ptb10{padding: 10px 0;}
.pt20{padding-top: 20px}
.pb20{padding-bottom: 20px;}
.plr5{padding-left:5px;padding-right:5px;}
.plr10{padding-left:10px;padding-right:10px;}
.bg-white{background-color: #fff;}
.bg-grey{background-color: #f6f6f6;}
.box-rline{box-shadow: 5px 4px 4px 0 rgba(0,0,0,.1);-moz-box-shadow:5px 4px 4px 0 rgba(0,0,0,.1);-webkit-border-shadow:5px 4px 4px 0 rgba(0,0,0,.1);}
.box-allline{box-shadow: 0 5px 5px 5px rgba(0,0,0,.1);-moz-box-shadow: 0 5px 5px 5px rgba(0,0,0,.1);-webkit-border-shadow: 0 5px 5px 5px rgba(0,0,0,.1);}
.box-imgline{box-shadow: 0 2px 5px 1px rgba(0,0,0,.1);-moz-box-shadow: 0 2px 5px 1px rgba(0,0,0,.1);-webkit-border-shadow: 0 2px 5px 1px rgba(0,0,0,.1);}
.box-bline{box-shadow: 0 5px 2px rgba(0,0,0,.1);-moz-box-shadow: 0 5px 2px rgba(0,0,0,.1);-webkit-border-shadow: 0 5px 2px rgba(0,0,0,.1);}
.zoomImage {
    width: 100%;
    height: 0;
    padding-bottom: 62%;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}
.header-mt{margin-top: 48px;}

/*top css*/
.logo-wh img{max-height: 60px;}
.top-banner a{margin:auto 10px;}
.page-header{border: 0;margin: 0;padding:0;background-color: #fff;}
.navbar-default{background: none;border: none;}
.navbar{margin-bottom: 0;}
.navbar-collapse{
z-index: 999;
position: absolute;
background-color:#fff;
right: 0;
}
.page-header .navbar-header{
position: relative;
width: 100%;
}
.navbar-default .navbar-nav > li > a:hover{color: #d9d73b;}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover{color: #6944f2;border-bottom: 2px solid #f7c51e;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
color: #f4eaea;
background-color: #20559d;
}

.top-left{left: 168px;}
.top-right{top:0;right: 0;position: absolute;}
.hotphone{
font-size: 20px;
color: #e63232;
background: url(/style/images/hotphone.png) no-repeat left center;
padding-left: 47px;
z-index: 9999;
padding-top: 10px;
padding-bottom: 10px;
font-weight: 550;
}
.nav-bg{width: 100%;background-color: #163a6b;}
.navbar-nav > li{
position: relative;
border-right: 1px solid #cac3c3;
}
.navbar-default .navbar-nav > li > a{color: #fff;padding: 10px 30px;text-transform: uppercase;}
.navbar-default .navbar-nav > li > a:first-child:nth-last-child(2)::before {
    content: "";
    position: absolute;
    border: 4px solid transparent;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-bottom-style: solid;
    border-bottom-width: 4px;
    border-bottom: 0;
    border-top-color: currentColor;
    top: 50%;
    margin-top: -2px;
    right: 10px;
}
.navbar-default .navbar-nav > li:last-child {
  border: 0;
}
.navbar-nav > li > .dropdown-menu {
min-width: 100%;
position: absolute;
top: 100%;
left: -2px;
z-index: 1;
opacity: 0;
visibility: hidden;
margin: 20px 0 0 0;
background-color: #20559d;
transition: margin .15s, opacity .15s;

}
.navbar-nav > li:hover >.dropdown-menu{
	opacity: 1;
    visibility: visible;
    display: block;
    margin: 0;
}
.navbar-default .navbar-nav .dropdown-menu > li > a{
    width: 100%;
    padding: 10px;
    border-color: #fff;
    position: relative;
    color: #fff;
}
.navbar-default .navbar-nav  .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .dropdown-menu > li > a:hover {
    background-color: #3f80d8;
    border-color: #3f80d8;
    color: #fff;
    opacity: 1;
    visibility: visible;
    margin: 0;
}
/*.navbar-nav > li:hover > ul {
    opacity: 1;
    visibility: visible;
    margin: 0;
}*/
.dropdown-menu > li:first-child > a::after {
    content: '';
    position: absolute;
    height: 0;
    width: 0;
    left: 1em;
    top: -6px;
    border: 6px solid transparent;
        border-top-color: transparent;
        border-top-style: solid;
        border-top-width: 6px;
        border-bottom-color: transparent;
    border-top: 0;
    border-bottom-color: inherit;
}
.navbar-default .navbar-toggle {
    border-color: #166686;
    position: absolute;
    top: 0;
    right: 0;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #20559d;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #ddd;
}
.no-padding{padding-top: 38px;}
.section-pad {
    padding: 20px 0;
}
.section-header, .section-header-alt {
    margin-bottom: 20px;
    text-align: center;
    overflow: hidden;
	font-size: 18px;
	font-weight: 400;
}

.tl-txt{
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333;
    padding:10px 0;
    text-align: center;
}
.tl-txt1{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333;
    padding:10px 0;
}

.title-color{color: #6944f2;}

/*index css*/
.zh-title{font-size: 36px;}
.en-title{font-size: 14px;}
.img-wh img:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.goodness .hi-icon{
font-size: 44px;
text-align: center;
position: relative;
z-index: 1;
color: #378DB7;
margin: auto;
margin-top: auto;
margin-bottom: auto;
display: table;
margin-top: 15px;
margin-bottom: 5px;
width: 85px;
height: 85px;
line-height: 85px;
border-radius: 50%;
-webkit-transition: all 0.25s linear;
-moz-transition: all 0.25s linear;
-ms-transition: all 0.25s linear;
-o-transition: all 0.25s linear;
transition: all 0.25s linear;
}
.goodness .gdness-ico:hover .hi-icon{
color: #fff;
background: #378DB7;
-webkit-transition: all 0.25s linear;
-moz-transition: all 0.25s linear;
-ms-transition: all 0.25s linear;
-o-transition: all 0.25s linear;
transition: all 0.25s linear;
}
.goodness .gdness-title{
font-weight: bold;
overflow-x: hidden;
text-overflow: ellipsis;
white-space: nowrap;
line-height: 1.4;
text-align: center;
font-size: 18px;
}
.goodness .gdness-title::after {
content: "";
width: 50px;
position: relative;
border-bottom: 1px solid #ddd;
display: block;
text-align: center;
margin: auto;
    margin-top: auto;
margin-top: 10px;
}
.goodness .gdness-txt{
font-weight: 300;
margin-top: 15px;
line-height: 1.8;
}
/*search css*/
.header-slogan{position: absolute;top: 0;left: 188px;font-size: 16px;width: 250px;color: #163a6b;}
#search-box {
    position: absolute;
    width: 195px;
    opacity: 1;
    z-index: 75;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    top: 8px;
    right: 238px;
}
.form-search::after {
    position: absolute;
    top: 0;
    right: 0;
    width: 38px;
    height: 36px;
    background-color: #20559d;
    line-height: 36px;
    text-align: center;
    font-family: 'FontAwesome';
    color: #FFF;
    content: '\f002';
}
.form-search input[type="text"] {
    border:1px #20559d solid;
    padding: 5px 10px;
    padding-right: 10px;
color: #696969;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
height: 36px;
}
.form-search input[type="submit"] {
    position: absolute;
    top: 0;
    right: 0;
    width: 38px;
    height: 36px;
    opacity: 0;
    padding: 0;
    overflow: hidden;
    z-index: 15;
}
/*about css*/
.about-bg{
width: 100%;
background: url(../images/about-bj.jpg) no-repeat;
padding-top: 10px;    
}
.about-by{
    position: relative;
    margin-bottom: 38px;
padding-bottom: 38px;
}
.about-img{
width: 42%;
padding-left: 20px;
position: absolute;
top: -20px;
display: block;
}
.about-desc{
font-size: 14px;
color: #666;
line-height: 28px;
padding: 13px 0 20px;
margin-left: 45%;
height: 230px;
overflow: hidden;
text-overflow: ellipsis;
}
.btn-more{
    border: 1px solid;
color: #02328d;
display: block;
width: 110px;
text-align: center;
-webkit-transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms;
transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms;
height: 30px;
line-height: 30px;
margin-left: 45%;
margin-top: 10px;
}

/*youlian css*/
.youlian{background-color: #5e7dcd;color: #fff;}
.youlian li{float: left;margin:5px;}
.youlian li a{color: #fff;}

/*footer css*/
.footer-div{background-color: #333;color: #fff;}
.footer-div input, .footer-div textarea {
border-bottom: 1px solid #dbdbdb;
border-top: 0;
border-left: 0;
border-right: 0;
background-color:#333;
color:#fff;
width: 100%;
line-height: 2.5;
margin-bottom:5px;
}
.footer-div .btn-default {
    width: 100px;
    background-color: #686d9c;
    color: #fff;
}
.footer-div .btn-default:hover {
    background-color:#ea6322;
}
.footer-div a{color: #fff;}
.site-info {
    color: #fff;
	background-color: #000;
    font-weight: 300;
    padding-top: 15px;
    overflow: auto;
    font-size: 12px;
    width: 100%;
    text-align: center;
}
.footer{display: none;}
/*product css*/
.n-content table{width: 100%!important;}
.n-content table,th, td {border: 1px solid #ccc; padding:.5em 1em;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.n-content table,.download table{table-layout: fixed;word-wrap:break-word;border-collapse:collapse;border-spacing:0; }
.n-content table thead th{background-color: #e1e1e1;text-align: center;}
.n-content table tr:nth-child(2n) {
    background-color: #fff;
}
.n-content table tr:nth-child(2n+1) {
    background-color: #e8e7e7;
}
.n-content td{white-space: nowrap;}
.n-content div {
word-wrap:break-word;
}
.tab-content .art-content {
-mso-spacerun: 'yes';
font-family: 微软雅黑;
-mso-bidi-font-family: 'Times New Roman';
color: rgb(0,0,255);
font-size: 10.5000pt;
-mso-font-kerning: 1.0000pt;
}
.tab-content .n-content {color: rgb(0,0,255);}
/*article css*/
.art-all li{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.art-title h1 {font-size: 1.5em;}
.art-content{margin:20px 0;}
.art-content img,.n-content img{max-width: 100%;margin: 0 auto;text-align: center;display: block;}
.art-all .xgwz{margin:10px 5px;box-shadow: 1px 3px 1px #ccc;border-top: 1px dashed #ccc;}
.art-all .xgwz h4{padding:5px 0;}
.art-content p,.art-content div{/*text-indent: 2em;*/margin-bottom: 10px;line-height: 32px;}
.proshow-tab {
    margin-top: 12px;
    padding-bottom: 0;
}
.proshow-tab .nav-tabs li:after {
    display: none;
}
.proshow-tab .nav-tabs .active a {
    color: #D4171E !important;
    text-decoration: none;
}
.proshow-tab .nav-tabs a {
    color: #333 !important;
}
.proshow-tab .tab-content {
    padding-top: 25px;
    width: 100%;
    float: left;
    margin: 0;
}
.proshow-tab .tab-pane {
    margin-top: 0;
}

.art-content table{width: 100%!important;}
.art-content table thead th{background-color: #e1e1e1;text-align: center;}
.aside-title{margin: 5px 0;}
.aside-title::before {
    display: inline-block;
    margin-right: 8px;
    content: '';
    width: 4px;
    height: 22px;
    vertical-align: -6px;
    background-color: #134a91;
}
.page-list{
    margin: 10px auto;
    overflow: hidden;
    clear: both;
    text-align: center;
}
.page-list ul{
margin-left: 10px;
}
.page-list ul li{
display: inline;
padding: 5px;
}
.page-list .thisclass{
    color: #fff;
    background-color: #ff0000;
}

/*download css*/
.art-content .download table thead th{
    font-size: 14px;
    color: #fff;
    font-weight: normal;
    border-right: 1px solid #fff;
    background-color: #134a91;
}
.art-content .download table,th, td {border: 1px solid #ccc; padding:.5em 1em;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}


/*left css*/
.pd-r0{padding-right: 0;}
.left-div .left-title{text-align: center;margin: 10px 0;}
.left-div .left-title h4{font-weight: 600;}
.left-div .left-list{border-top: 1px solid #ccc;}
.left-div .left-list li{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 2;/*border-top: 1px dashed #d3dae0;*/}

/*浮动*/
.help-box {
    position: fixed;
    right: 20px;
    bottom: 220px;
    background-color: #f00;
    width: 55px;
    background-color: #555;
}
.help-box ul li {
    position: relative;
}
.help-box ul li a.link {
    display: block;
    width: 100%;
    padding: 10px 0;
    text-align: center;
    color: #fff;
    font-size: 150%;
    border-bottom: 1px solid #fff;
}
.help-box ul li a.link:hover {
    background-color: #e45151;
}
.help-box ul li a.link.last{border-bottom:none;background-color:#009ee5;}
.help-box ul li a.link.last:hover{background-color:#0471d8;}
.help-box ul li .dialog {
    position: absolute;
    top: 50%;
    margin-top: -27px;
    right: 80px;
    padding: 10px 20px;
    border: 1px solid #e3e3e3;
    background-color: #fff;
    padding: 15px;
    font-size: 14px;
    color: #666;
    white-space: nowrap;
    text-align: center;
    line-height: 2em;
}
.help-box ul li .dialog .arrow{position:absolute;right:-8px;top:20px;width:8px;height:13px;background:url(/style/images/dialog_arrow.png) no-repeat 50% 50%}
.help-box .qrcode img{width: 200px;}

@media screen and (min-width:992px){
   .img-wh img{min-height: 222.883px;max-height: 223.233px;} 
    
}
@media screen and (max-width: 1199px){
    .top-left{left: 98px;}
}
@media screen and (max-width: 997px){
.top-left{left: auto;right: -38px;}
.navbar-default .navbar-nav > li > a{padding: 10px 20px;}
#search-box{display: none;}
.about-desc{
    height: 118px;
}
.gdness-txt{height: 68px;}
}
@media screen and (max-width: 767px){
.no-padding{padding-top: 0;}
.header-mt{margin-top: 5px;}
.top-left{right: 0;}
.top-right{right: 68px;}
.help-box,.header-slogan,.hotphone{display: none;}
.footer{display: block;}

}
@media screen and (max-width: 377px){
   .about-img{display: none;width: 0%;}
   .about-desc{margin-left: 10px;height: 208px;}
   .btn-more{margin-left: 68px;}

}