h1,

h2,

h3,

h4,

h5,

h6,

p,

dd,

ol {

    margin: 0;

}



@font-face {

    font-family: Impact;

    src: url(../fonts/impact.ttf);

}



.clearfix {

    zoom: 1;

}



.clear {

    clear: both;

}



.container {

    padding: 0;

    width: 1600px;

    margin: 0 auto;

    overflow: hidden

}



.inContent {

    width: 1600px;

    margin: 0 auto;

    position: relative;

    -webkit-box-sizing: border-box;

    -ms-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}



body {

    font-size: 14px;

    font-family: Arial, Helvetica, sans-serif;

}



div:focus {

    outline: none;

}



ul,

ol,

body,

html,

p,

dl,

dt,

dd {

    margin: 0;

}



html {

    background: #fff;

    margin: 0 auto;

    font-size: 14px;

    font-family: "微软雅黑";

}



a {

    text-decoration: none;

    color: #333;

    -webkit-transition: color .3s;

    -moz-transition: color .3s;

    transition: color .3s;

}



ul,

li {

    padding: 0px;

    margin: 0px;

    list-style-type: none;

}



img {

    border: 0;

    padding: 0px;

    margin: 0px;

}



input,

textarea,

button {

    border: none;

    outline: none;

    /*去除蓝色边框*/

    margin: 0;

    padding: 0;

}



ol {

    padding: 0

}



.left {

    float: left;

}



.right {

    float: right;

}



.fix::before,

.fix::after {

    display: table;

    clear: both;

    content: '';

}





/* 常量设置 */



.wrap {

    padding: 0 100px;

    margin: 0 auto;

}



a {

    color: inherit;

}



 ::-moz-selection {

    color: #fff;

    background: #005bac;

}



 ::selection {

    color: #fff;

    background: #005bac;

}



 ::-webkit-input-placeholder {

    color: #aaa;

}



::selection {

    background-color: #005bac;

    color: #fff;

}



.placeholder {

    color: #aaa;

}





/*动画*/



.fadeInRight {

    animation: fadeInRight 1s;

}



@keyframes fadeInRight {

    0% {

        opacity: 0;

        transform: translateX(20px)

    }

    100% {

        opacity: 1;

        transform: translateX(0)

    }

}



.fadeInLeft {

    animation: fadeInLeft 1s

}



@keyframes fadeInLeft {

    0% {

        opacity: 0;

        transform: translateX(-20px)

    }

    100% {

        opacity: 1;

        transform: translateX(0)

    }

}





/*css组件设置*/



.form-control,

.input-group-addon,

.btn {

    border-radius: 2px;

}



.form-control:focus {

    border-color: #005bac;

    outline: 0;

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(102, 175, 233, 0.6);

}



.imgZoom img,

.imgY180 img {

    -moz-transition: all .8s ease 0s;

    -ms-transition: all .8s ease 0s;

    -o-transition: all .8s ease 0s;

    -webkit-transition: all .8s ease 0s;

    transition: all .8s ease 0s;

}



.imgZoom {

    overflow: hidden;

    -webkit-transform: rotate(0);

    transform: rotate(0);

}



.imgZoom:hover img {

    -moz-transform: scale(1.1, 1.1);

    -ms-transform: scale(1.1, 1.1);

    -o-transform: scale(1.1, 1.1);

    -webkit-transform: scale(1.1, 1.1);

    transform: scale(1.1, 1.1);

}



.imgY180:hover img {

    cursor: pointer;

    -moz-transform: rotateY(180deg);

    -ms-transform: rotateY(180deg);

    -o-transform: rotateY(180deg);

    -webkit-transform: rotateY(180deg);

    transform: rotateY(180deg)

}





/*

    设置在弹性容器上的属性

*/



.flex {

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

}



.align_items_center {

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}



.align_items_start {

    -webkit-box-align: flex-start;

    -ms-flex-align: flex-start;

    align-items: flex-start;

}



.justify_content_around {

    -webkit-box-pack: center;

    -webkit-justify-content: space-around;

    -ms-flex-pack: center;

    justify-content: space-around;

}



.justify_content_center {

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

}



.justify_content_start {

    -webkit-box-pack: start;

    -ms-flex-pack: start;

    justify-content: start;

}



.justify_content_space_between {

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

}



.justify_content_end {

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: end;

}



.boxSizing {

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    -o-box-sizing: border-box;

    -ms-box-sizing: border-box;

    box-sizing: border-box;

}



.rotate img {

    -webkit-transition: all 1s;

    -moz-transition: all 1s;

    transition: all 1s;

}



.rotate:hover img {

    -moz-transform: scaleX(-1);

    -webkit-transform: scaleX(-1);

    -o-transform: scaleX(-1);

    transform: scaleX(-1);

}



.head {

    /*使导航栏固定在顶部*/

    position: fixed;

    top: 0;

    left: 0px;

    z-index: 99999;

    width: 100%;

    padding: 0 140px;

    height: 90px;

}



.navigation li {

    float: left;

    color: #ffffff;

    font-size: 18px;

    margin: 0 20px;

    position: relative;

}



.navigation .on {

    font-weight: bold;

}



.navigation li a {

    display: block;

    line-height: 90px;

    -webkit-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;

}



.navigation>ul>li a:hover {

    -webkit-transform: translateX(5px);

    transform: translateX(5px);

}



.navigation .dropdown-menu {

    position: absolute;

    z-index: 99;

    background: #f8f8fb;

    transform-origin: 0 0 0;

    transform: translateY(10px) translateX(-50%);

    -webkit-transition: all 0.3s ease 0s;

    -moz-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

    opacity: 0;

    visibility: hidden;

    left: 50%;

    -webkit-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);

    -moz-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);

    box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);

    width: 360px;

    padding: 20px 0;

}

.navigation .dropdown-menu .flex{

    width: 100%;

}

.navigation .dropdown-menu li {

    width: 100%;

    margin: 0;

    text-align: center;

}



.navigation .dropdown-menu li a {

    color: #333333;

    line-height: 24px;

    font-size: 14px;margin-bottom: 18px;

}



.navigation li:hover .dropdown-menu {

    filter: alpha(opacity=100);

    -moz-opacity: 1;

    -khtml-opacity: 1;

    opacity: 1;

    visibility: visible;

    transform: translateY(0px) translateX(-50%);

}



.navigation .cp-xl-nav {

    position: fixed;

    width: 100%;

    left: 0;

    padding: 26px 6%;

    opacity: 0;

    visibility: hidden;

    transition: .3s;

    -webkit-transition: .3s;

    -moz-transition: .3s;

    -ms-transition: .3s;

    -o-transition: .3s;

    transform: translateY(10px);

}



.navigation li:hover .cp-xl-nav {

    transform: translateY(0px);

}



.navigation .cp-xl-nav .item {

    border-right: 1px #cccccc solid;

    padding: 0 30px;

    width: 20%;

    box-sizing: border-box;

}



.navigation .cp-xl-nav .t1 {

    font-size: 18px;

    font-weight: bold;

    color: #000000;

    line-height: 30px;
 margin-bottom: 10px;
}



.navigation .cp-xl-nav .t2 {

    font-size: 14px;

    line-height: 24px;

    color: #666666;
    font-weight: lighter;
  margin-bottom: 10px;

}



.navigation .cp-xl-nav .t3 {

    font-size: 14px;

    line-height: 28px;

    color: #005bac;

}



.navigation .on {

    font-weight: bold;

}





.language .on {

    padding: 5px 10px;

    border-radius: 20px;

}



.language li span {

    font-size: 18px;

    color: #ffffff;

    margin: 0 10px;

}



.language .list {

    position: absolute;

    width: 150px;

    background: #fff;

    color: #333;

    top: 66px;

    display: none;

}



.language .list li {

    font-size: 16px;

    line-height: 30px;

    text-align: center;

}



.banner .swiper-slide .txt {

    position: absolute;

    width: 100%;

    z-index: 9;

    top: 30%;

    text-align: center;

}



.banner .swiper-slide .txt .h1 {

    font-size: 60px;

    color: #ffffff;

    font-weight: lighter;

    margin-bottom: 6px;

}



.banner .swiper-slide .txt .h1 span {

    font-weight: bold;

}



.banner .swiper-slide .txt .h2 {

    font-size: 18px;

    color: #ffffff;

    font-weight: bold;

}



.banner .swiper-slide .txt .more {

    display: block;

    width: 110px;

    height: 34px;

    line-height: 34px;

    text-align: center;

    font-size: 14px;

    border-radius: 30px;

    border: 2px #ffffff solid;

    color: #ffffff;

    margin: 30px auto;

}



.banner .swiper-pagination-bullet {

    height: 29px;

    width: 29px;

    opacity: 1;

    background: url(../images/bannericon-on.png) no-repeat;

}



.banner .swiper-pagination-bullet-active {

    background: url(../images/bannericon.png) no-repeat;

}



.timer-shaft-box {

    width: 100%;

    box-sizing: border-box;

}



.timer-shaft {

    position: relative;

    width: 100%;

    height: 266px;

    overflow: hidden;

}



.timer-left {

    position: absolute;

    top: 35%;

    right: 80px;

    z-index: 99;

    width: 69px;

    height: 30px;

    background: url(../images/index-prev.png) no-repeat;

    background-size: cover;

    cursor: pointer;

}



