@charset "utf-8";

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
div,
dl,
dt,
dd,
ul,
ol,
li,
p,
blockquote,
pre,
hr,
figure,
table,
caption,
th,
td,
form,
fieldset,
legend,
input,
button,
textarea,
menu {
    margin: 0;
    padding: 0
}

header,
footer,
section,
article,
aside,
nav,
hgroup,
address,
figure,
figcaption,
menu,
details {
    display: block
}

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

caption,
th {
    text-align: left;
    font-weight: normal
}

html,
body,
fieldset,
img,
iframe,
abbr {
    border: 0
}

i,
cite,
em,
var,
address,
dfn {
    font-style: normal
}

[hidefocus],
summary {
    outline: 0
}

li {
    list-style: none
}

h1,
h2,
h3,
h4,
h5,
h6,
small {
    font-size: 100%
}

sup,
sub {
    font-size: 83%
}

pre,
code,
kbd,
samp {
    font-family: inherit
}

q:before,
q:after {
    content: none
}

textarea {
    overflow: auto;
    resize: none
}

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

textarea {
    -webkit-appearance: none
}

label,
summary {
    cursor: default
}

a,
button {
    cursor: pointer
}

h1,
h2,
h3,
h4,
h5,
h6,
em,
strong,
b {
    font-weight: bold
}

del,
ins,
u,
s,
a,
a:hover {
    text-decoration: none
}

/*img {
    vertical-align: middle;
    max-width: 100%
}*/

body,
textarea,
input,
button,
select,
keygen,
legend {
    color: #333;
    outline: 0;
    font-size: 16px;
    font-family: "微软雅黑","Microsoft YaHei","PingFang SC", "Hiragino Sans GB",  "Arial", "sans-serif"
}

html,
body {
    width: 100%;
    height: 100%;
    -webkit-font-smoothing: antialiased
}

body {
    font-size: 16px;
    line-height: 1.5;
    min-height: 100%
}

em {
    font-weight: normal
}

a {
    color: #000;
    transition: all .3s
}

a.blue {
    color: #00306e;
    transition: all .3s
}

a:hover {
    color: #00306e
}

.f-cb:after,
.f-cbli li:after,
.clearfix:after {
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    overflow: hidden;
    content: "."
}

.f-cb,
.f-cbli li,
.clearfix {
    zoom: 1
}

.f-ib {
    display: inline-block;
    *display: inline;
    *zoom: 1
}

.f-dn {
    display: none
}

.f-db {
    display: block
}

.fl {
    float: left
}

.fr {
    float: right
}

.f-pr {
    position: relative
}

.f-prz {
    position: relative;
    zoom: 1
}

.f-oh {
    overflow: hidden
}

.f-ff0 {
    font-family: arial, \5b8b\4f53
}

.f-ff1 {
    font-family: "Microsoft YaHei", "\5fae\8f6f\96c5\9ed1", "arial", "\5b8b\4f53"
}

.f-fs1 {
    font-size: 12px
}

.f-fs2 {
    font-size: 14px
}

.f-fwn {
    font-weight: normal
}

.f-fwb {
    font-weight: bold
}

.f-tal {
    text-align: left
}

.f-tac {
    text-align: center
}

.f-tar {
    text-align: right
}

.f-taj {
    text-align: justify;
    text-justify: inter-ideograph
}

.f-vam,
.f-vama * {
    vertical-align: middle
}

.f-wsn {
    word-wrap: normal;
    white-space: nowrap
}

.f-pre {
    overflow: hidden;
    text-align: left;
    white-space: pre-wrap;
    word-wrap: break-word;
    word-break: break-all
}

