/* ===============
 * 重新定义Html元素
 * =============== */
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input { padding: 0; margin: 0;}
h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, strong, table, th, td { font-size: 1em; font-style: normal; font-weight: normal;}
strong { font-weight: bold;}
ul, ol { list-style: none outside none;}
fieldset, img { border: medium none;}
caption, th {  text-align: left;}
table { border-collapse: collapse; border-spacing: 0;}
body{font-size:14px; color: #19344f; background: #FFF none repeat scroll 0 0; overflow-x: hidden;}
input, select, textarea { font: 14px/20px Helvetica, Arial, sans-serif,"microsoft yahei";}
i, cite, em { font-style: normal;}
input,button,select,textarea{ outline:none}
html,body{width: 100%;height: 100%;font-family:Tahoma,Arial,"microsoft yahei";}

 /* 基本设置与蓝色主题 */
 :root {
    --primary-blue: #023894;
    --light-blue: #4d77c7;
    --accent-blue: #315abb;
    --dark-blue: #0d2561;
    --text-light: #fff;
    --text-gray: #f0f0f0;
    --section-bg: #f8f9ff;
    --timeline-color: #2c6fd8;
}
.lxwm a:Hover .content img
{transform:scale(1.10);-webkit-transform:scale(1.10);-moz-transform:scale(1.10);-o-transform:scale(1.10);-ms-transform:scale(1.10)}
.lxwm li:Hover .p img,.footer-info p:hover img
{transform: rotateY(360deg);-ms-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-webkit-transform: rotateY(360deg);-o-transform: rotateY(360deg);transition-duration:1.0s;-ms-transition-duration:1.0s;-moz-transition-duration:1.0s; -webkit-transition-duration:1.0s;}
/* 链接 */
a { color: #666; text-decoration: none; outline: medium none; -webkit-transition-property:color; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease;}
a:link, a:visited, a:active, a:focus { text-decoration: none;outline: none;}
.color_b{color: #023894;}
.color_c{color: #cccccc;}
.color_3{color: #333333;}
.color_6{color: #666666;}
.color_9{color: #999999 !important;}
.color_nq{ color:#dac7c9;}
.color_lr{ color:#a8cbda;}
.red{color: red;}
.pc {
    display: block
}

.mb {
    display: none
}
.top0 {top: 0;}
/*文字排版
******************************/
.f12 { font-size:12px;}
.f14 { font-size:14px;}
.f16 { font-size:16px;}
.f18 { font-size:18px;}
.f20 { font-size:20px;}
.f24 { font-size:24px;}
.f30 { font-size:30px;}
.f34 { font-size:34px;}
.f36 { font-size:36px;}
.f40 { font-size:40px;}
.f46 { font-size:46px;}
.f50 { font-size:50px;}
.fb { font-weight:bold;}
.fb4 { font-weight:500;}
.fn { font-weight:normal;}
.t2 { text-indent:2em;}
.lh120 { line-height:120%}
.lh150 { line-height:150%}
.lh180 { line-height:180%}
.lh200 { line-height:200%}
.unl { text-decoration:underline !important;}
.no_unl { text-decoration:none;}
.noborder { border-style:none!important; border-width: 0!important ;}
.qzen{ text-transform: uppercase;}
/*定位
******************************/
.tl { text-align:left !important;}
.tc { text-align:center !important; }
.tr { text-align:right !important;}
.bc { margin-right:auto ;margin-left:auto;display: block;}
.fl { float:left; display:inline;}
.fr { float:right !important; display:inline;}
.cb { clear:both;}
.cl { clear:left;}
.cr { clear:right;}
.vm { vertical-align: middle;}
.vt { vertical-align: top;}
.pr { position:relative;}
.pa { position:absolute;}
.abs-right { position:absolute; right:0;}
.zoom { zoom:1}
/*.hidden { visibility:hidden;}*/
.none{display:none;}
.d_block{display:block;}
.clear{clear:both;height:0;font-size:0;line-height:0;}

.w{width:100%;}
.h{height:100%}


/*边距
******************************/
.m0 { margin: 0!important; }
.m10 { margin:10px;}
.m15 { margin:15px !important;}
.m30 { margin:30px;}
.m50 { margin:50px;}
.mt5 { margin-top:5px;}
.mt10 { margin-top:10px !important;}
.mt15 { margin-top:15px;}
.mt20 { margin-top:20px !important;}
.mt25 { margin-top:25px !important;}
.mt30 { margin-top:30px !important;}
.mt35 { margin-top:35px !important;}
.mt40 { margin-top:40px !important;}
.mt50 { margin-top:50px !important;}
.mt60 { margin-top:60px !important;}
.mt100 { margin-top:80px;}
.mb5 { margin-bottom:5px !important;}
.mb10 { margin-bottom:10px !important;}
.mb15 { margin-bottom:15px;}
.mb20 { margin-bottom:20px;}
.mb30 { margin-bottom:30px !important;}
.mb40 { margin-bottom:40px;}
.mb50 { margin-bottom:50px;}
.mb60 { margin-bottom:60px;}
.mb100 { margin-bottom:100px;}
.ml5 { margin-left:5px!important;}
.ml10 { margin-left:10px!important;}
.ml15 { margin-left:15px;}
.ml20 { margin-left:20px;}
.ml30 { margin-left:30px;}
.ml50 { margin-left:50px;}
.ml100 { margin-left:100px !important;}
.ml200 { margin-left:200px !important;}
.mr5 { margin-right:5px !important;}
.mr10 { margin-right:10px !important;}
.mr15 { margin-right:15px !important;}
.mr20 { margin-right:20px;}
.mr30 { margin-right:30px !important;}
.mr50 { margin-right:50px !important;}
.mr100 { margin-right:100px;}

/*边距
******************************/
.p10 { padding:10px;}
.p15 { padding:15px;}
.p30 { padding:30px;}
.pt5 { padding-top:5px;}
.pt10 { padding-top:10px;}
.pt15 { padding-top:15px;}
.pt20 { padding-top:20px;}
.pt30 { padding-top:30px;}
.pt50 { padding-top:50px;}
.pt100 { padding-top:100px;}
.pb5 { padding-bottom:5px;}
.pb10 { padding-bottom:10px;}
.pb15 { padding-bottom:15px;}
.pb20 { padding-bottom:20px !important;}
.pb30 { padding-bottom:30px;}
.pb50 { padding-bottom:50px;}
.pb100 { padding-bottom:100px;}
.pl0 { padding-left:0 !important;}
.pl5 { padding-left:5px;}
.pl10 { padding-left:10px;}
.pl15 { padding-left:15px;}
.pl20 { padding-left:20px !important;}
.pl25 { padding-left:25px;}
.pl30 { padding-left:30px !important;}
.pl50 { padding-left:50px;}
.pl100 { padding-left:100px;}
.pr5 { padding-right:5px;}
.pr10 { padding-right:10px;}
.pr15 { padding-right:15px;}
.pr20 { padding-right:20px;}
.pr30 { padding-right:30px;}
.pr50 { padding-right:50px;}
.pr100 { padding-right:100px;}

.scale_103 {
    cursor: pointer;
    transition: transform 0.3s ease;
}
.scale_103:hover {
    transform: scale(1.03);
}
.scale_220 {
    cursor: pointer;
    transition: transform 0.3s ease;
}
.scale_220:hover {
    transform: scale(1.05);
}
/*上移效果
******************************/
.border_none{
    border:0 !important;
}
.border_bottom{
    border-bottom: 1px solid #eef1f4 !important;
}
.border_bottom_dashed{
    border-bottom: 1px dashed #e8ebee !important;
}
.border_right{
    border-right: 1px solid #eef1f4 !important;
}
.transition{
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}
.rd50{
    -moz-border-radius: 50%;
    -khtml-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius:50%;
}


.text-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/*按钮特效
******************************/

.btn,.btn:focus,.btn:active{
    outline: none;
     border:2px solid #cccccc;
    color: #666666;
    font-family: "Microsoft YaHei";
    border-radius: 0;
background:transparent;
}
.btn:hover{color: #fff;  background:#023894; border:2px solid #023894;}
.btn_130{
    width: 130px;
	    font-size:16px;
}
.btn_220{
    width: 220px; font-size:24px;
}
.btn2_220{
    width: 220px;
    font-size:24px;
    display: block;
    text-align: center;
    padding: 6px;
}
.btn2{
outline: none;
    border:2px solid #cccccc;
    color: #666666;
    font-family: "Microsoft YaHei";
    border-radius: 0;
background:transparent;
}
.btn2:focus,.btn2:active{
    outline: none;
    border:2px solid #023894;
    color: #fff;
    font-family: "Microsoft YaHei";
   background:#023894;
}
.btn2:hover{color: #fff; background: var(--primary-blue); outline: none;
  border:2px solid var(--primary-blue);}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
/*动画效果
******************************/
@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;

}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}


@keyframes fadeInUps {
    0% {
        opacity: 0;
        transform: translateY(80px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.fadeInUps {
    animation-name: fadeInUps;
}

@keyframes fadeInLefts {
    0% {
        opacity: 0;
        transform: translateX(-20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.fadeInLefts {
    animation-name: fadeInLefts;
    animation-timing-function: cubic-bezier(.29,.64,1,.99)
}


@-webkit-keyframes gfadeIn{
    0%{opacity:0;}
    100%{opacity:1;}
}
@-moz-keyframes gfadeIn{
    0%{opacity:0;}
    100%{opacity:1;}
}
@keyframes gfadeIn{
    0%{opacity:0;}
    100%{opacity:1;}
}


@-webkit-keyframes gfadeOut{
    0%{opacity:1;}
    100%{opacity:0;}
}
@-moz-keyframes gfadeOut{
    0%{opacity:1;}
    100%{opacity:0;}
}
@keyframes gfadeOut{
    0%{opacity:1;}
    100%{opacity:0;}
}