@charset "utf-8";
/* CSS Document */
@media (min-width: 1440px){
    .container {
        width: 1380px;
    }
}
h4, h5, h6,
h1, h2, h3,ul,li {margin: 0; padding:0}
ul, ol {margin: 0;}
ul,li{ list-style-type:none}
p {margin: 0;}
html, body{
   font-family:"微软雅黑", 'Lato', sans-serif;
   font-size: 110%;height: 100%;margin: 0;
    padding: 0;
}

body a{
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
a:hover{ text-decoration:none; color:#00bfff}
img{ max-width:100%; vertical-align:middle}


.clear{ clear:both}

.index{width: 100%;height: 100%;position: relative;margin-left: auto;
    margin-right: auto;}
.c-banner1{height: 100%}
.mbanner {
    display: none;
}
.spinfo{    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;}
.spinfo .container{height:100%;display: flex;
    justify-content: center;
align-items: center;
}
.spinfo .container .spifnr{width: 75%; text-align: center;color: #fff}
.spinfo .container .spifnr h2{margin-bottom: 10px;font-size: 40px;color: #fff}
.spinfo .container .spifnr p{font-size:19px;}
.bninfo{ position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;display: none}
.bninfo .container{height: 100%;position: relative}
.bninfo .container .bnifnr{width: 40%;position: absolute;bottom: 30%;right: 10%;}
.bninfo .container .bnifnr h2{font-size: 40px;font-weight: bold;color: #fff;margin-bottom: 15px}
.bninfo .container .bnifnr a{color: #fff}
.bninfo .container .bnifnr a span{    display: inline-block;
    background: #00bfff;
    padding: 0 30px;
    line-height: 35px;
    margin-right: 2px;}
.bninfo .container .bnifnr a i{    display: inline-block;
    width: 35px;
    height: 35px;
    background: #00bfff;
    line-height: 35px;
    text-align: center;
    font-style: normal;}

.c-banner1 .swiper-slide {
    position: relative;
    overflow: hidden;
}
.c-banner1 .swiper-slide img {
    width: 100%;
    height: 100vh;
    object-fit: cover;
    -webkit-transition: all 7s;
    transition: all 7s;
}
.c-banner1 .swiper-slide-active img{transform: scale(1.03);}
.c-banner1 .swiper-slide .c-bg2 {
    display: none;
}
.c-banner1 .c-dot {
    position: absolute;
    bottom: 80px;
    left: 0;
    width: 100%;
}
.c-container {
    position: relative;
    width: 100%;
    padding: 0 2rem;
}
.c-banner1 .swiper-pagination {
    position: relative;
    text-align: center;
}
.loading {
    margin: 0 5px;
    width: 38px;
    height: 38px;
    position: relative;
    border: 4px solid transparent;
    background: transparent;
}

.c-banner1 .swiper-pagination-bullet {
    opacity: 1;
}
.loading.swiper-pagination-bullet-active {
    border-color: rgba(255,255,255,.2);
}
.loading .left, .loading .right {
    opacity: 0;
    width: 19px;
    height: 38px;
    overflow: hidden;
    position: absolute;
    left: -4px;
    top: -4px;
    overflow: hidden;
}
.loading.swiper-pagination-bullet-active .left, .loading.swiper-pagination-bullet-active .right {
    opacity: 1;
}
.loading .left:after, .loading .right:after {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 19px;
    height: 38px;
    border: 4px solid #fff;
    border-radius: 19px 0 0 19px;
    border-right: 0;
}
.loading.swiper-pagination-bullet-active .left:after {
    transform-origin: right center;
    /* animation-iteration-count: infinite; */
    animation-fill-mode: forwards;
    animation-duration: 3.9s;
    animation-timing-function: linear;
    animation-name: spin-left;
}
/*
.loading.swiper-pagination-bullet-active:first-child .left:after {
    transform-origin: right center;
    animation-fill-mode: forwards;
    animation-duration: 22.9s;
    animation-timing-function: linear;
    animation-name: spin-left;
}
*/

.loading .right {
    left: auto;
    right: -4px;
    top: -4px;
}
.loading .right:after {
    content: "";
    position: absolute;
    display: block;
    border-radius: 0 19px 19px 0;
    border: 4px solid #fff;
    border-left: 0;
}
.loading.swiper-pagination-bullet-active .right:after {
    transform-origin: left center;
    animation-duration: 3.9s;
    /* animation-iteration-count: infinite; */
    animation-timing-function: linear;
    animation-name: spin-right;
}
/*
.loading.swiper-pagination-bullet-active:first-child .right:after {
transform-origin: left center;
animation-duration: 22.9s;
    animation-timing-function: linear;
    animation-name: spin-right;
}
*/
.loading .c-progress {
    position: absolute;
    width: 8px;
    height: 8px;
    background-color: #fff;
    border-radius: 50%;
    left: 11px;
    top: 11px;
    line-height: 120px;
    text-align: center;
}
@keyframes spin-right {
    0% {
        transform: rotate(180deg);
    }
    50% {
        transform: rotate(360deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes spin-left {
    0% {
        transform: rotate(180deg);
    }
    50% {
        transform: rotate(180deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
@-webkit-keyframes c-zoom {
    0% {
        transform:scale(1,1);
        -webkit-transform:scale(1,1);
    }
    100% {
        transform:scale(1.1,1.1);
        -webkit-transform:scale(1.1,1.1);
    }
}

@keyframes c-zoom {
    0% {
        transform:scale(1,1);
        -webkit-transform:scale(1,1);
    }
    100% {
        transform:scale(1.2,1.2);
        -webkit-transform:scale(1.2,1.2);
    }
}

.c-zoom {
    -webkit-animation-name: c-zoom;
    animation-name: c-zoom;
}
.box{overflow: hidden;position: relative; width: 100%; height: 100%;padding: 6% 0 0}
.box2{background: url("../images/bg1.jpg") center no-repeat; background-size:cover }
.box21{overflow: hidden; position: relative}
.box21l{width: 50%; float: left;margin-right: 5%}
.box21r{width: 45%;float: left; padding-top: 2%}
.box21r h2{color: #fff;margin-bottom: 10px;    font-weight: bold;}
.box21r p{color: #fff; line-height: 2}
a.more{    display: block;
    width: 150px;
    text-align: center;
    color: #fff;
    background: #00bfff;
    line-height: 40px;
    margin-top: 30px;}
.box22{overflow: hidden;margin-top: 3%}
.box22 dl{width: 25%;float: left;color: #fff;    text-align: center;}
.box22 dl dd{font-size: 30px;
    font-weight: 400;}
.box22 dl dd span{}
.box22 dl dt{    font-weight: normal;}
.box3{background: url("../images/bg3.jpg") center no-repeat; background-size:cover }
.title{    text-align: center;
    color: #fff;margin-top: 5%}
.title h2{font-weight:bold;font-size: 30px }
.box3nr{margin-top: 5%; overflow: hidden}
.box3nr dl{width:20%;float: left;text-align: center}
.box3nr dl dd{width: 100px;height: 100px; margin: 0 auto 20px;border-radius: 100%;}
.box3nr dl dt{color: #fff}
.box3nr dl dt h2{font-size: 16px;font-weight:normal; margin-bottom: 10px}
.box3nr dl dt p{font-size: 12px;line-height: 1.6;opacity: 0}
.box3nr dl:hover dt p{opacity:1}
.box3nr dl.sycp1 dd{background: url("../images/sycp1.png") center no-repeat; background-size: 100% 100%;}
.box3nr dl.sycp2 dd{background: url("../images/sycp2.png") center no-repeat; background-size: 100% 100%;}
.box3nr dl.sycp3 dd{background: url("../images/sycp3.png") center no-repeat; background-size: 100% 100%;}
.box3nr dl.sycp4 dd{background: url("../images/sycp4.png") center no-repeat; background-size: 100% 100%;}
.box3nr dl.sycp5 dd{background: url("../images/sycp5.png") center no-repeat; background-size: 100% 100%;}
.box3nr dl.sycp6 dd{background: url("../images/sycp6.png") center no-repeat; background-size: 100% 100%;}
.box3nr dl.sycp7 dd{background: url("../images/sycp7.png") center no-repeat; background-size: 100% 100%;}
.box3nr dl.sycp1:hover dd{background:rgba(255,255,255,0.5) url("../images/sycp1-2.png") center no-repeat; background-size: 100% 100%;}
.box3nr dl.sycp2:hover dd{background:rgba(255,255,255,0.5) url("../images/sycp2-2.png") center no-repeat; background-size: 100% 100%;}
.box3nr dl.sycp3:hover dd{background:rgba(255,255,255,0.5) url("../images/sycp3-2.png") center no-repeat; background-size: 100% 100%;}
.box3nr dl.sycp4:hover dd{background:rgba(255,255,255,0.5) url("../images/sycp4-2.png") center no-repeat; background-size: 100% 100%;}
.box3nr dl.sycp5:hover dd{background:rgba(255,255,255,0.5) url("../images/sycp5-2.png") center no-repeat; background-size: 100% 100%;}
.box3nr dl.sycp6:hover dd{background:rgba(255,255,255,0.5) url("../images/sycp6-2.png") center no-repeat; background-size: 100% 100%;}
.box3nr dl.sycp7:hover dd{background:rgba(255,255,255,0.5) url("../images/sycp7-2.png") center no-repeat; background-size: 100% 100%;}

.box4{background: url("../images/bg4.jpg") center no-repeat; background-size:cover }
.box4nr{    margin-top: 3%;
    }
.xwlb .box4nr{margin-top: 80px}
.box4nr ul{padding-bottom: 5px}
.box4nr ul:after{content: "";display: block;clear: both;}
.box4nr ul li{}
.box4nr ul li .newtp{overflow: hidden}
.box4nr ul li img{    width: 100%; -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;}
.box4nr ul li .newinfo{    padding: 10px; position: relative}
.box4nr ul li .newinfo h3{    font-size: 12px;
    color: #fff;
    border-bottom: 1px solid;
    display: inline-block;
    padding-bottom: 5px}
.box4nr ul li:hover .newinfo h3{border-bottom: 1px solid #00bfff;}
.box4nr ul li .newinfo p{width: 100%;    font-size: 14px;
    color: #fff;
    line-height: 22px;
    margin-top: 10px;
    height: 44px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
.box4nr ul li .newinfo span{     color: #fff;
    font-size: 12px;
    position: relative;
    float: right;}
.box4nr ul li .newinfo:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 100%;
    bottom: 0;
    background: #00bfff;
    height: 1.1px;
    -webkit-transition-property: right;
    -o-transition-property: right;
    -moz-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.box4nr ul li .newinfo:after{    content: "";
    display: block;
    width:100%;
    height: 1.1px;
    background-color: #dddddd;
    position: absolute;
    bottom: 0;
    left: 0;}
.box4nr ul li:hover img { -webkit-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); }
.box4nr ul li:hover .newinfo:before { right: 0; z-index: 2; }
.box4 .title,.box5 .title{margin-top: 2%}
a.more.center{    margin: 30px auto 0;}

.box5{background: url("../images/bg5.jpg") center no-repeat; background-size:cover }
.box5nr{ margin-top: 3%}
.box5nr ul{overflow: hidden}
.box5nr ul li{ width: 14.6666%;float: left;margin: 0 1% 15px}

.gao2{height: auto !important}
footer{position: relative !important; padding: 80px 0 15px; background: #2156a0;color: #fff}
.foot1l{float: left}
.foot1r{float: right;    margin-top: 13px;}
.foot1r ul{text-align: right}
.foot1r ul li{display: inline-block; margin: 0 5px;width: 40px;height: 40px; position: relative}
.foot1r ul li.wx{background: url("../images/wx.png") center no-repeat;background-size: 100% 100%}
.foot1r ul li.tt{background: url("../images/tt.png") center no-repeat;background-size: 100% 100%}
.foot1r ul li.el{background: url("../images/el.png") center no-repeat;background-size: 100% 100%}
.foot1r ul li.fa{background: url("../images/fa.png") center no-repeat;background-size: 100% 100%}
.foot1r ul li.qq{background: url("../images/qq.png") center no-repeat;background-size: 100% 100%}
.foot1r ul li.in{background: url("../images/in.png") center no-repeat;background-size: 100% 100%}
.foot1r ul li.wx:hover{background: url("../images/wx2.png") center no-repeat;background-size: 100% 100%}
.foot1r ul li.tt:hover{background: url("../images/tt2.png") center no-repeat;background-size: 100% 100%}
.foot1r ul li.el:hover{background: url("../images/el2.png") center no-repeat;background-size: 100% 100%}
.foot1r ul li.fa:hover{background: url("../images/fa2.png") center no-repeat;background-size: 100% 100%}
.foot1r ul li.qq:hover{background: url("../images/qq2.png") center no-repeat;background-size: 100% 100%}
.foot1r ul li.in:hover{background: url("../images/in2.png") center no-repeat;background-size: 100% 100%}
.foot1r ul li.wx div{display: none;    width: 100px;
    height: 100px;
    position: absolute;
    bottom: 45px;
    right: 0;}
.foot1r ul li.wx:hover div{display: block}
.foot1 .container{border-bottom: 1px solid #fff;    border-bottom: 1px solid rgba(255,255,255,0.3);
    padding-bottom: 10px;}
.foot2{    margin-top: 30px;}
.foot2l{width: 72%;float:left;overflow: hidden}
.foot2l dl{width: 16.6666%;float: left}
.foot2l dl a{color: #fff}
.foot2l dl a:hover{color: #00bfff}
.foot2l dl dt{font-size: 16px; margin-bottom: 5px}
.foot2l dl dd{font-size: 14px;line-height: 2}

.foot2r{width: 28%;float: left;overflow: hidden}
.foot2rl{width: 30%;float: left}
.foot2rl img{width: 100%;}
.foot2rl p{color: #fff;font-size: 12px; text-align: center}
.foot2rr{width: 63%;float: left;margin-left: 7%}
.foot2rr h3{    font-size: 16px;
    margin-bottom: 10px;}
.foot2rr p{    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 10px;}
.foot3{    margin-top: 10px;
    border-top: 1px solid rgba(255,255,255,0.3);
    padding-top: 15px;font-size: 12px}
.foot3 a{color: #fff}
.foot3l{float: left;    line-height: 35px;}
.foot3r{float: right}
.link{position: relative}
.link p{    color: #999999;
    background: #d3ddec;
    line-height: 32px;
    width: 200px;
    padding-left: 5px;
    position: relative;}
.link p i{    width: 32px;
    height: 32px;
    background: url(../images/link.jpg) center no-repeat;
    background-size: 100% 100%;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 999;}
.link ul{display: none;position: absolute;
    bottom: 32px;
    background: #d3ddec;
    width: 100%;
    padding: 5px;}
.link:hover ul{display: block}
.link ul li{}
.link ul li a{color: #333}
.link ul li a:hover{color: #2c58a0}

.overcp {
    background: rgba(0,0,0,0.7);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
}
.vd-modal {
    position: fixed!important;
    top: 10%;
    left: 25%;
    z-index: 1050;
    background-color: #333;
    outline: 0;
    width: 50%;
    height: 80%;
}
.vd-modal .modal-head {
    margin: 0;
    font-size: 18px;
    height: 0;
    position: relative;
    font-weight: 400;
}
.vd-modal .modal-close {
    position: absolute;
    z-index: 9999;
    top: 20px;
    margin: 0;
    padding: 0;
    font-size: 30px;
    cursor: pointer;
    background: 0 0;
    top: 6px;
    right: 10px;
    width: 44px;
    height: 44px;
    outline: 0;
    color: #fff;
    background-repeat: no-repeat;
    background-image: url(../images/close.png);
    background-position: center center;
}
.zydsp { position:relative; overflow:hidden; padding-bottom:10px}


header.nyhd{background: #fff}
header.nyhd .header-nav li h3 a{color: #666666}
header.nyhd .header-nav li:hover h3 a,header.nyhd .header-nav li.cur h3 a { font-weight: bold; color: #00bfff; }
header.nyhd .headlanguage .langbtn {
    background: url(../images/wicon2-2.png) no-repeat center center;}


.nybanner{ width: 100%;height:400px;position: relative;overflow: hidden;margin-top: 80px}
.nybninfo{    position: absolute;
    top:38%;
    color: #fff;}
.nybninfo h2{margin-bottom: 10px}
.pianyi {
    position: relative;
    display: block;
    height: 0;
    top: -80px;
    overflow: hidden;
    width: 100%;
}
.neiye .title h2{    font-weight: bold;
    font-size: 36px;}
.title.lanse h2{color: #000080}
.boxny{padding: 30px 0}
.gsgknr{ margin: 30px 0
}
.gsgk1{overflow: hidden}
.gsgk1 dl{width: 14.28%;float:left;text-align:center}
.gsgk1 dl dd{}
.gsgk1 dl dd span{    font-size: 20px;
    font-weight: bold;}
.gsgk1 dl dd i{    font-style: normal;
    margin-left: 2px;
    font-size: 12px;}
.gsgk1 dl dt{    font-weight: normal;
    font-size: 14px;}
.gsgk2{margin-top: 20px}
.gsgkinfo{    width: 80%;
    margin: -100px auto 0;
    background: #fff;
    position: relative;
    padding: 30px 40px;
    box-shadow: 0 0 5px #d4d0d0;}
.gsgkinfo h2{    font-size: 22px;
    color: #005ad3;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;}
.gsgkinfo p{    font-size: 14px;
    line-height: 1.8;
    text-indent: 2em;}
.qywh{width: 100%;height: 600px;background: url("../images/whbg.jpg") center no-repeat;padding-top: 50px}
.qywhnr{    overflow: hidden;
    margin-top: 80px;}
.qywhnr dl{    color: #fff;
    width: 22%;
    float: left;
    text-align: center;
    margin: 0 1.5%;}
.qywhnr dl dd{    display: block;
    width: 74px;
    height: 74px;
    margin: 0 auto 30px;
}
.qywhnr dl dt{}
.qywhnr dl dt h2{    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;}
.qywhnr dl dt p{    line-height: 2;}
.qywhnr dl.wh1 dd{background: url("../images/wh1.png") center no-repeat; background-size: 100% 100%}
.qywhnr dl.wh2 dd{background: url("../images/wh2.png") center no-repeat; background-size: 100% 100%}
.qywhnr dl.wh3 dd{background: url("../images/wh3.png") center no-repeat; background-size: 100% 100%}
.qywhnr dl.wh4 dd{background: url("../images/wh4.png") center no-repeat; background-size: 100% 100%}
.zzjg{background: #f6f6f6}
.zzjgnr{ margin: 50px 0;text-align: center}

#about-history .body{
    width:570px;
    margin: 60px auto 0 auto;
    position:relative;

}
#about-history .body div[class^="swiper-button"]{
    top: 50%;
    position: absolute;
    font-size: 30px;
    transform: translateX(-50%);
    color: #C7C7C7;
    cursor:pointer;
    z-index: 1111;
}
#about-history .body .right{
    height:100%;
}
#about-history .body .content{
    padding: 0 20px;
    box-sizing: border-box;
    line-height: 1.8;
    font-size: 14px;
    color: #fff;
}
.fzlc .swiper-pagination-time{
    position:absolute;
    top:auto;
    bottom:-100px;
    left: -315px;
    width: 1200px;
    display: flex;
    justify-content: space-between;
}
.fzlc .container{overflow: hidden;padding-bottom: 200px}
.swiper-pagination-time:before{
    content: '';
    height: 1px;
    width: 100%;
    background: #c7c7c7;
    display: block;
    position: absolute;
    top: 4px;
    z-index: 0;
}
#about-history li{
    height:260px;
    box-sizing:border-box;
    padding:10px;border: 1px solid #098dba;    background: rgba(255,255,255,0.4);
}
#about-history li .col-12, #about-history li img{
    height:100%;
}
#about-history li span{
    font-size: 24px;
    color: #fff;
    display: block;
    margin-bottom: 5px;
}
#about-history .swiper-pagination-time .swiper-pagination-bullet{
    margin:0 50px !important;
    position:relative;
    background: #cecece;
    opacity: 1;
}
#about-history .swiper-pagination-time .swiper-pagination-bullet b{
    color: #cecece;
}
#about-history .swiper-pagination-time .swiper-pagination-bullet-active{
    background: #65c5fe;
    opacity: 1;
}
#about-history .swiper-pagination-time .swiper-pagination-bullet-active b{
    color: #65c5fe;
}
#about-history .swiper-pagination-time .swiper-pagination-bullet b{
    position:absolute;
    top:-25px;
    left:-20px;
    font-size:20px;
}
.col-12 {
    width: 50%;float: left;
}

.fzlc{width: 100%;height:720px;background: url("../images/lcbg.jpg") center no-repeat;padding-top: 50px}
.zltx{padding: 80px 0}
.zltxl,.shzrl {width: 50%;float: left;overflow: hidden}
.zltxl img,.shzrl img{width: 100%;  -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;}
.zltxl img:hover,.shzrl img:hover{-webkit-transform: scale(1.04);
    transform: scale(1.04);}

.zltxr{width: 50%;float: left;padding: 30px}
.zltxr h2{    color: #000080;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 20px;}
.zltxr p{    font-size: 14px;
    line-height: 2;
    margin-bottom: 20px;}
.ryzz{width: 100%;background: url("../images/zzbg.jpg") center no-repeat;background-size:cover;padding: 120px 0 120px}
.ryzz1{overflow: hidden}
.ryzz1 h2{float: left;color: #fff; font-weight: bold;}
.ryzz1 ul{float: right;text-align: right}
.ryzz1 ul li{display: inline-block;margin: 0 10px;padding-bottom: 5px; color: #fff}
.ryzz1 ul li:hover,.ryzz1 ul li.hover{color: #00bfff;border-bottom: 2px solid #00bfff;}
.ryzz2{margin-top: 120px;}
.ryzz2>div{overflow: hidden;position: relative}
.ryzz2>div p{color: #fff;text-align:center; line-height: 40px}
.shzr{padding-bottom: 80px}
.shzrnr{    overflow: hidden;
    position: relative;
    margin-top: 50px;}
.shzrr{    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    padding: 50px 30px;
    background: #f6f6f6;}
.shzrr p{font-size: 14px;line-height: 1.8;margin-bottom: 10px;color: #666666}
.kcxfz{padding: 30px 0 80px;
    background: #f6f6f6;}
.kxcnr{overflow:hidden;margin-top: 50px;}
.kxcnr dl{width: 47%; float: left;margin: 0 1.5% 30px;position: relative}
.kxcnr dl dd{overflow: hidden}
.kxcnr dl dd img{width: 100%;    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;}
.kxcnr dl:hover dd img{ -webkit-transform: scale(1.04);
    transform: scale(1.04);}
.kxcnr dl dt{    font-weight: normal;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    color: #fff;}
.kxcnr dl dt h2{font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;}
.kxcnr dl dt p{    font-size: 14px;
    width: 90%;}

.nynav{border-bottom: 1px solid #e5e5e5;margin-top: 10px}
.nynav ul{text-align: center}
.nynav ul li{ display: inline-block; margin: 0 20px; border-bottom: 2px solid transparent;    line-height: 40px;}
.nynav ul li a{}
.nynav ul li.on,.nynav ul li:hover{border-bottom: 2px solid #00bfff}
.nynav ul li.on a,.nynav ul li:hover a{color: #00bfff}
.xwlb .box4nr ul li{    padding: 0;
    margin: 0 1.5% 30px;
    width: 30.3333%;}
.xwlb .box4nr ul li:hover{ box-shadow: 0 0 5px rgba(214, 211, 211, .75);}
.xwlb .box4nr ul li .newinfo span{color: #666666}
.xwlb .box4nr ul li .newinfo h3{color: #666;}
.xwlb .box4nr ul li .newinfo p{    font-weight: bold;
    color: #333333;
    margin-bottom: 10px;}

.page-list{    width: 100%;
    margin: 20px 0 40px;
    overflow: hidden;
    text-align: center;}/*这里的宽度width:680px;自己调整*/
.page-list b,.page-list a{    width: 40px;
    height: 40px;
    line-height: 40px;display:inline-block;color:#fff;margin: 0 2px;    color: #666666;}
.page-list a{border:1px solid #e4e4e4;}
.page-list b,.page-list a:hover{text-decoration:none;border:1px solid #00bfff;}

.h{width: 100%; height: 80px}

/*新闻*/
.newsinfo_tit {
    width: 100%;
    padding: 60px 0 40px;
    border-top: 1px solid #ddd;
}
.newsinfo_tit {
    width: 100%;
    padding: 60px 0 40px;
    border-top: 1px solid #ddd;
}








@media (max-width: 991px) {
    .newsinfo_tit {
        padding: 40px 0 30px;
    }
}
.newsinfo_tit .basecont {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
@media (max-width: 767px) {
    .newsinfo_tit .basecont .lt {
        width: 100%;
    }
}
.newsinfo_tit .basecont .lt .tit {
    margin-bottom: 14px; line-height: 1.2;
}
.newsinfo_tit .basecont .lt span {
    font-size: 16px;
    color: #999;
}
@media (max-width: 1440px) {
    .newsinfo_tit .basecont .lt span {
        font-size: 14px;
    }
}
.newsinfo_tit .basecont .gt {
    margin-top: 30px;
    display: flex;
    align-items: center;
}
@media (max-width: 767px) {
    .newsinfo_tit .basecont .gt {
        width: 100%;
        margin-top: 26px;
    }
}
.newsinfo_tit .basecont .gt span {
    font-size: 16px;
    color: #666;
    display: block;
    margin-right: 20px;
}
@media (max-width: 1440px) {
    .newsinfo_tit .basecont .gt span {
        font-size: 14px;
    }
}
.newsinfo_tit .basecont .gt a {
    display: block;
    height: 18px;
    overflow: hidden;
    margin-right: 24px;
}
@media (max-width: 1440px) {
    .newsinfo_tit .basecont .gt a {
        font-size: 16px;
    }
}
.newsinfo_tit .basecont .gt a img {
    height: 100%;
    float: left;
}
.newsinfo-section1 {
    width: 100%;
    padding: 60px 0 80px;
}
@media (max-width: 1440px) {
    .newsinfo-section1 {
        padding: 60px 0;
    }
}
@media (max-width: 991px) {
    .newsinfo-section1 {
        padding: 40px 0;
    }
}
.newsinfo-section1 .basecont .cont {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -25px;
}
.newsinfo-section1 .basecont .make-text img{max-width: 100%; height: auto !important;}
@media (max-width: 1440px) {
    .newsinfo-section1 .basecont .cont {
        margin: 0 -15px;
    }
}
@media (max-width: 1199px) {
    .newsinfo-section1 .basecont .cont {
        margin: 0 -14px;
    }
}
@media (max-width: 991px) {
    .newsinfo-section1 .basecont .cont {
        margin: 0;
    }
}
.newsinfo-section1 .basecont .cont .lt,
.newsinfo-section1 .basecont .cont .gt {
    padding: 0 25px;
}
@media (max-width: 1440px) {
    .newsinfo-section1 .basecont .cont .lt,
    .newsinfo-section1 .basecont .cont .gt {
        padding: 0 15px;
    }
}
@media (max-width: 1199px) {
    .newsinfo-section1 .basecont .cont .lt,
    .newsinfo-section1 .basecont .cont .gt {
        padding: 0 14px;
    }
}
@media (max-width: 991px) {
    .newsinfo-section1 .basecont .cont .lt,
    .newsinfo-section1 .basecont .cont .gt {
        padding: 0;
    }
}
.newsinfo-section1 .basecont .cont .lt {
    width: 76%;
}
@media (max-width: 991px) {
    .newsinfo-section1 .basecont .cont .lt {
        width: 100%;
        margin-bottom: 26px;
    }
}
.newsinfo-section1 .basecont .cont .lt .make-text {
    padding-bottom: 55px;
    border-bottom: 1px solid #ddd;    font-size: 14px;
    line-height: 2;
}
@media (max-width: 991px) {
    .newsinfo-section1 .basecont .cont .lt .make-text {
        padding-bottom: 33px;
    }
}
.newsinfo-section1 .basecont .cont .lt .news_shang {
    padding: 50px 0;
    border-bottom: 1px solid #ddd;
}
@media (max-width: 991px) {
    .newsinfo-section1 .basecont .cont .lt .news_shang {
        padding: 40px 0;
    }
}
.newsinfo-section1 .basecont .cont .lt .news_shang .item {
    display: block;
    width: 100%;
    margin-bottom: 25px;
}
@media (max-width: 767px) {
    .newsinfo-section1 .basecont .cont .lt .news_shang .item {
        margin-bottom: 15px;
    }
}
.newsinfo-section1 .basecont .cont .lt .news_shang .item span {
    display: block;
    line-height: 1;
    color: #666666;
    font-size: 16px;
    margin-bottom: 15px;
}
@media (max-width: 1440px) {
    .newsinfo-section1 .basecont .cont .lt .news_shang .item span {
        font-size: 14px;
    }
}
@media (max-width: 767px) {
    .newsinfo-section1 .basecont .cont .lt .news_shang .item span {
        margin-bottom: 8px;
    }
}
.newsinfo-section1 .basecont .cont .lt .news_shang .item a {
    color: #666666;
    font-size: 16px;
    line-height: 26px;
}
.newsinfo-section1 .basecont .cont .lt .news_shang .item:last-child {
    margin-bottom: 30px;
}
@media (max-width: 767px) {
    .newsinfo-section1 .basecont .cont .lt .news_shang .item:last-child {
        margin-bottom: 20px;
    }
}
.newsinfo-section1 .basecont .cont .lt .news_shang .return1 {
    display: flex;
    font-size: 16px;
    align-items: center;
    color: #00bfff;
}
.newsinfo-section1 .basecont .cont .lt .news_shang .return1 img{ height: 16px}
@media (max-width: 1440px) {
    .newsinfo-section1 .basecont .cont .lt .news_shang .return1 {
        font-size: 14px;
        line-height: 24px;
    }
}
.newsinfo-section1 .basecont .cont .lt .news_shang .return1 i {
    display: block;
    margin-left: 10px;
}
.newsinfo-section1 .basecont .cont .lt .meiti {
    width: 100%;
    margin-top: 44px;
}
@media (max-width: 991px) {
    .newsinfo-section1 .basecont .cont .lt .meiti {
        margin-top: 40px;
    }
}
.newsinfo-section1 .basecont .cont .lt .meiti .f_tit {
    line-height: 1;
    margin-bottom: 24px;
}
@media (max-width: 767px) {
    .newsinfo-section1 .basecont .cont .lt .meiti .f_tit {
        margin-bottom: 16px;
    }
}
.newsinfo-section1 .basecont .cont .lt .meiti .text {
    display: flex;
    flex-wrap: wrap;
}
.newsinfo-section1 .basecont .cont .lt .meiti .text .list {
    margin-right: 44px;
    font-size: 16px;
    line-height: 26px;
}
@media (max-width: 1440px) {
    .newsinfo-section1 .basecont .cont .lt .meiti .text .list {
        font-size: 14px;
        line-height: 24px;
    }
}
@media (max-width: 767px) {
    .newsinfo-section1 .basecont .cont .lt .meiti .text .list {
        width: 100%;
        margin-right: 0;
        margin-bottom: 14px;
    }
}
.newsinfo-section1 .basecont .cont .gt {
    width: 24%;
}
@media (max-width: 991px) {
    .newsinfo-section1 .basecont .cont .gt {
        width: 100%;
    }
}
.newsinfo-section1 .basecont .cont .gt .jut {
    width: 100%;
    background-color: #FAFAFA;
    padding: 40px 20px;
}
@media (max-width: 500px) {
    .newsinfo-section1 .basecont .cont .gt .jut {
        padding: 30px 16px;
    }
}
.newsinfo-section1 .basecont .cont .gt .jut .f_tit {
    line-height: 1;
    margin-bottom: 30px;
}
@media (max-width: 767px) {
    .newsinfo-section1 .basecont .cont .gt .jut .f_tit {
        margin-bottom: 26px;
    }
}
.newsinfo-section1 .basecont .cont .gt .jut .item {
    display: block;
    width: 100%;
    margin-bottom: 24px;
}
.newsinfo-section1 .basecont .cont .gt .jut .item .img {
    width: 100%;
    overflow: hidden;
    position: relative;
    padding-bottom: 64%;
    margin-bottom: 20px;
}
.newsinfo-section1 .basecont .cont .gt .jut .item .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.newsinfo-section1 .basecont .cont .gt .jut .item .font span {
    font-size: 14px;
    color: #999;
    display: block;
    margin-bottom: 15px;
}
.newsinfo-section1 .basecont .cont .gt .jut .item .font .text {
    height: 40px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 14px;
    line-height: 20px;
    color: #333;
}
.newsinfo-section1 .basecont .cont .gt .jut .item:hover {
    text-decoration: none!important;
}
.newsinfo-section1 .basecont .cont .gt .jut .item:hover .img img {
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
}
.newsinfo-section1 .basecont .cont .gt .jut .item:last-child {
    margin-bottom: 0;
}
.basefont40 {
    font-size: 40px;
}
@media (max-width: 1440px) {
    .basefont40 {
        font-size: 30px;
    }
}
@media (max-width: 1366px) {
    .basefont40 {
        font-size: 28px;
    }
}
@media (max-width: 1199px) {
    .basefont40 {
        font-size: 26px;
    }
}
@media (max-width: 767px) {
    .basefont40 {
        font-size: 24px;
    }
}
.aboutbanner.c-unique {
    position: relative;
    height: 40px;
}
.aboutbanner .banmenu1 {
    position: absolute;
    z-index: 4;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    align-items: center;
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    background-color: rgba(0, 0, 0, 0.5);
    height: 40px;
}
.aboutbanner .banmenu1 .basecont {
    height: 100%;
    display: flex;
    align-items: center;
}
@media (max-width: 991px) {
    .aboutbanner .banmenu1 .basecont {
        width: 100%;
    }
}
.aboutbanner .banmenu1 .basecont .f_tit {
    display: block;
    width: 20px;
    margin-right: 18px;
}
@media (max-width: 767px) {
    .aboutbanner .banmenu1 .basecont .f_tit {
        margin-right: 10px;
    }
}
.aboutbanner .banmenu1 .basecont .f_tit img {
    width: 100%;
}
.aboutbanner .banmenu1 .basecont span,
.aboutbanner .banmenu1 .basecont a {
    font-size: 14px;
    color: #fff;
    display: inline-block;
}
.aboutbanner .banmenu1 .basecont span {
    width: 5px;
}
.aboutbanner .banmenu1 .basecont span img {
    width: 100%;
}
.aboutbanner .banmenu1 .basecont a {
    margin: 0 22px;
}
@media (max-width: 991px) {
    .aboutbanner .banmenu1 .basecont a {
        margin: 0 11px;
    }
}
@media (max-width: 767px) {
    .aboutbanner .banmenu1 .basecont a {
        max-width: 30%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}
.aboutbanner .banmenu1 .basecont a:hover {
    color: #00bfff;
}
.aboutbanner.c-unique .banmenu1 {
    background-color: #999;
}
/* End */
.mtlb{    padding: 60px 0;}
.mtlb ul li:after{content: "";clear: both;    display: block;}
.mtlb ul li{    position: relative;
    box-shadow: 0 0 5px #ecf0f3;
    margin-bottom: 40px;}
.mtlb ul li .mttp{width: 25%;float:left;overflow: hidden}
.mtlb ul li .mttp img{width: 100%;
    height: auto;    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;}
.mtlb ul li:hover .mttp img{-webkit-transform: scale(1.04);
    transform: scale(1.04);}
.mtlb ul li .mtinfo{position: absolute;width: 75%;top:0;right: 0;height: 100%;padding: 35px 30px}
.mtlb ul li .mtinfo h2{width:85%;font-size: 16px;color: #3b8dd3;font-weight: bold;margin-bottom: 10px;overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    word-wrap:normal;}
.mtlb ul li .mtinfo p{width:85%;font-size: 14px;line-height: 25px;height:50px;margin-bottom: 10px;color: #666666;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:2;
    overflow: hidden;}
.mtlb ul li .mtinfo a.mtmore{color: #666666;font-size: 14px}
.mtlb ul li .mtinfo a.mtmore:hover,.mtlb ul li .mtinfo p:hover{color: #3b8dd3;}
.mtlb ul li .mtinfo dl{     position: absolute;
    top: 50%;
    right: 35px;
    margin-top: -35px;
    text-align: center;}
.mtlb ul li .mtinfo dl dd{font-size: 36px;
    font-weight: bold;
    line-height: 40px;color: #333}
.mtlb ul li .mtinfo dl dt{font-weight: normal;font-size: 14px;line-height: 20px}

.hytt{    margin: 60px 0;    position: relative;box-shadow: 0 0 5px #ecf0f3;}
.hyttl{width: 50%;float: left;overflow: hidden}
.hyttl img{width: 100%;
    height: auto;    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;}
.hytt:hover img{-webkit-transform: scale(1.04);
    transform: scale(1.04);}
.hyttr{position: absolute;width: 50%;top:0;right: 0;height: 100%;padding: 50px 30px}
.hyttr span{    font-size: 14px;
    border-bottom: 1px solid #3b8dd3;
    margin-bottom: 20px;
    display: inline-block;
    color: #999;}
.hyttr h2{font-size: 16px;color: #333;font-weight: bold;margin-bottom: 20px;overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    word-wrap:normal;}
.hyttr p{font-size: 14px;line-height: 25px;height:100px;margin-bottom: 10px;color: #666666;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:4;
    overflow: hidden;}
.hyttr a.hymore{color: #666666;font-size: 14px}
.hyttr p:hover,hyttr a.hymore:hover{color: #3b8dd3;}
.hylb ul li:after{content: "";clear: both;    display: block;}
.hylb ul li{    position: relative;
    box-shadow: 0 0 5px #ecf0f3;
    margin-bottom: 40px;    padding: 30px;}
.hylb ul li:hover{border-bottom: 1px solid #3b8dd3}
.hylb ul li dl{     position: absolute;
    top: 50%;
    left: 6%;
    margin-top: -35px;
    text-align: center;}
.hylb ul li dl dd{font-size: 36px;
    font-weight: bold;
    line-height: 40px;color: #333}
.hylb ul li dl dt{font-weight: normal;font-size: 14px;line-height: 20px}
.hylb ul li .hyinfo{width: 85%;float: right}
.hylb ul li .hyinfo h2{font-size: 16px;color: #3b8dd3;font-weight: bold;margin-bottom: 10px;overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    word-wrap:normal;}
.hylb ul li .hyinfo p{line-height: 25px;height:50px;color: #666666;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:2;
    overflow: hidden;}
.hylb ul li .hyinfo p:hover{color: #3b8dd3;}
.djtt .hyttr span{font-size: 18px;
    color: #ff0000;
    border: none;
    font-weight: bold;    padding-bottom: 0;
    margin-bottom: 0;}
.djtt .hyttr i{display: block;width: 60px;height: 2px;background: #ff0000;margin: 5px 0 10px}
.djtt .hyttr h3{font-size: 16px;color: #666;margin-bottom: 20px}
.djtt .hyttr p{margin-bottom: 20px;color: #666}

.cpnav ul li{}
.cpnav ul li i,.cpnav2 ul li i{    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    margin-bottom: 2px;}
.cpnav ul li.cpnav1 i{background: url("../images/icon/icon_cp1.png") center no-repeat;background-size: 100% 100%}
.cpnav ul li.cpnav2 i{background: url("../images/icon/icon_cp2.png") center no-repeat;background-size: 100% 100%}
.cpnav ul li.cpnav3 i{background: url("../images/icon/icon_cp3.png") center no-repeat;background-size: 100% 100%}
.cpnav ul li.cpnav4 i{background: url("../images/icon/icon_cp4.png") center no-repeat;background-size: 100% 100%}
.cpnav ul li.cpnav5 i{background: url("../images/icon/icon_cp5.png") center no-repeat;background-size: 100% 100%}
.cpnav ul li.cpnav6 i{background: url("../images/icon/icon_cp6.png") center no-repeat;background-size: 100% 100%}
.cpnav ul li.cpnav7 i{background: url("../images/cpico7.png") center no-repeat;background-size: 100% 100%}
.cpnav ul li.cpnav1:hover i,.cpnav ul li.cpnav1.on i{background: url("../images/icon/icon_cp01.png") center no-repeat;background-size: 100% 100%}
.cpnav ul li.cpnav2:hover i,.cpnav ul li.cpnav2.on i{background: url("../images/icon/icon_cp02.png") center no-repeat;background-size: 100% 100%}
.cpnav ul li.cpnav3:hover i,.cpnav ul li.cpnav3.on i{background: url("../images/icon/icon_cp03.png") center no-repeat;background-size: 100% 100%}
.cpnav ul li.cpnav4:hover i,.cpnav ul li.cpnav4.on i{background: url("../images/icon/icon_cp04.png") center no-repeat;background-size: 100% 100%}
.cpnav ul li.cpnav5:hover i,.cpnav ul li.cpnav5.on i{background: url("../images/icon/icon_cp05.png") center no-repeat;background-size: 100% 100%}
.cpnav ul li.cpnav6:hover i,.cpnav ul li.cpnav6.on i{background: url("../images/icon/icon_cp06.png") center no-repeat;background-size: 100% 100%}
.cpnav ul li.cpnav7:hover i,.cpnav ul li.cpnav7.on i{background: url("../images/cpico7-2.png") center no-repeat;background-size: 100% 100%}


.cpnav2 ul li.cpnav1 i{background: url("../images/cpico2.png") center no-repeat;background-size: 100% 100%}
.cpnav2 ul li.cpnav2 i{background: url("../images/cpico1.png") center no-repeat;background-size: 100% 100%}
.cpnav2 ul li.cpnav3 i{background: url("../images/cpico3.png") center no-repeat;background-size: 100% 100%}
.cpnav2 ul li.cpnav4 i{background: url("../images/cpico4.png") center no-repeat;background-size: 100% 100%}
.cpnav2 ul li.cpnav5 i{background: url("../images/cpico6.png") center no-repeat;background-size: 100% 100%}
.cpnav2 ul li.cpnav6 i{background: url("../images/cpico5.png") center no-repeat;background-size: 100% 100%}
.cpnav2 ul li.cpnav7 i{background: url("../images/cpico7.png") center no-repeat;background-size: 100% 100%}
.cpnav2 ul li.cpnav1:hover i,.cpnav2 ul li.cpnav1.on i{background: url("../images/cpico2-2.png") center no-repeat;background-size: 100% 100%}
.cpnav2 ul li.cpnav2:hover i,.cpnav2 ul li.cpnav2.on i{background: url("../images/cpico1-2.png") center no-repeat;background-size: 100% 100%}
.cpnav2 ul li.cpnav3:hover i,.cpnav2 ul li.cpnav3.on i{background: url("../images/cpico3-2.png") center no-repeat;background-size: 100% 100%}
.cpnav2 ul li.cpnav4:hover i,.cpnav2 ul li.cpnav4.on i{background: url("../images/cpico4-2.png") center no-repeat;background-size: 100% 100%}
.cpnav2 ul li.cpnav5:hover i,.cpnav2 ul li.cpnav5.on i{background: url("../images/cpico6-2.png") center no-repeat;background-size: 100% 100%}
.cpnav2 ul li.cpnav6:hover i,.cpnav2 ul li.cpnav6.on i{background: url("../images/cpico5-2.png") center no-repeat;background-size: 100% 100%}
.cpnav2 ul li.cpnav7:hover i,.cpnav2 ul li.cpnav7.on i{background: url("../images/cpico7-2.png") center no-repeat;background-size: 100% 100%}



.cpfm{padding: 60px 0}
.cpfmbt h2{    text-align: center;
    font-size:36px;
    font-weight: bold;
    color: #000080;}
    .fbt2 h2{padding:0 0 45px 0;}
.cpfmnr{overflow: hidden;margin: 50px 0}
.cpfmnr dl{width: 31.333%;float: left;margin: 0 1% 30px;background: #f4f4f4;text-align: center;    padding: 50px 0;    transition: 0.3s;}
.cpfmnr dl:hover{background: #00bfff}
.cpfmnr dl dd{width: 151px;height: 151px;display: block;margin: 0 auto 10px}
.cpfmnr dl dt{font-size: 18px;color: #333;text-align: center;font-weight: normal}
.cpfmnr dl:hover dt{color: #fff}
.cpfmnr dl.cpfm1 dd{background: url("../images/icon/icon_cpb1.png") center no-repeat;background-size: 100% 100%}
.cpfmnr dl.cpfm2 dd{background: url("../images/icon/icon_cpb2.png") center no-repeat;background-size: 100% 100%}
.cpfmnr dl.cpfm3 dd{background: url("../images/icon/icon_cpb3.png") center no-repeat;background-size: 100% 100%}
.cpfmnr dl.cpfm4 dd{background: url("../images/icon/icon_cpb4.png") center no-repeat;background-size: 100% 100%}
.cpfmnr dl.cpfm5 dd{background: url("../images/icon/icon_cpb5.png") center no-repeat;background-size: 100% 100%}
.cpfmnr dl.cpfm6 dd{background: url("../images/icon/icon_cpb6.png") center no-repeat;background-size: 100% 100%}
.cpfmnr dl.cpfm7 dd{background: url("../images/cptb7.png") center no-repeat;background-size: 100% 100%}
.cpfmnr dl.cpfm1:hover dd{background: url("../images/icon/icon_cpb01.png") center no-repeat;background-size: 100% 100%}
.cpfmnr dl.cpfm2:hover dd{background: url("../images/icon/icon_cpb02.png") center no-repeat;background-size: 100% 100%}
.cpfmnr dl.cpfm3:hover dd{background: url("../images/icon/icon_cpb03.png") center no-repeat;background-size: 100% 100%}
.cpfmnr dl.cpfm4:hover dd{background: url("../images/icon/icon_cpb04.png") center no-repeat;background-size: 100% 100%}
.cpfmnr dl.cpfm5:hover dd{background: url("../images/icon/icon_cpb05.png") center no-repeat;background-size: 100% 100%}
.cpfmnr dl.cpfm6:hover dd{background: url("../images/icon/icon_cpb06.png") center no-repeat;background-size: 100% 100%}
.cpfmnr dl.cpfm7:hover dd{background: url("../images/cptb7-2.png") center no-repeat;background-size: 100% 100%}

.cpfmnr dl.cpfm_1 dd{background: url("../images/cptb2.png") center no-repeat;background-size: 100% 100%}
.cpfmnr dl.cpfm_2 dd{background: url("../images/cptb1.png") center no-repeat;background-size: 100% 100%}
.cpfmnr dl.cpfm_3 dd{background: url("../images/cptb3.png") center no-repeat;background-size: 100% 100%}
.cpfmnr dl.cpfm_4 dd{background: url("../images/cptb4.png") center no-repeat;background-size: 100% 100%}
.cpfmnr dl.cpfm_5 dd{background: url("../images/cptb6.png") center no-repeat;background-size: 100% 100%}
.cpfmnr dl.cpfm_6 dd{background: url("../images/cptb5.png") center no-repeat;background-size: 100% 100%}
.cpfmnr dl.cpfm_7 dd{background: url("../images/cptb7.png") center no-repeat;background-size: 100% 100%}
.cpfmnr dl.cpfm_1:hover dd{background: url("../images/cptb2-2.png") center no-repeat;background-size: 100% 100%}
.cpfmnr dl.cpfm_2:hover dd{background: url("../images/cptb1-2.png") center no-repeat;background-size: 100% 100%}
.cpfmnr dl.cpfm_3:hover dd{background: url("../images/cptb3-2.png") center no-repeat;background-size: 100% 100%}
.cpfmnr dl.cpfm_4:hover dd{background: url("../images/cptb4-2.png") center no-repeat;background-size: 100% 100%}
.cpfmnr dl.cpfm_5:hover dd{background: url("../images/cptb6-2.png") center no-repeat;background-size: 100% 100%}
.cpfmnr dl.cpfm_6:hover dd{background: url("../images/cptb5-2.png") center no-repeat;background-size: 100% 100%}
.cpfmnr dl.cpfm_7:hover dd{background: url("../images/cptb7-2.png") center no-repeat;background-size: 100% 100%}



.cplb{padding: 60px 0;    background: #f8f8f8;}
.cplb ul{overflow: hidden}
.cplb ul li{margin-bottom: 30px;}
.cplb ul li .cptp{overflow: hidden}
.cplb ul li .cptp img{width: 100%;
    height: auto;    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;}
.cplb ul li:hover .cptp img{-webkit-transform: scale(1.04);
    transform: scale(1.04);}
.cplb ul li .cpinfo{background: #efefef;padding: 20px;transition: 0.3s; */}
.cplb ul li .cpinfo h2{font-size: 18px;color: #333;overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    word-wrap:normal;}
.cplb ul li .cpinfo p{font-size: 14px;color: #666;overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    word-wrap:normal;}
.cplb ul li:hover .cpinfo{background: #00bfff}
.cplb ul li:hover .cpinfo h2,.cplb ul li:hover .cpinfo p{color: #fff}

.cpnynr{padding: 60px 0;    background: #f8f8f8;}
.cpbox1{ overflow:hidden; width:100%}
.cpbox1l{ width:55%; float:left}
.cpbox1r{ width:45%; float:left;    padding: 30px 0 0 40px;}
.cpxc { overflow:hidden; position:relative}
.cpxc .swiper-slide img{width: 100%;height: auto}
.cpbox1r dl{ margin-bottom:25px}
.cpbox1r dl.cpbt{ font-size:24px; font-weight:bold; color:#00bfff}
.cpbox1r dl dd{ font-size:18px; color:#333; font-weight:bold}
.cpbox1r dl dt{ font-size:14px; color:#666; line-height:1.8;font-weight: normal;    margin-top: 10px;}
.cpbox2{     margin-top: 20px;
    font-size: 14px;
    line-height: 1.8;
    box-shadow: 0 0 5px #cacaca;
    border-radius: 5px;
    padding: 30px;background: #ffffff;}
.cpbox2 img{max-width: 100%; height: auto !important;}
.cpbox3 { margin-top:60px; border-bottom:2px solid #00bfff; padding-bottom:40px}
.cpbox3>h2{ font-size:24px; color:#00bfff; font-weight:bold; margin-bottom:20px;}
.cpbox4{ margin-top:50px}
.cpbox4 ul{ overflow:hidden}
.cpbox4 ul li{ float:left; width:33.333%}
.cpbox4 ul li a{padding: 10px 20px 10px 45px;
    border: 1px solid #e4dddd;
    display: block;
    width: 150px;
    text-align: center;
    color: #666;
    font-size: 14px;}
.cpbox4 ul li.left{ text-align: left}
.cpbox4 ul li.left a{     background: url(../images/shang.png) 25px no-repeat;}
.cpbox4 ul li.left a:hover{     background: url(../images/shang2.png) 25px no-repeat; color:#00bfff}
.cpbox4 ul li.mid{ text-align:center}
.cpbox4 ul li.mid a{ background:#00bfff url(../images/fanhui.png) 25px no-repeat; color:#fff; margin:0 auto}
.cpbox4 ul li.right{ text-align:right}
.cpbox4 ul li.right a{ float:right; background: url(../images/xia.png) 90px no-repeat;padding: 10px 45px 10px 20px;}
.cpbox4 ul li.right a:hover{ float:right; background: url(../images/xia2.png) 90px no-repeat; color:#00bfff}
.jjfabt{    margin: 40px 0 0;
    font-weight: bold;
    color: #000080;}
.xgcplb{    padding: 0;
    margin-top: 20px;
    background: none;}
.xgcplb ul li{padding: 0;width: 31.333%;margin-right: 3%;}
.xgcplb ul li:nth-child(3n){margin-right: 0}

.yfbox{ padding: 30px 0 80px}

.rcpyln{    background: #fbfbfb;
    margin: 80px 0;
    padding: 80px 0;}
.rcpylnnr{overflow: hidden}
.rcpylnl{width: 50%;float: left;padding: 50px 50px 20px 0}
.rcpylnl h2{    font-size: 44px;
    color: #000080;
    margin-bottom: 40px;}
.rcpylnl p{font-size: 32px;line-height: 1.8;margin-bottom: 15px;color: #666666}
.rcpylnr{width: 50%;float: left;}
.rcpylnr img{width: 100%}
.jqfz{background: #fbfbfb}
.jqfznr{overflow: hidden;margin-top: 60px}
.jqfznr dl{width: 25%; float: left;text-align: center;margin-bottom: 50px}
.jqfznr dl dd{width: 65px;height: 65px;margin: 0 auto 20px}
.jqfznr dl dt{font-size: 18px;color: #666666}
.jqfznr dl.jqfz1 dd{background: url("../images/fz1.png") center no-repeat}
.jqfznr dl.jqfz2 dd{background: url("../images/fz2.png") center no-repeat}
.jqfznr dl.jqfz3 dd{background: url("../images/fz3.png") center no-repeat}
.jqfznr dl.jqfz4 dd{background: url("../images/fz4.png") center no-repeat}
.jqfznr dl.jqfz5 dd{background: url("../images/fz5.png") center no-repeat}
.jqfznr dl.jqfz6 dd{background: url("../images/fz6.png") center no-repeat}
.jqfznr dl.jqfz7 dd{background: url("../images/fz7.png") center no-repeat}
.jqfznr dl.jqfz8 dd{background: url("../images/fz8.png") center no-repeat}


.yfzznr{margin: 50px 0 0}
.yfzzbt{margin: 30px 0 50px}
.yfzzbt ul{text-align: center}
.yfzzbt ul li{display: inline-block;
    margin: 0 50px;
    border: 1px solid #cecccc;
    padding: 5px 30px;
    border-radius: 20px;
    cursor: pointer;}
.yfzzbt ul li.hover{background: #00bfff;border: 1px solid #00bfff;color: #fff}
.yfcg{background: #f5f5f5}
.yfcgnr{margin: 50px 0}
.yfcgnr ul:after{content: "";display: block;clear: both}
.yfcgnr ul li{width: 22%;
    float: left;
    margin: 0 1.5% 30px;
    background: #fff;
    box-shadow: 0 0 5px #d0cdcd;}
.yfcgnr ul li .yftp{overflow: hidden}
.yfcgnr ul li .yftp img{width: 100%;
    height: auto;    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;}
.yfcgnr ul li:hover .yftp img{-webkit-transform: scale(1.04);
    transform: scale(1.04);}
.yfcgnr ul li .yfinfo{padding: 10px 20px 30px}
.yfcgnr ul li .yfinfo span{font-size: 12px;color: #666;margin-bottom: 5px}
.yfcgnr ul li .yfinfo h2{font-size: 16px;color:#333333;line-height:25px;height: 50px;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
.yfcgnr ul>div{display: none}
.yfcgnr ul.xs div {
    display: block;
}
.btn-more2 {
    display: block;
    margin: 20px auto;
    width: 150px;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    border-radius: 5px;
    cursor: pointer;
    background: #00bfff;
    color: #fff;
}
.jsfx{width: 100%;overflow: hidden;position: relative;background: url("../images/jsfxbg.jpg") center no-repeat; background-size: cover;}
.jsfxnr{margin: 80px 0}
.jsfxnr dl{width: 24%;float: left;margin: 0 0.5% 60px}
.jsfxnr dl dd{width: 101px;height: 101px;display: block;margin-bottom: 20px}
.jsfxnr dl dt{font-weight: normal;font-size: 18px;color: #fff;}
.jsfxnr dl.jsfx1 dd{background: url("../images/jsfx1.png") center no-repeat}
.jsfxnr dl.jsfx2 dd{background: url("../images/jsfx2.png") center no-repeat}
.jsfxnr dl.jsfx3 dd{background: url("../images/jsfx3.png") center no-repeat}
.jsfxnr dl.jsfx4 dd{background: url("../images/jsfx4.png") center no-repeat}
.jsfxnr dl.jsfx5 dd{background: url("../images/jsfx5.png") center no-repeat}
.jsfxnr dl.jsfx6 dd{background: url("../images/jsfx6.png") center no-repeat}
.jsfxnr dl.jsfx7 dd{background: url("../images/jsfx7.png") center no-repeat}
.jsfxnr dl.jsfx8 dd{background: url("../images/jsfx8.png") center no-repeat}
.title.lanse p{color: #666666;font-size: 14px;line-height: 40px}

.jczbnr{margin: 50px 0}
.jczbnr .swiper-slide p{position: absolute;width: 100%;color: #fff;font-size: 16px;line-height: 50px;background: rgba(0,0,0,0.6);bottom: 0;left: 0;padding: 0 5px;overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    word-wrap:normal;text-align: center}
.zljsnr{margin: 60px 0}

.khzcnr{margin: 60px 0 10px}
.khzcnr dl{width: 17%;float: left;margin-right: 2%;height: 300px;position: relative;    border-radius: 18px;
    overflow: hidden;}
.khzcnr dl>div{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0,191,255,0.6);display: none;    border-radius: 18px;}
.khzcnr dl:hover>div{display: block}
.khzcnr dl dd{width: 100px;height: 100px;margin: 60px auto 40px;position: relative}
.khzcnr dl dt{    text-align: center;
    color: #fff;
    padding: 0 10px 20px;position: relative}
.khzcnr dl dt h2{    font-size: 18px;
    margin-bottom: 10px;}
.khzcnr dl dt p{font-size: 12px;}
.khzcnr dl dt h2 b{}
.khzcnr dl.khzc4{width:43%;float: left;margin-right: 0 ;padding: 45px 20px;}
.khzcnr dl.khzc1{background: url("../images/khzc1.png") center no-repeat;background-size:cover}
.khzcnr dl.khzc2{background: url("../images/khzc2.png") center no-repeat;background-size:cover}
.khzcnr dl.khzc3{background: url("../images/khzc3.png") center no-repeat;background-size:cover}
.khzcnr dl.khzc4{background: url("../images/khzc4.png") center no-repeat;background-size:cover}
.khzcnr dl.khzc1 dd{background: url("../images/kh1.png") center no-repeat}
.khzcnr dl.khzc2 dd{background: url("../images/kh2.png") center no-repeat}
.khzcnr dl.khzc3 dd{background: url("../images/kh3.png") center no-repeat}
.khzcnr dl.khzc4 dd{background: url("../images/kh4.png") center no-repeat;    width: 40%;
    float: left;
    height: 100%;
    margin: 0;    border-right: 1px dashed #fff;}
.khzcnr dl.khzc4 dt{    width: 60%;
    float: left;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;}
.khzcnr dl.khzc4 dt p{    font-size: 18px;
    line-height: 2;}

.khzcl{width: 50%; float: left}
.khzcl img{width: 100%;border-radius: 5px}
.khzcr{width: 50%;float: left;padding: 20px 30px 0;}
.khzcr h2{font-size: 22px;color: #15b8ed;font-weight: bold;margin-bottom: 10px}
.khzcr p{font-size: 14px;color: #666;margin-bottom: 20px;}
.khzcr h3{font-size: 14px;color: #15b8ed;margin-bottom: 10px;font-weight: bold}
.khinfo span{    display: inline-block;
    margin-right: 18px;
    font-size: 16px;}
.khinfo span.no1{color: #15b8ed;}
.hzhbgd ul li{display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center; margin: 0;padding: 0}
.hzhb{background: #f8f8f8}
.hzhbgd{margin-top: 50px}
.xzzxnr ul li .yfinfo{padding: 10px;}
.xzzxnr ul li .yfinfo h2 {
    font-size: 16px;
    color: #333333;
    line-height: 25px;
    height: 25px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
}
.xzzxnr ul li:hover .yfinfo h2{color: #1d72e3}

.xqdz{background: #f8f8f8}
.xqdznr{margin: 50px 0 0;}
.xqdz1{margin: 0 auto;text-align: center}
.xqdz2{overflow: hidden;    margin: 20px auto;    text-align: center;max-width: 1140px}
.xqdz2 dl{width: 25%;float: left;text-align: center}
.xqdz2 dl.xq1{    width: 18%;
    margin-right: 6%;}
.xqdz2 dl.xq2{     padding: 0 35px;
    margin-right: 2.5%;}
.xqdz2 dl.xq3{    padding: 0 45px;}
.xqdz2 dl.xq4{    width: 17%;
    float: right;}
.xqdz2 dl dd{font-size: 16px;color: #333333;margin-bottom: 10px}
.xqdz2 dl dt{font-weight: normal;color: #666666;font-size: 14px}
.xqdz3{margin: 60px 0 0;text-align: center}
.xqdz3 a{    display: inline-block;
    margin: 0 60px;
    line-height: 50px;
    background: #00bfff;
    padding: 0 60px;
    color: #fff;}
.xqdz3 a img{    margin-right: 10px;}
.xqdz3 a span{}

.lxxxnr{ margin-top: 60px; overflow: hidden;
    position: relative; }
.lxxxl{  
    padding:60px 30px;
    color: #fff;
	 background:#4BCBFA;
    position: relative;
    float: left;}
.lxxxl h2{    font-size:30px;
    font-weight: bold;    margin-bottom: 8px;}
.en_lxxxnr .lxxxl h2{    font-size:24px;
    font-weight: bold;    margin-bottom:40px;line-height:1.4}
.lxxxl span{    font-size: 18px;
    margin-bottom:30px;
    padding-bottom: 10px;
    display: block;}
.lxxxl dl{overflow: hidden; margin-bottom:40px}
.lxxxl dl dd{ width:42px;
    height:42px;
	flex-shrink:0;
	background-position:center;
	background-repeat:no-repeat;
	background-size:100% 100%;
    float: left; margin-right: 10px}
.lxxxl dl dt{font-size: 14px;
    line-height: 23px;
    width: 80%;
    float: left;}
.lxxxl dl.xx1 dd{ background-image: url("../images/l_c1.png")}
.lxxxl dl.xx2 dd{ background-image: url("../images/l_c2.png")}
.lxxxl dl.xx3 dd{ background-image: url("../images/l_c3.png")}
.lxxxl dl.xx4 dd{ background-image: url("../images/l_c4.png")}
.lxxxl dl.xx5 dd{ background-image: url("../images/l_c5.png")}
.lxxxl .yjdh{    border-top: 1px solid rgba(231,221,218,0.6);
    padding-top: 30px;}
.lxxxl .yjdh a{background: #000080;
    padding: 5px 30px;
    color: #fff;}
.lxxxr{      width: 100%;
    position: absolute;
    height: 100%;
    right: 0;
    top: 0;}
.lxxxr iframe{ width: 100%; height: 100%; border: none}
.lxxx2{ margin-top: 80px;
    overflow: hidden;}
.lxxx2 dl{    width: 25%;
    float: left;
    position: relative;
    padding-left: 30px;}
.lxxx2 dl.dian2{}
.lxxx2 dl.dian3{}
.lxxx2 dl dd{     width: 15px;
    height: 15px;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 5px;}
.lxxx2 dl.dian1 dd{    background: #fff100;}
.lxxx2 dl.dian2 dd{    background: #00a0e9;}
.lxxx2 dl.dian3 dd{    background: #e60012;}
.lxxx2 dl.dian4 dd{    background: #009944;}
.lxxx2 dl dt{}
.lxxx2 dl dt h2{font-size: 22px;
    color: #333;
    font-weight: bold;
    margin-bottom: 20px;}
.lxxx2 dl dt p{font-size: 16px;
    line-height: 30px;}

.zglist{ margin-top:60px}
.zglt{      overflow: hidden;
    line-height: 60px;
    border-bottom: 1px solid #efefef;
    font-size: 18px;
    color: #666666;}
.zglt p{ float:left; text-align:center}
.zhiwei{    width: 25%;}
.leibie{width: 15%;}
.faburqi{width: 20%;}
.renshu{width: 15%}
.gzxq{ width:10%}
.gzdidian{ width:15%}
.zglist div.sdmenu{padding-top:0;margin-top: 0}
.zglist div.sdmenu div{ padding:0;background: #fafafa}
.zglist div.sdmenu div span{  background: none;}
.zglist div.sdmenu div.collapsed{background:none}
.zglist div.sdmenu div.collapsed span{
    border-bottom: 1px solid #dedada;}
.zglist div.sdmenu div.collapsed span p{    background: url(../images/collapsed.png) 96% no-repeat;}
.zglist div.sdmenu div span p{    background: url(../images/expanded.png) 96% no-repeat;}
.zglist div.sdmenu div span p i{    display: block;
    font-style: normal;
    float: left;
    text-align: center;
    font-size: 15px;
    color: #333333;
    font-weight: bold;}
.zglist div.sdmenu div a{ padding:50px 75px}
.zglist div.sdmenu div a.tdjllj{    padding: 0 75px 75px;}
.zglist div.sdmenu div a p{line-height: 30px; font-size:15px;    color: #333;}
.zglist div.sdmenu div a p.gzxqbt{    font-weight: bold;
    margin-bottom: 20px; font-size:16px}
.zglist div.sdmenu div a p.mt50{ margin-bottom:50px}
.sslt .bumen{ width:25%}
.sslt .zpfs{ width:10%}
.zglist div.sdmenu div a p.tdjl{    margin: 20px 0;
    background: #00bfff;
    display: inline-block;
    color: #fff;
    width: 150px;
    text-align: center;
    line-height: 50px;cursor: pointer}
.c-clear:after {
    content: '';
    display: block;
    clear: both;
}
#c-contact {
    padding: 80px 0 140px;
    background: #fafafa;
}
#c-contact .c-list-box {
    background: #fff;
    box-shadow: 0 1px 50px rgba(0,0,0,.1); margin: 60px 0 0;
}
#c-contact .c-list1 li{
    float: left;
    position: relative;
    width: 50%;
    height: 90px;
    font-size: 30px;
    line-height: 90px;
    text-align: center;
    color: #333;
    background: #ddd;
    cursor: pointer;
}
#c-contact .c-list1 li:before {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 50%;
    margin-left: -10px;
    border: 10px solid transparent;
}
#c-contact .c-list1 li.hover {
    color: #fff;
    background: #00bfff;
}
#c-contact .c-list1 li.hover:before {
    border-top: 10px solid #00bfff;
}
#c-contact .c-list2 li{
    display: none;
    padding: 0 40px 70px;
}
#c-contact .c-list2 li.active {
    display: block;
}
#c-contact .c-list2 .c-title {
    padding: 50px 0;
    font-size: 24px;
    line-height: 34px;
    color: #191919;
}

#c-contact .c-list2 input {
    width: 100%;
    height: 60px;
    background: #f6f6f6;
    font-size: 16px;
    color: #666;
    padding: 0 20px;
    margin-bottom: 16px;
}
#c-contact .c-list2 textarea {
    width: 100%;
    padding: 17px 20px;
    font-size: 16px;
    line-height: 26px;
    color: #666;
    border: 0;
    background: #f6f6f6;
    height: 225px;
    margin-bottom: 16px;
}
#c-contact .c-list2 .c-item2 input {
    float: left;
    width: -webkit-calc(50% - 10px);
    width: calc(50% - 10px);
}
#c-contact .c-list2 .c-item2 select {
    border: 0;
    float: right;
    width: -webkit-calc(50% - 10px);
    width: calc(50% - 10px);
    height: 60px;
    background: #f6f6f6;
    font-size: 16px;
    color: #666;
    padding: 0 20px;
    margin-bottom: 16px;
}
#c-contact .c-list2 .c-item2 input:last-child {
    float: right;
}
#c-contact .c-list2 button {
    display: block;
    margin: 34px auto 0;
    width: 190px;
    height: 60px;
    font-size: 18px;
    color: #fff;
    background: #00bfff; border: none;
}

#c-contact .f_yanzheng,
#c-fixed-pop .f_yanzheng {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#c-contact .f_yanzheng input {
    margin-bottom: 0;
    width: calc(100% - 216px) !important;
}

#c-contact .f_yanzheng img {
    width: 200px;height: 60px;
}
.jtzqnr{margin: 60px 0 0}
.jtzqnr ul{overflow: hidden}
.jtzqnr ul li{width: 22%;float: left;margin: 0 1.5% 40px;    border-radius: 5px;
    background: none;
    opacity: 1;font-size: 14px;
    border: 1px solid #e2e2e2;
    line-height: 48px;
    position: relative;text-align: center}
.en_jtzqnr ul li{width:47%}
.jtzqnr ul li a{display: block; width: 100%;height: 100%}
.jtzqnr ul li i{font-style: normal;position: relative;}
.jtzqnr ul li:before{ content: "";background:#00bfff;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    border-radius: 2px;
    opacity: 0;
    -webkit-transition-duration: .39s;
    transition-duration: .39s;
    -webkit-transition-timing-function: step-start;
    transition-timing-function: step-start;}
.jtzqnr ul li:hover:before{ width: 100%;opacity: 1;    -webkit-transition-timing-function: cubic-bezier(.25,.74,.22,.99),step-start;
    transition-timing-function: cubic-bezier(.25,.74,.22,.99),step-start;}
.jtzqnr ul li:hover i{ color: #fff}

/*加载中*/
#jiazai { position: fixed; z-index: 1000; width: 100%; height: 100%; background-color: rgb(245, 245, 245); text-align: center; left: 0; top: 0; }
.load-container { position: relative; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -khtml-user-select: none; display: block; margin: 0 auto; user-select: none; box-sizing: border-box; }
.rongqi { top: 50%; position: relative; margin-top: -90px; width: 80%;left: 10% }
.rongqi>img { margin-top: 20px; }
.load-container:before { content: '加载中...'; display: block; position: absolute; top: 35px; font-size: 18px; line-height: 200%; text-align: center; left: 0; right: 0; color: #12285c; box-sizing: border-box; }
.load1 .loader { border-radius: 50%; font-size: 12px !important; width: 8em; height: 8em; position: relative; display: inline-block; text-indent: -9999em;
    border: 0.2em solid #12285c;
    border-left: 0.2em solid #e11c2b;transform: translateZ(0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); -moz-transform: translateZ(0); animation: load 0.85s infinite linear; -o-animation: load 0.85s infinite linear; -webkit-animation: load 0.85s infinite linear; -moz-animation: load 0.85s infinite linear; }
@-ms-keyframes load { 0% {
    transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    -moz-transform:rotate(0deg)
}
    100% {
        transform:rotate(360deg);
        -webkit-transform:rotate(360deg);
        -ms-transform:rotate(360deg);
        -o-transform:rotate(360deg);
        -moz-transform:rotate(360deg)
    }
}
@-moz-keyframes load { 0% {
    transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    -moz-transform:rotate(0deg)
}
    100% {
        transform:rotate(360deg);
        -webkit-transform:rotate(360deg);
        -ms-transform:rotate(360deg);
        -o-transform:rotate(360deg);
        -moz-transform:rotate(360deg)
    }
}
@-webkit-keyframes load { 0% {
    transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    -moz-transform:rotate(0deg)
}
    100% {
        transform:rotate(360deg);
        -webkit-transform:rotate(360deg);
        -ms-transform:rotate(360deg);
        -o-transform:rotate(360deg);
        -moz-transform:rotate(360deg)
    }
}
@-o-keyframes load { 0% {
    transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    -moz-transform:rotate(0deg)
}
    100% {
        transform:rotate(360deg);
        -webkit-transform:rotate(360deg);
        -ms-transform:rotate(360deg);
        -o-transform:rotate(360deg);
        -moz-transform:rotate(360deg)
    }
}
@keyframes load { 0% {
    transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    -moz-transform:rotate(0deg)
}
    100% {
        transform:rotate(360deg);
        -webkit-transform:rotate(360deg);
        -ms-transform:rotate(360deg);
        -o-transform:rotate(360deg);
        -moz-transform:rotate(360deg)
    }
}

/*全局动画*/
.dh { position: relative; top: 50px; opacity: 0; }
.ksdh { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-duration: 0.6s; animation-duration: 0.6; -webkit-animation-fill-mode: both; animation-fill-mode: both }
@-webkit-keyframes fadeInUp { 0% {
    opacity:0;
    -webkit-transform:translate3d(0, 15%, 0);
    transform:translate3d(0, 15%, 0)
}
    100% {
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeInUp { 0% {
    opacity:0;
    -webkit-transform:translate3d(0, 15%, 0);
    transform:translate3d(0, 15%, 0)
}
    100% {
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}

.mc_gotop {
    position: fixed;
    left: auto;
    top: auto;
    right: 16px;
    bottom: 16px;
    z-index: 100;    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    cursor: pointer;
    background: #00bfff;
    transition: all .36s;
    opacity: 0;
    transform: scale(.1);
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}
.mc_gotop.mc1_show {
    opacity: 1;
    transform: scale(1);
}
.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.mc_gotop .iconfont {
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    color: #fff;
    margin-top: -3px;
    transform: rotate(180deg);
}
.icon-arrowdown:before {
    content: "\e616";
}




@media screen and (min-width: 1367px) {
.box{ padding: 10% 0}

}
@media screen and (min-width: 1440px) {
    .box21r h2{font-size: 40px;margin-bottom: 30px}
    .box21r p {
        margin-bottom: 60px;
    }
    .box22 {
        margin-top: 6%;
    }
    .box22 dl dd {
        font-size: 40px;
    }
    .box3nr {
        margin-top: 8%;
    }
    .box3nr dl dd {
        width: 150px;
        height: 150px;
        margin: 0 auto 30px;
    }
    .box3nr dl dt h2{font-size: 18px}
    .box4nr {
        margin-top: 6%;
    }

    .title h2{font-weight:bold;font-size: 44px }
    .box4nr ul li .newinfo {
        padding: 10px 10px 25px;
    }
    a.more.center {
        margin: 50px auto 0;
    }
    .box5nr {
        margin-top: 6%;
    }
    .box5nr ul li {
        margin: 0 1% 45px;
    }
    .khzcr h2{font-size: 22px;color: #15b8ed;font-weight: bold;margin-bottom: 20px}
    .khzcr p{font-size: 16px;color: #666;margin-bottom: 20px; line-height: 1.8}
    .khzcr h3{font-size: 16px;color: #15b8ed;margin-bottom: 10px;font-weight: bold}
    .khinfo span{display: inline-block;margin-right: 30px;font-size: 18px}
   
    .gsgk1 dl dd span {
        font-size: 28px;
    }
    .cplb ul li .cpinfo h2{font-size: 20px}

}

@media screen and (max-width: 1599px) {
    .c-banner1 .c-dot {
        bottom: 40px;
    }
    .c-container {
        padding: 0 1rem;
    }

}

@media screen and (max-width: 1200px) {
    .nybanner{display:none}
    .mbanner {
        display: block;
        margin-top: 60px;
    }

}

@media screen and (max-width: 767px) {
    .headsearch{display: none}
    .headlanguage{background:none}

    .c-banner1 .swiper-slide .c-bg {
        display: none;
    }
    .c-banner1 .swiper-slide .c-bg2 {
        display: block;
    }
    header.nyhd .headlanguage .langbtn {
        background-size: auto 100%;
    }
    .box {
        padding: 25% 0 0;
    }
    .box21l {
        width: 100%;
        float: none;
        margin-right: 0;
    }
    .box21r {
        width: 100%;
        float: none;
        padding-top: 10%;
    }
    .box22 {
        display: none;
    }
    .box3nr dl {
        width: 46%;
        float: left;
        text-align: center;
        margin: 0 2% 30px;
    }
    .box3nr dl dd {
        width: 50px;
        height: 50px;
        margin: 0 auto 10px;
    }
    .box3nr {
        margin-top: 10%;
    }
    .box3nr dl dt {
        text-align: center;
    }
    .box3nr dl dt h2 {
        font-size: 14px;
        margin-bottom: 5px;
    }
    .box3nr dl dt p {display: none;
    }
    .box4{padding-top: 20%}

    .box4nr {
        margin-top: 5%;
    }
    .box4nr ul {
        padding-bottom: 5px;
        width: 90%;
        margin: 0 auto;
    }

    .box4l {
        width: 100%;
        float: none;
        margin-right: 0;
    }
    .box4nr ul li:nth-child(3),.box4nr ul li:nth-child(4),.box4nr ul li:nth-child(5),.box4nr a.more2{display: none}
    .box4r {
        width: 100%;
        float: none;
        margin-top: 2%;
    }
    .box5nr {
        margin-top: 6%;
    }
    .box5l {
        width: 100%;
        float: none;
        margin-right: 0;
        text-align: center !important;
    }
    .box5r {
        width: 100%;
        float: none;
        padding: 20px 0 0;
        color: #fff;
        text-align: center;
    }
    .box5nr2{display: none}
    .foot2 {
        margin-top: 0;
    }
    .foot2l {
        display: none;
    }
    .foot2r {
        width: 100%;
        float: none;
        overflow: hidden;
        border-left: none;
        padding-left: 0;
    }
    .foot3r {
        float: left;
        margin: 10px 0 20px;
    }
    .ywjgnr>ul>li {
        width: 49%;
        margin-right: 2%;
        margin-bottom: 10px;
    }
    .ywjgnr>ul>li:nth-child(2n) {
        margin-right: 0;
    }
    .ryzz .title {
        float: none;
    }
    .ryzz1 ul {
        float: none;
        text-align: center;
        margin-top: 25px;
    }
    .ryzz2>div p {
        font-size: 12px;line-height: 2;
    }
    .xwlb .box4nr ul li {
        padding: 0;
        margin: 0 0 30px;
        width: 100%;
        border: none;
        transition: all .36s;
    }
    .box4nr ul li .newinfo {
        padding: 0;
    }
    .box4nr ul li {
        margin-bottom: 15px;
    }
    .box4nr ul li .newinfo h3,.box4nr ul li .newinfo span{display: none}
    .box4nr ul li .newinfo p{overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
        word-wrap:normal;height: 25px}
    .xwnrbt h2 {
        font-size: 20px;
    }
    .xwnrbt {
        padding: 40px 20px 0;
    }
    .neirong {
        padding: 30px 20px;
    }
    .xwnr>div>ul li {
        width: 100%;
        float: none;
        margin: 5px 0 10px;
    }
    .xwnr {
        padding: 30px 0;
    }
    .box5nr ul li {
        width: 31.333%;
        float: left;
        margin: 0 1% 15px;
    }
    footer {
        padding: 25px 0 15px;
    }
    .foot1{margin-bottom: 20px}
    .gsgk1 dl {
        width: 25%;
        float: left;
        text-align: center;
        margin-bottom: 20px;
    }
    .qywh {
        width: 100%;
        height: auto;
        background: url(../images/whbg.jpg) center no-repeat;
        padding: 50px 0;
        background-size: cover;
    }
    .qywhnr dl {
        width: 47%;
        margin: 0 1.5% 30px;
    }
    .qywhnr dl dt p {
        line-height: 20px;
        font-size: 12px;
        height: 40px;
    }
    .fzlc .swiper-pagination-time{display: none}
    #about-history li {
        height: auto;
        box-sizing: border-box;
        padding: 10px;
        border: 1px solid #098dba;
        background: rgba(255,255,255,0.4);
    }
    #about-history li .col-12, #about-history li img {
        height: auto;
        width: 100%;
    }
    .fzlc {
        height: auto;
        padding-top: 50px;
        padding-bottom: 50px;
        background-size: cover;
    }
    #about-history .body {
        width: 100%;
        margin: 30px auto 0 auto;
    }
    #about-history .body .content {
        padding: 0 20px 10px;
    }
    .fzlc .container {
        overflow: hidden;
        padding-bottom: 30px;
    }
    .zltxl, .shzrl {
        width: 100%;
        float: none;
        overflow: hidden;
    }
    .zltxr {
        width: 100%;
        float: none;
        padding: 30px 0 10px;
    }
    .ryzz1 h2{float: none}
    .ryzz2 .swiper-slide{text-align: center}
    .shzrr {
        position: relative;
        right: auto;
        top: auto;
        height: auto;
        padding: 50px 30px;
        background: #f6f6f6;
        width: 100%;
    }
    .kxcnr dl {
        width: 100%;
        float: none;
        margin: 0 1.5% 30px;
    }
    .cpnav ul li {
        width: 31.3333% !important;
        float: left;
        text-align: center;
        margin: 0 1% 10px;font-size: 14px;
    }
    .cpfmnr dl {
        width: 48%;
        float: left;
        margin: 0 1% 20px;
        background: #f4f4f4;
        text-align: center;
        padding: 25px 0;
        transition: 0.3s;
    }
    .cpfmnr dl dd {
        width: 100px;
        height: 100px;
        display: block;
        margin: 0 auto 10px;
    }
    .cpbox1l {
        width: 100%;
        float: none;
    }
    .cpbox1r {
        width: 100%;
        float: none;
        padding: 30px 0 0 0;
    }
    .cpbox1r dl.cpbt {
        font-size: 18px;
    }
    .cpbox1r dl dd {
        font-size: 16px;
    }
    .cpbox4 ul li.left a {
        background: url(../images/shang.png) 10px 12px no-repeat;
        background-size: 20% auto;
    }

    element.style {
    }
    .cpbox4 ul li.left a {
        background: url(../images/shang.png) 10px 12px no-repeat;
        background-size: 20% auto;
    }
    .cpbox4 ul li a {
        padding: 5px 5px 5px 35px;
        border: 1px solid #e4dddd;
        display: block;
        width: 100px;
        text-align: center;
        color: #666;
        font-size: 12px;
    }
    .cpbox4 ul li.mid a {
        background: #00bfff url(../images/fanhui.png) 10px no-repeat;
        background-size: auto 50%;
    }
    .cpbox4 ul li.right a {
        float: right;
        background: url(../images/xia.png) 70px 12px no-repeat;
        background-size: 20% auto;
        padding: 5px 35px 5px 5px;
    }
    .xgcplb ul li {
        padding: 0;
        width: 100%;
        margin-right: 0;
    }
    .nynav ul li {
        width: 25%;
        float: left;
        margin: 0;
    }
    .newsinfo-section1 .basecont .cont .lt .news_shang .item a {
        color: #666666;
        font-size: 12px;
        line-height: 20px;
    }
    .mtlb ul li .mttp {
        width: 100%;
        float: none;
        overflow: hidden;
    }
    .mtlb ul li .mtinfo {
        position: relative;
        width: 100%;
        top: auto;
        right: auto;
        height: auto;
        padding: 20px 10px;
    }
    .mtlb ul li .mtinfo h2 {
        width: 100%;
    }
    .mtlb ul li .mtinfo p {
        width: 100%;
    }
    .mtlb ul li .mtinfo dl{display: none}
    .hylb ul li {
        position: relative;
        box-shadow: 0 0 5px #ecf0f3;
        margin-bottom: 40px;
        padding: 20px;
    }
    .hylb ul li dl {
        left: 4%;
        margin-top: -35px;
    }
    .hylb ul li .hyinfo {
        width: 80%;
        float: right;
    }
    .hylb ul li .hyinfo h2 {
        font-size: 14px;
        margin-bottom: 5px;
    }
    .hylb ul li .hyinfo p {
        line-height: 20px;
        height: 40px;
        font-size: 12px;
    }
    .xwlb .box4nr ul li{display: block}
    .rcpylnl {
        width: 100%;
        float: none;
        padding: 20px;
    }
    .rcpyln {
        background: #fbfbfb;
        margin: 0;
        padding: 20px 0;
    }
    .rcpylnl h2 {
        font-size: 28px;
        margin-bottom: 10px;
    }
    .rcpylnl p {
        font-size: 22px;margin-bottom: 0;
    }
    .rcpylnr {
        width: 100%;
        float: none;
    }
    .title.lanse p {
        color: #666666;
        font-size: 14px;
        line-height: 25px;
        margin-top: 10px;
    }
    .zglist {
        margin-top: 20px;
    }
    .zglt {
        overflow: hidden;
        font-size: 14px;
    }
    .gzdidian {
        display: none !important;
    }
    .leibie {
        width: 20% !important;;
    }
    .renshu {
        width: 15% !important;;
    }
    .faburqi {
        width: 25% !important;;
    }
    .gzxq {
        width: 15% !important;;
    }
    .zglist div.sdmenu div span p i {
        font-size: 12px;
    }
    .zglist div.sdmenu div a {
        padding: 20px;
    }
    .zglist div.sdmenu div a p {
        font-size: 14px;
    }
    .zglist div.sdmenu div a p.gzxqbt {
        font-size: 14px;    margin-bottom: 10px;
    }
    .zglist div.sdmenu div a p.mt50 {
        margin-bottom: 20px;
    }
    .zglist div.sdmenu div a.tdjllj {
        padding: 20px;
    }
    .zglist div.sdmenu div a p.tdjl {
        line-height: 40px;
    }
    .khzcnr dl {
        width: 31.333%;
        float: left;
        margin: 0 1% 20px;
        height: 200px;
        position: relative;
        border-radius: 10px;
        overflow: hidden;
    }
    .khzcnr dl dd {
        width: 50px;
        height: 50px;
        margin: 25px auto 20px;
        position: relative;
        background-size: 100% 100% !important
    }
    .khzcnr dl dt {
        padding: 0 10px 10px;
    }
    .khzcnr dl dt h2 {
        font-size: 14px;
    }
    .khzcnr dl.khzc4 {
        width: 100%;
        float: none;
        margin-right: 0;
        padding: 20px;
    }

    .khzcnr dl.khzc4 dd {
        width:30%;
        float: left;
        height: 100%;
        margin: 0;
        border-right: 1px dashed #fff;
        background-size: 50% auto !important;
    }
    .khzcnr dl.khzc4 dt {
        width: 70%;
    }
    .khzcnr dl.khzc4 dt p {
        font-size: 14px;
    }
    .hzhbgd ul li {
        margin: 0;
        padding: 0;
        background:#fff;
    }
    .yfcgnr ul li {
        width: 47%;
    }
    .xzzxnr ul li .yfinfo h2 {
        font-size: 14px;
    }
.xzzx{padding-bottom: 30px}
    .xqdz1 {
        display: none;
    }
    .xqdz2 dl {
        width: 100% !important;
        float: none;
        margin-right: 0 !important;
        margin-bottom: 20px;
        border-bottom: 1px solid #eae8e8;
        padding-bottom: 10px !important;
        text-align: left;        padding: 0 0 20px 20px !important;
    }
    .xqdz3 {
        margin: 30px 0 0;
        text-align: center;
    }
    .xqdz3 a {
        margin: 10px 0;
        padding: 0 30px;
    }
    .lxxxr {
        width: 100%;
        position: relative;
        height: 200px;
        right: 0;
        top: 0;
    }
    .lxxxl {
        width: 100%;
        float: none;
    }

    element.style {
    }
    #c-contact .c-list1 li.hover {
        color: #fff;
        background: #00bfff;
    }
    #c-contact .c-list1 li {
        height: 50px;
        font-size: 16px;
        line-height: 50px;
    }
    #c-contact .c-list2 .c-item2 input {
        float: none;
        width: -webkit-calc(50% - 10px);
        width: 100%;
    }
    #c-contact .c-list2 input {
        height: 40px;
        font-size: 14px;
    }
    #c-contact .f_yanzheng input {
        width: 60%;
        margin-right: 5%;
    }
    #c-contact .f_yanzheng img {
        width: 35%;
        height: 40px;
    }
    #c-contact .c-list2 button {
        height: 40px;
        font-size: 16px;
    }
    #c-contact .c-list2 .c-item2 select {
        float: none;
        width: 100%;
        height: 40px;
        font-size: 14px;
    }
    .jtzqnr ul li {
        width: 47%;;
        font-size: 12px;
    }
    .gsgkinfo {
        width: 100%;
        margin: 0;
        padding: 30px 20px;
    }
    .gsgkinfo h2 {
        font-size: 20px;
        text-align: left;
    }
    .loading {
        margin: 0 2px;
    }

}

@media screen and (max-width: 640px) {
    .logo img {
        display: block;
        height: 25px;
    }

}

.gsgk1{text-align:center}
.gsgk1 dl{float:unset!important;display: inline-block;}
.gsgkinfo p{font-size: 18px;line-height:2}
.boxny.zzjg{padding:10px 0!important}
.boxny.zzjg .title{margin-top:30px;}
.boxny.shzr,.boxny.kcxf,.yfbox.xzzx,.yfbox.xqdz,.boxny.kcxfz{display:none!important}
.cpfm .cpfmnr{display:flex;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:center}
.khzcnr dl.khzc4 dt p{font-size: 15px;text-align: right;line-height: 1.5}
.xwlb .box4nr ul li .newinfo p.ep1{height: 22px;-webkit-line-clamp:1;}


/* flex */
.flex{display:flex}
.flex-a{flex:1;overflow:hidden;}
.flex-b{display:flex;justify-content:space-between}
.flex-c{display:flex;justify-content:center}
.flex-e{display:flex;justify-content:flex-end}
.flex-w{display: flex;flex-wrap: wrap;}
.flex-ac{display:flex;align-items:center;}
.flex-cb{display:flex;align-items:center;justify-content:space-between}
.flex-cc{display:flex;align-items:center;justify-content:center}
.flex-ce{display:flex;align-items:center;justify-content:flex-end}
.flex-ae{display:flex;align-items:flex-end;justify-content:flex-start}
.flex-cs{display:flex;align-items:center;justify-content:flex-start}
.flex-col{display:flex;flex-direction: column;}
.flex-shr{flex-shrink:0;}

.feedback{border-top: 1px solid #eee;padding-top:30px;margin-top:25px;}
.feedback li{font-size:14px;color:#666;margin:10px 20px 25px 20px;text-align:center;min-width:150px}
.feedback .email a{color: #333;font-weight: bold;}
.feedback .email img{width:36px;height:36px;margin-right:8px;}
.feedback .email a:hover{color:#00bfff}
.lxxxnr .map{
	width:57.15%;
}
.lxxxnr .map img{
	width:100%
}
@media screen and (max-width:1400px) {
	.lxxxl h2{font-size:26px;}
}
@media screen and (max-width:1000px) {
.lxxxnr{
	flex-wrap:wrap;
}
.lxxxnr .map,.lxxxl{
	width:100%;
}
.lxxxl{padding:15px;}
.lxxxl h2{font-size:20px;}	
.lxxxl span{font-size:14px;margin-bottom:15px;}
.lxxxl dl{margin-bottom:15px;}
.lxxxl dl dd{width:35px;height:35px;margin-top:6px;}
.lxxxnr .map{margin-top:20px;}
.en_lxxxnr .lxxxl h2{font-size:16px;margin-bottom:25px;line-height:1.6;margin-top:8px;}
.lxxxl dl dt{font-size:14px;font-weight:normal;}
}