.timer-right {

    position: absolute;

    top: 55%;

    right: 80px;

    z-index: 99;

    width: 69px;

    height: 30px;

    background: url(../images/index-next.png) no-repeat;

    background-size: cover;

    cursor: pointer;

}



.timer-scale {

    position: absolute;

    top: 0;

    left: 0;

    height: 266px;

    font-size: 0;

    /*white-space: nowrap;*/

    width: 100%;

}



.timer-scale-cont {

    display: inline-block;

    height: 100%;

    width: 25%;

    background: url(../images/index_03.jpg) no-repeat right;

    padding: 70px 60px;

    border-bottom: 1px #e0eaf1 solid;

    border-left: 1px #e0eaf1 solid;

    border-right: 1px #e0eaf1 solid;

}



.timer-scale-cont .t1 {

    font-size: 20px;

    font-weight: bold;

}



.timer-scale-cont .line {

    width: 30px;

    height: 4px;

    background: #bbbbbb;

    margin: 15px 0;

}



.timer-scale-cont .t2 {

    font-size: 16px;

    font-weight: lighter;

}



.timer-scale .hov {

    background: #fff;

    border-bottom: 0;

}



.timer-scale .hov .t1 {

    color: #005bac;

}



.timer-scale .hov .line {

    background: #f58120;

}



.shaft-detail-cont {

    display: none;

}



.scx img {

    width: 100%;

}



.scx {

    position: relative;

    width: 74%;

}



.d-box {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}



.d-box .dian {

    width: 20px;

    height: 20px;

    /*transform: translate3d(0px, 0px, 0px);*/

    position: relative;

    outline: none;

    background-color: #ff6d02;

    box-shadow: 1px 1px 8px 0 rgba(255, 255, 255, 0.75);

    border-radius: 100%;

    transform-origin: 0 0;

    display: block;

}



#plusDiv {

    left: 15%;

    top: 80%;

}



#plusDiv2 {

    left: 40%;

    top: 61%;

}



#plusDiv3 {

    left: 51%;

    top: 44%;

}



#plusDiv4 {

    left: 65%;

    top: 30%;

}



#plusDiv5 {

    left: 80%;

    top: 15%;

}



#plusDiv6 {

    left: 43%;

    top: 60%;

}



#plusDiv7 {

    left: 67%;

    top: 53%;

}



#plusDiv8 {

    left: 77%;

    top: 50%;

}



#plusDiv9 {

    left: 82%;

    top: 46%;

}



.d-box .dian::after {

    content: "";

    -webkit-border-radius: 100%;

    border-radius: 100%;

    height: 300%;

    width: 300%;

    position: absolute;

    margin: -100% 0 0 -100%;

    box-shadow: 0 0 6px 2px #fff;

    animation: pulsate 1s ease-out;

    animation-iteration-count: infinite;

    /*无穷反复*/

    animation-delay: 1.1s;

    cursor: pointer;

}



@keyframes pulsate {

    0% {

        transform: scale(0.1, 0.1);

        opacity: 0;

        filter: alpha(opacity=0);

    }

    50% {

        opacity: 1;

        filter: none;

    }

    100% {

        transform: scale(1.2, 1.2);

        opacity: 0;

        filter: alpha(opacity=0);

    }

}



.lineDiv,

.lineDiv2,

.lineDiv3,

.lineDiv4,

.lineDiv5 {

    display: none;

    position: absolute;

}



.d-box .dian:hover .lineDiv {

    display: block;

}



.lineDiv {

    width: 200px;

    height: 150px;

    bottom: 0;

    text-align: center;

    left: -90px;

}



.lineDiv span {

    background: #ff6d02;
display: block;
    color: #fff;

    padding: 6px 10px;

    border-radius: 30px;

    font-size: 14px;

    z-index: 3;

    position: relative;

    cursor: pointer;

}



.lineDiv::before {

    content: '';

    position: absolute;

    height: 90%;

    width: 1px;

    border-left: 1px #cccccc dashed;

    left: 50%;

    bottom: 20px;

}



.shaft-detail-cont .right {

    width: 20%;

    flex-wrap: wrap;

    margin-right: 4%;

}



.shaft-detail-cont .right .item {

    width: 100%;

    border-bottom: 2px #f2f2f2 solid;

}



.shaft-detail-cont .right .item img {

    width: 34px;

    height: 34px;

}



.shaft-detail-cont .right .item .txt {

    width: 80%;

}



.shaft-detail-cont .right .item .txt .t1 {

    font-size: 20px;

    color: #005bac;

    font-weight: bold;

    margin-bottom: 10px;

}



.shaft-detail-cont .right .item .txt .t2 {

    font-size: 16px;font-weight: lighter;

}



.shaft-detail-cont .right .item .more {

    font-size: 18px;

    font-weight: bold;

    -webkit-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;

    border-bottom: 1px #333 solid;

    padding-bottom: 5px;

}



.shaft-detail-cont .right .item .more:hover {

    -webkit-transform: translateX(5px);

    transform: translateX(5px);

}



.index02 {

    background: url(../images/index_05.jpg) no-repeat left bottom;

    width: 100%;

    margin-top: 60px;

    padding-top: 100px;

}



.index02 .img {

    width: 43%;

}



.index02 .img img {

    width: 100%;

}



.index02 .txt {

    width: 45%;

    padding-left: 100px;

}



.index02 .txt .t1 {

    margin-bottom: 30px;

}



.index02 .txt .t1 span {

    font-size: 16px;

    font-weight: bold;

    border-bottom: 1px;

    color: #666666;

    padding-bottom: 10px;

    border-bottom: 2px #bbbbbb solid;

}



.index02 .txt .t2 {

    font-size: 36px;

    color: #005bac;

    margin-bottom: 6px;

    font-weight: bold;

}



.index02 .txt .t3 {

    line-height: 30px;

    margin-top: 50px;

    font-size: 16px;

}



.index02 .txt .more {

    width: 86px;

    height: 86px;

    background: #f58120;

    color: #ffffff;

    line-height: 86px;

    text-align: center;

    font-size: 16px;

    font-weight: bold;

    border-radius: 20px;

    display: block;

    margin-top: 200px;

}



.banner .swiper-slide .img {

    text-align: center;

}



.banner .swiper-slide img {

    max-width: 100%;

}



.index03 {

    background: url(../images/index03_02.jpg) no-repeat center;

    background-size: 100% 100%;

    width: 100%;

    overflow: hidden;

    padding: 90px 0;

    height: 110vh;

}



.index03 .About_02 {

    width: 100%;

    overflow: hidden;

}
#fzlc .About_02  .pub_title{
    margin-bottom: 0;
}

.wMain {

    width: 100%;

    overflow: hidden;

}



.title_box {

    padding: 0 100px;

    margin-bottom: 10px;

}



.title_box .f48 {
text-transform: uppercase;
    font-size: 36px;

    font-weight: bold;

}



.title_box .f48 .line {

    width: 90%;
    border-radius: 10px;
    height: 10px;
    float: right;
    background: #c2e2fe;

    margin-top: -8px;

}



.title_box .f48 .desc {

    font-size: 32px;

    color: #005bac;

    font-weight: normal;

    margin-top: 10px;

    line-height: 40px;

}



.title_box .f48 .desc span {

    font-weight: bold;

}



.index04 {

    background: url(../images/index4_13_08.jpg) no-repeat center;

    padding: 0 0 30px 0;

    background-size: 100% 100%;

}



.index04 .swiper-button-prev,

.index04 .swiper-button-next {

    width: 63px;

    height: 63px;

    top: 45%;

}



.index04 .swiper-button-prev {

    left: calc(50% - 385px);

    background: url(../images/index-5_19.png) no-repeat;

}



.index04 .swiper-button-next {

    right: calc(50% - 385px);

    background: url(../images/index-5_20.png) no-repeat;

}



.index04 .swiper-pagination {

    bottom: 0;

    right: 0;

    width: 100%;

    margin: 0 auto;

}



.index04 .swiper-pagination-bullet {

    width: 12px;

    height: 12px;

    /*增加可点击区域*/

    opacity: 1;

    background: #fff;

    border-radius: 50%;

    margin: 0 1px;

    vertical-align: top;

    outline: none;

}



.index04 .swiper-pagination-bullet-active {

    background: #005bac;

}



.index04 .swiper-slide {

    width: 550px;

   border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;

    overflow: hidden;

}



.index04 .swiper-slide .caseimg img {

    opacity: 0.4;

    transition: all 0.3s;

    display: block;

    width: 550px;

    height: 100%;

    border-radius: 20px;

}



.index04 .swiper-slide-active,

.index04 .swiper-slide-duplicate-active {

    transform: scale(1);

    z-index: 999;

    /* 层级提升 */

}



.index04 .swiper-slide-active .caseimg img,

.index04 .swiper-slide-duplicate-active .caseimg img {

    opacity: 1;

}



.index04 .swiper-container {

    padding-bottom: 80px;

}



.index04 .swiper-slide .biaoti {

    margin-bottom: 45px;

    opacity: 0.4;

}



