.middle{ width: 90%; margin: auto;}
.wap,.lg-hidden{ display: none !important;}
@font-face {
    font-family: "ali";
    src: url('../fonts/impact.ttf')
}
/* 首页 */
.header {
    width: 100%;
    height: 1.2rem;
    z-index: 9;
    position: fixed;
    top: 0px;
    left: 0px;
    background:#1066b5;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
.header * {
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.header .inTop {
    height: 1rem;
}
.header .inTop .logo {
    float: left;
    position: relative;
    /*  height: 130px; */
    width: 29%;
    padding: 0;
    margin: 0;
    line-height: 1;
    -webkit-transition: all 0.45s ease-out;
    transition: all 0.45s ease-out;
    overflow: hidden;
    padding-top: 0.8%;
    box-sizing: border-box;
}
.header .inTop .logo a img {
    display: block;
    width: 85%;
    -webkit-transition: all 0.45s ease-out;
    transition: all 0.45s ease-out;
}

.nav_bg .menu {
    height: 1.2rem;
    width: 100%;
}
.nav_bg .menu > ul {
    flex: 1;
    display: flex;
    justify-content: space-between;
    float: left;
    margin-left: 3%;

}
.nav_bg .menu > ul > li {
    vertical-align: top;
    text-align: center;
    height:1.1rem;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    width: 42%;
}
.nav_bg .menu > ul > li > a {
    display: block;
    height: 1.2rem;
    line-height: 1.2rem;
    font-size: 0.22rem;
    position: relative;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    color: #fff;
}
.nav_bg .menu > ul > li > a:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    height: 4px;
    width: 0;
    /* background: linear-gradient(to right,#132c66,#5fa4f3); */
    background-image: linear-gradient(to right, #fff, #fff);
    z-index: -1;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.nav_bg .menu > ul > li > a:hover {
    background-color: transparent;
    font-size: 0.2rem;
    color: #fff;
}
.nav_bg .menu > ul > li.another a{  font-size: 0.24rem;
    color: #fff;/* background: linear-gradient(to right, #b00e1b, #db1717); */ }
.nav_bg .menu > ul > li.another > a:after,
.nav_bg .menu > ul > li:hover > a:after {
    width: 60%;
    left: 20%;
}
.nav_bg .menu > ul > li:hover .sec {
    height: auto;
}
.nav_bg .menu > ul > li:hover .secs {
    height: auto;
}
.nav_bg .menu .search {
    display: block;
    float: right;
    position: relative;
    z-index: 3;
    width: 0.45rem;
    height: 0.45rem;
    border-radius: 100%;
    margin-top:2%;
    margin-right: -28px;
    margin-left: 0.52rem;
}
.nav_bg .menu .search .searchIco {
    width: 0.45rem;
    height: 0.45rem;
    border-radius: 100%;
    /*  background-image: linear-gradient(0deg, #0054b4 0%, #12c371 100%); */
    background-image: linear-gradient(to right, #fff, #fff);
    /* background: #132c66; */
    overflow: hidden;
    cursor: pointer;
}
.nav_bg .menu .search .searchIco em {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    top: 0;
    padding: 0;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.nav_bg .menu .search .searchIco em.searchShow {
    background: url(../images/topsearch.png) center center no-repeat;
}
.nav_bg .menu .search .searchIco em.searchHide {
    background: url(../images/topsehide.png) center center no-repeat;
}
.nav_bg .menu .search .searchIco.topSearch em {
    top: -100%;
}
.nav_bg .menu .search .searchBox {
    width: 0;
    height: 45px;
    position: absolute;
    right: 120%;
    background: #fff;
    top: 50%;
    margin-top: -23px;
    overflow: hidden;
    border-radius: 25px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.nav_bg .menu .search .searchBox .searchInp {
    width: 2.4rem;
    height: 0.45rem;
    border: none;
    line-height: 0.45rem;
    background: none;
    float: left;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 20px;
    font-size: 0.14rem;
}
.nav_bg .menu .search .searchBox .searchInp::-webkit-input-placeholder {
    color: #777;
    font-weight: normal;
    font-size: 0.14rem;
    opacity: 1;
}
.nav_bg .menu .search .searchBox .searchInp::-moz-placeholder {
    color: #777;
    font-weight: normal;
    font-size: 0.14rem;
    opacity: 1;
}
.nav_bg .menu .search .searchBox .searchInp:-ms-input-placeholder {
    color: #777;
    font-weight: normal;
    font-size: 0.14rem;
    opacity: 1;
}
.nav_bg .menu .search .searchBox .searchInp:focus::-webkit-input-placeholder,
.nav_bg .menu .search .searchBox .searchInp:active::-webkit-input-placeholder {
    opacity: 0.6;
    filter: alpha(opacity=60);
}
.nav_bg .menu .search .searchBox .searchInp:focus::-moz-placeholder,
.nav_bg .menu .search .searchBox .searchInp:active::-moz-placeholder {
    opacity: 0.6;
    filter: alpha(opacity=60);
}
.nav_bg .menu .search .searchBox .searchInp:focus:-ms-input-placeholder,
.nav_bg .menu .search .searchBox .searchInp:active:-ms-input-placeholder {
    opacity: 0.6;
    filter: alpha(opacity=60);
}
.nav_bg .menu .search .searchBox .submitBtn {
    position: absolute;
    right: 0;
    top: 0;
    background: url(../images/searchico.png) center center no-repeat #fff;
    background-size: 0.22rem;
    width: 0.6rem;
    height: 0.45rem;
    cursor: pointer;
    border: none;
    float: right;
    -webkit-transition: all 0.6s ease-out;
    transition: all 0.6s ease-out;
    opacity: 0;
    filter: alpha(opacity=0);
}
.nav_bg .menu .search .searchBox.searchShow {
    width: 3rem;
}
.nav_bg .menu .search .searchBox.searchShow .submitBtn {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.nav_bg .menu .search .searchBox.searchShow .submitBtn:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
}
@keyframes msClock2 {
    0%,
    70%,
    100% {
        transform: rotate(0) scale(1);
    }
    10%,
    30% {
        transform: rotate(-15deg) scale(1);
    }
    20%,
    40% {
        transform: rotate(15deg) scale(1);
    }
}

.main-tan{ position: absolute; left: 0px; width: 100%; top: 100%; padding: 0.1rem 0;background: rgba(255,255,255,0.95); display: inline-block; z-index: 8;opacity: 0;transform: translateY(30px) ;border-top: 1px solid rgba(0, 0, 0, 0.1);;
    transition: 0.4s;visibility: hidden;}
.main-tan[data=xz]{opacity: 1;transform: translateY(0px);visibility: visible;}
.main-tan{ width: 100%;}
.tan-con-r{display: flex; flex-direction: row;  justify-content: center; line-height: 0.6rem;}
.tan-con-r li{ width:8%; text-align: left}
.tan-con-r li a{ font-weight: bold; font-size: 0.18rem}
.main-tan-3 .tan-con-r li{ width: 11%;}

.main-tan-2 .tan-con-r li{ width: 12%; margin-right: 0.15rem}
.main-tan .tan-con-r li dl{ line-height: 0.2rem}
.main-tan .tan-con-r li dl a{ font-weight: 500; font-size: 0.12rem; line-height: 0.2rem}
.main-tan .tan-con-r li dl:hover a{ color:#1066b5 }
.main-tan-5[data=xz]{opacity: 0}
.main-tan-3[data=xz]{opacity: 0}


.tan-con i{ float: left; width: 0.2rem; margin-right: 0.15rem; margin-top: 12%}
.tan-con i img{ width: 100%;}
.tanimg{ width: 100%; height: 2.2rem; overflow: hidden; padding: 0.05rem; box-sizing: border-box; border: 1px  solid #dfdfdf;}
.tanimg img{ width: 100%; height: 100%; object-fit: cover;}
.main-tan-2 .tan-con-r li{ text-align: center}


/* 轮播图 */
.lb{ position: relative; height: 100%}
.lb .swiper-container {width: 100%;height: 100%;margin-left: auto; margin-right: auto;position: relative;}
.lb .swiper-slide {text-align: center;font-size: 0.18rem;background: #fff;/* Center slide text vertically */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;}
.lb .swiper-slide { position: relative;overflow: hidden}
.lb .swiper-container>.swiper-pagination-b{ bottom: 10% !important; left: 80% !important; position: absolute;z-index: 9;}
.lb .swiper-pagination-b span{width: 0.48rem !important; height: 2px!important; background: #fff; opacity:0.5;border-radius: initial;   }
.lb .swiper-pagination-b .swiper-pagination-bullet-active{ opacity: 1;}
.lb .swiper-button-prev{ left: 72% !important; top: 90%;outline: none;color: #fff; width: 120px;height: 40px;border-radius: 50%;}
.lb .swiper-button-next:after,.lb .swiper-button-prev:after{ font-size: 0.25rem !important;}
.lb .swiper-button-prev:after{ margin-left: -60%;}
.lb .swiper-button-next:after{ margin-left: 20px;}
.lb .swiper-button-next{ right: 2% !important;top: 90%;outline: none;color: #fff;width: 1.2rem;height: 0.4rem;border-radius: 50%;}
.lb .swiper-button-prev:hover,.lb .swiper-button-next:hover{ background: none;}
.lb .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0px 8px;}
.lb .swiper-slide .pic3{ width: 100%;position: relative}
.lb .swiper-slide .pic1{position:absolute;z-index:2;left:10%;top:40%;width:80%;}
.lb .swiper-slide .pic2{width:50%;position:absolute; z-index:2; right:25%;bottom: 0;}

.slide-tiel1{ position: absolute; top: 40%; left: 15%;text-align: left; color: #fff}
.slide-tiel1 h5{ font-size: 0.4rem; line-height: 0.8rem; color: #fff}
.slide-tiel1 p{ font-size: 0.26rem; line-height: 0.6rem; color: #fff}
.slide-tel{ position: absolute; left: 5%; bottom: 6%;z-index: 10; height: 0.55rem; line-height: 0.55rem}
.slide-tel img{ width: 0.55rem; height: 0.55rem; float: left; margin-right: 0.2rem}
.slide-tel span{ font-size: 0.36rem; color: #fff; font-weight: bold;line-height: 0.55rem}

.lb .banner_bottom{ position: absolute; left: 49%; width: 0.56rem; height: 0.65rem; z-index: 2; bottom: 0.3rem;-webkit-animation: bounce-down 2s linear infinite;animation: bounce-down 2s linear infinite; cursor:pointer}
@-webkit-keyframes bounce-down {
    25% {
        -webkit-transform: translateY(-8px);
    }
    50%, 100% {
        -webkit-transform: translateY(0);
    }
    75% {
        -webkit-transform: translateY(8px);
    }
}

@keyframes bounce-down {
    25% {
        transform: translateY(-8px);
    }
    50%, 100% {
        transform: translateY(0);
    }
    75% {
        transform: translateY(8px);
    }
}
/*shou-p*/
.pro-title{ width: 100%; display:inline-block;}
.pro-title ul li{ width: 16.6%; float: left; padding: 0.3rem 0.4rem; box-sizing: border-box;background: url(../images/index_03.jpg) no-repeat top center; background-size: 100%;
    border: 1px solid #e0eaf1}
.pro-title ul li h5{ font-size: 0.3rem; font-weight: bold; line-height: 0.7rem;}
.pro-title ul li i{ width: 10%; height: 4px; background: #bbbbbb; margin: 0.14rem 0px; display: block}
.pro-title ul li p{ font-size: 0.18rem; line-height: 0.32rem}
.pro-title ul li:hover{ background: #fff; border: 1px solid #fff}
.pro-title ul li:hover h5{ color: #1066b5}
.pro-title ul li.on{ background: #fff; border: 1px solid #fff}
.pro-title ul li.on h5{ color: #1066b5}
.pro-index{ width: 95%; margin: auto;margin-top: 0.3rem}
.milld-cont{ width: 100%; display: inline-block}
.pro-left{ width: 34%; float: left; overflow:hidden; height:8.2rem;position: relative}
.pro-inbox ul{ width: 65%; float:right;}
.pro-inbox ul li{ width: 48%; margin-right: 2%; float: left; overflow: hidden; height: 4rem; margin-bottom: 0.2rem; position: relative}
.pro-inbox ul li:nth-child(2n){ margin-right: 0px;}
.pro-thumb{ width: 100%; height: 100%; overflow: hidden}
.pro-thumb img{ width: 100%; height: 100%; object-fit: cover}
.pic-title{ position: absolute; bottom: 0px; left: 0px; width: 100%; line-height: 0.8rem; height: 0.8rem; background: rgba(0,0,0,0.7) ; text-align:center; font-size: 0.22rem; color: #fff}
.pro-thumb:hover img{ -webkit-transform:scale(1.15);-moz-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15);
    -webkit-transition:all 2s ease;-moz-transition:all 2s ease;-o-transition:all 2s ease;transition:all 2s ease;}
/*shou-about*/
.box-about{ width: 100%; padding-top: 0.6rem}
.left-about{ width: 45%; padding-left: 1rem; box-sizing: border-box;background: url(../images/index_05.jpg) no-repeat bottom center; background-size: 100%; padding-bottom: 1.4rem}
.right-about{ width: 43%; float: right}
.right-about img{ width: 100%;}
.justify_content_space_between { -webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.left-about .h5-about span{ font-size: 0.32rem; font-weight: bold;line-height: 0.5rem;}
.h5-about h6{ font-weight: bold; font-size: 0.4rem;color: #1066b5;line-height: 0.6rem; width: 90%; margin-top: 0.2rem}
.line{ width: 100px;  height: 10px;  background: #f2c1a1;  margin-top: -0.15rem;}
.about-c{ width: 100%; margin-top: 0.6rem; font-size: 0.2rem;line-height: 0.45rem;}
.about-c p{ line-height: 0.5rem !important}
.left-about .more{ width:0.86rem;height:0.86rem;background: #f58120;color: #ffffff;line-height:0.86rem;text-align: center;font-size:0.2rem;font-weight: bold;
    border-radius:0.2rem;display: block;margin-top:20%;}
.left-about .more a{ color: #fff; font-size: 0.2rem}

/*licbheng*/
.box-licheng{ width:100%;display: inline-block;margin-top: 0.4rem;padding-top: 0.3rem;background: url(../images/index03_02.jpg) no-repeat top center;
    background-size: 100%; padding-bottom: 0.8rem;position: relative }
.box-title{ width: 100%; display: inline-block}
.inex-title{ width: 90%; margin: auto}
.box-title .left-title{ width: 80%; float: left}
.box-title .left-title span{ font-size: 0.32rem; font-weight: bold; line-height: 0.4rem}
.left-title h6{font-size: 0.32rem;color: #1066b5;line-height: 0.5rem; width: 90%; margin-top: 0.2rem}
.title-more{width:0.96rem;height:0.96rem;display: block; float: right}
.title-more img { width: 100%;}
.licheng-index{width: 80%; margin: auto;  margin-top:0.4rem; padding-top: 0.6rem;position: relative }
.licheng-index .swiper-wrapper{ position: relative;}
.li-slide p{ width: 100%; display: inline-block}
.li-slide p span{ font-size: 0.8rem; text-align: left; color:#1066b5; font-weight: bold; width: 50%; float: right; overflow: hidden}
.li_year{position: absolute;left: 70%;top: 0;transform: translateX(-50%);color: #1066b5;font-size: .8rem;font-weight: bold;width: 3.6rem;line-height: 1rem;z-index: 3;margin-top: -1.6rem;
    font-family: Impact;overflow: hidden}
.li-slide{ flex-shrink: 0;  margin-top: 1rem;position: relative;opacity: 0 !important}
.li-slide.swiper-slide-active{ opacity: 1 !important}
.slide-thumb{ width: 100%;}
.slide-thumb .slide-img{ width: 40%; float: left;height: 4.6rem; overflow: hidden; margin-left:5%}
.slide-thumb .slide-img img{ width: 100%; height: 100%;object-fit: cover}
.slide-cont{ width: 40%; float: right; margin-top: 10%; margin-right: 5%;line-height: 0.4rem; font-size: 0.2rem}
.slide-cont i{ width: 0.1rem; height: 0.1rem; background:#1066b5; display: block;border-radius: 50%; margin-right: 0.2rem; float: left; margin-top: 0.1rem}
.licheng-index .swiper-button-next,.licheng-index .swiper-button-prev{ width: 0.7rem; height: 0.7rem; background: rgba(0,0,0,0.3); border-radius: 50%;overflow: hidden}
.licheng-index .swiper-button-next::after,.licheng-index .swiper-button-prev::after{ font-size: 0.32rem; color: #fff}
.licheng-index .swiper-button-next{ right: -20px; top: 55%}
.licheng-index .swiper-button-prev{ left: -20px; top: 55%}
.lishi{ position: absolute;top:0px; left: 5%; color:#1066b5 }
.lishi h5{ font-size: 0.4rem; line-height: 0.5rem;}
.lishi h5 i{ font-weight: bold}
.lishi p{ font-size: 0.28rem}
.hua-xie{ position: absolute;right: 5%; top: 30%; display: flex}
.hua-xie span{ margin: 0 .1rem;background-color: #1066b5;width: .07rem;height: .5rem;transform: skewX(-30deg);}
.shi-licheng{ font-size: 2rem;font-family: Futura-Bold;color: rgba(20, 33, 44, 0);line-height: .75;opacity: 0.1;-webkit-text-stroke: 1px #1066b5;text-stroke: 1px #1066b5;
    text-transform: uppercase; position:absolute;right: 0px; top: 20%;font-family: Impact;}
/*anli*/
.box-case{ width: 100%; padding: 0.6rem 0rem; background: #d2e6fe; display: inline-block; overflow: hidden}
.case-list{ width: 95%; margin: auto; margin-top: 0.3rem; position: relative}
.case-slide{flex-shrink: 0; overflow: hidden; border-radius: 0.2rem;opacity:0.4; }
.case-slide p{ font-size:0.28rem;font-weight: bold;text-indent: 1em;border-left: 6px #f58120 solid;line-height:0.54rem;margin-bottom: 0; }
.case-slide .case-thumb{ width: 100%; margin-top: 0.2rem; height: 4.6rem; overflow: hidden; border-radius: 0.2rem}
.case-slide .case-thumb img{ width: 100%; height: 100%;object-fit: cover}
.case-slide.swiper-slide-active{ opacity: 1}
.case-list .swiper-button-next,.case-list .swiper-button-prev{ width: 0.6rem; height: 0.6rem; border-radius: 50%; background: #fff; border: 1px dashed #1066b5; top: 60%}
.case-list .swiper-button-next::after,.case-list .swiper-button-prev::after{ font-size: 0.26rem; color: #1066b5}
.case-list .swiper-button-next{ right: 31%}
.case-list .swiper-button-prev{ left: 31%}
/*xinwen*/
.news-box{width: 100%; padding: 0.6rem 0rem; background: #f0f7ff; display: inline-block}
.go-news{ width: 49%; float: left; background: #fff; padding: 0.4rem; box-sizing: border-box;position: relative}
.news-swiper{ width: 100%; overflow: hidden;position: relative}
.news-slide{flex-shrink: 0; overflow: hidden;}
.news-slide .news-thumb{ width: 100%; height: 5rem; overflow: hidden}
.news-slide .news-thumb img{ width: 100%; height: 100%; object-fit: cover}
.news-title{ line-height: 0.5rem;}
.news-title span{ font-size: 0.28rem; font-weight: bold;line-height: 0.5rem;}
.news-title i{ font-size: 0.24rem; float: right; line-height: 0.5rem}
.news-slide .news-biao{ font-size: 0.28rem; line-height: 0.4rem; font-weight: bold; margin: 0.1rem 0rem}
.news-slide .news-conr{ font-size: 0.18rem; line-height: 0.3rem; height: 0.6rem; overflow: hidden}
.news-slide .news-time{ font-size: 0.16rem; line-height: 0.24rem; text-align: right}
.news-slide:hover .news-biao,.news-slide:hover .news-conr,.news-slide:hover .news-time{ color: #1066b5}
.dynamic-news{width: 49%; float: right; background: #fff; padding: 0.4rem; box-sizing: border-box}
.dynamic-one{ width: 100%; display: inline-block}
.dynamic-one .dynamic-img{ width: 30%; height: 2.6rem; overflow: hidden; float: left}
.dynamic-one .dynamic-img img{ width: 100%; height: 100%; object-fit: cover}
.dynamic-one .dynamic-two{ width: 68%; float: right;}
.dynamic-two h6{ font-size: 0.3rem; line-height: 0.5rem; font-weight: bold; overflow: hidden; height: 0.4rem}
.dynamic-two .dynamic-conr{ font-size: 0.2rem; line-height: 0.35rem; margin: 0.1rem 0rem}
.dynamic-two .dynamic-time{ font-size: 0.18rem; line-height: 0.3rem; margin: 0.05rem 0rem;}
.dynamic-one:hover a .dynamic-two{ color: #1066b5}
.dynamic-onelist{ height: 0.77rem; line-height: 0.77rem; overflow: hidden; border-bottom: 1px  solid #ddd}
.dynamic-three h6{ line-height: 0.77rem; width: 90%; font-size: 0.26rem; margin: 0px; font-weight: bold}
.dynamic-three i{ width: 10%; font-size: 0.22rem; text-align: right; line-height: 0.77rem}

.swiper-pagination-dian{ position: absolute; right: 0px; bottom: 0px; text-align: right; width: 100%;line-height: 0.2rem}
.swiper-pagination-dian span{ width: 0.3rem; height:4px; display: block; border-radius: 0px; float: left}
/*dibu*/
.index-foot{ width: 100%; display: inline-block;background: #1066b5; margin-top: 0.6rem; position: relative; padding-top: 0.6rem}
.index-foot .milld{ width: 90%; margin: auto; display:flex}
.left-tel{ width: 25%; float: left}
.left-nva{ width: 70%; float: right}
.left-tel h5{ height: 0.3rem; line-height: 0.3rem; font-size: 0.16rem; color: #fff}
.left-tel h5 img{ width: 0.3rem; float: left; margin-right: 0.15rem}
.left-tel span{ font-size:0.28rem; font-weight: bold; color: #fff}
.left-tel h6{ font-size: 0.18rem; margin-top: 0.6rem; color: #fff}
.left-tel .foot-img{ width: 55%; margin-top: 0.2rem}
.left-nva ul li{ float: left; width: 12%; color: #fff; margin-right: 2%}
.left-nva ul li span{ width: 100%; display: block; line-height: 0.5rem}
.left-nva ul li h4 a{ font-size: 0.24rem; font-weight: bold; color: #fff}
.left-nva ul li span a{ font-size: 0.18rem; color: #fff;}
.left-nva ul li span:hover a{ padding-left: 0.1rem; color: #1066b5;transition: all 2s;}

.left-img{ width: 10%; float: right; text-align: center;color: #fff}
.left-img span{ width: 80%; display: block; text-align: center; margin: 0.15rem auto; font-size: 0.16rem; color: #fff}
.left-img span img{ width: 100%;text-align: center;}
.left-img p{ font-size: 0.12rem; line-height: 0.2rem; text-align: center; color: #fff}
.foot-dibu{ width: 100%; height: 0.5rem; line-height: 0.5rem; text-align: center;  font-size: 0.18rem; color: #fff; display:block; border-top: 1px solid #cfcfcf;
    position: absolute; bottom: 1%; left: 0px;}
.index-foot{ margin-top: 0px;}
.top-pro.close-hide{ opacity: 0}
.foot-message{ margin-bottom: 1rem; width: 100%; display:inline-block;}
.index-foot .milld{ display: block}
.foot-message .foot-item{ width: 20%; height: 0.45rem; line-height: 0.45rem; background: #fff; border-radius: 0.15rem; margin-right: 1%; padding: 0rem 0.1rem;}
.foot-message textarea{ width: 20%; height: 0.45rem; line-height: 0.45rem; background: #fff; border-radius: 0.15rem; margin-right: 1%; padding: 0rem 0.1rem;}
.foot-message .submit{ width: 15%; height: 0.45rem; line-height: 0.45rem; text-align: center; background: #1066b5; color: #fff;}
.foot-message .submit:hover{ border-radius: 0.2rem}
.left-nva ul li:nth-child(3){ width:20%}
.left-nva ul li:last-child{ margin-right: 0px;}
.lainxi h5{font-family: "alibb"; font-size: 0.24rem; color: #fff; font-weight: bold; margin-bottom: 0.15rem}
.lainxi p{ width: 100%; line-height: 0.5rem; color: #fff; opacity: 0.8; font-size: 0.2rem}
.lainxi p i{ width: 0.3rem; display: block; float: left; margin-right: 0.05rem; margin-top:1%}
.lainxi p i img{ width: 100%;}
.lainxi-thumb{ width: 100%; margin-bottom: 0.15rem}
.lainxi-thumb img{ width:70%;}
.foot-pin{ width: 100%; display:inline-block; padding-bottom:1.6rem; margin-bottom: 1rem}
.foot-pin .foot-logo{ float: left; width: 20%;}
.foot-pin .foot-logo img{ width: 100%; filter: brightness(0) invert(1); margin-top: 4%;}
.foot-pin .left-img{ float: right;}
.foot-nva{ width: 100%; display: inline-block; margin-bottom: 0.1rem}
.foot-ditu{ position: inherit}
.nva-img img{ width: 100%;}
.nva-img p{ font-size: 0.14rem; line-height: 0.4rem; text-align:center}
/**/
.banner-image{ height: 6.6rem; background-position:top center; background-size: cover; background-repeat: no-repeat; position: relative}
.banner-image .batit{ position: absolute;top: 48%; text-align: center; width: 100%; }
.banner-image .batit h5{ font-size: 0.5rem; color:#fff;text-shadow: 2px 2px 4px rgba(0,0,0,0.3); text-align: left; padding-left: 10%; box-sizing: border-box;
    opacity: 0;font-weight: bold}
.banner-image .batit h5 p,.banner-image .batit h5 b{font-weight: bold}
.inside-crumb {font-size: 0.16rem;color: #eaeaea;position: absolute;right: 8.5%;bottom:0.2rem;text-align: right;}
.inside-crumb a {font-size: inherit;color: inherit;}
.banner-image .batit h5{ animation: qt2 1s linear;animation-fill-mode: forwards;}
@keyframes qt2 {
    0% {
        opacity: 0;
        transform: translateX(-200px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.index-group-wrap .video-wrp {width: 100%;height: 7rem;background: #000;}
.index-group-wrap .video-wrp .img,
.index-group-wrap .video-wrp video {width: 100%;height: 100%;}
.index-group-wrap .video-wrp video { background:#000}
.index-group-wrap .video-wrp .icon {width: 0.85rem;height: 0.85rem;position: absolute;left: 50%;margin-left: -0.51rem;top:50%;z-index: 5;cursor: pointer;}
.cis1-r .video-wrp{ width: 100%;}
.ripple, .ripple:before, .ripple:after {
    position: absolute;
    left: 50%;
    top: 52%;
    height: 65px;
    width: 65px;
    margin-top: -34px;
    margin-left: -33px;
    border-radius: 50%;-ms-box-shadow: 0 0 0 0 rgba(225,255,255,0.64);-o-box-shadow: 0 0 0 0 rgba(225,255,255, 0.64);box-shadow: 0 0 0 0 rgba(225,225,225, 0.64);animation: ripple 3s infinite;}
@-webkit-keyframes ripple {
    70% {-webkit-box-shadow: 0 0 0 70px rgba(244, 68, 56, .0);box-shadow: 0 0 0 70px rgba(244, 68, 56, .0);}
    100%
    {
        -webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, .0);
        box-shadow: 0 0 0 0 rgba(244, 68, 56, .0);
    }
}
.index-group-wrap .video-wrp .icon  img{ width: 100%;}
.index-group-wrap .video-wrp .img {position: absolute;left: 0;top: 0;z-index: 4;}
.index-group-wrap .video-wrp .close{ position:absolute; right:5%; top:5%;color:#fff;font-size:0.3rem}
.index-group-wrap .con-wrp {padding-top: .19rem;}
.index-group-wrap .con-wrp .tit {font-size: .40rem;font-weight: bold;line-height: 1;margin-bottom: .27rem;}
.index-group-wrap .con-wrp .tit-en {font-size: .18rem;line-height: 1;margin-bottom: .5rem;padding-left: .23rem;position: relative;}
.index-group-wrap .con-wrp .tit-en:after {content: '';display: block;width: .12rem;height: .12rem;background-color: #fff;position: absolute;left: 0;top: .03rem;}
.index-group-wrap .con-wrp .desc {font-size: .2rem;line-height: .45rem;height: 3.5rem;overflow: hidden;margin-bottom: .25rem;text-indent:2em;}
.inner-aboutr{ margin-right: 7%; width: 42%; border-radius: 0.2rem; overflow: hidden; margin-top: 4%}
/**/
.edge-about{ width: 100%; display: inline-block; padding: 0.6rem 0rem; background: url(../images/index07_02.jpg) no-repeat top center; background-size: 100%; position: relative}
.edge-title{ color: #fff; width: 100%; display: inline-block; text-align: center; margin-bottom: 0.7rem}
.edge-title h4{ font-weight:bold; font-size: 0.32rem; line-height: 0.5rem;}
.edge-title p{ font-size: 0.16rem; line-height: 0.3rem;}
@keyframes rotate3 {
    from {
        transform: translate(-50%, -50%) rotate(0deg)
    }
    to {
        transform: translate(-50%, -50%) rotate(360deg)
    }
}
.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: 5.5rem;height:5.3rem;}
.edge-swiper .edgeone-slide{ color: #fff; text-align: center; padding: 0rem 0.48rem; box-sizing: border-box;display: flex;align-items: center;justify-content: center;}
.edge-swiper{ overflow: hidden; width: 100%; height: 5.4rem}
.edgeone-slide .box-edgeone{ width:70%; margin: auto}
.edgeone-slide .box-edgeone h4{ font-size: 0.3rem}
.edgeone-slide .box-edgeone .ar_article{ font-size: 0.2rem; line-height: 0.32rem; display: none}
.edgeone-slide.swiper-slide-active .ar_article{ display: block}
.edge-swiperone{ width: 100%; display: inline-block; position: relative; height: 0.4rem; margin-top: 0.8rem;}
.line-xin{ position: absolute; width: 100%; height: 2px; background: rgba(255,255,255,0.4); left: 0px; top: 50%;}
.edge-swiperone .swiper-wrapper{ display: flex;}
.edgetwo-slide{flex-shrink: 0; height: 0.4rem;width: 18%; position: relative}
.edgetwo-slide span{ width: 100%; line-height: 0.4rem; background:#a3004a;transform: translate(-50%, -50%); text-align: center;color: #fff; display: block;position: absolute;
    left:50%; top:50%; border-radius: 0.3rem; opacity: 0; transition: all .5s ease;align-items: center;justify-content: center;}
.edgetwo-slide i{ position: absolute;left: 50%; top:34%; width: 0.15rem; height: 0.15rem; background: #fff; border-radius: 50%;}
.edgetwo-slide.swiper-slide-thumb-active span{ opacity: 1}
.edge-swiper .swiper-button-next,.edge-swiper .swiper-button-prev{ width: 0.6rem; height: 0.6rem; border-radius: 50%; border:1px solid #fff; top: 55% }
.edge-swiper .swiper-button-next::after,.edge-swiper .swiper-button-prev::after{ font-size: 0.3rem; color: #fff}
.edge-swiper .swiper-button-next{right: 10%}
.edge-swiper .swiper-button-prev{left: 10%}
/**/
.inside-party ul {margin-top: 0.5rem;width: 100%;display: inline-block;}
.inside-party ul li{ width: 32.5%; margin-right: 1.2%; float: left; border-bottom: 1px solid #666666; margin-bottom: 0.6rem;}
.inside-party ul li .inside-img-party{ width: 100%; height: 4.6rem; overflow: hidden;}
.inside-party ul li .inside-img-party img{ width: 100%; height: 100%; object-fit: cover;-webkit-transition: all 2s;transition: all 2s;}
.inside-party ul li:nth-child(3n){ margin-right: 0px;}
.inside-party-title{ width: 100%; padding: 0.2rem;}
.inside-party-title p{ font-size: 0.22rem; line-height: 0.36rem; color: #000;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.inside-party-title .span{ width: 100%; display: inline-block;}
.inside-party-title .span span:nth-child(1){ font-size: 0.16rem; line-height: 0.3rem;text-transform:uppercase; width: 70%; float: left;}
.inside-party-title .span span:nth-child(2){ width: 30%; text-align: center; float: right; font-size: 0.16rem; color: #999999; text-align: right;}
.inside-party-title .span span:nth-child(1) i{ float: left; margin-right: 4%; -webkit-transition: all 2s;transition: all 2s;}
.inside-party-title .span span:nth-child(1) img{ width: 7%; margin-top: 1%;}
.inside-party ul li:hover{ border-bottom: 1px solid #0f478e; box-shadow: 0px 5px 5px rgba(0, 0, 0, .1);}
.inside-party ul li:hover .inside-img-party img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1); }
.inside-party ul li:hover .inside-party-title .span i{ margin-right: 10%;}
.v9_pages{  text-align: center; width: 100%; margin-bottom: 0.6rem; margin-top:0.4rem}
.v9_pages a,.v9_pages span{ padding: 0.1rem 0.16rem; border: 1px solid #dfdfdf; font-size: 0.18rem; margin: 0px 0.1rem; border-radius: 0.1rem; }
.v9_pages span{ background: #1066b5; border: 1px solid #1066b5; color: #fff;}
.v9_pages a:hover{ background: #1066b5; border: 1px solid #1066b5; color: #fff;}
/**/
.subcategory{ width: 100%; display: inline-block; margin-top: 0.4rem;}
.subcategory ul{ display: flex;justify-content: center;}
.subcategory ul li{ width: 15%; margin-right: 1.2%; float: left; height: 0.5rem; line-height: 0.5rem; border-radius: 0.4rem; border: 1px solid #999; text-align: center; margin-bottom: 0.2rem}
.subcategory ul li:nth-child(6n){ margin-right: 0px;}
.subcategory ul li a{ font-size: 0.16rem;}
.subcategory ul li:hover,.subcategory ul li.on{ background: #1066b5; border: 1px solid #1066b5;}
.subcategory ul li:hover a,.subcategory ul li.on a{ color: #fff}

.news-inner{ width: 100%; margin-top: 0.4rem; display: inline-block}
.news-inner ul li{ width: 100%; display: inline-block; margin-bottom: 0.3rem; border-bottom: 1px solid #dfdfdf; padding-bottom: 0.3rem}
.news-inner ul li .news-innertime{ width: 10%; float: left}
.news-innertime span{ font-size: 0.32rem; font-weight: bold}
.news-innertime span i{ font-size: 0.22rem}
.news-innertime p{ font-size: 0.2rem; line-height:0.3rem}
.news-inner ul li .news-party-title{ width: 60%; float: left}
.news-inner ul li .news-img-party{ width: 28%; float: right; height:3rem; border-radius: 0.2rem; overflow: hidden}
.news-inner ul li .news-img-party img{ width:100%;height: 100%; object-fit: cover}
.news-party-title p{ font-size: 0.26rem; font-weight: bold; line-height: 0.5rem; margin-bottom: 0.3rem}
.news-party-title .dnews-conr{ font-size: 0.16rem; line-height: 0.32rem; margin-bottom: 0.2rem}
.moewr{ width: 15%; line-height: 0.5rem;background: #dfdfdf; border-radius: 0.3rem; text-align: center}
.news-inner ul li:hover .moewr{ background: #1066b5;color: #fff }

/**/
.contact-midd{ width: 100%; display: inline-block;}
.contact-left{ padding-top: 0.6rem; width: 48.75%;}
.contact-left p{ font-size: 0.24rem; line-height: 0.4rem; font-weight: bold;text-transform:uppercase;}
.contact-left .span{ font-size: 0.28rem; line-height: 0.6rem;font-weight: bold; border-bottom: 2px solid #c8c8c8; padding-bottom: 0.2rem; display: block;}
.contact-left span{ font-size: 0.2rem}
.contact-left .contact-m{ font-size: 0.2rem; line-height: 0.4rem; padding-right: 6%; box-sizing: border-box; margin-top: 5%; margin-bottom: 0.4rem;}
.contact-left ul li img { width: 0.38rem; height: 0.38rem; margin-right: 2%; float:left;}
.contact-left ul li{ line-height: 0.4rem; display: block; font-size: 0.24rem; margin-bottom: 0.3rem;}
.contact-left ul li i{ font-weight: bold; font-size: 0.3rem; color: #000;}
.map{ width: 100%; height: 4.5rem; overflow: hidden; margin-bottom: 0.5rem}
.map img{ width: 100%; height: 100%; object-fit: cover}

.foot-dizhi{ width: 43%; display: inline-block;  padding-bottom: 0.2rem; margin-top:8%}
.foot-dizhi h6{ font-size: 0.24rem; color: #000; font-weight: bold}
.foot-dizhi h6 i { width: 0.3rem; height: 0.3rem; margin-right: 0.2rem; display: inline-block; float: left}
.foot-dizhi h6 i img{ width: 100%; margin-top: 10%}
.foot-dizhi p{ font-size: 0.12rem;line-height: 0.5rem; color: #fff;text-transform:uppercase;  }
.foot-nva .foot-r ul li i{ font-size: 0.2rem; float: left; margin-right: 0.1rem; color: #fff;line-height: 0.4rem}
.foot-bott{ width: 100%; display: inline-block; height: 0.54rem; line-height: 0.54rem; text-align: center; color: #fff;  font-size: 0.18rem;}
.foot-bott a{ color: #fff; margin-left: 5%; font-size: 0.18rem;}
.di-index-foot{ position: absolute; bottom: 15%; left: 0px;}
.message_foot{  width: 48%; margin-right: 4%;line-height: 0.5rem; background: #b1b1b1; border-radius: 0.1rem; padding: 0px 10px; font-size: 0.16rem; color: #fff;float: left; margin-top: 0.25rem}
.message_foot:nth-child(2){ margin-right: 0px;}
.message_foot input{ line-height:0.5rem; background: #b1b1b1; width: 80%; color: #fff}
.message_textfoot{ width: 100%; padding: 20px; background: #b1b1b1; border-radius: 0.2rem; float: left; height: 1.45rem;color: #fff; margin-top: 0.25rem}
.message_textfoot textarea{ width: 100%; height: 100%;background: #b1b1b1; font-size: 0.16rem; color: #fff}
.message_textfoot textarea::placeholder{ color: #fff}
.submit{ width: 1.8rem; height: 0.5rem; line-height: 0.5rem;border-radius: 0.2rem; background: #1066b5; float: left; color: #fff; margin-top: 0.25rem; font-size: 0.18rem}
.submit:hover{ background: #1066b5; color: #fff}
/**/
.product-main{ width: 100%; margin-top:0.4rem; display: inline-block}
.product-inner{ width: 100%; display: inline-block; position: relative; margin-bottom: 0.6rem; margin-top: 0.4rem}
.product-left{ width: 15%; float: left}
.pro-lsit{ width: 80%; float: right;overflow: hidden;position: relative; }
.pro-lsit .inner-slide{ flex-shrink: 0;}
.pro-lsit .inner-slide .pro-inthumb{  width: 100%; height:3.6rem;overflow: hidden}
.pro-lsit .inner-slide .pro-inthumb img{ width: 100%; height: 100%; object-fit: cover;-webkit-transition: all 2s;transition: all 2s;}
.pro-lsit .inner-slide .pro-intitle{ width: 100%; height: 0.6rem; line-height: 0.6rem; border-bottom: 1px solid #999; font-size: 0.16rem;}
.pro-lsit .inner-slide .pro-intitle span{ width: 85%; float: left; font-size: 0.18rem}
.pro-lsit .inner-slide .pro-intitle i{ width: 0.2rem; margin-top: 4%; float: right}
.pro-lsit .inner-slide .pro-intitle i img{ width: 100%;}
.pro-lsit .inner-slide:hover .pro-inthumb img{ -webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.pro-lsit .inner-slide:hover .pro-intitle{ color: #1066b5}
.pro-lsit .swiper-button-next,.pro-lsit .swiper-button-prev{ width: 0.6rem; height: 0.6rem; border-radius: 50%; top: 45%; background: rgba(0,91,172,0.6);opacity: 0 }
.pro-lsit .swiper-button-next::after,.pro-lsit .swiper-button-prev::after{ color: #fff; font-size: 0.3rem}
.pro-lsit:hover .swiper-button-next,.pro-lsit:hover .swiper-button-prev{ opacity: 1}
.product-left span{ width: 100%; margin-bottom:0.2rem;display: block}
.product-left span img{ width: 40%}
.product-left h5{ font-size: 0.3rem;line-height: 0.6rem; font-weight: bold}
.product-left .peo-moer{width:65%; line-height: 0.45rem;background: #dfdfdf; border-radius: 0.3rem; text-align: center; margin-top: 0.2rem}
.product-left .peo-moer a{ font-size: 0.16rem;}
.product-left .peo-moer:hover{ background:#1066b5 }
.product-left .peo-moer:hover a{ color: #fff}
/**/
.inside-show{ margin-top:0.54rem;}
.left-show{ width:100%;}
.left-show p{ font-size: 0.16rem;line-height: 0.35rem;}
.left-show h6{ font-size: 0.26rem;text-align: center;line-height: 0.5rem;}
.left-show .xiaoboao{ font-size: 0.16rem;color: #666;text-align: center; width: 100%;display: block;line-height:0.3rem;}
.left-show .xiaoboao a{ color: #666;}
.show-cont{ line-height:0.36rem;}
.show-cont>div{ line-height: 0.36rem;}
.show-cont p{ line-height: 0.36rem;}
.show-cont span{ line-height:0.36rem;}

.texing{ width: 100%; display: inline-block; height: 0.4rem; line-height: 0.4rem; background: #f5f5f5}
.texing span{background: #1066b5; padding: 0rem 0.2rem; font-size: 0.16rem; font-weight: bold; color: #fff; height: 0.4rem; line-height: 0.4rem;display: block;width: 16%}
.texing span i{ font-weight: lighter; font-size: 0.14rem;}
.page_turn span{ text-align: left; width: 100%;display: block;line-height:0.4rem;}
.page_turn { margin-top:0.5rem;margin-bottom:0.3rem;border-bottom: 1px solid #e3e3e3;padding-bottom: 10px;}
.xianguan{ font-size:0.24rem;font-weight: bold;padding-bottom: 10px;border-bottom: 1px dashed #999;}
.xianguan i{ width: 0.11rem; height:0.11rem;display: block;background: #fff;border-radius: 50%;border: 3px solid #fe9d10; float: left;margin-right:0.15rem;margin-top:0.1rem;}
.xianguan span{ font-weight: 200;font-size:0.16rem;float: right; text-transform:uppercase;  }
.rel-news{ margin-bottom:0.4rem;}
.rel-news ul li{ float: left; width: 48%; height: 50px; font-size:0.16rem; line-height:0.5rem; margin-right: 4%; border-bottom: 1px dashed #999;}
.rel-news ul{ margin-top: 2%;}
.rel-news ul li:nth-child(2n){ margin-right: 0px;}
.rel-news ul li span { width: 80%; float: left; overflow: hidden; height: 0.5rem}
.rel-news ul li span a{ font-size: 0.16rem}
.rel-news ul li i{ float: right; font-size:0.16rem; font-style: inherit;}
.relevant { width: 100%;display: inline-block;}
.rel-pic{ position: relative; width: 100%;display: inline-block; margin-bottom: 0.5rem}
.rec{ width: 100%;overflow: hidden;margin-top: 0.3rem;}
.rec-img{ flex-shrink: 0;/* border: 2px solid #e7e7e7; */margin-right:0.3rem;}
.rec-img .rel-img{ width: 100%;height: 3.35rem;overflow: hidden; border: 1px solid #999}
.rec-img .rel-img img {width: 100%;height:100%; object-fit:cover;}
.rec-img span{ width: 100%;height: 0.5rem;font-size:0.18rem;text-align: center;line-height:0.5rem;display: block;background: #e7e7e7;}
.rec .swiper-button-next, .rec .swiper-button-prev{ width:0.52rem;height:0.52rem;background: rgba(0,0,0,0.5);border-radius: 50%;top: 55%; }
.rec .swiper-button-prev:after, .rec .swiper-button-next:after{ font-size:0.3rem;color: #fff;}
.rec .swiper-button-prev{ left: -2%;}
.rec .swiper-button-next{ right: -2%;}
.show-cont img{ max-width: 100%; margin: auto; display: block}