.f-wwb {
    white-space: normal;
    word-wrap: break-word;
    word-break: break-all
}
.ellipsis{
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.f-ti {
    overflow: hidden;
    text-indent: -30000px
}

.f-ti2 {
    text-indent: 2em
}

.f-lhn {
    line-height: normal
}

.f-tdu,
.f-tdu:hover {
    text-decoration: underline
}

.f-tdn,
.f-tdn:hover {
    text-decoration: none
}

.f-toe {
    overflow: hidden;
    word-wrap: normal;
    white-space: nowrap;
    text-overflow: ellipsis
}

.f-csp {
    cursor: pointer
}

.f-csd {
    cursor: default
}

.f-csh {
    cursor: help
}

.f-csm {
    cursor: move
}

.f-usn {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.f12 {
    font-size: 12px
}

.f14 {
    font-size: 14px
}

.f16 {
    font-size: 16px
}

.f18 {
    font-size: 18px
}

.f20 {
    font-size: 20px
}

.f22 {
    font-size: 22px
}

.f24 {
    font-size: 24px
}

.f30 {
    font-size: 30px
}

.f36 {
    font-size: 36px
}

.f48 {
    font-size: 48px
}

.ln2 {
    line-height: 1.8
}

.white {
    color: #fff
}

.blue {
    color: #00306e
}

.c56 {
    color: #565656
}

.c98 {
    color: #989898
}

.cbd {
    color: #bdbdbd
}

.blue2 {
    color: #6eb9e9
}

.green {
    color: #1abc9c
}

.orange {
    color: #f49267
}

.mt5 {
    margin-top: 5px
}

.mt10 {
    margin-top: 10px
}

.mt15 {
    margin-top: 15px
}

.mt20 {
    margin-top: 20px
}

.mt25 {
    margin-top: 25px
}

.mt30 {
    margin-top: 30px
}

.mt40 {
    margin-top: 40px
}

.mt50 {
    margin-top: 50px
}

.mt80 {
    margin-top: 80px
}

.mb5 {
    margin-bottom: 5px
}

.mb10 {
    margin-bottom: 10px
}

.mb15 {
    margin-bottom: 15px
}

.mb20 {
    margin-bottom: 20px
}

.mb25 {
    margin-bottom: 25px
}

.mb30 {
    margin-bottom: 30px
}

.mb40 {
    margin-bottom: 40px
}

.mb50 {
    margin-bottom: 50px
}

.mr5 {
    margin-right: 5px
}

.mr10 {
    margin-right: 10px
}

.mr15 {
    margin-right: 15px
}

.mr20 {
    margin-right: 20px
}

.mr25 {
    margin-right: 25px
}

.mr30 {
    margin-right: 30px
}

.mr40 {
    margin-right: 40px
}

.mr50 {
    margin-right: 50px
}

.ml5 {
    margin-left: 5px
}

.ml10 {
    margin-left: 10px
}

.ml15 {
    margin-left: 15px
}

.ml20 {
    margin-left: 20px
}

.ml25 {
    margin-left: 25px
}

.ml30 {
    margin-left: 30px
}

.ml40 {
    margin-left: 40px
}

.ml50 {
    margin-left: 50px
}

.plr20 {
    padding-right: 20px;
    padding-left: 20px
}

.pt5 {
    padding-top: 5px
}

.pt10 {
    padding-top: 10px
}

.pt15 {
    padding-top: 15px
}

.pt20 {
    padding-top: 20px
}

.pt60 {
    padding-top: 60px
}

.pt80 {
    padding-top: 80px
}

.pdb60 {
    padding-top: 60px;
    padding-bottom: 60px
}

.pb5 {
    padding-bottom: 5px
}

.pb10 {
    padding-bottom: 10px
}

.pb15 {
    padding-bottom: 15px
}

.pb20 {
    padding-bottom: 20px
}

.pb30 {
    padding-bottom: 30px
}

.pd5 {
    padding: 5px
}

.pd10 {
    padding: 10px
}

.pd15 {
    padding: 15px
}

.pd20 {
    padding: 20px
}

.pd25 {
    padding: 25px
}

.pd30 {
    padding: 30px
}

.pd35 {
    padding: 35px
}

.pd40 {
    padding: 40px
}

.pd50 {
    padding: 50px
}

.pt30 {
    padding-top: 30px
}

.bb1 {
    border-bottom: 1px solid #edf0f2
}

.linear {
    background: #3498DB\9;
    background: -webkit-linear-gradient(left top, #1f90db, #08bd98);
    background: -o-linear-gradient(135deg, #1f90db, #08bd98);
    background: -moz-linear-gradient(left, #1f90db, #08bd98);
    background: -ms-linear-gradient(135deg, #1f90db, #08bd98);
    background: linear-gradient(135deg, #1f90db, #08bd98)
}

.bor4 {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.boxs {
    -webkit-box-shadow: 0 0 10px rgba(52, 152, 219, 0.1);
    -moz-box-shadow: 0 0 10px rgba(52, 152, 219, 0.1);
    box-shadow: 0 0 10px rgba(52, 152, 219, 0.1)
}

.container {
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
    position: relative
}

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

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-lg-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col-lg-12,
.col-5p,
.col-lg-4,
.col-8p {
    float: left;
    padding-left: 5px;
    padding-right: 5px
}

.col-1 {
    width: 8.33333333%
}

.col-2 {
    width: 16.66666667%
}

.col-3 {
    width: 25%
}

.col-4,
.col-lg-4 {
    width: 33.33333333%
}

.col-5 {
    width: 41.66666667%
}

.col-6,
.col-lg-6 {
    width: 50%
}

.col-7 {
    width: 58.33333333%
}

.col-8 {
    width: 66.66666667%
}

.col-9 {
    width: 75%
}

.col-10 {
    width: 83.33333333%
}

.col-11 {
    width: 91.66666667%
}

.col-12,
.col-lg-12 {
    width: 100%
}

.col-5p {
    width: 20%
}

.col-8p {
    width: 12.5%
}

@media (min-width:1440px) {

    .container,
    .swiper-fy {
        width: 1400px
    }
}

@media (max-width:1439px) {
    .container {
        width: 1230px
    }

    .swiper-fy {
        width: 1230px
    }
}

@media (max-width:767px) {
    .container {
        width: 100%;
        padding-left: 10px;
        padding-right: 10px
    }

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

    .col-1,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-lg-6,
    .col-7,
    .col-8,
    .col-9,
    .col-10,
    .col-11,
    .col-12,
    .col-lg-12,
    .col-5p,
    .col-lg-4,
    .col-8p {
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }

    .col-xs-1 {
        width: 8.33333333%
    }

    .col-xs-2 {
        width: 16.66666667%
    }

    .col-xs-3 {
        width: 25%
    }

    .col-xs-4 {
        width: 33.33333333%
    }

    .col-xs-5 {
        width: 41.66666667%
    }

    .col-xs-6 {
        width: 50%
    }

    .col-xs-7 {
        width: 58.33333333%
    }

    .col-xs-8 {
        width: 66.66666667%
    }

    .col-xs-9 {
        width: 75%
    }

    .col-xs-10 {
        width: 83.33333333%
    }

    .col-xs-11 {
        width: 91.66666667%
    }

    .col-xs-12 {
        width: 100%
    }

    .col-xs-5p {
        width: 20%
    }

    .col-xs-8p {
        width: 12.5%
    }
}

.carousel {
    position: relative
}

.carousel-inner {
    position: relative;
    overflow: hidden;
    width: 100%
}

.carousel-inner>.item {
    display: none;
    position: relative;
    -webkit-transition: .6s ease-in-out left;
    -o-transition: .6s ease-in-out left;
    transition: .6s ease-in-out left
}

.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
    line-height: 1
}

@media all and (transform-3d),
(-webkit-transform-3d) {
    .carousel-inner>.item {
        -webkit-transition: -webkit-transform .6s ease-in-out;
        -o-transition: -o-transform .6s ease-in-out;
        transition: transform .6s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        perspective: 1000px
    }

    .carousel-inner>.item.next,
    .carousel-inner>.item.active.right {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        left: 0
    }

    .carousel-inner>.item.prev,
    .carousel-inner>.item.active.left {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        left: 0
    }

    .carousel-inner>.item.next.left,
    .carousel-inner>.item.prev.right,
    .carousel-inner>.item.active {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        left: 0
    }
}

.carousel-inner>.active,
.carousel-inner>.next,
.carousel-inner>.prev {
    display: block
}

.carousel-inner>.active {
    left: 0
}

.carousel-inner>.next,
.carousel-inner>.prev {
    position: absolute;
    top: 0;
    width: 100%
}

.carousel-inner>.next {
    left: 100%
}

.carousel-inner>.prev {
    left: -100%
}

.carousel-inner>.next.left,
.carousel-inner>.prev.right {
    left: 0
}

.carousel-inner>.active.left {
    left: -100%
}

.carousel-inner>.active.right {
    left: 100%
}

.carousel-control {
    position: absolute;
    left: 0;
    bottom: 36%;
    opacity: .8;
    filter: alpha(opacity=50);
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    background-color: rgba(0, 0, 0, 0)
}

.carousel-control i {
    font-size: 24px
}

.carousel-control.left {
    left: 0;
    width: 42px;
    height: 82px;
    background: url("../images/banner_btn.png") no-repeat;
}

.carousel-control.right {
    left: auto;
    right: 0;
    width: 42px;
    height: 82px;
    transform: rotateY(180deg);
    background: url("../images/banner_btn.png") no-repeat;

}

.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    z-index: 5;
    display: inline-block
}

.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
    left: 50%;
    margin-left: -10px
}

.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
    right: 50%;
    margin-right: -10px
}

.carousel-control .icon-prev,
.carousel-control .icon-next {
    width: 20px;
    height: 20px;
    line-height: 1;
    font-family: serif
}

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    margin-left: -30%;
    padding-left: 0;
    list-style: none;
    text-align: center
}

.carousel-indicators li {
    display: inline-block;
    width: 8px;
    height: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    margin: 0;
    text-indent: -999px;
    border-radius: 10px;
    cursor: pointer;
    background-color: #fff;
    margin-left: 5px;
    margin-right: 5px
}

.carousel-indicators .active {
    width: 8px;
    height: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background-color: #44c3f3
}

.carousel-caption {
    position: absolute;
    left: 15%;
    right: 15%;
    bottom: 20px;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6)
}

.carousel-caption .btn {
    text-shadow: none
}

.messageBox {
    background-color: #efefef;
    color: #000;
    padding: 50px 0
}

.messageBox .tc {
    text-align: center
}

.comTitle {
    text-align: center;
    color: #474747
}

.comTitle b {
    font-size: 36px;
    display: block
}

.comTitle p {
    color: #999;
    text-transform: uppercase;
    font-family: Aparajita, garamond, georgia, Simsun;
    text-align: center
}

.contactBox .comTitle {
    color: #333
}

.contactBox .comTitle p {
    color: #999
}

.lyForm .lyKey,
.lyForm .lycontent {
    width: 100%;
    border: 1px solid #c7c7c7;
    height: 50px;
    background: none;
    color: #474747;
    padding-left: 80px
}

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

.lyForm li label {
    position: absolute;
    left: 30px;
    display: block;
    line-height: 50px;
    color: #666
}

.lyForm li span {
    position: absolute;
    right: 25px;
    color: #f39800;
    top: 0;
    line-height: 50px;
    display: inline-block;
    font-size: 14px
}

.lyForm li span.n {
    left: 25px;
    top: 30px;
    right: inherit
}

.lyForm .sub {
    background: #f39800;
    padding: 15px 100px;
    color: #fff;
    border: 0;
    cursor: pointer
}

.lyForm .sub:hover {
    background: #db7303
}

.lyForm .lycontent {
    height: 150px;
    padding-top: 12px;
    padding-left: 100px
}

@media screen and (max-width:768px) {
    .comTitle b {
        font-size: 20px
    }

    .messageBox {
        padding: 20px 0
    }
}



.table-nowrap td {
    background: #fff
}

.table-nowrap td {
    word-break: keep-all;
    white-space: nowrap
}

@-webkit-keyframes fadeinT {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes fadeinT {
    0% {
        opacity: 0;
        -moz-transform: translateY(-100px)
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
}

@-ms-keyframes fadeinT {
    0% {
        opacity: 0;
        -ms-transform: translateY(-100px)
    }

    100% {
        opacity: 1;
        -ms-transform: translateY(0)
    }
}

@keyframes fadeinT {
    0% {
        opacity: 0;
        transform: translateY(-100px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}
p {
    text-align: justify
}

.slider {
    position: relative;
    width: 1200px;
    height:142px;
    margin: 90px auto 45px auto;
}
.banner {
    position: relative;
    width: 100%;
    height:350px;
}
.mbx{
    width: 1100px;
    font-size: 14px;
    height: 60px;
    line-height: 60px;
    font-family: MicrosoftYaHeiLight;
    bottom: 0;
    margin: 0 auto;
    text-align: left;
    color: #666;
}
.mbx a {
    color: #666;
    font-size: 14px;
    cursor: default;
}
.slider .slide, .slider .carousel-inner, .slider ul {
    height: 100%
}

.slider .item {
    height: 100%
}

.slider .item .text {
    font-size: 52px;
    color: #fff;
    position: absolute;
    top: 35%;
    left: 0;
    width: 100%;
    text-align: center;
    line-height: 2;
    z-index: 200
}

.slider .item .text p {
    text-transform: uppercase;
    font-weight: bold;
    text-align: center
}

.slider .item .f36 {
    font-size: 36px
}

.slider .item .f42 {
    font-size: 42px
}
/**/
.header{
    position: relative;
    width: 100%;
    height: 333px;
    background: url("../images/logo.jpg") no-repeat center center;
}
.navBg{
    width: 100%;
    height: 50px;
    min-width: 1100px;
    top: 333px;
    left: 0;
    font-size: 16px;
    position: absolute;
    background: #0073ff;
    z-index: 999;
    box-shadow: 0 7px 8px rgba(0,0,0,.2);
}
.nav {
    width: 1200px;
    margin: 0 auto;
}
.nav li {
    width: 11%;
    float: left;
    text-align: center;
}
.nav li a {
    font-size: 16px;
    font-weight: bold;
    line-height: 50px;
    height: 50px;
    color: #fff;
    display: block;
    white-space: nowrap;
}
.nav li a:hover,
.nav li.cur a {
    color: rgb(0, 128, 255);
    background: #fff;
    text-decoration: none;
}

.nav li.nav2 .navCont a:hover {
    color: rgb(13, 85, 157);
}
.nav li.nav2 .navCont{
    display: none;
    width: 100%;
    background: rgba(255,255,255,.9);
}
.nav li.nav2 .navCont a{
    font-size: 14px;
    font-weight: normal;
    line-height: 40px;
    height: 40px;
    color: #000;
    display: block;
    text-align: left;
    padding-left: 16px;
    white-space: nowrap;
    box-sizing: border-box;
}
.nav li.nav2 .navCont a .fa-chevron-right{
    font-size: 12px;
    margin-right: 3px;
    color: rgba(0, 128, 255, 0.6);;
}
.vLayer{
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6);
    z-index: 1001;
}
.vLayer .vLayerCont{
    display: none;
    position: absolute;
    left: 50%;
    margin-left: -400px;
    top: 50%;
    margin-top: -225px;
    width: 800px;
    height: 450px;
    border: 1px solid;
    border-radius: 3px;
    box-shadow: 0 3px 25px rgba(0,0,0,.5);
}
.vLayer .vLayerCont video{
    width: 100%;
    height: 100%;
}
.vLayer .vLayerCont .vClose{
    position: absolute;
    top: -10px;
    right: -10px;
    font-size: 14px;
    color: #fff;
    width: 50px;
    height: 24px;
    line-height: 24px;
    cursor: pointer;
    background: #1348a4;
    padding-left: 5px;
    border-radius: 6px;
}
.vLayer .vLayerCont .vClose .i{
    font-size: 22px;
    color: #fff;
}
.idxNews{
    width: 1200px;
    height:400px;
    margin: 0 auto;
}
.idx-slideBox{
    position: relative;
    float: left;
    width: 678px;
    height:400px;
}

.idx-slideBox .hd {
    height: 17px;
    overflow: hidden;
    position: absolute;
    right: 5px;
    bottom: 5px;
    z-index: 1; }

.idx-slideBox .hd ul {
    overflow: hidden;
    zoom: 1;
    float: left;
    font-size: 12px; }

.idx-slideBox .hd ul li {
    float: left;
    margin-right: 2px;
    width: 15px;
    height: 15px;
    line-height: 14px;
    text-align: center;
    background: #fff;
    cursor: pointer; }

.idx-slideBox .hd ul li.on {
    background: #1b8fe7;
    color: #fff; }

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

.idx-slideBox .bd li {
    zoom: 1;
    vertical-align: middle; }

.idx-slideBox .bd li .text {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    font-size: 14px;
    color: #fff;
    background: rgba(0,0,0,.6);
    padding: 5px 0 5px 20px;
    box-sizing: border-box;
}

.idx-slideBox .bd img {
    width: 100%;
    height: 400px;
    display: block;
}
.idx-slideBox .prev,
.idx-slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.idx-slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.idx-slideBox .prev:hover,
.idx-slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.idx-slideBox .prevStop{ display:none;  }
.idx-slideBox .nextStop{ display:none;  }
/**/
.newsWrap{
    width: 500px;
    float: right;
}
.newsTitle{
    height: 45px;
    background: url("../images/tit_bg.png") no-repeat left bottom;
}
.newsTitle .icon{
    display: block;
    float: left;
    width: 51px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center;
}
.newsTitle .ico01{
    background-image: url("../images/icon_01.png");
}
.newsTitle .ico02{
    background-image: url("../images/icon_02.png");
}
.newsTitle .ico03{
    background-image: url("../images/icon_03.png");
}
.newsTitle .ico04{
    background-image: url("../images/icon_04.png");
}
.newsTitle .ico05{
    background-image: url("../images/icon_05.png");
}
.newsTitle .ico06{
    background-image: url("../images/icon_06.png");
}
.newsTitle a{
    display: inline-block;
    float: left;
    height: 45px;
    line-height: 45px;
    font-size: 22px;
    font-weight: bold;
    color: #666666;
    padding: 0 5px;
    margin: 0 10px 0 0;
    cursor: default;
}
.tabTit{
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
}
.tabTit a{
    display: flex;
    width: 50%;
    height: 40px;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    color: #666;
    font-weight: bold;
    background: #e4f5fd;
}
.tabTit a.active{
    color: #fff;
    background: #157acc;
}
.newsTitle a.active{
    color: #02558b;
    border-bottom: 3px solid #147ace;
}
.newsTitle span.more{
    display: inline-block;
    float: right;
    height: 45px;
    line-height: 45px;
    font-size: 14px;
    color: #666;
    cursor: pointer;
}
.newsTitle span.more a{
    font-size: 14px;
    font-weight: normal;
    cursor: pointer;
}
.newsBox{
    display: none;
    /*    width: 484px;*/
    margin-top: 0;
}
.newsBox ul{
}
.newsBox .bgt{
    margin: 20px 0 0 0;
}
.newsBox .bgt .tit-b{
    font-size: 22px;
    font-weight: bold;
}
.newsBox .bgt p{
    font-size: 15px;
    color: #666;
    margin-top: 10px;
    line-height: 26px;
    text-indent: 2em;
}
.newsBox .bgt p a{
    color: #ff0000;
}
.newsBox li {
    line-height: 62px;
    height: 62px;
    border-bottom: 1px dashed #ccc;
}
.newsBox li:last-child{
    border: none;
}
.newsBox li a{
    float: left;
    display: block;
    color: #333333;
    width: 85%;
    font-size: 17px;
}
.newsBox li a:hover{
    color: #072f75;
}
.newsBox li span{
    float: right;
    display: inline-block;
    color: #999;
}
.newsBox li .dian{
    float: left;
    display: inline-block;
    width: 6px;
    height: 6px;
    background: #ccc;
    border-radius: 50%;
    margin-top: 20px;
    margin-right: 10px;
    margin-left: 10px;
}
.newsBox li .new{
    float: left;
    display: inline-block;
    width: 22px;
    height: 16px;
    background: url("../images/news.png") no-repeat center;
    margin-top: 15px;
    margin-right: 5px;
}
.newsBox li .yuan{
    float: left;
    display: inline-block;
    width: 22px;
    height: 21px;
    background: url("../images/yuan.png") no-repeat center;
    margin-top: 20px;
    margin-right: 5px;
}
.heXin{
    width: 1200px;
    height: 465px;
    margin: 20px auto 20px auto;
}
.heXin .boxWrap{
    width: 380px;
}
.heXin .boxWrap:nth-child(2){
    margin: 0 30px;
}
.listBox{
    width: 100%;
    margin-top: 0;
}
.listBox ul{
}
.listBox li {
    line-height: 50px;
    height: 50px;
/*    border-bottom: 1px dashed #ccc;*/
}
.listBox li:last-child{
    border: none;
}
.listBox li a{
    float: left;
    display: block;
    color: #000;
    width: 90%;
}
.listBox li a:hover{
    color: #072f75;
}
.listBox li span{
    float: right;
    display: inline-block;
    color: #999;
}
.listBox li .dian{
    float: left;
    display: inline-block;
    width: 6px;
    height: 6px;
    background: #ccc;
    border-radius: 50%;
    margin-top: 22px;
    margin-right: 10px;
    margin-left: 10px;
}
.listBox li .new{
    float: left;
    display: inline-block;
    width: 22px;
    height: 16px;
    background: url("../images/news.png") no-repeat center;
    margin-top: 15px;
    margin-right: 5px;
}
.index-news-img{
    padding-top: 10px;
    overflow: hidden;
}
.index-news-img .img {
    position: relative;
    width: 265px;
    float: left;
    height: 150px;
    overflow: hidden;
}

.index-news-img .img img {
    transition:transform 1s ease 0s;
    width: 265px;
    height: 150px;
    object-fit: cover
}
.index-news-img .img img:hover{transform: scale(1.1);}
.index-news-img .txt {
    min-height: 90px;
    margin-left: 270px
}

.index-news-img .txt a {
    display: inline-block;
    width: 100%;
    font-size: 18px;
    color: #333;
}

.index-news-img .txt p {
    font-size: 14px;
    margin-top: 0;
    height: 90px;
    color: #666;
    line-height: 30px;
    text-indent: 30px;
    /*    overflow: hidden*/
}
.fuWu{
    width: 1100px;
    margin: 0 auto 20px auto;
}
.product {
    width: 1100px;
    margin: 0 auto;
}

.product .product_box {
    /* padding-top: 34px;
     border-top: 2px solid #D8D8D8;*/
}

.product .product_box .title {
    padding-bottom: 4px;
    margin-bottom: 8px;
    border-bottom: 2px solid #D4141A;
}

.product .product_box .title a {
    font-size: 16px;
    font-weight: bold;
    color: #000000;
}

.product .product_box .title a.active {
    background: #D4141A;
    color: #ffffff;
    padding: 0 5px;
}

.product .product_box_item {
    display: flex;
    justify-content: space-between;
    margin-top: 12px;
    width: 100%;
    flex-wrap: wrap;
}

.product .product_box_item .box_children {
    width: 49.3%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 10px;
    background-color: #EEEEEE;

    box-sizing: border-box;
}


/* 20.改 */

.product .product_box_item .box_children .box_children_img {
    height: 181px;
    width: 285px;
}

.product .product_box_item .box_children .box_children_img img {
    height: 181px;
    width: 285px;

}
.box_chidren_text{
    padding-left: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width:44%;
}
.product .product_box_item .box_children p a {
    text-align: left;
    font-size: 18px;
    font-weight: 400;
    color: #000000;
    line-height: 18px;
    margin-bottom: 27px;
}
a.ckgd {
    text-align: right;
    font-size: 14px;
    font-weight: 400;
    color: #182A87;
    line-height: 15px;
    vertical-align: middle;
    margin-right: 4px;
    display: flex;
    justify-content: flex-end;
}
a.ckgd img {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin: 0 2px;
}
a.ckgd i{
    margin-left: 5px;
}
.product .product_box_item .box_children a span{
    font-size: 14px;
    font-weight: 400;
    color: #666666;
    line-height: 22px;

}
.product .product_box_item .box_children span {
    font-size: 12px;
    color: #000000;
    line-height: 24px;
    margin-bottom: 10px;
}

.product .product_box .cyList li {
    float: left;
    margin-bottom: 10px;
    position: relative;
}

.product .product_box .cyList {
    display: flex;
}


.product .product_box .cyList .li4 {
    width: 592px;
    height: 172px;
    margin-right: 10px;
}

.product .product_box .cyList .li9 {
    width: 292px;
    height: 354px;
}

.product .product_box .cyList .li10 {
    width: 292px;
    height: 172px;
}

.cyList li a,
.cyList li a img {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.cyList li a {
    position: relative;
}

.cyList li a span {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
}

.cyList li a span.spanBg {
    background: #5C9EFE;
    opacity: .41;
    filter: alpha(opacity=41);
    z-index: 10;
    transition: all 0.5s ease-out 0s;
}

.cyList li a span.spanCon {
    text-align: center;
    z-index: 11;
}

.cyList li a span.spanCon font {
    color: #fff;
    font-size: 22px;
    margin-top: 70px;
    display: inline-block;
    transition: all 0.5s ease-out 0s;
}

.cyList li.li9 a span.spanCon font {
    margin-top: 150px;
}

.cyList li.li9:hover span.spanCon font {
    margin-top: 100px;
}

.cyList li a span.spanCon span.spanSummry {
    position: static;
    width: 90%;
    display: block;
    margin: 25px auto;
    font-size: 16px;
    color: #fff;
    height: 100px;
    -overflow-y: scroll;
    text-align: left;
    line-height: 25px;
    display: none;
}
.matrix {
    margin:0 auto 30px auto;
    width: 1200px;
}

.mat_title {
    height: 45px;
    background: url("../images/tit_bg.png") no-repeat left bottom;
    background-size: 100% 3px;
}
.mat_title a{
    display: inline-block;
    float: left;
    height: 45px;
    line-height: 45px;
    font-size: 22px;
    font-weight: bold;
    color: #666666;
    padding: 0 5px;
    margin: 0 10px 0 0;
    cursor: default;
}
.mat_title a.active{
    color: #02558b;
    border-bottom: 3px solid #147ace;
}
.mat_title span.more{
    display: inline-block;
    float: right;
    height: 45px;
    line-height: 45px;
    font-size: 14px;
    color: #666;
    cursor: pointer;
}
.mat_title span.more a{
    font-size: 14px;
    font-weight: normal;
    cursor: pointer;
}
.matlist {
    width: calc(100% - 130px);
    display: inline-block;
    padding: 20px 0 6px 30px;
}
.mat_pic {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.mat_pic img {
    width: 222px;
    height: 112px;
    border: 1px solid #eee;
    margin-top: 20px;
}

.idx-links{
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: left;
}
.idx-links a{
    float: left;
    display: inline-block;
    color: #333;
    font-size: 14px;
    margin-right: 15px;
}
.idx-links a:last-child{
    margin-right: 0;
}
.footer {
    position: relative;
    height: 265px;
    background: url("../images/foot_bg.png") repeat-x left top;
    color: #fff;
    line-height: 20px;
    font-size: 16px;
    padding-top: 76px;
    box-sizing: border-box;
}
.footer p{
    width: 100%;
    height: 30px;
    text-align: center;
}
/*列表*/
.bgcolor{
    background: #F6F6F6;
}
.bgcolorF{
    background: #fff;
    width: 100%;
}
.content {
    margin: 0 auto;
    width: 1100px;
    padding-bottom: 30px;
}
.nav_column,
.con_column {
    display: inline-block;
    background: #FFFFFF;
    vertical-align: top;
}

.content .nav_column {
    margin-right: 10px;
    width:193px;
}

.nav_column .nav_first,
.nav_column .nav_second {
    width: 100%;
    padding: 3px 13px;
    box-sizing: border-box;
}
.nav_second .fuwus a i.fa-chevron-right{
    color: #1f90db;
    margin-left: 0;
    margin-right: 3px;
}
.nav_second .fl-mu{
    display: block;
    float: left;
    width: 155px;
}
.nav_second .fuwus a{
    color: #333;
}
.nav_column .nav_first {
    font-size: 18px;
    color: #000000;
    line-height: 18px;
    border-bottom: 1px dashed #BCBCBC;
    box-sizing: border-box;
    padding: 13px 0;
    width: 100%;
}

.nav_column .nav_second li {
    border-bottom: 1px dashed #BCBCBC;
}
.nav_second li.selected ul li{
    padding: 8px 0px 8px 30px!important;
    box-sizing: border-box!important;
}
.nav_column .nav_second li a {
    display: inline-block;
}

.nav_column .nav_second .selected a {
    text-indent: 0;
    color:#D4141A;
}
.con_column {
    width:895px;
    position: relative;
    min-height: 556px;
}
.con_column .column_title {
    font-size: 26px;
    color: #333333;
    line-height: 26px;
    display: inline-block;
    margin-bottom: 20px;
}
.nav_column .nav_second a {
    font-size: 14px;
    color: #666;
    line-height: 14px;
    margin:12px 0;
}
.nav_column .nav_second a .fa-chevron-right{
    margin-right: 3px;
    font-size: 12px;
}
.nav_column .nav_second a span{
    font-size: 14px;

}
.nav_column .nav_second .selected a {
    text-indent: 0;
    color: #008cff;
    font-weight: bold;
}
.con_column {
    width:895px;
    position: relative;
    min-height: 556px;
}
div.w100{
    width: 100%;
    box-sizing: border-box;
}
.con_column .column_title {
    font-size: 26px;
    color: #333333;
    line-height: 26px;
    display: inline-block;
    margin-bottom: 20px;
}
.group_lists .group_items {
    width: 100%;
    overflow: hidden;
    padding: 0 20px;
    box-sizing: border-box;
}
.group_lists .h3titl h3{
    font-size: 26px;
    font-family: MicrosoftYaHei;
    color: #000000;
    padding-left: 10px;
    font-weight: 400;
    border-left: 2px solid #aaaaaa;

    line-height: 26px;
    box-sizing: border-box;
}
.group_lists .h3titl {
    font-size: 26px;
    font-family: MicrosoftYaHei;
    color: #000000;
    margin: 0 20px;
    padding: 21px 0 12px 0px;
    font-weight: 400;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
/*新闻列表*/
.list_mod2 li {height:50px; line-height:50px; border-bottom:1px dashed #ccc;}
.list_mod2 li:last-child { border-bottom:0; }
.list_mod2 li span,.list_mod2 li span.fl a { color:#000; font-size:16px; }
.list_mod2 li:hover span,.list_mod2 li:hover span a { color:#072f75;}
.list_mod2 li span.fr{font-size: 12px;color:#999999}
.list_mod2 li .dian {
    float: left;
    display: inline-block;
    width: 6px;
    height: 6px;
    background: #ccc;
    border-radius: 50%;
    margin-top: 22px;
    margin-right: 10px;
    margin-left: 5px;
}
.content .con_top {
    text-align: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    position: relative;
}

.content .title {
    font-size: 28px;
    font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
    font-weight: bold;
    color: #333333;
    line-height: 45px;
    padding: 24px 0;
}

.content .editor {
    font-size: 16px;
    font-family: MicrosoftYaHei;
    color: #333333;
    line-height: 16px;
}

.content .con_info {
    font-size: 16px;
    font-family: MicrosoftYaHei;
    color: #999999;
    line-height: 14px;
    padding: 16px 0;
}

.con_info span:first-child {
    margin-right: 10px;
}
.details{
    min-height: 480px;
}
.details p {
    margin: 0 auto;
    width: 93%;
    font-size: 16px;
    font-family: MicrosoftYaHei;
    color: #000;
    line-height: 30px;
    margin-top: 20px;
}
.details p strong {
    font-size: 16px;
    font-family: MicrosoftYaHei;
    color: #000;
}
.details p img {
    width: auto;
    text-align: center;
    max-width: 100%;
    display: block;
    margin: 0 auto;
}
.details video{display:block;margin:0 auto;margin-top:20px;}

.meuFixed{
    position: fixed;
    top: 0;
    left: 21%;
}
.aboutUS p{
    text-indent: 32px;
}
.zzyr{
    text-align: center;
    padding-top: 3%;
}
.zzyr .w30b{
    width: 30%;
    display: inline-block;
    margin-bottom: 3%;

}
.zzyr .w30b img{
    width: 265px;
    height: 185px;
    border: 8px solid #643f37;
    border-radius: 6px;
    overflow: hidden;
}
.zzyr .w22b img{
    width: 268px;
    height: 375px;
    border: 8px solid #643f37;
    border-radius: 6px;
    overflow: hidden;
}
.zzyr .w22b{
    width: 30%;
    display: inline-block;
}
.zzyr_bg{
    background: url("../images/honor_bg2.jpg") no-repeat center 135px;
}
.fuwu-cont{
    padding: 10px;
}
.fuwu-cont img{
    display: block;
    max-width: 99%;
    margin: 0 auto;
}
.hr{
    width: 90%;
    height: 1px;
    border-bottom: 1px dashed #ccc;
    margin: 0 auto;
}
.aboutUS{
    position: relative;
}
.fw-txt{
    width: 90%;
    margin: 0 auto;
    font-size: 16px;
    font-weight: bold;
    line-height: 32px;
    padding-top: 30px;
}
.fw-txt1{
    width: 86%;
    margin: 0 auto;
    font-size: 16px;
    font-weight: bold;
    line-height: 36px;
    padding-top: 30px;
}
.fw-txt h2{
    font-size: 22px;
    color: #005bac;
    padding-bottom: 20px;
}
.boxJJ{
    width: 1200px;
    height: 155px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
    padding: 0 26px;
    box-shadow: 0 0 10px rgba(144, 199, 255,.5);
    box-sizing: border-box;
}
.boxJJ a{
    display: inline-block;
    width: 110px;
    height: 105px;
    font-size: 16px;
    text-align: center;
    color: #333;
    padding-top: 70px;
    box-sizing: border-box;
}
.boxJJ a:nth-child(1){
    background: url("../images/jj01.png") no-repeat;
}
.boxJJ a:nth-child(2){
    background: url("../images/jj06.png") no-repeat;
}
.boxJJ a:nth-child(3){
    background: url("../images/jj04.png") no-repeat;
}
.boxJJ a:nth-child(4){
    background: url("../images/jj05.png") no-repeat;
}
.boxJJ a:nth-child(5){
    background: url("../images/jj07.png") no-repeat;
}
.boxJJ a:nth-child(6){
    background: url("../images/jj03.png") no-repeat;
}
.boxJJ a:nth-child(7){
    background: url("../images/jj08.png") no-repeat;
}
.boxJJ a:nth-child(8){
    background: url("../images/jj02.png") no-repeat;
}
/* 返回顶部 */
#backTop {display: none;background: url("../images/back_top.png") no-repeat;bottom: 60px;cursor: pointer;height: 64px;position: fixed;right: 10px;width: 64px;z-index: 999;}
#page {
    margin: 20px auto;
    color: #666;
    display: block;
    text-align: center;
}

#page li {
    display: inline-block;
    min-width: 35px;
    height: 28px;
    cursor: pointer;
    color: #666;
    font-size: 13px;
    line-height: 28px;
    background-color: #f9f9f9;
    border: 1px solid #dce0e0;
    text-align: center;
    margin: 0 4px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 3px;
}

.xl-nextPage,
.xl-prevPage {
    width: 60px;
    color: #2d76cf;
    height: 28px;
}

.containerBox{
    padding: 160px;
}
.containerBox img{
    display: block;
    width: 280px;
    height: 280px;
    margin: 0 auto;
}
.containerBox .tit-js{
    width: 100%;
    height: 20px;
    font-size: 18px;
    color: #666;
    text-align: center;
}

#page li.xl-disabled {
    opacity: .5;
    cursor: no-drop;
}

#page li.xl-disabled:hover{
    background-color: #f9f9f9 !important;
    border: 1px solid #dce0e0 !important;
    color: #666 !important;
}

#page li.xl-active {
    background-color: #2d76cf;
    border-color: #2d76cf;
    color: #FFF
}

#page li:hover{
    background-color: #2d76cf !important;
    border-color: #2d76cf;
    color: #FFF
}

#page li.xl-jumpText {
    background-color: rgba(0,0,0,0);
    border-color: rgba(0,0,0,0);
    opacity: 1;
}

#page li.xl-jumpText:hover{
    background-color: rgba(0,0,0,0) !important;
    border-color: rgba(0,0,0,0) !important;
}

#page li.xl-jumpButton{
    padding: 0 5px;
}

#xlJumpNum {
    width: 35px;
    margin: 0 3px;
}
/***************第1部分***************/
.boxcenter { margin:0 auto;}
.station2{height:44px; line-height:44px; font-size:14px; color:#444;}
.main{padding-bottom:50px;margin-top: 60px; position:relative; overflow:hidden}
.container {width:1254px;}
.station2 a{    color: #444;}
/***************第2部分***************/


/* 二级 */

/*细览*/
.xl{border-top:4px solid #3d55a7; background:#fff; box-shadow:0px 0px 8px #e6ecf2; padding:0 70px 40px;margin-top: 30px;}

.xl_titleyt1{text-align:center; font-size:18px; font-weight:normal;color: #3d55a7;margin:26px auto -10px;}
.xl_title{font-size:22px; width:930px; margin:26px auto 20px; line-height:40px; color:#3d55a7; text-align:center}
.xl_title2{border-bottom:2px solid #e9e9e9; padding:18px 0; color:#bdbdbd; font-size:14px; overflow:hidden; line-height:34px; margin-bottom:20px}
.xl_title2 span{margin-right:24px}
.xl_title2 span font{cursor: pointer;}
.xl_title2 span font.now{color:#3d55a7}
.xl_title2 img{vertical-align:middle}



/*概览*/


/*添加细览修改 20190813*/
.xfbb{width:171px; height:34px; background:#4a90e2; line-height:34px; float:right}
.xl_title2 .xfbb_img{display:block; float:left; width:36px; height:34px; background:#2f7bd4; text-align:center; margin-right:20px}
.xfbb_img img{height:25px; margin-top:-2px}
.xfbb p{float:left; color:#fff; font-size:15px;}
.xfbb_img2{height:14px; float:right; margin-right:10px; margin-top:10px;}
.xl_bottom{font-size:14px; line-height:28px; overflow:hidden; padding:20px 0; border-bottom:1px dashed #e3e3e3; }
.xl_dy{margin:0 40px}
.xl_bottom span{float:right}

/*中科院之声*/

.pages{
    font-size: 16px;
}
.pages li{
    display: inline-block;
    margin: 0 6px;
}
.xl_content img{
    display: block;
    max-width: 90%;
    margin: 0 auto!important;
}