.index04 .swiper-slide .biaoti p {

    font-size: 16px;

    font-weight: bold;

     
padding-left: 20px;
    border-left: 6px #f58120 solid;

    line-height: 24px;

    margin-bottom: 0;

}



.index04 .swiper-slide .biaoti img {

    box-shadow: 0px 0 15px 5px rgba(1, 57, 150, 0.2);

}



.index04 .swiper-slide .title {

    display: none;

    position: absolute;

    z-index: 1;

    left: 0;

    bottom: 0;

    height: 95px;

    line-height: 105px;

    width: 100%;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    padding: 0 30px;

    font-size: 24px;

    text-align: center;

    color: #ffffff;

    background: url(../images/index05_27.png);

}



.index04 .swiper-slide-active .title {

    display: block;

}



.index04 .swiper-slide-active .biaoti {

    opacity: 1;

}



.index05 {

    background: url(../images/index06_31_09.jpg) no-repeat center;

    background-size: 100% 100%;

    padding-top: 10px;

    overflow: hidden;

}



.index05 #marquee1 {

    width: 1920px;

    overflow: hidden;

    margin: 0 auto;

}



.index05 #marquee1 ul li {

    float: left;

    width: 200px;

    padding: 0 30px;

    margin-bottom: 40px;

}



.index05 #marquee1 ul li img {

    display: block;

    width: 200px;

    height: 80px;

    box-shadow: 0px 0 15px 5px rgba(1, 57, 150, 0.1);

}



.index05 #marquee2 {

    width: 1920px;

    overflow: hidden;

    margin: 0 auto;

}



.index05 #marquee2 ul li {

    float: left;

    width: 200px;

    padding: 0 30px;

    margin-bottom: 40px;

}



.index05 #marquee2 ul li img {

    display: block;

    width: 200px;

    height: 80px;

    box-shadow: 0px 0 15px 5px rgba(1, 57, 150, 0.1);

}



.index05 #marquee3 {

    width: 1920px;

    overflow: hidden;

    margin: 0 auto;

}



.index05 #marquee3 ul li {

    float: left;

    width: 200px;

    padding: 0 30px;

    margin-bottom: 40px;

}



.index05 #marquee3 ul li img {

    display: block;

    width: 200px;

    height: 80px;

    box-shadow: 0px 0 15px 5px rgba(1, 57, 150, 0.1);

}



.index05 .lx {

    text-align: center;

    margin-top: 40px;

}



.index06 {

    background: #f0f7ff;

    padding: 10px 0 100px 0;

    overflow: hidden;

}



.index06 .box {

    width: 47%;

    padding: 30px;

    background: #ffffff;

}



.index06 .box .box-new .indexNew-img-right {

    padding-bottom: 25%;

    height: 0;

    position: relative;

    width: 37%;

}



.index06 .box .box-new .indexNew-img-right img {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    display: block;

}



.index06 .box .swiper-slide {

    overflow: hidden;

}



.index06 .box .top span {

    font-size: 30px;

    font-weight: bold;

    margin-bottom: 30px;

}



.index06 .box .top .more {

    font-size: 30px;

    color: #999999;

    margin-bottom: 30px;

}



.index06 .box .img {

    width: 100%;

    padding-bottom: 55%;

    height: 0;

    position: relative;

    display: block;

}



.index06 .box .img img {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    display: block;

}



.index06 .box .title {

    font-size: 22px;

    font-weight: bold;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    line-height: 60px;

    display: block;

}



.index06 .box .detail {

    font-size: 16px;

    line-height: 24px;

    color: #666666;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

}



.index06 .box .date {

    color: #999999;

    margin-top: 15px;

    display: block;

}



.index06 .box .swiper-pagination {

    text-align: right;

    bottom: 0;

}



.index06 .box .swiper-pagination-bullet {

    width: 20px;

    height: 2px;

    background: #999999;

    border-radius: 0;

    opacity: 1;

}



.index06 .box .swiper-pagination-bullet-active {

    background: #f58120;

}



.index06 .box .img-right .img {

    width: 30%;

    padding-bottom: 55%;

    height: 0;

    position: relative;

    display: block;

}



.index06 .box .img-right .img img {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    display: block;

}



.index06 .box .txt {

    width: 60%;

}



.index06 .box .txt .detail {

    -webkit-line-clamp: 3;

}



.index06 .box .item .title {

    width: 90%;

    font-size: 20px;

    color: #666666;

    line-height: 90px;

}



.index06 .box .item .more {

    width: 9%;

    text-align: right;

    font-size: 30px;

    color: #666666;

    line-height: 90px;

}



.index06 .box .item {

    border-bottom: 1px #dddddd solid;

}



.foot {

    background: url(../images/foot_54.jpg) no-repeat center;

    padding: 50px 0;

    background-size: 100% 100%;

}



.foot .box1 .bt {

    height: 70px;

    line-height: 70px;

    border-bottom: 1px #efeeee solid;

    margin-bottom: 26px;

}



.foot .box1 p {

    color: #ffffff;

    font-size: 16px;

    line-height: 40px;

}



.foot .box1 p img {

    margin-right: 10px;

}



.foot .box1 span {

    color: #ffffff;

}



.foot .box2 {

    text-align: center;

    width: 15%;

}



.foot .box2 .bt {

    height: 70px;

    line-height: 70px;

    border-bottom: 1px #efeeee solid;

    font-size: 18px;

    color: #ffffff;

    margin-bottom: 20px;

}



.foot .box2 a {

    display: block;

    font-size: 16px;

    line-height: 48px;

    color: #ffffff;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.foot .box3 .bt {

    height: 70px;

    border-bottom: 1px #efeeee solid;

    color: #ffffff;

    font-size: 16px;

    margin-bottom: 20px;

}



.foot .box3 .bt .search {

    border: 1px #efeeee solid;

    background: #ffffff;

    border-radius: 30px;

    margin-top: 5px;

}



.foot .box3 .bt .search img {

    margin-right: 10px;

}



.foot .box3 .bt input {

    width: 140px;

    height: 30px;

    line-height: 30px;

    text-indent: 1em;

    border-radius: 30px;

}



.copyright {

    background: #005bac;
font-size: 14px;
    color: #ffffff;

    padding: 20px 100px;

    border-top: 1px #4888c1 solid;

}



.ind_ban_text_two {

    font-size: 20px;

    font-weight: lighter;

}



.ny-banner img {

    width: 100%;

    display: block;

    position: relative;

}



.ny-banner .txt {

    position: absolute;

    width: 100%;

    text-align: center;

    z-index: 11;

    top: 200px;

    color: #ffffff;

}



.ny-banner .txt h1 {

    font-size: 60px;

    font-weight: lighter;

}



.ny-banner .txt .line {

    background: #005bac;

    width: 110px;

    height: 4px;

    margin: 20px auto;

}



.ny-banner .txt p {

    line-height: 26px;

    width: 90%;

    margin: 0 auto;

}



.about01 {

    background: url(../images/about_03.jpg) no-repeat right;

    padding: 100px 0 60px 0;

}



.about01 .left {

    width: 45%;

}



.about01 .left .t1 {

    font-size: 28px;

    line-height: 48px;

}



.about01 .left .t1 span {

    color: #005bac;

    font-weight: bold;

}



.about01 .left .nr-box p {

    

   

    

    font-size: 16px;

    line-height: 30px;

    color: #939393;

    

}



.about01 .right {

    flex-wrap: wrap;

    width: 50%;

}



.about01 .right .item {

    width: 48%;

    background: rgba(255, 255, 255, 0.6);

    border: 1px #eeeded solid;

    border-radius: 19px;

    height: 250px;

    position: relative;

    margin-bottom: 40px;

}



.about01 .right .item img {

    position: absolute;

    left: 37px;

    top: 37px;

}



.about01 .right .item .txt {

    position: absolute;

    right: 37px;

    bottom: 37px;
text-align: right;
}



.about01 .right .txt .num {

    font-size: 60px;

    color: #005bac;

    font-weight: bold;

    margin-right: 15px;

}



.about01 .right .txt .t {

    font-size: 30px;

}



.about01 .right .txt p {

    font-size: 16px;

    font-weight: bold;

    color: #939393;

    text-align: right;

}



.about-pub_case {

    padding-top: 70px;

}



.about02 .bg-box .box img {

    display: block;

    width: 100%;

}



.box-hidden {

    display: none;

}



.about02 .tab-box {

    width: 70%;

    position: absolute;

    right: 50px;

    z-index: 2;

    bottom: 100px;
    display:none;
    align-items: self-end;

}



.about02 .tab-box .item {

    background: #ffffff;

    border-radius: 22px;

    width: 28%;

    float: left;

    margin-left: 1%;

    transition: all 0.3s ease;

    /* 添加过渡属性 */

    opacity: 1;

    /* 初始透明度 */

}





/* 激活状态样式 */



.about02 .tab-box .item.cur {

    opacity: 1;

    transform: scale(1.2);

    /* 轻微放大效果 */

}



.about02 .tab-box .item img {

    display: none;

}



.about02 .tab-box .cur img {

    display: block;

}



.about02 {

    position: relative;

}



.about02 .bg-box {

    position: relative;

}



.about02 .bg-box .txt {

    position: absolute;

    z-index: 1;

    top: 120px;

}



