*{
    margin: 0;
    padding: 0;
}
a,
a:hover,
a:focus,
input,
button,
textarea,
button:hover,
button:focus {
    outline: none;
    text-decoration: none!important;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
button {
    background-color: transparent;
    border: none;
    cursor: pointer;
}

img {
    max-width: 100%;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
}

ul {
    margin: 0;
    padding: 0;
}

ul li {
    list-style: none;
}
ol, ul{
    margin: 0;
}
/*开屏*/ 

@-webkit-keyframes home_hero_item_hints_glow {
    0% {
        -webkit-box-shadow: 0 0 30px 5px #fff;
        box-shadow: 0 0 30px 5px #fff
    }
    70% {
        -webkit-box-shadow: 0 0 70px 50px rgba(72, 170, 72, 0);
        box-shadow: 0 0 70px 50px rgba(72, 170, 72, 0)
    }
    to {
        -webkit-box-shadow: 0 0 0 50px rgba(72, 170, 72, 0);
        box-shadow: 0 0 0 50px rgba(72, 170, 72, 0)
    }
}

@keyframes home_hero_item_hints_glow {
    0% {
        -webkit-box-shadow: 0 0 30px 5px #fff;
        box-shadow: 0 0 30px 5px #fff
    }
    70% {
        -webkit-box-shadow: 0 0 70px 50px rgba(72, 170, 72, 0);
        box-shadow: 0 0 70px 50px rgba(72, 170, 72, 0)
    }
    to {
        -webkit-box-shadow: 0 0 0 50px rgba(72, 170, 72, 0);
        box-shadow: 0 0 0 50px rgba(72, 170, 72, 0)
    }
}

.service .container-fluid .map .hint .hint-radius{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 250px;
    height: 250px;
    margin: -125px 0 0 -125px;
    border-radius: 50%;
    transition-property: background-color, opacity, visibility, transform, -webkit-transform;
    -webkit-transition-timing-function: ease, ease, ease, cubic-bezier(.5, 0, 0, 1);
    transition-timing-function: ease, ease, ease, cubic-bezier(.5, 0, 0, 1);
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.service .container-fluid .map .hint:hover .hint-radius{
    background-color: #fff;
    opacity: .1;
    visibility: visible;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.service .container-fluid .map .hint .hint-dot{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 1px solid;
    -webkit-animation: home_hero_item_hints_border 2s linear infinite;
    animation: home_hero_item_hints_border 2s linear infinite
}

@-webkit-keyframes home_hero_item_hints_border {
    0%,
    to {
        border-color: hsla(0, 0%, 100%, .6);
        -webkit-transform: translate(-50%, -50%) scale(.95);
        transform: translate(-50%, -50%) scale(.95)
    }
    50% {
        border-color: hsla(0, 0%, 100%, .3);
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1)
    }
}

@keyframes home_hero_item_hints_border {
    0%,
    to {
        border-color: hsla(0, 0%, 100%, .6);
        -webkit-transform: translate(-50%, -50%) scale(.95);
        transform: translate(-50%, -50%) scale(.95)
    }
    50% {
        border-color: hsla(0, 0%, 100%, .3);
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1)
    }
}

.service .container-fluid .map .hint .hint-content {
    position: absolute;
    width: 180px;
    color: #fff;
    z-index: 5;
    padding: 12px 0;
    font-size: 12px;
    color: #b0b0b0;
    -webkit-transition: opacity .7s ease, visibility .7s ease;
    transition: opacity .7s ease, visibility .7s ease;
    opacity: 0;
    visibility: hidden
}

.service .container-fluid .map .hint:hover .hint-content {
    opacity: 1;
    visibility: visible
}

.service .container-fluid .map .hint .hint-content:after,
.service .container-fluid .map .hint .hint-content:before {
    content: "";
    position: absolute;
    height: 1px;
    background-color: #fff;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    opacity: 0
}

.service .container-fluid .map .hint .hint-content:before {
    width: 180px
}

.service .container-fluid .map .hint .hint-content:after {
    width: 80px
}

.service .container-fluid .map .hint:hover .hint-content:after,
.service .container-fluid .map .hint:hover .hint-content:before {
    opacity: 1
}

.service .container-fluid .map .hint:hover .hint-content:before {
    -webkit-transition-delay: .15s;
    transition-delay: .15s
}

.service .container-fluid .map .hint .hint-content p {
    opacity: 0;
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.service .container-fluid .map .hint:hover .hint-content p{
    opacity: 1
}

.service .container-fluid .map .hint.beimei {
    top: calc(41.64% - 30px);
    left: calc(18.29% - 30px)
}

.service .container-fluid .map .hint.beimei .hint-content {
    top: 85px;
    right: 50%;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    margin-right: -55px
}

.service .container-fluid .map .hint.beimei .hint-content:before {
    top: 0;
    left: 0
}

.service .container-fluid .map .hint.beimei .hint-content:after {
    top: 0;
    left: 0;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%
}

.service .container-fluid .map .hint.ouzhou{
    top: calc(34.5% - 30px);
    left: calc(53.47% - 30px)
}

.service .container-fluid .map .hint.ouzhou .hint-content {
    top: 85px;
    left: 50%;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    margin-left: -55px
}

.service .container-fluid .map .hint.ouzhou .hint-content:before {
    top: 0;
    right: 0
}

.service .container-fluid .map .hint.ouzhou .hint-content:after {
    top: 0;
    right: 0;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.service .container-fluid .map .hint.yatai{
    top: calc(34.5% - 30px);
    left: calc(75.52% - 30px)
}

.service .container-fluid .map .hint.yatai .hint-content {
    bottom: 85px;
    right: 50%;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    margin-right: -55px
}

.service .container-fluid .map .hint.yatai .hint-content:before {
    bottom: 0;
    left: 0
}

.service .container-fluid .map .hint.yatai .hint-content:after {
    bottom: 0;
    left: 0;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%
}

.service .container-fluid .map .hint.nanmei {
    top: calc(75.06% - 30px);
    left: calc(30.24% - 30px)
}

.service .container-fluid .map .hint.nanmei .hint-content {
    bottom: 85px;
    right: 50%;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    margin-right: -55px
}

.service .container-fluid .map .hint.nanmei .hint-content:before {
    bottom: 0;
    left: 0
}

.service .container-fluid .map .hint.nanmei .hint-content:after {
    bottom: 0;
    left: 0;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%
}

.service .container-fluid .map .hint.dayang{
    top: calc(81.13% - 30px);
    left: calc(83.86% - 30px)
}

.service .container-fluid .map .hint.dayang .hint-content {
    bottom: 85px;
    right: 50%;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    margin-right: -55px
}

.service .container-fluid .map .hint.dayang .hint-content:before {
    bottom: 0;
    left: 0
}

.service .container-fluid .map .hint.dayang .hint-content:after {
    bottom: 0;
    left: 0;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%
}

.service .container-fluid .map .ningbo {
    position: absolute;
    top: 52.02%;
    left: 78.49%
}

.service .container-fluid .map .ningbo:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 8px;
    height: 8px;
    background-color: #fff;
    border-radius: 50%
}

.service .container-fluid .map .ningbo .tq1 {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    margin: -4px 0 0 -4px;
    border-radius: 50%;
    background-color: hsla(0, 0%, 100%, .2);
    -webkit-animation: bianda 2.5s linear infinite;
    animation: bianda 2.5s linear infinite
}

.service .container-fluid .map .ningbo .tq2 {
    -webkit-animation: bianda2 2s linear infinite;
    animation: bianda2 2s linear infinite
}

.service .container-fluid .map .ningbo .tq2,
.service .container-fluid .map .ningbo .tq3{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    margin: -4px 0 0 -4px;
    border-radius: 50%;
    background-color: hsla(0, 0%, 100%, .1)
}

.service .container-fluid .map .ningbo .tq3{
    -webkit-animation: bianda3 3s linear infinite;
    animation: bianda3 3s linear infinite
}

.service .container-fluid .map .ningbo .content {
    position: absolute;
    left: 20px;
    bottom: -10px;
    font-size: 12px;
    color: #fff;
    width: 140px;
}

.service .container-fluid .map .ningbo .content img{
    width: 100px;
    margin-left: -70px
}
/*------ search wrapper end ------*/
.footer{ width: 100%; background: url("../images/footbg.jpg");}
.foot_nav{ padding: 25px 0;}
.foot_nav a{ color: #fff; margin-right: 50px; text-transform: uppercase;}
.foot_clear{padding: 30px 0; position: relative; border-bottom:1px solid rgba(255,255,255,.5);border-top:1px solid rgba(255,255,255,.5);}
.foot_addre{color: #fff; line-height: 24px;  float: left;}
.foot_addre ul{ margin-bottom: 25px;}
.foot_addre ul:last-child{ margin-bottom: 0;}
.foot_addre li span{ color: #fff;}
.foot_addre a{color: #fff;}
.foot-left{ float: left;}
.foot_code{ margin-left: auto; float: right; text-align: center; color: #fff; text-align: right;}
.foot_code span{ line-height: 24px;  color: #b8b8b8; text-align:center; display: block;}
.foot_code img{ width: 96px; display: inline-block;}
.foot_code .right{ margin-left: 15px;}
.foot_copy{ padding:15px 0; color: #fff;}
.foot_copy a{ color: #fff; padding-right: 15px; font-size: 12px;}
.foot_copy a span{
    float: left;
}
.foot-logo{ margin-bottom: 20px;}
.foot-mid{ text-align: center; color: #fff; float: left; width: 100%; padding-top: 80px; position: absolute;}
.foot_code p{font-family: "Arial"; font-size: 25px; padding: 10px 0; margin-bottom: 20px;}
.foot_copy a.jszc{ float: right;}
.foot_code h2{
    font-size: 25px;
}
.footer p{
    margin-bottom: 5px;
}
.footer i {
    font-size: 15px;
    text-align: center;
    width: 20px;
    padding-right: 25px;
}
.abt{
    position: relative;
    height: 100vh;
}
.abt2{
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;

}
.abt2>img{
    width: 100%;
    height: 100%;
    animation-name: bgMagnify;
    animation-duration: 20s;
    animation-delay: 1.2s;
    animation-iteration-count:infinite;
    animation-direction: alternate;
}
.abt .container{
    width: 90%;
    padding: 8% 0 0;
}
.abtviedo{
    margin-top: 40px;
}
.pro .container{
    width: 90%;
}
.news .container{
    width: 90%;
    height: 100%;
}
.news .container .row{
    height: 100%;
}
.news ul{
    height: 100%;
    overflow: hidden;
}
.news ul li{
    height: 100%;
    padding-top: 20%;
}
.footer .container{
    width: 90%;
}

.img-container{

}
.abt h3{
    color: #FFFFFF;
    font-size: 36px;
    font-weight: bold;
}
.abt h4{
    color: rgba(255,255,255,0.2);
    font-size: 30px;
    font-weight: bold;
    margin: -24px 0 0 0;
}
.abt .abtjs{
    padding-top: 5%;
    padding-left: 5%;
}
.abtjs .sp{
    display: block;
    width: 80px;
    height: 5px;
    background-color: #ef7e1a;
}
.abtjs p{
    color: #FFFFFF;
    font-size: 24px;
    margin: 4% 0;
    line-height: 2;
}
.abtjs .xingqing{
    font-size: 14px;
    text-align: justify;
    line-height: 2.3;
}
.numscoll {
    text-align: center;
    overflow: hidden;
    margin-top: 20px;
}
.numscoll div{
    padding: 0;
}
.swiper-slide{
    position: relative;
}
.pictitie{
    position: absolute;
    top: 40%;
    left: 5%;
}
.pictitie h1{
    color: #FFFFFF;
    margin-bottom: 15px;
    font-size: 40px;
}
.pictitie h3{
    color: #FFFFFF;


}
.numscoll h2 {
    color: #ef7e1a;
    font-size: 48px;
    font-weight: 600;
    line-height: 36px;
    padding-bottom: 4px;
    text-transform: capitalize;
    margin: 0;
    font-family: "Arial";
}
.numscoll h3 {
    margin-top: 20px;
    font-size: 16px;
    opacity: 0.7;
}
.wrapper {
    height: 100vh;
}
.ind2_cot {
    height: 100%;
    width: 75%;
    background: #26394f;
    padding: 4% 6.5% 0;
    position: relative;
    top:0;
    z-index: 1;
    transition:all 0.3s linear;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
}
.ind2_cot ul{
    margin:0 -15px;
}
.ind_box2 {
    height: 100%;
    position: relative;
}
.ind2_bg {
    height: 100%;
    top: 0px;
    background-color: #025b9a;
    position: absolute;

    width: 50%;
    right: 0;
    transition:all 0.3s linear;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
}
.ind2_cot li {
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
    top: 0;
    transition:all 0.3s linear;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
}
.ind2_cot li:hover .ind2_list{
    background: rgba(0,0,0,0.5);
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
}
.ind2_cot li:hover .ind2_list img{
    opacity: 0.5;
}
.ind2_img img {
    width: 100%;
}
img.ind2_hid {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity:0;
    transition:all 0.5s ease-in;
    -webkit-transition:all 0.5s ease-in;
    -moz-transition:all 0.5s ease-in;
    -ms-transition:all 0.5s ease-in;
    -o-transition:all 0.5s ease-in;
}
.ind2_img{
    position:relative;
}

.ind2_list:hover .ind2_hid{
    opacity:1;
    filter:alpha(opacity=100);
    -moz-opacity:1;
    -khtml-opacity:1;
    transition:all 0.5s ease-in;
    -webkit-transition:all 0.5s ease-in;
    -moz-transition:all 0.5s ease-in;
    -ms-transition:all 0.5s ease-in;
    -o-transition:all 0.5s ease-in;
}
.ind2_wz {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    padding: 50px 20px 20px;
    background: linear-gradient(to top, rgba(0,71,147,0.5) 10%, rgba(75, 184, 232, 0) 100%);
    background:-webkit-linear-gradient(to top, rgba(0,71,147,0.5) 10%, rgba(75, 184, 232, 0) 100%);
    background: -moz-linear-gradient(to bottom,  rgba(0,71,147,0.5) 10%, rgba(75, 184, 232, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7F004793',endColorstr='#01004793',GradientType=0);
}
.ind2_list {
    position: relative;

    opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity:0;
}
.ind2_wz h3 {
    font-size: 16px;
    letter-spacing: 1.62px;
    font-weight:600;
    text-transform: uppercase;
    color:#fff;
}

.ind2_wz p {
    font-size: 14px;
    line-height: 26px;
    color: #fff;
    margin: 0;
}

.ind2_txt {
    position: absolute;
    top: 50%;
    width: 90%;
    left: 10%;
    color: #fff;
    transform: translateY(-50%);
}

.ind2_txt p {
    font-size: 13px;
    line-height: 28px;
}
.ind2_txt h4 {
    font-size: 21px;
    text-transform: capitalize;
    font-weight: 600;
    margin:0 0 20px;
}
.ind2_dec {
    margin-top: 30px;
}
.ind2_cot:after {
    content: '';
    width: 100%;
    background: #EBECE6;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}
.ind2_bg:after{
    content: '';
    width: 100%;
    background:  #EBECE6;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.ind_box2.active5 .ind2_cot:after{
    width: 0;
    transition:width 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition:width 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.ind_box2.active5 .ind2_bg:after{
    width: 0;
    transition:width 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition:width 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.ind2_bg{
    padding: 4% 0 0;
}
.ind2_bg .protitle{
    width: 45%;
    float: right;
}
.protitle .fenlei p{
    color: #FFFFFF;
    font-size: 14px;
    line-height: 2;
}
.protitle .fenlei p:nth-child(1){
    font-size: 20px;
    line-height:1.5;
}
.protitle .fenlei p:nth-child(2){
    font-size: 20px;
    line-height:1.5;
}
.protitle .fenlei p:nth-child(3){
    font-size: 20px;
    line-height:1.5;
}
.pro{
    height: 100vh;
    background: url("../images/cpd.jpg");
}
.pro .container-fluid{
    padding: 0;
}
.pro .row{
    margin: 0;
    padding: 3% 0 0
}

.prot{
    padding: 96px 0 40px;
}

.prot h3{
    margin-top: 0;
    color: #fff;
    font-size: 36px;
    font-weight: bold;
}
.prot h4{
    color: rgba(255,255,255,0.2);
    font-size: 30px;
    font-weight: bold;
    margin: -24px 0 0 0;
}

.prot span{
    margin-top: 40px;
    display: block;
    width: 80px;
    height: 5px;
    background-color: #ef7e1a;
}
.pro .byql{
    padding: 0;
    margin-bottom: 30px;
    position: relative;
}
.ljql p,.byql p,.cyjl p,.jjgl p,.sljl p,.zhbxl p{
    position: absolute;
    top: 3%;
    left:0;
    color: #FFFFFF;
    transition: 0.5s;
    width: 100%;
    font-size: 16px;
    padding-left: 10%;
}
 
@keyframes bgMagnify {
    0%{
      transform: scale(1.1,1.1);
    }

    100%{
        transform: scale(1,1);
    }

}
.newt{
    padding: 0;
    float: left;
}
.chakan button {
    color: #fff;
    padding: 20px 35px;
    display: block;
    float: right;
    background: #ef7e1a;
}
.newlist{
    height: 100%;
    border-right: 1px solid rgba(255,255,255,.3);
    float: left;
}
.newlist a .date{
    font-size: 14px;
    text-align: left;
    margin-bottom: 0;
    color: #FFFFFF;
    font-family: "Arial";
}
.newlist a h3{
    color: #FFFFFF;
    font-size: 18px;
    margin-top: 20px;
    margin-bottom: 20px;
    -webkit-transition: all 0.5s ;
    -moz-transition: all 0.5s ;
    -o-transition: all 0.5s ;
    transition: all 0.5s ;
}
.newlist a p{
    color: #bebebe;
    font-size: 12px;
    line-height: 2;
    margin-bottom: 30px;
}
.title h2{
    letter-spacing: -2px;
    margin-bottom: 5%;
    color: #FFFFFF;
    -webkit-transition: all 0.4s ;
    -moz-transition: all 0.4s ;
    -o-transition: all 0.4s ;
    transition: all 0.4s ;
}
.index_news_list li:hover h3{
    color: #ef7e1a;
    font-weight: bold;}
.index_news_list li:hover .date{
    color: #ef7e1a;
}
.index_news_list li:first-child{
    border-left: 1px solid rgba(255,255,255,.3);
}
.index_news_list li::before{
    content: "";
    display: block;
    width: 100%;
    height: 0;
    background: rgba(0,0,0,.3);
    position: absolute;
    left: 0;
    bottom: 0;
    transition: ease 1s;
    z-index: -1;
}
.index_news_list li:hover:before {

    height: 100%;
}
.dal{
    margin-bottom: 10px;
    font-size: 20px;
}
.dal a{
    color: #FFFFFF;
}
.zil a {
    color: #FFFFFF;
}
.tubiao p{
    color: #FFFFFF;
}
.copy{
    color: #FFFFFF;
}
.right_nav{
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    right: 17px;
    top: 50%;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
}
.right_nav ul{
    position: relative;
}
.right_nav ul::after{
    position: absolute;
    display: block;
    content: "";
    left: 50%;
    top: 6px;
    bottom: 6px;
    width: 2px;
    margin-left: -1px;
    background-color: #f7f7f7;
    opacity: 0.2;
}
.right_nav li{
    position: relative;
    width: 18px;
    height: 18px;
    margin: 0 0 38px 0;
}
.right_nav li a{
    width: 18px;
    height: 18px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
    border: 1px solid transparent;
    display: block;
    position: relative;
    z-index: 1;
    cursor: pointer;
    text-decoration: none;
}
.right_nav li a span{
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
    width: 6px;
    height: 6px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
    margin: 0;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.right_nav li:hover div{
    transition: opacity 0.2s ease-in;
    width: auto;
    opacity: 1;
}
.right_nav li:hover a{
    border-color: #fff;
}
.right_nav li  .act{
    border-color: #fff;
}
.right_nav li div{
    top: 0px;
    right: 33px;
    font-size: 16px;
    line-height: 18px;
    position: absolute;
    color: #fff;
    white-space: nowrap;
    max-width: 220px;
    overflow: hidden;
    display: block;
    opacity: 0;
    width: 0;
    cursor: pointer;
}
@media (max-width: 1400px){
    .pro{
        height: 100%;
    }

    .news{
        height: 100%;
    }
    .wrapper {
        height: 100%;
    }
}
@media (max-width: 992px){

    .zil{
        display: none;
    }
    .dal{
        text-align: center;
    }
    .abtjs p{
        font-size: 16px;

    }
    .abtjs .xingqing{
        font-size: 14px;
    }
}
@media (max-width:1024px){
    .abt{
        height: 100%;
    }
}
@media screen and (max-width: 980px){
    .row2{
        display: none;
    }
    .ind2_cot{
        width: 90%;
    }
    .foot_nav {
        padding: 20px 0;
        display: none;
    }
    .foot_addre {
        width: 100%;
    }

    .foot_code {
        width: 100%;
        margin-top: 10px;
        text-align: center;
    }
    .foot_code .right {
        float: left;
        text-align: center;
        width: 50%;
        margin-left: 0;
    }
    .foot_copy a {
        display: inline-block;
        float: none;
    }
    .protitle {
        display: none;
    }
}

/*about*/
.n_header{
    /*position: fixed;
    left: 0 !important;
    top: 0 !important;*/
    z-index: -1 !important;
    width: 100%;
    height: 100%;
}
.p_adtimg img{
    vertical-align: middle;
    border: 0;
    min-height: 600px;
}
.p_adtimg div{
    position: absolute;
    top: 0;
    z-index: 1;

}
.n_daohang{
    position: absolute;
    z-index: 2;
    top: 20%;
    left: 10%;
}
.n_daohang span{
    color: #FFFFFF;
}
.abt_con{
    padding: 5% 0;
    margin-top: 694px;
    background: #FFFFFF;
    overflow: hidden;
}
.abt_con .damen img{
    max-width: 720px;
}
.abt_con .row{
  margin: 0 9%;
}
.abt_con .m5{
    margin: 0 5%;
}
.damen .beijing{
    position: relative;
    width: 550px;
    height: 360px;
    background: #ef7e1a;

}

.damenimg{

    position: absolute;
    top: 20px;
    left: 20px;
    overflow: hidden;
}
.damenimg:hover img{
    transform: scale(1.1,1.1);
}
.fzlc{
    position: relative;
    height: 700px;
    padding: 100px 0 0 0;
    background: url("../images/lc.jpg");
}
.fzlc .swiper-container{
    width: 90%;
    margin: 60px auto 0;
}
.fzlc::after{
    content: "";
    left: 0;
    display: block;
    position: absolute;
    top: 53%;
    width: 100%;
    height: 1px;
    background: #0077cc;
}
.fzlc2{
    text-align: center;
}
.fzlc2 p{
    margin-top: -30px;
    font-size: 36px;
    font-weight: bold;
    color: #0077cc;
}
#swiper3 .swiper-slide{
    text-align: center;
}
#swiper3 .swiper-slide p{
    display: none;
    font-size: 16px;
    color: #333;
    margin-top: 120px;
}
#swiper3 .swiper-slide-active p{
    display: block;
    line-height: 2;
}
.fzlc .swiper-button-next,.fzlc .swiper-button-prev{
    background-image: none;
    width: 2.7vw;
    height: 2.7vw;
    border-radius: 50%;
    line-height: 2.7vw;
    text-align: center;
    border: 2px solid #0077cc;
    color: #0077cc;
    display: flex;
    align-items: center;
    justify-content: center;
    outline: none;
    margin: 0;
    top: 70%;
}
.fzlc .swiper-button-next{
    right: 20%;
}
.fzlc .swiper-button-prev{
    left: 20%;
}
#swiper3 .swiper-slide-active{
    margin-top: -15px;
}
#swiper3 .swiper-slide-active .nian{
    font-weight: bold;
    font-size: 55px;
}
.nian{
    position: relative;
    font-size: 30px;
    padding: 15px 15px 30px;
    color: #0077cc;
    font-family: "Arial";
}
#swiper3 .swiper-slide-active .nian::after{
    content: "";
    position: absolute;
    bottom: -45px;
    left: 50%;
    width: 1px;
    height: 25px;
    background: #0077cc;
}

.gswh{
    text-align: center;
}
.gswh p{
    margin-top: -30px;
    font-size: 36px;
    font-weight: bold;
    color: #0077cc;
    margin-bottom: 0px;
}
.gswhlist{
    margin-top: 100px;
}
.gswhlist li{
    text-align: center;
}
.gswhlist li p{
    font-size: 13px;
    padding: 0 8%;
    line-height: 2;
}
.gswhlist li p:nth-child(2){
    margin-top: 30px;
    font-size: 24px;
    margin-bottom: 0;
}
.abt_con .gswhlist{
   padding: 0;
}
.abt_con .zlzl {
    margin: 5% 0;
    padding: 8.5% 0;
    background: url(../images/aboutbg01.jpg) center;

}
.zlzl2{
    text-align: center;
}
.zlzl2 p{
    color: #FFFFFF;
}
.zlzl2 p:nth-child(2){
    margin-top: -30px;
    font-size: 36px;
    font-weight: bold;
}
.zlzl2 p:nth-child(3){
    margin-top: 50px;
    font-size: 20px;

}
.yj{
    text-align: center;
    margin-top: 60px;
}
.yj  p{
    margin-top: -30px;
    font-size: 36px;
    font-weight: bold;
    color: #0077cc;
    margin-bottom: 0;
}
.abt_nav{
    padding: 0 10px;
    background: rgba(255, 255, 255, 0.05);
}
.zzjg{

    text-align: center;
}
.zzjg p{
    margin-top: -30px;
    font-size: 36px;
    font-weight: bold;
    color:#0077cc;
}
.gshj{
    margin-bottom: 5%;
    padding-top: 5%;
}
.abt_nav div{
    display: inline-block;

    overflow-wrap: break-word;
    color: #FFFFFF;
    position: relative;
    text-align: center;
    height: 80px;
    line-height: 80px;
}
.abt_nav2{
    padding: 0 10px;
    background: rgba(255, 255, 255, 0.05);
}

.abt_nav2 div{
    display: inline-block;
    margin: 0 15px;
    overflow-wrap: break-word;
    color: #FFFFFF;
    position: relative;
    text-align: center;
    height: 80px;
    line-height: 80px;
}
.abt_nav2 div::before{
    margin-right: 10px;
}
.abt_nav div:hover{
    color: #ef7e1a;
}
.abt_nav div:hover::before{
    transform: rotateZ(0deg);
    background: #ef7e1a;
    opacity: 1;
}
.abt_nav div:hover:after{
    transform: rotateZ(0deg);
    background: #ef7e1a;
    opacity: 1;
}
.n_top1{
    display: block;line-height: 70px;height: 70px;overflow: hidden;font-size: 70px;
    margin-bottom: 40px;
    font-family: "Arial";
}
.n_top2{
    font-size: 36px;color:#ef7e1a;
}
.n_top3{
    color: #FFFFFF; max-width: 700px;text-align: justify;
    margin-bottom: 35px;
    line-height: 1.8;
}
.abt_nav div::before{
    transition: 0.3s ease 0s;
    content: '';
    width: 14px;
    height: 1px;
    display: inline-block;
    vertical-align: middle;
    background: #999;
    opacity: 0;
    margin-right: 10px;
    transform: rotateZ(-70deg);

}
.abt_nav div::after{
    transition: 0.3s ease 0s;
    content: '';
    width: 14px;
    height: 1px;
    display: inline-block;
    vertical-align: middle;
    background: #999;
    opacity: 0;
    margin-left: 10px;
    transform: rotateZ(110deg);
}
.damen{

    background-image: url(../images/nyabout_bg.jpg);
}
.damen h3{
    font-weight: bold;
}
.damen p:nth-child(2){
    font-size: 20px;
    font-weight: bold;
    margin: 20px 0;
}
.damen p:nth-child(3){
    font-size: 14px;
    text-align: justify;
    line-height: 2.3;
}

.shuju .numscoll h3{
    color: #FFFFFF;
}
.abt_con ul{
    overflow: hidden;
    padding: 0 10%;
}
.text p{
    font-size: 16px;
    text-align: center;
    color: #000000;
    padding: 10px 0;
    margin: 0;
}
.pro_list{
    padding: 5px;
    margin-bottom: 30px;
}
.pro_list a{
    display: block;
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.2);
}

.pro_list a .text::before{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    content: "";
    display: inline-block;
    height: 2px;
    background-color: #000;
    -webkit-transition: all 1s;
    transition: all 1s;
    z-index: 100;
}
.pro_list a:hover .text::before{
    width: 100%;
}
.img{
    overflow: hidden;
}
.pro_list:hover .img img{
    transform:scale(1.1,1.1) ;
}
/*content*/
.contmap{

    height: 500px;
}
.abt_con .xyzd{
    margin: 0;
}
.xsb{
    font-size: 24px;
    margin-bottom: 15px;
}
.diquqiehuan ul li{
    display: inline-block;
    padding: 0 20px;
    line-height: 45px;
    margin-left: 10px;
    background: #363e45;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    color: #FFFFFF;
    margin-bottom: 10px;
}
.diquqiehuan ul li a{
    color: #FFFFFF;
}
.diquqiehuan ul li a:hover{
    color: #FFFFFF;
}
.diquqiehuan ul .on,.diquqiehuan ul li:hover{
    background: #0077cc;
}

.abt_con .diquqiehuan{
    margin: 0;
}
.abt_con .diquqiehuan>ul{

    text-align: center;
    overflow: hidden;
    padding: 3% 15px;
}

.xianshi>div{
    margin: 30px 0;
}
.form-control{
    margin-bottom: 15px;
}
.twxsb div{
    margin-top: 20px;
}
.contact-map{
    margin-top: 3%;
}
.abt_con .ditu{
    margin: 0;
}
.abt_con .liuyan{

}
.abt_con .container{
    width: 80%;
}
.lybt p{
    text-align: center;
}
.lybt{
    text-align: center;
    margin-bottom: 20px;

}
.lybt p:nth-child(2){
    margin-top: -30px;
    font-size: 36px;
    color: #0077cc;
    font-weight: bold;
}
.lybt p:nth-child(3){
    font-size: 14px;
    color: #5a5a5a;
    margin-bottom: 30px;
}
.form-control:focus{
    box-shadow: none!important;
}
.zxlyleft h3{
    font-size: 30px;
    font-weight: bold;
    color: #272727;
    line-height: 28px;
    text-transform: uppercase;
    position: relative;
    margin: 5px 0 70px;
}
.zxlyleft h3::after{
    content: '';
    display: block;
    width: 18px;
    height: 4px;
    background: #F9A010;
    position: absolute;
    left: 0;
    bottom: -36px;
}
.zxlyleft p,.zxlyleft h5{
    color: #878787;
    line-height: 24px;

}
.zxlyleft h5{
    font-size: 18px;
    margin-top: 28px;
}
.zxlyleft h6{
    font-size: 24px;
    font-weight: bold;
    color: #272727;
}
.abt_con .liuyan{
    float: left;
    width: 100%;
    margin: 50px 0;
    padding: 50px 8% ;
    background: #f5f5f5;
    border-top: 10px solid #0077cc;
}
.liuyan .form-control{
    border-radius:0 ;
    box-shadow: none;
    border: none;
    border-bottom: 1px solid #EAEAEA;
    background: none;
    height: 36px;
    line-height: 36px;
    font-size: 12px;
    width: 100%;
    transition: ease .65s;
}
.liuyan textarea.form-control{
    height: auto;
    width: 100%;
    background: #FAFAFA;

    border: none;
    fotn-size: 12px;
    transition: ease .65s;
}

.line{
    width: 70px;
    height: 2px;
    background: #0077cc;
    margin-bottom: 15px;
}
 .custom-btn2{
    width: 100%;
    background: #0077cc;
    color: #fff;
}
.custom-btn2:hover{
    background: #ef7e1a;
    color: #FFFFFF!important;
}
.liuyan .btn{
    padding: 12px;
    font-size: 16px;
}
/*newslist*/
.abt_con .xinwentiao{
    padding: 0;
    background:#f5f5f5 ;
    margin: 15px 0;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.2);


}
.abt_con .xinwentiao::after{
    content: "";
    background: #ff7e21;
    height: 45px;
    width: 3px;
    display: block;
    right: 0px;
    position: absolute;
    top: 28px;
    transition: all .45s;

}

.abt_con .xinwentiao:hover::after{
    content: "";
    background: #ff7e21;
    height: 100%;
    top: 0px;
}
.abt_con .xinwen{
    padding-left: 4%;
}
.xinwen h3 {
    color:#000;
    font-weight: bold;
    font-size: 18px;
    margin-top: 7%;
    transition: 0.5s ;
}
.abt_con .xinwentiao:hover .xinwen h3{
    color:#ff7e21 ;
}
.xinwen .data{
    color: #999;
    line-height: 36px;
}
.xinwen p{
    margin-top: 10px;
    color: #999;
}
/*newsshow*/
.newtitle{
    margin-bottom: 30px;
    font-size: 28px;
    text-align: center;
    font-weight: bold;
}
.update-time{
    text-align: center;
    color: #999999;
    padding-bottom: 30px;
    border-bottom: 1px solid #eee;
    margin-bottom: 30px;
}
. p{
    line-height: 1.5;
    font-size: 16px;
}
.prev-next{
    margin-top: 30px;
}
/*cpxq*/
.pro_show .container{
    width: 70%;
}
.propic{
    padding: 0;
}
.propic{
    box-shadow: 0 0 5px 2px rgba(0,0,0,0.1);
    overflow: hidden;
}
.propic:hover .my-foto{
    transform: scale(1.1);
}
.cpjieshao{
    margin-top: 2%;
}
    /*yczp*/
.yrln{
    text-align: center;
    margin-bottom: 50px;
}
.yrln p{
    margin-top: -30px;
    font-size: 36px;
    font-weight: bold;
    color: #0077cc;
}
.zpln .zpimg{
    position: relative;
    padding: 0px;
    overflow: hidden;
}
.renyong{
    position: absolute;
    bottom: 0px;
    z-index: 6;
    color: #FFFFFF;
    padding-left: 20px;
}
.zprctop{
    text-align: center;
    margin-top: 100px;
    padding-bottom: 20px;

}
.zprctop p:nth-child(2){
    margin-top: -30px;
    font-size: 36px;
    font-weight: bold;
    color: #0077cc;
}
.zprctop p:nth-child(3){
    color: #000;
    font-size: 2em;

}
.zplist .showjobinfo {
    display: none;
    width: 100%;
    clear: both;
    background-color: #fff;
    color: #000;
    text-align: left;
    padding-left: 20px;

}
.zplist .on{
    background: #788694;
}
.zplist .on li{
    color: #FFFFFF;
}
.zplist .on .showjobinfo{
    display: block;
    color: #000;
}
.zplist ul{
    padding: 0;
    cursor: pointer;
    background-color: #fff;
    border: 1px #d3d7df solid;
    margin-bottom: 5px;
}
.zplist ul li{
    text-align: center;
    padding: 1em 0;
    font-size: 16px;
}
.renyong p:nth-child(1){
    font-size: 24px;
}
.renyong p:nth-child(2){
    font-size: 18px;
}
.zpln .zpimg:hover img{
    transform: scale(1.1);
}
/*综合实力*/
.abt_con .fazl{
    margin-top: 50px;
}
.fazlt{
    margin-bottom: 25px;
}
.fazlt:nth-child(2){
    margin-left: 40px;
}
.fazlt:nth-child(3){
    margin-left: 80px;
}
.fazlt:nth-child(4){
    margin-left: 80px;
}
.fazlt:nth-child(5){
    margin-left:  45px;
}
.fazlt h4{
    color: #0077cc;
    font-weight: bold;
    padding: 20px 0;
}

.fazlt::after{
    content: "";
    display: block;
    width: 100%;
    border-bottom: 1px dashed #cccccc;
}
.zhsllist{
    text-align: center;
}
.zhsllist img{
    text-align: center;
}
.zhsltt{
    text-align: justify;
    margin: 10px 0;
    line-height: 2;
}
.zhsltt:nth-child(1) h3{
    padding-top: 10px;
}

.zhsltt h3{
    padding-bottom: 20px;
    position: relative;
    color: #0077cc;
    margin-bottom: 20px;
    padding-top: 50px;
}
.zhsltt h3::after{
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: rgba(0,0,0,0.3);
}
.cover{
    position:relative ;

    text-align: center;
    background: #efefef;
    padding-top: 10px;
    margin-bottom: 30px;
}
.cover div{
    margin: 0 15px;
    overflow: hidden;
}
.piclist:hover .cover img:nth-child(1){
    transform: scale(1.1);
}
.cover p{
    padding: 20px 0;
    color: #666;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 0px;
}



.piclist:hover .cover p{
    color: #0077cc;

    transition: 0.5s line;
}
.abt_con1{
    padding: 0;
    margin-top: 694px;
    background: #FFFFFF;
}
.abt_con1 .pbb{

    text-align: center;
    background: url("../images/pbbbg.jpg")no-repeat center;
    margin: 0;
    padding: 4.7% 0 ;
}
.abt_con1 .khts{

    text-align: center;
    background: url("../images/khtsbg.jpg")no-repeat center;
    margin: 0;
    padding: 5% 0 ;
}
.pbb p{
    margin-top: -30px;
    font-size: 36px;
    color: #0077cc;
    font-weight: bold;
    margin-bottom: 30px;
}
.khts p{
    margin-top: -30px;
    font-size: 36px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 30px;
}
.abt_con1 .pkg{
    text-align: center;
    background: url("../images/pkgbg.jpg")no-repeat center;
    margin: 0;
    padding: 5% 0 ;
}
.pkg p{
    margin-top: -30px;
    font-size: 36px;
    color: #0077cc;
    font-weight: bold;
    margin-bottom: 30px;
}
/*leftnav*/
.blog-sidebar {
    padding: 15px;
    margin-bottom: 30px;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
}
.blog-sidebar .search-field {
    width: calc(100% - 50px);
    border: 1px solid #ccc;
    padding: 0 10px;
    color: #606060;
    font-size: 14px;
    height: 50px;
    float: left;
    text-transform: capitalize;
    outline: none;
    text-decoration: none;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.blog-sidebar .search-btn {
    width: 50px;
    height: 50px;
    margin-left: -4px;
    text-align: center;
    cursor: pointer;
    background-color: #f8f8f8;
    border: 1px solid #ccc;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.blog-sidebar .search-btn:hover i{
    color: #0077cc;
}
.blog-sidebar .search-btn i {
    font-size: 20px;
    line-height: 50px;
    color: #333c4a;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.sidebar-single {
    padding: 10px;
    box-shadow: 0 0 4px 0 rgba(0,0,0,0.1);
    margin-bottom: 30px;
}
.sidebar-single .sidebar-title {
    margin-bottom: 5px;
}
.sidebar-single .sidebar-title h3 {
    color: #333c4a;
    font-size: 20px;
    font-weight: 700;
    line-height: 45px;
    margin-top: -3px;
    text-transform: uppercase;
    margin-bottom: 0;

}
.abt_con .sidebar-category{
    padding: 0;
}
.sidebar-category li>a {
    font-size: 15px;
    color: #333c4a;
    text-transform: capitalize;
    line-height: 18px;
    position: relative;
    display: block;
    padding: 18px 0 15px;
    border-bottom: 1px solid #ededed;
    -webkit-transition:all 0s ease-in;
    -moz-transition:all 0s ease-in;
    -ms-transition:all 0s ease-in;
    -o-transition:all 0s ease-in;
}
.sidebar-category>li>a{
    font-weight: bold;
}
.sidebar-category>li>a:hover{
    font-size: 17px;
    color: #0077cc;
}
 .sidebar-category li.has-children>a::before,.sidebar-category li.has-children1>a::before{
    top: 50%;
    right: 0;
    /* content: "\f067"; */
    content: "+";
    font-size: 24px;
    position: absolute;
    font-family: Fontawesome;
    text-align: right;
    -webkit-transform: translate(0, -44%);
    -moz-transform: translate(0, -44%);
    -ms-transform: translate(0, -44%);
    transform: translate(0, -44%);
    color: #0077cc;
}

.side-lianxi{
    box-shadow: 0 0 4px 0 rgba(0,0,0,0.1);
    padding: 10px;
}
.side-lianxi h3{
    margin: 15px 0 5px;
    font-size: 20px;
    font-weight: bold;
    position: relative;
    padding-bottom: 15px;
}
.side-lianxi h3::after{
    content: "";
    background: #333;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;

}
.side-lianxi .fa{

    text-align: center;
    margin-right: 15px;
}
.side-lianxi p{
    position: relative;
    font-size: 16px;
    margin: 10px 0 5px;
    padding-bottom: 5px;
    line-height: 2;
}
.side-lianxi p::after{
    content: "";
    background: #eeeeee;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
}
.side-lianxi p .fa{
    width: 15px;
}
.list-inline-item{
    padding-top: 15px;
}
.side-lianxi  .list-inline-item i{
    color: #333333;
    transition:color 0.5s;

}
.side-lianxi  .list-inline-item i:hover{
    color: #0077cc;
}
.product-item{
    position: relative;
    background: #0077cc;
}

.product-thumb img{
    opacity: 1;
}  .shop-product-wrap>div:hover .product-thumb img{
    opacity: 0.6;
   }

.has-children .children{
    padding: 0;
}.has-children .children1{
     padding-left: 15px;
     padding-right: 0;
 }

.has-children .children a{
    padding-left: 15px;
}
.has-children:hover a::before{
    color: #0077cc;
}
.has-children .children a:hover{
    color: #0077cc;
}
.has-children .children1 a:hover{
    background:#efefef;
    color: #666;
}
.side-lianxi p:hover{
    color: #0077cc;
}
.ind3_wz::after,.ind3_wz::before{
    position: absolute;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.4s,-webkit-transform .4s;
    -moz-transition: opacity 0.4s,-moz-transform .4s;
    -o-transition: opacity 0.4s,-o-transform .4s;
    transition: opacity 0.4s,transform .4s;
}
.ind3_wz::before{
    top: 14%;
    right: 5%;
    bottom: 14%;
    left: 5%;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: scale(0,1);
    -moz-transform: scale(0,1);
    -o-transform: scale(0,1);
    transform: scale(0,1);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
}

.ind3_wz::after{
    top: 8%;
    right: 10%;
    bottom: 8%;
    left: 10%;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: scale(1,0);
    -moz-transform: scale(1,0);
    -o-transform: scale(1,0);
    transform: scale(1,0);
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -o-transform-origin: 100% 0;
    transform-origin: 100% 0;
}
.shop-product-wrap>div .ind3_wz h3,.shop-product-wrap>div .ind3_wz p{
    text-align: center;

}

.shop-product-wrap>div:hover .ind3_wz::after{
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);

}
.shop-product-wrap>div:hover .ind3_wz::before{
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.ind3_wz{
    color: #FFFFFF;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    padding: 50px 20px 20px;
    background: linear-gradient(to top, rgba(0,71,147,0.5) 10%, rgba(75, 184, 232, 0) 100%);
    background:-webkit-linear-gradient(to top, rgba(0,71,147,0.5) 10%, rgba(75, 184, 232, 0) 100%);
    background: -moz-linear-gradient(to bottom,  rgba(0,71,147,0.5) 10%, rgba(75, 184, 232, 0) 100%);

}
.ind4_wz::after,.ind4_wz::before,.active .ind4_wz::after, .active .ind4_wz::before{
    position: absolute;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.4s,-webkit-transform .4s;
    -moz-transition: opacity 0.4s,-moz-transform .4s;
    -o-transition: opacity 0.4s,-o-transform .4s;
    transition: opacity 0.4s,transform .4s;
}
.ind4_wz::before,.active .ind4_wz::before{
    top: 14%;
    right: 5%;
    bottom: 14%;
    left: 5%;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: scale(0,1);
    -moz-transform: scale(0,1);
    -o-transform: scale(0,1);
    transform: scale(0,1);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
}

.ind4_wz::after,.active .ind4_wz::after{
    top: 8%;
    right: 10%;
    bottom: 8%;
    left: 10%;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: scale(1,0);
    -moz-transform: scale(1,0);
    -o-transform: scale(1,0);
    transform: scale(1,0);
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -o-transform-origin: 100% 0;
    transform-origin: 100% 0;
}
.shop-product-wrap>div .ind4_wz h3,.shop-product-wrap>div .ind4_wz p{
    text-align: center;
    margin: 0;
    font-size: 16px;
}

.shop-product-wrap>div:hover .ind4_wz::after,.active .ind4_wz::after{
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);

}
.shop-product-wrap>div:hover .ind4_wz::before,.active .ind4_wz::before{
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.ind4_wz{
    color: #FFFFFF;
    width: 100%;
    z-index: 1;
    padding: 20px 20px;
    background: linear-gradient(to top, rgba(0,71,147,0.5) 10%, rgba(75, 184, 232, 0) 100%);
    background:-webkit-linear-gradient(to top, rgba(0,71,147,0.5) 10%, rgba(75, 184, 232, 0) 100%);
    background: -moz-linear-gradient(to bottom,  rgba(0,71,147,0.5) 10%, rgba(75, 184, 232, 0) 100%);

}
.mb-0{
    margin-bottom: 0!important;
}
.breadcrumb-wrap{
    padding: 50px 0;
    background-color: #f5f5f5;
}
.breadcrumb-wrap .breadcrumb{
    margin: 0;
}
.breadcrumb-wrap nav .breadcrumb .breadcrumb-item:nth-child(1):before{
    content: "";
}

.breadcrumb-wrap nav .breadcrumb .breadcrumb-item::before {
    color: #606060;
    content: "\f0da";
    padding: 0 6px;
    margin-right: 6px;
    font-family: fontawesome;
}
.breadcrumb-wrap nav .breadcrumb .breadcrumb-item a {
    color: #222222;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    text-transform: uppercase;
    padding: 0 5px;
}
.breadcrumb-wrap nav .breadcrumb .breadcrumb-item:nth-child(2) a:nth-last-child(1){
    color:#ff7e21 ;
}
.list-inline-item i {
    font-size: 26px;
    color: #000;
}
/*productshouw*/
.product-xq h3{
    font-weight: bold;
    margin: 40px 0;
}
.product-xq p:nth-child(2){
    font-size: 16px;
}
.product-xq p{
    font-size: 20px;
    margin-bottom: 20px;
}
.shop-product-wrapper{
    float: left;
    width: 100%;
    margin-top: 30px;
}
.shop-product-wrap>div{
    margin-top: 15px;
}
.shenqing{
    display: block;
    width: 100px;
    text-align: center;
    padding: 10px 0;
    background: #0077cc;
    color: #FFFFFF;
}
.shenqing:hover{
    background: #ff7e21;
    color: #FFFFFF;
}
.more_a{width:184px; height:44px; background:#363e45; line-height:44px;
    color:#ffffff;  display:block; padding:0 15px; position: relative;
    margin-top: 20px;
}
 .more_a::after{position:absolute; right:0; top:0;  width:65px; content:"";
    height:0; border-top:44px solid #0077cc; border-left:28px solid transparent;transition:all 0.5s ease;
}
  .more_a a:hover{
      color:#ffffff;
  }
 .more_a a{color:#ffffff; padding-left:15px; font-size:16px; width:100%; display:block; position:relative; z-index:2;}
 .more_a .b{float:right; font-weight:bold; line-height:44px; font-size:20px;}
 .more_a:hover::after{background:#0077cc; width:100%; height:100%;}
.share-icon{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: bold;
}
.share-icon span{
    font-weight: 400;
    font-size: 16px;
}
.share-icon h5{
    margin-right: 10px;
    font-size: 20px;
    font-weight: bold;
}
.share-icon a {
    width: 40px;
    height: 40px;
    color: #606060;
    text-align: center;
    display: inline-block;
    font-size: 16px;
    line-height: 44px;
    padding: 0 8px;
    margin-right: 6px;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.share-icon a:hover {
    color: #ffffff;
    border-color: #0077cc;
    background-color: #0077cc;
}
.cpxingaiqng{
    margin-top: 5%;
}
.cpxingaiqng .canshu,.cpxingaiqng .xingneng,.cpxingaiqng .cailiao,.cpxingaiqng .xiazai{
    display: none;
}
.cpxingaiqng .show1{
    display: block;
}
.cpxingaiqng ul{
    position: relative;
    padding: 0;
    cursor:pointer;
    margin-bottom: 20px;
    background: #0077cc;
}
.cpxingaiqng ul::after{
    /*content: "";
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 1px;
    background:#0077cc;*/
}
.cpxingaiqng ul .show2{
    color: #0077cc;
    background: #eee;
}
.cpxingaiqng ul li{
    float: left;
    padding: 12px 30px;
    font-size: 16px;
    color: #fff;
    transition: 0.5s ease;
    transform: translateY(0%);

}
.cpxingaiqng ul li:nth-child(1){

}
.cpxingaiqng ul li:hover{
    color: #0077cc;
    background: #eee;
}
.cpmc{
    padding-left: 5%;
    overflow: hidden;
    margin-bottom: 4%;
    position: relative;
    padding-bottom: 4%;
}
.cpxingaiqng ul .fanhui{
    float: right;
    background: #ff7e21;

}
.fanhui a{
    color: #FFFFFF;
}
.cpxingaiqng ul .fanhui:hover a button{
    color: #0077cc;
}
.cpmc::before{
    content: "";
    display: block;
    position: absolute;
    left: 10px;
    width: 6px;
    height: 65%;
    background: #0077cc;
}

.cpms{
     margin-left: 5%;
 }
.cpms p{
    margin-bottom: 20px;
}
.cpmc p:nth-child(1){
    font-size: 30px;
    font-weight: bold;
    margin: 0;
    font-family: "Arial";
}
.hblb .swiper-pagination{
    left: 50%;
}
.xiazai a{
    position: relative;
    display: block;
    color: #333333;
    font-size: 16px;
   padding: 20px 0;
    background: url("../images/down.png") no-repeat right center;
}
.xiazai a::after{
    content: "";
    position: absolute;
    bottom: 2px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #eee;
}
.xiazai a:hover{
    color: #0077cc;
}
.xiazai a img{
   max-height: 16px;
    padding: 0 15px;
}
#contactForm p
{
    margin: 0;
    font-size: 16px;
    padding: 6px 12px;
}
@media (max-width: 1800px){
    .abt{
        height: 100%;
        padding-bottom: 120px;
    }
    .slline{
       display: none;
    }
    .zhsl{
        height: 100%;
        padding-bottom: 150px;
    }
    .wrapper{
        height: 100%;
    }
    .news{
        height: 100%;
    }
    .hzhb{
        height: 100%;
    }
}
@media (max-width: 1440px) {
    .NavTop ul{
        width: 720px;
    }
    .ind4_wz{
        padding: 20px 10px;
    }
    .shop-product-wrap>div .ind4_wz h3{
        font-size: 14px;
    }
}
@media (max-width: 1366px){

    .zlzl2 p:nth-child(3){
        padding:0 15px;
    }
    .cover{
        min-height: 238px;
    }
    .pictitie h3{
        font-size: 22px;
    }
    .prot{
        padding-top: 0;
    }
    #swiper3 .swiper-slide p{
        margin-top: 22px;
    }
    .abtjs .xingqing{
        line-height: 1.8;
    }
    .cpjieshao{
        margin-top: 0;
    }
    .cpmc p:nth-child(1){
        font-size: 24px;
    }
    .renyong p:nth-child(2){
        font-size: 16px;
    }
    .side-lianxi h3{
        font-size: 18px;
    }
    .renyong p:nth-child(1){
        font-size: 20px;
    }
    .share-icon{
        font-size: 16px;
    }
    .share-icon h5{
        font-size: 16px;
    }
    .share-icon a{
        width: 30px;
        height: 30px;
        line-height: 29px;
    }
    .side-lianxi p{
        font-size: 14px;
    }
    .product-xq h3{
        margin: 0 0 20px;
        font-size: 24px;
    }
    .product-xq p{
        font-size: 16px;
    }
    .fazl img{
        margin-top: 1%;
    }
    .fazlt{
        margin-bottom: 10px;
    }
    .fazlt p{
        margin-bottom: 10px;
    }
    .damen p:nth-child(3){
        line-height: 2;
    }
    .damen .beijing{
        width: 450px;
    }
    .abtjs p{
        font-size: 20px;
    }
    .NavTop{
        height: 60px;
    }
    .NavTop .logo{
        margin-top: 4px;
    }
    .NavTop ul li{
        line-height: 60px;
    }
    .header-setting-option .search-wrap button{
        line-height: 60px;
    }
    .dropdown{
        line-height: 60px;
    }
    .sub_menu{
        top: 60px;
    }
    .dropdown-menu1{
        top: 60px;
    }
    .abttitle{
        margin-bottom: 5%;
    }
    .protitle .fenlei p:nth-child(1),.protitle .fenlei p:nth-child(2),.protitle .fenlei p:nth-child(3){
        font-size: 14px;
    }
    .protitle .fenlei p{
        font-size: 12px;
    }
    .p_adtimg img{
        min-height: 520px;
    }
    .abt_con,.abt_con1{
        margin-top: 520px;
    }

    .n_top2{
        font-size: 30px;
    }
    .n_top1{
        line-height: 50px;
        height: 50px;
        font-size: 50px;
        margin-bottom: 20px;
    }
    .abt_nav div{
        height: 60px;
        line-height: 60px;
    }
    .numscoll h3{
        font-size: 14px;
    }
    .numscoll h2{
        font-size: 38px;
    }
    .NavTop ul li:hover span{
        width: 75px;
    }
    .newlist a h3{
        font-size: 14px;
    }
    .right_nav{
        top: 30%;
    }
    .NavTop .logo{
        height: 44px;
    }
    .NavTop ul{
        width: 660px;
        right: 18%;
    }

}
.abt_con .concept{
    margin: 0;
}
@media (max-width: 1176px){
    .NavTop ul{
        width: 450px;
        right: 23%;
    }
    .NavTop ul li{
        font-size: 14px;
    }
    .NavTop .logo{
        height: 40px;
    }
}
.foot_addre ul li:nth-child(1){
    font-size: 25px; padding-bottom: 30px;font-weight: bold;
}
@media (max-width: 768px){
    .product-xq div:nth-child(2){
        margin-top: 20px;
    }
    .cpjieshao{
        margin-top: 20px;
    }
    .pictitie{
        top: 30%;
    }
    .n_top3{
        line-height: 1.5;
    }
    .share-icon{
        margin-bottom: 5px;
    }
    .fzlc  #swiper3{
        margin-top: 0;
    }
    #swiper3 .swiper-slide-active .nian::after{
        bottom: 5px;
    }
    #swiper3 .swiper-slide p{
        margin-top: 40px;
    }
    .foot_addre ul li:nth-child(1){
        font-size: 20px; padding-bottom: 20px;
    }
    .f7 p{
        font-size: 16px;
    }
    .n_daohang div:nth-child(2) span:nth-child(2){
        margin: 15px 0!important;
    }
    .abtjs p{
        font-size: 16px;
    }
    .cpmc p:nth-child(1){
        font-size: 24px;
    }
    .share-icon, .share-icon h5{
        font-size: 16px;
    }
    .cpxingaiqng ul li,.share-icon span{
        font-size: 14px;
        text-align: center;
    }
    .cpdjs .cpxingaiqng ul{
        padding: 0;
    }
    .cpxingaiqng ul li{
        padding: 12px;
    }

    .breadcrumb-item:nth-child(1){
        display: none;
    }
    .breadcrumb-wrap nav .breadcrumb .breadcrumb-item::before{
        display: none;
    }
    .cpxingaiqng ul li{
        width: 33.3%;
    }
    .cpmc{
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .cpmc::before{
        left: 0;
        top: 5px;
    }
    .update-time{
        line-height: 0.5;
        padding-bottom: 15px;
        margin-bottom: 15px;
        font-size: 12px;
    }
    .styled-pagination{
        margin-top: 20px;

    }
    .abt_con ul{
        padding: 0 5%;
    }
    .abt_con .joblist{
        padding: 0;
    }
    .yrln{
        margin-bottom: 32px;
    }
    #contactForm .col-lg-12{
        padding: 0;
    }
    #contactForm p{
        padding-left: 0;
    }
    .liuyan .form-control{
        padding-left: 5px;
    }
    .abt_con{
        padding: 30px 0;
    }
    .gswhlist{
        margin-top: 30px;
    }
     .abt_con .fazl img {
        margin: 30px 0;
    }
    .styled-pagination li a{
        padding: 0 11px;
        line-height: 30px;
        font-size: 12px;
    }
    .zlzl2 p:nth-child(3){
        font-size: 16px;
        margin-top: 40px;
    }
    .fazlt{
        margin-left: 0!important;
    }
    .abt_con .liuyan{
        padding: 40px 1%;
    }
    .fzlc2,.zzjg,.picpic,.zlzl2,.yj{
        padding: 30px 30px 0;
    }
    .picpic{
        margin-bottom: 30px;
    }

    .fzlc{
        padding-top: 40px;
        height: 560px;
    }
    .fzlc .swiper-container{
        margin-top: 30px;
    }
    .fzlc::after{
        top: 40%;
    }
    .zprctop{
        margin-top: 30px;
        padding-left: 30px;
        padding-right: 30px;
    }
    .dropdown{
        width: 66px;
    }
    .p_adtimg img{
        min-height: 500px;
    }
    .zhsl .container{
        padding-top: 5%;
    }
    .f7 p:nth-child(3){
        display: none;
    }
    .zhsl .container{
        width: 100%;
    }
    .zhsl h3{
        font-size: 30px;
    }
    .zhsl h4{
        font-size: 24px;
    }
    .zhsljs{
        font-size: 18px;
    }
    .service .container-fluid .box .title .cn{
        font-size: 25px;
        line-height: 30px;
    }
    .service .container-fluid .box .title .en{
        font-size: 30px;
        line-height: 30px;
    }
    .numscoll h2{
        font-size: 30px;
    }
    .zp1_1 li:nth-child(2),.zp1_1 li:nth-child(3),.joblist li:nth-child(2),.joblist li:nth-child(3){
        display: none;
    }

    .abt_nav2 {
        display: none;
    }
    .abt_con .container{
        width: 100%;
    }

    .n_top1{
        font-size: 45px;
    }
    .n_top2{
        font-size: 30px;
    }
    .ningbo {
        display: none;
    }
    .hint{
        display: none;
    }
    .hblb{
        position: relative;
        width: 100%;
        left: 0;
    }
    .f7{
        width: 50%;
    }
    .f7:nth-child(odd){
        transform: translateY(0px);
    }
    .f7:nth-child(even){
        transform: translateY(0px);
    }
    .slline{
        display: none;
    }
    .zhsl{
        height: 100%;
    }
    .fzlc .swiper-button-next,.fzlc .swiper-button-prev{
    width: 30px;
    height: 30px;
    line-height: 30px;
    }
    .fzlc .swiper-button-next{
        right: 10%;
    }
    .fzlc .swiper-button-prev{
        left: 10%;
    }
    .abt_con .xinwen{
        padding-left: 15px;
    }
    .abt_con .row{
        margin: 0;
    }
    .damen .beijing{
        width: 250px;
        height: 190px;
    }
    .abt_con .damen img{
        max-width: 300px;
    }
    .sidebar-single{
        display: none;
    }
    .side-lianxi{
        display: none;
    }
    .abt_nav{
        display: none;
    }
    .news .container .row{
        padding-top: 15px;
    }
    .newlist a p{
        margin-bottom: 15px;
    }
    .news ul li{
        padding-top: 5px;
    }
    .ind2_cot{
        width: 100%;
    }
    .pictitie h1{
        font-size: 24px;
    }
    .pictitie h3{
        font-size: 16px;
        line-height: 1.8;
    }
    .n_daohang{
        left: 0;
        padding: 0 15px;
        top: 15%;
    }
    .abt_con{
        margin-top: 500px;
    }
    #swiper2 .swiper-slide img{
        height: 400px;
    }
    .right_nav{
        display: none;
    }
    .NavTop .logo{
        width: 50%;
        height: 50%;
        margin-top: 15px;
    }
    .abt .container{
        width: 100%;
    }
    .pro .container{
        width: 100%;
    }
    .news .container{
        width: 100%;

    }
    .footer .container{
        width: 100%;
    }
    .byql{
        padding: 0 5px!important;
        margin-bottom: 20px;
    }
    .ljql{
        padding: 0 5px!important;
    }
    .cyjl{
        padding: 0 5px!important;
        margin-bottom: 20px;
    }
    .jjgl{
        padding: 0 5px!important;

    }
    .sljl{
        padding: 0 5px!important;
        margin-bottom: 20px;
    }
    .zhbxl{
        padding: 0 5px!important;
    }
    .pro .container{
        padding: 0;
    }
    .newlist{
        border: none;
        margin-bottom: 5%;
    }

    .prot{
        padding: 40px 0;
    }
    .service .container {
        padding-top: 0
    }
    .service .container .box .title .en{
        font-size: 24px
    }
    .service .container .box .title .cn {
        font-size: 20px
    }
    .service .container .map .hint,
    .service .container .map .ningbo {
        display: none
    }
    .service .container .box{
        position: static;
        padding-bottom: 50px
    }
    .zprctop p:nth-child(3){
        font-size: 1.5em;
    }
    .zplist ul .showjobinfo p{
        font-size: 14px;
    }
    .moju p{
        font-size: 14px;
        line-height: 1.5;
    }
    table{
        width: 100%!important;
    }
}
.footright{ position: fixed; width: 55px;right: 0px; top: 60%; margin-top: -133px; background: #272c31; z-index: 10; padding: 12px 0 5px 0;
    -moz-border-top-left-radius:12px;
    -webkit-border-top-left-radius:12px;
    -khtml-border-top-left-radius:12px;
    border-top-left-radius:12px;
    -moz-border-bottom-left-radius:12px;
    -webkit-border-bottom-left-radius:12px;
    -khtml-border-bottom-left-radius:12px;
    border-bottom-left-radius:12px;}
.footright ul{ float: left; width:100%;}
.footright ul li{ float: right; width: 55px; height: 50px; /*overflow: hidden;*/ position: relative;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    -moz-border-top-left-radius:5px;
    -webkit-border-top-left-radius:5px;
    -khtml-border-top-left-radius:5px;
    border-top-left-radius:5px;
    -moz-border-bottom-left-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -khtml-border-bottom-left-radius:5px;
    border-bottom-left-radius:5px;}
.footright ul li .zbox{ position: absolute; left: 0; top: 0; width:200px;}
.footright ul li .zbox.zbox img{ width: 55px; height: 50px; float: left;}
.footright ul li .zbox .text{ float: left; width:130px; padding: 8px 0 11px 0;}
.footright ul li .zbox .text h5{
    margin: 0;width:100%; float: left; font-size: 14px; color: white; line-height: 17px;}
.footright ul li .zbox .text h6 p{
    padding: 0;
    text-align: left;
    font-size: 14px;
}
.footright ul li .zbox .text h6{
    padding: 0;
    margin: 0;
    width:100%; float: left; font-size: 14px; color: white; line-height: 14px; font-family: Arial;}
.footright ul li .zbox .text h6 a{ color: white;}
.footright ul li .zbox .ewm{ position: absolute; width: 105px; height: 105px; right: -120px; top: -18px; padding: 5px; background:rgba(0,119,204,0.8); z-index: -1;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    -moz-border-top-left-radius:5px;
    -webkit-border-top-left-radius:5px;
    -khtml-border-top-left-radius:5px;
    border-top-left-radius:5px;
    -moz-border-bottom-left-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -khtml-border-bottom-left-radius:5px;
    border-bottom-left-radius:5px;
}
.footright ul li .zbox .ewm img{width:100%;  height:100%;}
.footright ul li:hover .ewm{ right: 200px;}
.footright ul li:hover{ width: 200px; background:rgba(0,119,204,0.8);}
.footright ul li.last .zbox .text h5{ line-height: 31px;}


.footright ul li.wx:hover{width:55px;}


@media screen and (max-width: 1024px) {
    .footright{ display: none;}
}
.my-foto2{
    display: none;
}
.cover .fixon, .fixon{
    margin: 0;position: fixed; left:0; top:0; width:100%;
    height: 100vh;z-index:10000;background-color: rgba(0,0,0,0.8)}
.cover .fixcenter,.fixcenter{
    display: block;
    position:fixed; text-align:center; z-index:10001;
    top: 50%; max-width: 100%;
    left: 50%;
    transform: translate(-50%, -50%); /*向左向上分别平移自身的一半*/
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);

}
@keyframes cover{
    0%{

        left:0;
    }
    100%{
        left:100%;
    }
}
@keyframes typing { from { width: 0; } }

@keyframes blink-caret { 50% { border-color: transparent; } }

.zhongwen{
    display: inline;
    border-right: .08em solid;
    width: 13ch;
    white-space: nowrap;
    overflow: hidden;
    animation: typing 5s steps(30, end) infinite, /* # of steps = # of chars */
    blink-caret .5s step-end infinite alternate;
}
.yinwen{
    display: inline;
    border-right: .08em solid;
    width: 30ch;
    white-space:nowrap;
    overflow:hidden;
    animation:typing 5s steps(30,end) infinite,
    blink-caret .5s step-end infinite alternate;
    text-transform:capitalize;

}
.fanti{
    display: inline;
    border-right: .08em solid;
    width: 13ch;
    white-space: nowrap;
    overflow: hidden;
    animation: typing 5s steps(30, end) infinite,
    blink-caret .5s step-end infinite alternate;

}
.children>.active>a{
    color: #0077cc;
    font-weight: bold;
}
.children1 .active a{
    background: #efefef;
    color: #666;
    font-weight: bold;
}
@media only screen and (max-width: 1600px) {
    .NavTop .logo{ height: 45px;}
}