.prolist .group {

    padding: 70px;

}



.prolist .group .txt {

    width: 21%;

}



.prolist .group .txt h1 {

    font-size: 26px;

    font-weight: bold;

    margin: 20px 0;

}



.prolist .group .txt p {

    color: #696f77;

    font-size: 16px;

    line-height: 24px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    overflow: hidden;

}



.prolist .group .txt a {

    width: 180px;

    height: 60px;

    line-height: 60px;

    text-align: center;

    background: #005bac;

    color: #ffffff;

    font-size: 16px;

    border-radius: 30px;

    display: block;

    margin-top: 40px;

}



.prolist .group .item {

    width: 75%;

    position: relative;

    overflow: hidden;

}



.prolist .group .item .proimg .swiper-slide img {

    width: 100%;

    border-radius: 20px;

}



.prolist .group .item {

    position: relative;

}



.prolist .group .item .tab {

    position: absolute;

    bottom: 20px;

    width: 96%;

    left: 2%;

    overflow: hidden;

}



.prolist .group .item .tab .swiper-slide {

    background: rgba(80, 88, 98, 0.9);

    text-align: center;

    padding: 20px 0;

    font-size: 14px;

    color: #ffffff;

    border-radius: 15px;

    cursor: pointer;

}



.prolist .group .item .tab .swiper-slide-thumb-active {

    background: #ffffff;

    color: #333333;

}



.prolist .group .item .swiper-button-next,

.prolist .group .item .swiper-button-prev {

    width: 41px;

    height: 41px;

    top: auto;

    bottom: 140px;

    right: 20px;

}



.prolist .group .item .swiper-button-next {

    background: url(../images/rightarrow.png) no-repeat;

}



.prolist .group .item .swiper-button-prev {

    background: url(../images/leftarrow.png) no-repeat;

    left: auto;

    right: 80px;

}



.fwlc {

    background: url(../images/pro_06.jpg) no-repeat center;

    overflow: hidden;

    background-size: auto 100%;

}



.fwlc .content {

    width: 50%;

    float: right;

    padding: 60px;

}



.fwlc .content .title {

    margin-bottom: 40px;

}



.fwlc .content .title .t1 {

    font-size: 40px;

    font-weight: lighter;

    margin-bottom: 10px;

}



.fwlc .content .title .t1 span {

    color: #005bac;

    font-weight: bold;

}



.fwlc .content .title .t2 {

    font-size: 20px;

    font-weight: lighter;

}



.fwlc .content .box {

    flex-wrap: wrap;

}



.fwlc .content .item {

    width: 25%;

    position: relative;

    z-index: 1;

    margin-bottom: 50px;

}



.fwlc .content .item .img {
margin: 0 auto;
    width: 80px;

    height: 80px;

    border: 2px #ffffff solid;

    border-radius: 50%;

    box-sizing: border-box;

}



.fwlc .content .item .img::before {

    content: '';

    position: absolute;

    width: 50%;

    right: -25%;

    height: 1px;

    border-bottom: 1px #ffffff dashed;

}



.fwlc .content .item p {

    width: 100%;

    text-align: center;

    font-size: 16px;

    margin-top: 16px;

}



.fwlc .content .border .img::before {

    border-bottom: 0;

    border-left: 1px #ffffff dashed;

    height: 30px;

    left: 50%;

    right: 0;

    top: 130px;

}



.fwlc .content .border-last .img::before {

    display: none;

}



.fwlc .content .item .img:hover {

    background: #005bac;

    border-color: #005bac;

}



.headTop-right .search {

    background: #ffffff;

    border-radius: 30px;

    height: 30px;

    margin-left: 20px;

}



.headTop-right .search .search-form {

    height: 100%;

}



.headTop-right .search input {

    height: 25px;

    border-radius: 30px;

    text-indent: 2em;

    background-size: 100% !important;

}



.headTop-right .search img {

    width: 20px;

    margin-right: 10px;

}



.location {

    margin-top: -100px;

    position: relative;

    z-index: 2;

    color: #ffffff;

    margin-bottom: 20px;

}



.prolist2,

.prolist3 {

    background: url(../images/193905158.jpg) #f6f7f8 no-repeat;

    overflow: hidden;

}



.prolist2 .list {

    width: 80%;

    overflow: hidden;

    margin-right: -3%;

    position: relative;

}



.prolist2 .list li {

    width: 47%;

    float: left;

    margin-right: 3%;

    border-radius: 10px;

    background: #ffffff;

    margin-bottom: 40px;position: relative;

}

.prolist2 .list .zl{

    position: absolute;

  right: 0;

  top: 0;

}

.prolist2 .list li .img {

    text-align: center;

    height: 270px;

    line-height: 270px;

}



.prolist2 .list li .img:hover {

    background: url(../images/probg_04.jpg) no-repeat;

    background-size: 100% 100%;

}



.prolist2 .list li .img img {

    max-width: 100%;max-height: 100%;

}



.prolist2 .list li .title {

    height: 90px;

    line-height: 90px;

    padding: 0 30px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    font-size: 18px;

    display: block;

    border-top: 1px #d4d4d4 solid;

}



.prolist2 .right-box {

    width: 20%;

    z-index: 11;

    position: relative;

}



.prolist2 .right-box .item {

    height: 250px;

    border-radius: 10px;

    overflow: hidden;

    margin-bottom: 40px;

    background: #ffffff;

}



.prolist2 .right-box .bg1 {

    background: url(../images/dzyb.png) no-repeat #ffffff right bottom;

}



.prolist2 .right-box .bg2 {

    background: url(../images/pro_09.jpg) no-repeat #ffffff right bottom;

}



.prolist2 .right-box .item .txt {

    margin: 40px 0 0 30px;

}



.prolist2 .right-box .item .txt p {

    font-size: 24px;

    margin-bottom: 10px;

}



.prolist2 .right-box .item .txt a {

    font-size: 16px;

    color: #9196a4;

}



.prolist2 .right-box .item input {

    width: 80%;

    margin-left: 10%;

    height: 40px;

    border: 1px #cdcdcd solid;

    border-radius: 4px;

    color: #999999;

    text-indent: 1em;

    margin-top: 20px;
font-size: 14px;
}



.prolist2 .right-box .item textarea {

    width: 80%;

    margin-left: 10%;

    height: 120px;

    border: 1px #cdcdcd solid;

    border-radius: 4px;

    color: #999999;
font-family: "微软雅黑";
    text-indent: 1em;

    margin-top: 20px;

    padding: 10px 0;

    font-size: 14px;

    margin-bottom: 20px;

}



.prolist2 .right-box .item .btn {

    width: 128px;

    height: 48px;

    line-height: 48px;

    text-align: center;

    display: block;

    background: #828898;

    font-size: 16px;

    font-weight: bold;

    color: #ffffff;

    border-radius: 4px;

    margin-left: 10%;

    margin-bottom: 20px;

}



.prolist2 .right-box .liuyan {

    height: auto;

}



.pages {

    clear: both;

    font-size: 14px;

    text-align: center;

    overflow: hidden;

    margin: 60px 0;

}



.pages ul {

    display: inline-block;

    margin: 0 auto;

    padding: 0

}



.pages ul a {

    color: #555;

    display: block;

    padding: 5px 11px;

    border: 1px solid #ddd;

    float: left;

    margin: 5px;

    font-size: 12px

}



.pages ul a.page-num-current {

    background: #ddd;

}



.pages ul a:hover {

    background: #ddd

}



.news-exp2 {

    width: 100%;

    overflow: hidden;

    margin-top: 30px;

    line-height: 30px;

    font-size: 16px;

    color: #343434;

}



.news-exp2 a {

    display: block;

    width: 50%;

    overflow: hidden;

    float: left;

    line-height: 30px;

    font-size: 16px;

    color: #343434;

    white-space: nowrap;

    text-overflow: ellipsis;

}



.news-exp2 a:last-child {

    text-align: right;

}



.news-exp2 a:hover {

    color: #005bac;

}



.sbyy #marquee1 {

    width: 1920px;

    overflow: hidden;

    margin: 0 auto;

}



.sbyy #marquee1 ul li {

    float: left;

    width: 365px;

    padding: 0 30px;

    margin-bottom: 40px;

    position: relative;

}



.sbyy #marquee1 ul li img {

    display: block;

    width: 365px;

    height: 265px;

}



.sbyy .bt {

    text-align: center;

    margin: 80px 0;

}



.sbyy .bt h1 {

    font-size: 40px;

    font-weight: normal;

    margin-bottom: 12px;

}



.sbyy .bt p {

    font-size: 16px;

    color: #9196a4;

}



.sbyy .title {

    display: block;

    position: absolute;

    z-index: 11;

    width: 365px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    background: rgba(255, 255, 255, 0.55);

    font-size: 16px;

    bottom: 0;

    height: 60px;

    line-height: 60px;

    text-align: center;

}



.sbyy {

    padding-bottom: 100px;

    overflow: hidden;

}



.pro-lx {

    position: relative;

}



.pro-lx img {

    display: block;

    width: 100%;

}



.pro-lx .txt {

    position: absolute;

    text-align: center;

    z-index: 1;

    width: 100%;

    height: 100%;

    top: 100px;

}



.pro-lx .txt h1 {

    color: #ffffff;

    font-size: 46px;

    font-weight: normal;

}



.pro-lx .txt h1 span {

    font-weight: bold;

}



.pro-lx .txt .btn {

    display: block;

    width: 170px;

    height: 50px;

    line-height: 50px;

    text-align: center;

    background: #ffffff;

    color: #005bac;

    font-size: 16px;

    border-radius: 30px;

    margin: 30px auto;

}



.prolist3 .list {

    position: relative;

    z-index: 1;

    width: 60%;

    background: #fff;

    border-radius: 10px;

}



.prolist3 .list li {

    background: #ffffff;

    border: 1px #f9f9f9 solid;

    width: 100%;

}



.prolist3 .list li .img {

    display: block;

    text-align: center;

    padding: 30px 0;

}



.prolist3 .list li .img img {

    max-width: 100%;

}



.prolist3 .list li:hover {

    background: #e3e8e7;

}



.right-box {

    width: 35%;

    position: relative;

    z-index: 1;

    background: #ffffff;

    border-radius: 10px;

}



.prolist3 .proitem {

    margin-bottom: 40px;

}



.prolist3 .right-box .item {

    background: #ffffff;

    border-radius: 10px;

    position: relative;

    overflow: hidden;

    border-radius: 10px;

}



.prolist3 .right-box .item .txt {

    width: 80%;

    margin-left: 10%;

    margin-top: 60px;

}



.prolist3 .right-box .item img {

    position: absolute;

    right: 0;

    top: 0;

}



.prolist3 .right-box .item .t1 {

    font-size: 24px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.prolist3 .right-box .item .en {

    font-size: 14px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    margin: 10px 0 30px 0;

}



.prolist3 .right-box .item p {

    font-size: 14px;

    line-height: 26px;

    color: #666666;

    margin-bottom: 50px;

}



.pronei01 .pro-img .swiper-slide img {

    width: 100%;

}



.prolist3 .right-box .item .more {

    width: 124px;

    height: 40px;

    line-height: 40px;

    text-align: center;

    font-size: 16px;

    background: #f6f7f8;

    border-radius: 30px;

    float: right;

    margin-bottom: 40px;

}



.prolist3 .right-box .item:hover .more {

    background: #005bac;

    color: #ffffff;

}



.pro-nei {

    background: url(../images/proneibg_02.jpg) no-repeat #f7f7f9;

}



.location-nei {

    line-height: 100px;

    color: #939393;

}



.pronei-title {

    padding: 50px 0;

    text-align: center;

}



.pronei-title h1 {

    font-size: 40px;

}



.pronei-title .line {

    width: 80px;

    height: 4px;

    background: #005bac;

    margin: 30px auto;

}



.pronei-title .ms {

    line-height: 26px;

    width: 70%;
    font-size: 16px;
    margin: 0 auto;

    color: #666666;

}



.pronei01 .pro-img .swiper-slide {

    text-align: center;

}



.pronei02 {

    overflow: hidden;

    padding-bottom: 30px;

}



.pronei02 .box {

    overflow: hidden;

    margin-right: -1%;

    display: flex;

  flex-wrap: wrap;

  justify-content: center;

}



.pronei02 .box .item {

    width: 24%;

    float: left;

    margin-right: 1%;

    text-align: center;

    background: #ffffff;

    border-radius: 10px;

    margin-bottom: 20px;

}



.pronei02 .box .item .txt {

    margin: 30px 0;

}



/*.pronei02 .box .item .t1 {*/

/*    font-size: 18px;*/

/*    line-height: 30px;*/

/*    margin-bottom: 10px;*/

/*}*/



.pronei02 .box .item .t2, .pronei02 .box .item .t1 {

    font-size: 16px;

    color: #666666;
    height: 30px;
    /*height: 50px;*/
    font-weight: lighter;

}



.pronei02 .box .item .line {

    width: 80%;

    margin: 0 auto;

}



.pronei04 .box img {

    width: 100%;

}



.pronei02 .box .item .icon {

    width: 50px;

    height: 50px;

    margin: 15px auto;

    background-size: 100% 100% !important;

}



.pronei02 .box .item .img1 {

    background: url(../images/58.png) no-repeat;

}



.pronei02 .box .item .img2 {

    background: url(../images/59.png) no-repeat;

}



.pronei02 .box .item .img3 {

    background: url(../images/60.png) no-repeat;

}



.pronei02 .box .item .img4 {

    background: url(../images/61.png) no-repeat;

}



.pronei02 .box .item .img5 {

    background: url(../images/62.png) no-repeat;

}



.pronei02 .box .item .img6 {

    background: url(../images/63.png) no-repeat;

}



.pronei02 .box .item .img7 {

    background: url(../images/64.png) no-repeat;

}



.pronei02 .box .item .img8 {

    background: url(../images/65.png) no-repeat;

}



.pronei02 .box .item:hover .img1 {

    background: url(../images/58on.png) no-repeat;

}



.pronei02 .box .item:hover .img2 {

    background: url(../images/59on.png) no-repeat;

}



.pronei02 .box .item:hover .img3 {

    background: url(../images/60on.png) no-repeat;

}



.pronei02 .box .item:hover .img4 {

    background: url(../images/61on.png) no-repeat;

}



.pronei02 .box .item:hover .img5 {

    background: url(../images/62on.png) no-repeat;

}



.pronei02 .box .item:hover .img6 {

    background: url(../images/63on.png) no-repeat;

}



.pronei02 .box .item:hover .img7 {

    background: url(../images/64on.png) no-repeat;

}



.pronei02 .box .item:hover .img8 {

    background: url(../images/65on.png) no-repeat;

}



.pronei02 .box .item:hover {

    background: url(../images/line_11.jpg) no-repeat #ffffff bottom center;

}



.pronei03 .item {

    overflow: hidden;

    padding: 80px 0;

}



.pronei03 .bg1 {

    background: #ffffff;

}



.pronei03 .bg2 {

    background: url(../images/pro_33.jpg) no-repeat;

    background-size: 100% 100%;

}



.pronei03 .img {

    width: 48%;

}



.pronei03 .img img {

    width: 100%;

}



.pronei03 .txt {

    width: 48%;

}



.pronei03 .txt h1 {

    font-size: 30px;

    font-weight: normal;

    margin-bottom: 40px;

}



.pronei03 .txt h1 span {

    color: #285bf9;

}



.pronei03 .txt p {

    font-size: 16px;

    line-height: 30px;

    color: #666666;

    margin-bottom: 40px;

}



.pronei03 .box .group {

    width: 200px;

    height: 136px;

    background: url(../images/pro_18.jpg) no-repeat;

    background-size: 100% 100%;

    border-radius: 10px;

    margin-right: 25px;

    text-align: center;

    color: #3e434c;

}



.pronei03 .box .group img {

    margin: 10px auto;

}



.pronei04 .xgsb {

    position: relative;

    padding-top: 80px;

}



.pronei04 .xgsb .img {

    display: block;

    width: 100%;

    padding-bottom: 45%;

    height: 0;

    position: relative;

}



.pronei04 .xgsb .img img {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    display: block;

}



.pronei04 .xgsb .title {

    display: block;

    height: 100px;

    line-height: 100px;

    font-size: 16px;

    background: #f6f7f8;

    padding: 0 20px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.pronei04 .xgsb .swiper-button-next,

.pronei04 .xgsb .swiper-button-prev {

    top: 0;

    width: 44px;

    height: 44px;

    ;

}



.pronei04 .xgsb .swiper-button-prev {

    left: auto;

    right: 100px;

    background: url(../images/pro_42.jpg) no-repeat 100%;

}



.pronei04 .xgsb .swiper-button-next {

    background: url(../images/pro_40.jpg) no-repeat 100%;

}



.pronei04 {

    padding-bottom: 80px;

}



.pronei05 {

    background: url(../images/pro_47.jpg) no-repeat center;

    background-size: 100% 100%;

    padding: 100px 0;

}



.pronei05 .left-inp {

    width: 45%;

}



.pronei05 .right-inp {

    width: 50%;

}



.pronei05 p {

    font-size: 16px;

}



.pronei05 span {

    color: #ce0001;

    font-size: 20px;

    line-height: 60px;

}



.pronei05 input {

    width: 100%;

    height: 60px;

    border: 1px #eeeeee solid;

    border-radius: 10px;
font-size: 14px;
    text-indent: 2em;

}



.pronei05 textarea {

    font-size: 16px;
font-family: "微软雅黑";
    background: #ffffff;

    width: 100%;

    height: 75%;

    padding: 20px;

    border-radius: 10px;

}



.pronei05 .btn {

    width: 190px;

    height: 60px;

    line-height: 60px;

    text-align: center;

    background: #005bac;

    color: #ffffff;

    font-size: 16px;

    border-radius: 30px;

    margin: 50px auto;

}



.about02 .bg-box .box .txt .t1 {

    font-size: 40px;

}



.about02 .bg-box .box .txt .t2 {

    font-size: 24px;

    margin: 10px 0 30px 0;

}



.about02 .bg-box .box .txt .t3 {

    font-size: 16px;

    line-height: 30px;

    width: 50%;

}



.about02 .tab-box .item {

    padding: 40px;

    position: relative;

}



.about02 .tab-box .item .t1 {

    font-size: 16px;

    margin-bottom: 20px;

    width: 60%;

}



.about02 .tab-box .item .t2 {

    background-image: linear-gradient(to bottom, #1165cc, #00a0e8);

    color: #ffffff;

    width: 100px;

    height: 100px;

    font-size: 14px;

    border-radius: 15px;

    position: absolute;

    right: 40px;

    top: 30px;
text-align: center;
}



.about03 {

    background: url(../images/n_rongyu_bg.jpg) no-repeat center;

    background-size: auto 100%;
overflow: hidden;
    padding:  0  ;

}



.about03 .solution-swiper {

    width: 24%;

}



.about03 .tabs dl {

    float: left;

    cursor: pointer;

    height: 50px;

    line-height: 50px;

    font-size: 16px;

    color: #666666;

    padding-left: 40px;

}



.about03 .tabs dl.on {

    color: #1265cc;

    font-size: 24px;

    background: url(../images/about_18.jpg) no-repeat center left;

}



.about03 .index2-swiper {

    width: 75%;

}



.about03 .index2-swiper .swiper-slide {

    transform: scale(0.65);

}



.about03 .index2-swiper .swiper-slide-active,

.about03 .index2-swiper .swiper-slide-duplicate-active {

    transform: scale(1);

}



.about03 .aboutbt {

    margin-bottom: 50px;

}



.about03 .aboutbt h1 {

    font-size: 40px;

    font-weight: normal;

}



.about03 .tabs-01 .qh {

    width: 100px;

    height: 100px;

    line-height: 100px;

    background: url(../images/1020.png) no-repeat  100%;

    background-size: 100%;

    display: block;

    font-size: 14px;

    color: #666666;

    text-align: center;

    margin-left: 40px;

}



.about03 .tabs-01 .qh.on {

    background: url(../images/1021.png) no-repeat  ;

    color: #ffffff;
background-size: 100% 100%;
}



.about04 {

    text-align: center;

    padding: 110px 0;

}



.about04 .h1 {

    font-size: 40px;

    font-weight: bold;

}



.about04 p {

    width: 60%;

    font-size: 16px;

    line-height: 30px;

    color: #666666;

    margin: 36px auto;

}



.about04 video {

    width: 60%;

    margin: 50px auto;

}



.s_cxfw {

    padding: 126px 0 130px !important;

    position: relative;

    color: #fff;

    overflow: hidden;

}



.s_cxfw .s_cxfw_slide1,

.s_cxfw .s_cxfw_slide1 .img {

    width: 100%;

    height: 100%;

}



.s_cxfw .jt {

    cursor: pointer;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    width: 70px;

    height: 70px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    border: 1px solid #fff;

    z-index: 66;

    transition: all .5s ease;

}



.s_cxfw .jt svg {

    width: 20px;

    height: 20px;

}



.s_cxfw .jt svg path,

.s_cxfw .jt svg rect {

    fill: #fff;

    transition: none !important;

}



.s_cxfw .prev {

    left: 0;

}



.s_cxfw .prev svg {

    transform: rotate(180deg);

}



.s_cxfw .next {

    right: 0;

}



.s_cxfw .jt:hover {

    background-color: #fff;

}



.s_cxfw .jt:hover svg path,

.s_cxfw .jt:hover svg rect {

    fill: #a3004a;

}



.s_cxfw .h2 {

    font-size: 46px;

    font-weight: bold;

    margin-bottom: 20px;

    text-align: center;

    position: relative;

    z-index: 5;

}



.s_cxfw .h3 {

    font-size: 16px;

    margin-bottom: 70px;

    text-align: center;

    position: relative;

    z-index: 5;

}



.s_cxfw .hz,

.s_cxfw .hz2 {

    position: relative;

    z-index: 5;

}



.s_cxfw .hz {

    text-align: center;

    height: 544px;

    width: 100%;

    overflow: hidden;

    margin-bottom: 60px;

}



@keyframes rotate3 {

    from {

        transform: translate(-50%, -50%) rotate(0deg)

    }

    to {

        transform: translate(-50%, -50%) rotate(360deg)

    }

}



.s_cxfw .hz .centerbox {

    animation: rotate3 20s linear infinite;

    -webkit-touch-callout: none;

    -webkit-user-select: none;

    -khtml-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    width: 554px;

    height: 537px;

}



.s_cxfw .hz .box .ar_article {

    font-size: 16px;

    line-height: 28px;

    color: #fff;

    margin-bottom: 47px;

    text-align: center;

}



.s_cxfw .hz .box .s_more font {

    color: #fff;

}



.s_cxfw .bg_hz {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}



.s_cxfw .bg_hz .swiper-slide {

    position: relative;

    width: 100%;

    height: 100%;

}



.s_cxfw .bg_hz .swiper-slide img {

    display: block;

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.s_cxfw .bg_hz .swiper-slide::before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: #000;

    opacity: 0;

}



.s_cxfw .s_cxfw_slide2 {

    max-width: 480px;

    overflow: visible;

    width: 100%;

    height: 100%;

}



.s_cxfw .s_cxfw_slide2 .swiper-slide {

    padding: 0 48px;

    transition: all .5s ease;

    width: 100%;

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

}



.s_cxfw .s_cxfw_slide2 .swiper-slide-active {

    padding-top: 0;

}



.s_cxfw .s_cxfw_slide2 .swiper-slide .box h4 {

    font-size: 24px;

    line-height: 56px;

    margin-bottom: 26px;

    text-align: center;

}



.s_cxfw .hz .box .ar_article,

.s_cxfw .hz .box .s_more {

    display: none;

}



.s_cxfw .s_cxfw_slide2 .swiper-slide-active .box h4 {

    font-size: 32px;

}



.s_cxfw .s_cxfw_slide2 .swiper-slide-active .box .ar_article {

    display: block;

}



.s_cxfw .s_cxfw_slide2 .swiper-slide-active .box .s_more {

    display: inline-flex;

}



.s_cxfw .hz2 .s_cxfw_slide3 {

    max-width: 1600px;

}



.s_cxfw .hz2::after {

    content: '';

    position: absolute;

    top: 50%;

    left: 0;

    transform: translateY(-50%);

    width: 100%;

    height: 1px;

    background-color: #fff;

    opacity: .3;

}



.s_cxfw .hz2 .s_cxfw_slide3 .box {

    position: relative;

    width: 100%;

    height: 40px;

}



.s_cxfw .hz2 .s_cxfw_slide3 .box h3 {

    text-align: center;

    font-size: 16px;

    width: 0;

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center;

    overflow: hidden;

    white-space: nowrap;

    transition: all .5s ease;

    opacity: 0;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    background-color: #a3004a;

    border-radius: 80px;

}



.s_cxfw .hz2 .s_cxfw_slide3 .box .dot {

    width: 9px;

    height: 9px;

    border-radius: 50%;

    background-color: #fff;

    transition: all .5s ease;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

}



.s_cxfw .hz2 .s_cxfw_slide3 .swiper-slide-thumb-active .box h3 {

    width: 100%;

    opacity: 1;

}



.s_cxfw .hz2 .s_cxfw_slide3 .swiper-slide-thumb-active .box .dot {

    opacity: 0;

}



.w1600 {

    padding: 0 160px

}



.container04 {

    height: 900px;

    overflow: hidden;

    background: #fafafa;

}



.container04 .content {

    display: flex;

    align-items: center;

    height: 100%;

    flex-wrap: wrap;

    background: url(../images/about_26.jpg) right top no-repeat #fafafa;

    background-size: cover;

    max-width: 1920px;

    margin: 0 auto;

}



.container04 .content .box2 {

    /* height:100%; */

    width: 20%;

    text-align: center;

}



.container04 .content .box2 .top {

    width: 180px;

    height: 180px;

    position: relative;

    margin: 0 auto;

}



.container04 .content .box2 .top:before,

.container04 .content .box2 .top:after {

    content: "";

    display: block;

    width: 100%;

    height: 100%;

    position: absolute;

    z-index: -1;

    left: 0;

    top: 0;

    opacity: .4;

    border-radius: 50%;

    transform: scale(1.2);

    background-image: -moz-linear-gradient( 90deg, #abc7ea 100%);

    background-image: -webkit-linear-gradient( 90deg, #abc7ea 100%);

    background-image: -ms-linear-gradient( 90deg, #abc7ea 100%);

    transition: .7s;

    z-index: 9;

}



.container04 .content .box2 .top img {

    position: relative;

    z-index: 99;

}



.container04 .content .box2 .top:after {

    transform: scale(1);

    opacity: 0;

}



.container04 .content .box2:hover .top:before {

    opacity: 0;

    transform: scale(1.9);

}



.container04 .content .box2:hover .top:after {

    opacity: .5;

    transform: scale(1.2);

}



.container04 .content .box1 {

    height: 100%;

    width: calc((100% - 20%) / 2)

}



.list_box_02 {

    position: relative;

    height: 100%

}



.list_box_02 li {

    position: absolute;

    top: 0;

    left: 0;

    transform: translateX(-50%) translateY(calc(-50% + .5px))

}



.list_box_02 li a {

    display: block;

}



.list_box_02 li {

    width: 120px;

    height: 120px;

    background: #ffffff;

    border: 1px #cccccc solid;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

}



.list_box_02 li:nth-child(1) {

    top: 31%;

    left: 74%;

}



.list_box_02 li:nth-child(2) {

    top: 43%;

    left: 42.5%;

}



.list_box_02 li:nth-child(3) {

    top: 45%;

    left: 91%;

}



.list_box_02 li:nth-child(4) {

    top: 57%;

    left: 64%;

}



.list_box_02 li:nth-child(5) {

    top: 68%;

    left: 88%;

}



.list_box_02 li:nth-child(6) {

    top: 72%;

    left: 42.5%;

}



.list_box_02 li:nth-child(7) {

    top: 83.5%;

    left: 71%;

}



.list_box_02 li:nth-child(3) .img {

    animation-delay: 0s;

}



.list_box_02 li:nth-child(5) .img {

    animation-delay: 1s;

}



.list_box_02 li:nth-child(1) .img {

    animation-delay: 2s;

}



.list_box_02 li:nth-child(7) .img {

    animation-delay: 3s;

}



.list_box_02 li:nth-child(2) .img {

    animation-delay: 4s;

}



.list_box_02 li:nth-child(6) .img {

    animation-delay: 5s;

}



.list_box_02 li:nth-child(4) .img {

    animation-delay: 6s;

}



.list_box_02 li:nth-child(8) .img {

    animation-delay: 7s;

}



.list_box_02 li .img {

    animation: star 6s infinite;

    -webkit-animation: star 6s infinite;

    text-align: center;

}



@keyframes star {

    0 {

        opacity: 1;

        transform: scale(.8);

    }

    20% {

        opacity: 0;

        transform: scale(.8);

    }

    40% {

        opacity: 1;

        transform: scale(1);

    }

    100% {

        opacity: 1;

        transform: scale(1);

    }

}



@-webkit-keyframes star

/*Safari and Chrome*/



{

    0 {

        opacity: 1;

        transform: scale(.8);

    }

    20% {

        opacity: 0;

        transform: scale(.8);

    }

    40% {

        opacity: 1;

        transform: scale(1);

    }

    100% {

        opacity: 1;

        transform: scale(1);

    }

}



.list_box_03 {

    position: relative;

    height: 100%

}



.list_box_03 li {

    position: absolute;

    top: 0;

    left: 0;

    transform: translateX(-50%) translateY(calc(-50% + .5px));

    width: 120px;

    height: 120px;

    background: #ffffff;

    border: 1px #cccccc solid;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

}



.list_box_03 li a {

    display: block;

}



.list_box_03 li .img {

    border-radius: 50%;

    background: #fff;

}



.list_box_03 li:nth-child(1) {

    width: 120px;

    top: 30.5%;

    left: 24.5%;

}



.list_box_03 li:nth-child(2) {

    width: 120px;

    top: 45%;

    left: 7.7%;

}



.list_box_03 li:nth-child(3) {

    width: 120px;

    top: 43%;

    left: 56%;

}



.list_box_03 li:nth-child(4) {

    width: 120px;

    top: 57%;

    left: 35%;

}



.list_box_03 li:nth-child(5) {

    width: 120px;

    top: 71%;

    left: 56%;

}



.list_box_03 li:nth-child(6) {

    width: 120px;

    top: 68.5%;

    left: 10.5%;

}



.list_box_03 li:nth-child(7) {

    width: 120px;

    top: 83%;

    left: 27.5%;

}



.list_box_03 li:nth-child(8) .img {

    animation-delay: 1s;

}



.list_box_03 li:nth-child(6) .img {

    animation-delay: 2s;

}



.list_box_03 li:nth-child(5) .img {

    animation-delay: 3s;

}



.list_box_03 li:nth-child(2) .img {

    animation-delay: 4s;

}



.list_box_03 li:nth-child(4) .img {

    animation-delay: 5s;

}



.list_box_03 li:nth-child(3) .img {

    animation-delay: 6s;

}



.list_box_03 li:nth-child(1) .img {

    animation-delay: 7s;

}



.list_box_03 li:nth-child(7) .img {

    animation-delay: 8s;

}



.list_box_03 li .img {

    animation: star 6s infinite;

    -webkit-animation: star 6s infinite;

    text-align: center;

}



.container04 h1 {

    text-align: center;

}



.bjtx {

    font-size: 40px;

    text-align: center;

    padding: 100px 0 0 0;

    background: #fafafa;

    position: absolute;

    width: 100%;

}



.download {

    overflow: hidden;

}



.download h1 {

    text-align: center;

    margin: 80px 0;

    font-size: 40px;

}



.download .search {

    background: #f6f7f8;

    width: 260px;

    float: right;

    height: 40px;

    border-radius: 30px;

    margin-bottom: 30px;

}



.download .search input {

    background: #f6f7f8;

    width: 80%;

    height: 100%;

    border-radius: 30px;

    text-indent: 2em;

}



.download .search img {

    width: 20px;

    margin-right: 20px;

}



.download .list {

    width: 100%;

    overflow: hidden;

}



.download .item {

    background: #f6f7f8;

    border: 1px #e7e7e7 solid;

    padding: 30px 40px;

    border-radius: 15px;

    margin-bottom: 50px;

}



.download .item .title {

    font-size: 30px;

    display: block;

}



.download .item .en {

    font-size: 24px;

    color: #cccccc;

    margin-top: 15px;

}



.lxwm {

    background: url(../images/lxwmbg_04.jpg) no-repeat center #f6f7f8;

    overflow: hidden;

}



.lxwm h1 {

    text-align: center;

    font-size: 40px;

    margin: 80px 0;

}



.lxwm .txt .item {

    margin-bottom: 20px;

}



.lxwm .txt {

    background: url(../images/lxwmbg_07.jpg) no-repeat bottom #ffffff;

    background-size: 100%;

    width: 48%;

    padding: 50px 100px;

}



.lxwm .txt .t1 {
margin-bottom: 10px;
    font-size: 30px;

    font-weight: bold;

}



.lxwm .txt p {
line-height: 26px;
  margin-bottom: 20px;
    font-size: 16px;

    color: #666666;

     

}



.lxwm .map {

    width: 48%;

}



.lxwm .liuyan .ly-content {

    overflow: hidden;

}



.lxwm .liuyan .left {

    width: 48%;

}



.lxwm .liuyan .left input {

    text-indent: 2em;

    height: 60px;

    width: 100%;

    border-radius: 10px;

    border: 1px #efefef solid;

    font-size: 16px;

}



.lxwm .liuyan .left .item {

    margin-bottom: 20px;

}



.lxwm .liuyan .left .item:last-child {

    margin-bottom: 0;

}



.lxwm .liuyan .left .item p,

.lxwm .liuyan .right p {

    font-size: 20px;

    margin-bottom: 10px;

}



.lxwm .liuyan .left .item span,

.lxwm .liuyan .right span {

    color: #ce0001;

}



.lxwm .liuyan .right {

    width: 48%;

}



.lxwm .liuyan .right textarea {

    width: 100%;
font-family: "微软雅黑";
    height: 100%;

    padding: 20px;

    border-radius: 10px;

    border: 1px #efefef solid;

}



.lxwm .liuyan .btn {

    width: 180px;

    height: 60px;

    line-height: 60px;

    text-align: center;

    background: #1265cc;

    color: #ffffff;

    display: block;

    font-size: 18px;

    border-radius: 30px;

    margin: 60px auto;

}



.fwjg .content {

    overflow: hidden;

}



.fwjg {

    background: url(../images/fwjgbg.png) no-repeat center;

    background-size: 100% 100%;

    padding: 120px 0;

}



.fwjg .left {

    width: 28%;

}



.fwjg .left .t1 {

    font-size: 24px;

    color: #ffffff;

    font-weight: bold;

    background: url(../images/line.png) no-repeat bottom left;

    padding-bottom: 3px;

    margin-bottom: 20px;

}



.fwjg .left .t2 {

    font-size: 36px;

    color: #ffffff;

    font-weight: bold;

}



.fwjg .left .dt {

    margin: 60px 0;

    width: 100%;

}



.fwjg .left .t3 {

    font-size: 24px;

    color: #ffffff;

    font-weight: bold;

    margin-bottom: 10px;

}



.fwjg .left .t3 img {

    margin-right: 10px;

}



.fwjg .left .t4 {

    font-size: 55px;

    font-weight: bold;

    color: #f58120;

}



.fwjg .right {

    width: 68%;

}



.fwjg .right ul {

    margin-right: -2%;

}



.fwjg .right li {

    background: url(../images/28.png) no-repeat;

    background-size: 100% 100%;

    width: 31.3%;

    margin-right: 2%;

    float: left;

    padding: 20px 25px;

    align-items: flex-start;

    margin-bottom: 26px;

}



.fwjg .right li img {

    margin-top: 6px;

    margin-right: 10px;

}



.fwjg .right .txt {

    color: #ffffff;

    font-weight: bold;

}



.fwjg .right .txt .t1 {

    font-size: 16px;

    line-height: 30px;

}

.fwjg .right .txt .t2{
    font-weight: lighter;
}

.fwjg .right ul {

    flex-wrap: wrap;

}



.fwjg .right li:hover {

    background: url(../images/29.png) no-repeat;

    background-size: 100% 100%;

}



.fwjg .right li:hover .txt {

    color: #333;

}



.videoCenter {

    background: url(../images/lxwmbg_04.jpg) no-repeat center #f6f7f8;

    overflow: hidden;

}



.videoCenter .fl {

    margin: 90px 0;

}



.videoCenter .link-box {

    width: 80%;

}



.videoCenter .link-box a {

    background: #ffffff;

    padding: 10px 30px;

    margin-right: 20px;

    font-size: 16px;

    border-radius: 30px;

    color: #939393;

}



.videoCenter .link-box a:hover,

.videoCenter .link-box .on {

    background: #1265cc;

    color: #ffffff;

}



.videoCenter .fl .search {

    background: #ffffff;

    width: 260px;

    float: right;

    height: 40px;

    border-radius: 30px;

}



.videoCenter .fl .search input {

    background: #ffffff;

    width: 80%;

    height: 100%;

    border-radius: 30px;

    text-indent: 2em;

}



.videoCenter .fl .search img {

    width: 20px;

    margin-right: 20px;

}



.videoCenter ul {

    margin-right: -2%;

    flex-wrap: wrap;

}



.videoCenter li {

    width: 31.2%;

    float: left;

    margin-right: 2%;

    margin-bottom: 40px;

}



.videoCenter li video {

    width: 100%;height: 310px;

}



.videoCenter .title {

    background: #ffffff;

    display: block;

    padding: 20px;

    font-size: 24px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

}



.newslist {

    background: url(../images/newsbg_03.jpg) no-repeat center #f6f7f8;

}

.newslist .xw-fl{

    padding:100px 0 50px 0;

}

.newslist .xw-fl a{

    display: block;

  width: 150px;

  font-size: 18px;

  text-align: center;

  background: #e3e3e3;

  height: 50px;

  line-height: 50px;

  border-radius: 30px;

  margin: 0 20px;

}

.newslist .xw-fl .on{

    background:#016dcf;

    color:#ffffff;

}

.newslist .wrap {

    overflow: hidden;

}



.newslist .item {

    padding: 50px 0;

}



.newslist .item .date {

    width: 9%;

    font-size: 20px;

}

.newslist .item .date p{

    margin-bottom: 0 !important;

    color:#333!important ;

}

.newslist .item .date span{

    color:#333!important ;

}

.newslist .item .nr-box{

    width: 85%;

}

.newslist .item .date span {

    font-size: 30px;

}



.newslist .item .center {

    width: 60%;

}



 



.newslist .item .center .title {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    font-size: 30px;

    font-weight: bold;

    margin-bottom: 68px;

    display: block;

}



.newslist .item .center p {

    font-size: 16px;

    line-height: 28px;

    color: #939393;

    margin-bottom: 40px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

}



.newslist .item .center .more {

    font-size: 18px;

    color: #1265cc;

}



.newslist .item .img {

    width: 35%;

    padding-bottom: 20%;

    height: 0;

    position: relative;

    display: block;

    border-radius: 10px;

}



.newslist .item .img img {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    display: block;

}



.newsNei {

    background: url(../images/newsbg_03.jpg) no-repeat center #f6f7f8;

    padding-bottom: 100px;

}



.newsNei .news-location {

    color: #939393;

    padding: 50px 0;

}



.newsNei .content .box {

    font-size: 18px;

    line-height: 36px;

    color: #666666;

}



.newsNei .content .box img {

    max-width: 100%;

}



.newsNei .content .nei-box {

    background: #ffffff;

    padding: 30px;

    width: 70%;

}



.newsNei .content .nei-box h1 {

    margin: 20px 0 50px 0;

    font-size: 30px;

}



.newsNei .content .nei-box .date {

    font-size: 16px;

    color: #939393;

    margin-bottom: 30px;

}



.newsNei .hot-news {

    width: 26%;

    background: #ffffff;

}



.newsNei .hot-news img {

    width: 100%;

}



.newsNei .hot-news .item {

    padding: 20px 30px;

    border-bottom: 1px #f6f6f5 solid;

}



.newsNei .hot-news .item .box1 {

    overflow: hidden;

    margin-bottom: 20px;

}



.newsNei .hot-news .item .box1 .num {

    font-size: 26px;

    float: left;

    margin-right: 20px;

    color: #013996;

}



.newsNei .hot-news .item .box1 .title {

    font-size: 18px;

    line-height: 27px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

}



.newsNei .hot-news .item .date {

    text-align: right;

    color: #939393;

}

.videoCenter .fl .search .search-btn, .foot .box3 .bt .search-btn{

    width: 15%;

}

.foot .box3{

    width: 12%;

}



 #back-to-top {

            position: fixed;

            right: 30px;

            bottom: 30px;

            width: 60px;

            height: 60px;

            border-radius: 50%;

            display: flex;

            justify-content: center;

            align-items: center;

            cursor: pointer;

            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);

            opacity: 0;

            visibility: hidden;

            transition: all 0.3s ease;

            z-index: 999;

            background: #ffffff;

        }

        

        #back-to-top img {

            width: 100%;

        }

        

        #back-to-top:hover {

            transform: translateY(-3px);

            box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);

        }

        

        #back-to-top.show {

            opacity: 1;

            visibility: visible;

        }
        .about01 .left .nr-box{
     overflow-y: scroll;
     margin-top: 30px;
      height: 280px;
      padding-right: 30px;
}
.about01 .left  .nr-box strong{
    color: #005bac;
}
 #back-to-top {
            position: fixed;
            right: 30px;
            bottom: 100px;
            width: 60px;
            height: 60px;
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
            opacity: 0;
            visibility: hidden;
            transition: all 0.3s ease;
            z-index: 999;
            background: #ffffff;
        }
        
        #back-to-top img {
            width: 100%;
        }
        
        #back-to-top:hover {
            transform: translateY(-3px);
            box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
        }
        
        #back-to-top.show {
            opacity: 1;
            visibility: visible;
        }
        
#n_ruyu {
    padding-top: 74px;
    padding-bottom: 60px;
     
}

#n_ruyu .hd {
    margin-bottom: 56px;
}

#n_ruyu .hd ul {
    width: 520px;
    margin: 0 auto;
    max-width: 100%;
}

#n_ruyu .hd ul li {
    text-align: center;
    font-size: 20px;
    color: #464646;
    position: relative;
    padding-bottom: 16px;
}

#n_ruyu .hd ul li:before {
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    background: #5684b4;
    position: absolute;
    left: 50%;
    bottom: 0;
    opacity: 0;
    margin-left: -5px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

#n_ruyu .hd ul li.slick-current {
    color: #5684b4;
}

#n_ruyu .hd ul li.slick-current:before {
    opacity: 1;
}

#n_ruyu .bd>.slick-list {
    overflow: visible;
}

#n_ruyu .bd ul {
    display: flex;
    justify-content: center;
    flex-flow: wrap;
}

#n_ruyu .bd ul li {
    padding: 0 20px;
    margin-bottom: 48px;
    width: 25%;
}

#n_ruyu .bd ul li .box {
    position: relative;
    background: url(../images/rongyu_bg01.png) center top no-repeat;
    background-size: 100% auto !important;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

#n_ruyu .bd ul li .box .hezi {
    padding-top: 55.8%;
    height: 0;
}

#n_ruyu .bd ul li .box .txt {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 70%;
    padding: 10px 25px;
    padding-top: 8%;
    display: flex;
    /*! align-items: center; */
    justify-content: center;
    font-size: 14px;
    color: #3d4043;
    line-height: 1.6;
    /*overflow-y: scroll;*/
}

#n_ruyu .bd ul li .box .txt p {}

#n_ruyu .bd ul li:hover .box {
    background: url(../images/rongyu_bg02.png) center top no-repeat;
    background-size: 100% auto !important;
}

#n_ruyu .bd ul li:hover .box .txt {
    color: #fff;
}

#n_ruyu .slick-arrow {
    z-index: 99;
    position: absolute;
    top: 40%;
    opacity: 1;
    margin-top: 45px;
    display: block;
    width: 37px;
    height: 37px;
    background-size: contain !important;
}

#n_ruyu .slick-prev {
    left: -3%;
    background: url(../images/s_coop_left.png) left center no-repeat;
    transition: 300ms;
    -webkit-transition: 300ms;
}

#n_ruyu .slick-next {
    right: -3%;
    background: url(../images/s_coop_right.png) right center no-repeat;
    transition: 300ms;
    -webkit-transition: 300ms;
}

#n_ruyu .slick-prev:hover {
    background: url(../images/s_coop_left_on.png) left center no-repeat;
}

#n_ruyu .slick-next:hover {
    background: url(../images/s_coop_right_on.png) right center no-repeat;
}
        
        .n_tt h3 {
            font-size: 40px;
            color: #404c63;
            font-weight: bold;
            margin-bottom: 50px;
            text-align: center;
        }
        .headTop-right .search-ipt {
    width: 80%;
}

.headTop-right .search-btn {
    width: 20px;
}
#fzlc{
    height: 110vh;
}