.middle{ width: 96%; margin: auto;}
.wap,.lg-hidden{ display: block;}
/* 首页 */
.header {
    width: 100%;
    height: 1.2rem;
    z-index: 9;
    /*background: rgba(0, 0, 0, 0.3);*/
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    display: none;
}
/*手机端头部*/
/* 头部开始 */
.container {
    width: 96%;
    height: 100%;
    position: relative;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box;
}

.xs-block {
    display: block !important;
}

.xs-flex {
    display: flex !important;
}

.xs-hidden {
    display: none !important;
}

.footer_float {
    display: block;
}

.waphear { display: block;width: 100%; height: 70px; z-index: 99; background: rgba(37, 87, 209, .9);}
.waphear {
    display: block;
    width: 100%;
    height: 75px;
    z-index: 999;
    position: fixed;
    top: 0;
    left: 0;
}
.waphear .ico{
    width: 10%;height:4px;
    border-top: 4px solid #fff;
    border-bottom: 4px solid #fff;
    padding: 6px 0;
    background-color:#fff;
    background-clip: content-box; position:absolute; right:0.2rem; top:0.65rem; z-index:9; margin-top: -20px;
    box-sizing: content-box;}

.inner {
    background: #2f67f7;
    box-shadow: 1px 3px 6px #cacaca;
    position: fixed;
}


.wap-menu ul li {
    position: relative;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.wap-menu ul li .ico {
    position: absolute;
    right: 15px;
    width: 15px;
    height: 15px;
    top: 10px;
    z-index: 1;
    background: url(../images/plus.png) 95% center no-repeat;
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    transition: all 0s;
    filter: grayscale(100%);
}

.wap-menu ul li a {
    height: 45px;
    color: #fff;
    line-height: 45px;
    padding-left: 5%;
    font-size: 18px;
}

.wap-menu ul li .a_js2 {}

.wap-menu ul li .a_fmj_on {
    background: url(../images/reduce.jpg) 95% center no-repeat;
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    transition: all 0s;
    filter: grayscale(100%);
}

.wap-menu ul li .a_bf {
    display: none
}

.wap-menu ul li .a_bf a {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    display: block;
}


.wap-menu {
    display: none;
}

.wap-menu {
    width: 100%;
    position: fixed;
    height: 100%;
    background: rgba(30,44,95,0.8);
    left: 0;
    top: 0;
    display: none;
    z-index: 99999;
}

.wap-menu .show-menu img {
    width: auto;
    max-width: 100%;
}

.wap-menu .closed {
    width: 30px;
    height: 25px;
    border-radius: 50%;
    padding-top: 5px;
    position: absolute;
    right: 0.1rem;
    top: 5px;
    z-index: 11;
    color: #E1E1E1
}

.wap-menu .show-menu {
    width: 60%;
    height: 100%;
    position: fixed;
    z-index: 9;
    background: #2f67f7;
    left: 0;
    top: 0;
    padding-top: 5%;
    text-align: center
}

.wap-menu .show-menu h1 {
    line-height: 1.25rem;
    text-align: center;
    color: #000;
    font-weight: normal
}

.wap-menu .show-menu a {
    color: #fff
}

.wap-menu .show-menu li {
    line-height: 0.6rem;
    font-size: 100%;
    letter-spacing: 1px;
    text-align: left;
    margin-left: 20px;
}

.show-erweima {
    width: 66%;
    background: rgba(255, 255, 255, 0.9);
    margin: auto;
    padding: 0.64rem;
    text-align: center;
    border-radius: 0.2rem;
    padding-bottom: 0.3rem;
    position: fixed;
    bottom: 20%;
    display: none;
    left: 10%;
    z-index: 9
}

.show-erweima img.ewm {
    width: auto;
    max-width: 100%;
    height: auto
}

.show-erweima .txt {
    line-height: 2rem;
    color: #0D0D0D;
    font-size: 100%
}

.show-erweima .txt span {
    padding: 5px 10px;
    background: #2f67f7;
    color: #fff
}

.show-erweima .txt span a {
    color: #fff
}

.show-erweima .txt .wx {
    width: 8%;
    margin-right: 5px;
    display: inline-block
}

.show-erweima .closed {
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 10;
    width: 25px;
    height: 25px;
    padding-top: 5px;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    background: #373737;
}

.footer_float {
    /* height: auto; */
    height: 1.08rem;
    overflow: hidden;
    background: #9F0710;
    color: #fff;
    width: 100%;
    position: fixed;
    z-index: 9999;
    left: 0;
    bottom: 0;
}

.footer_float a {
    color: #fff;
}

.footer_float ul li {
    float: left;
    padding: 0.2rem 0;
    width: 24%;
    line-height: 0.64rem;
    text-align: center;
    font-size: 100%;
    background: url(../images/nav_line.jpg) right repeat-y;
}

.footer_float ul li:last-child {
    background: none;
    border-right: none;
}

.footer_float ul li {
    border-right: 1px solid rgba(255, 255, 255, 0.4)
}
.wap-menu ul li{ position: relative; border-bottom: 1px solid rgba(30,44,95,0.2);}
.wap-menu ul li .ico{ position:absolute; right:15px; width:15px; height:15px; top: 10px; z-index:1;background:url(../images/plus.png) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s;filter: grayscale(100%);}
.wap-menu ul li a{color:#fff;line-height:1rem;padding-left:5%;font-size:0.32rem}
.wap-menu ul li .a_js2{}
.wap-menu ul li .a_fmj_on{background:url(../images/reduce.jpg) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s;filter: grayscale(100%);}
.wap-menu ul li .a_bf{display:none}
.wap-menu ul li .a_bf a{height:40px;line-height:40px;font-size:14px; display:block;}
.inner{ background: #2f67f7; box-shadow:  1px 3px 6px #cacaca;position: fixed; }
.waphear h1{ height: 60px; box-sizing: border-box; width: 64%; float: left; padding-left: 2%;margin: 0px; margin-top: 10px;}
.waphear .logo {
    width: 100%;
    height: 50px;
    background: url(../images/logo.png) no-repeat left center;
    background-size: auto 100%;
}
.wap-nva{ width: 50%; float: left}
.wap-nva li{ width: 50%; float: left;line-height: 60px;}
.wap-nva li .icog{ width: 32px; height: 32px; background: #fff; border-radius: 50%;display: block; float: left; margin-right: 8%; margin-top: 16%;
    margin-left: 15%}
.wap-nva li a{ color:#bfd96e; font-size: 16px; font-weight: bold}
.wap-nva li:nth-child(1) .icog{ background: url(../images/xn02.png) no-repeat center #fff; background-size: 80%}
.wap-nva li:nth-child(2) .icog{ background: url(../images/xn03.png) no-repeat center #fff;background-size: 70%}
.wap-lg-hidden{ width:100%; display:inline-block;background:#2f67f7}
.wap-lg-hidden ul li{ width:24.9%; float:left; border-right:1px solid rgb(125, 163, 246);  border-bottom: 1px solid rgb(125, 163, 246); text-align:center;line-height:40px;}
.wap-lg-hidden ul li a{ color:#fff}
.wap-lg-hidden ul li:nth-child(4n){ border-right:none}
.wap-lg-hidden ul li:nth-child(5),.wap-lg-hidden ul li:nth-child(6),.wap-lg-hidden ul li:nth-child(7),.wap-lg-hidden ul li:nth-child(8){ border-bottom:none}


.footer_float {height:auto; overflow:hidden; background:#3f4c9b; color:#fff; width:100%; position:fixed; z-index:9999; left:0; bottom:0; }
.footer_float a{ color:#fff;}
.footer_float ul li{ float:left; padding:0.2rem 0;  width:24%; line-height:0.5rem; text-align:center; font-size:100%; background:url(../images/nav_line.jpg) right repeat-y;}
.footer_float ul li:last-child{ background:none; border-right: none;}
.footer_float ul li{ border-right: 1px solid rgba(255,255,255,0.4)}
.pc{display: none;}

.right-qie{ width: 12%; background: #fff; border-radius: 5px; overflow: hidden; height: 0.55rem; margin-top: 4%; margin-left: 5% }
.right-qie .qie-fl{ width: 100%; }
.right-qie .qie-fl img{ width: 56%; margin-left: 10%; margin-top: 9%; margin-right: 9%; float: left}
.right-qie .qie-fl b{ font-size: 0.2rem; line-height: 0.55rem}
.right-qie .qie-fl ul{ z-index: 9; width: 0.9rem; background: #fff; position: absolute; top: 65%; display: none}
.right-qie .qie-fl ul li{ width: 100%; text-align: center}
.right-qie .qie-fl ul li img{ width: 60%; padding: 5px 0px}
.right-qie .qie-fl:hover ul{ display: block}
.right-qie .qie-fl ul li:hover{ background: #bfd96e}
/* 头部结束 */

/* 轮播图 */
.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: 40% !important; position:absolute; z-index: 9}
.lb .swiper-pagination-b span{width:12px !important; height: 12px!important; background: #fff; opacity:0.5;border-radius: 50%; }
.lb .swiper-pagination-b .swiper-pagination-bullet-active{ opacity: 1;}
.lb .swiper-button-prev{ top: 90%;outline: none;color: #fff; width: 120px;height: 40px;border-radius: 50%;display: none }
.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%;display: none}
.lb .swiper-button-prev:hover,.lb .swiper-button-next:hover{ background: none;}
.lb .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0px 10px;}
.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; display: none}
.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; display: none; 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: 33%; float: left; padding: 0.1rem 0.2rem; 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.24rem; font-weight: bold; line-height: 0.5rem;}
.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.14rem; line-height: 0.24rem; display: none}
.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:100%; overflow:hidden; height:6.2rem;position: relative}
.pro-inbox ul{ width: 100%; margin-top: 0.2rem}
.pro-inbox ul li{ width: 48%; margin-right: 2%; float: left; overflow: hidden; height: 3rem; 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.6rem; height: 0.6rem; background: rgba(0,0,0,0.7) ; text-align:center; font-size: 0.18rem; 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: 94%; margin: auto;  padding-top: 0.6rem}
.left-about{ width: 100%;  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; display: none}
.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.4rem;}
.h5-about h6{ font-weight: bold; font-size: 0.3rem;color: #1066b5;line-height: 0.5rem; 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.22rem;line-height: 0.44rem;}
.about-c p{font-size: 0.22rem;line-height: 0.44rem; }
.left-about .more{ width:0.86rem;height:0.86rem;background: #f58120;color: #ffffff;line-height:0.86rem;text-align: center;font-size:0.16rem;font-weight: bold;
    border-radius:0.2rem;display: block;margin-top:10%;}
.left-about .more a{ color: #fff}

/*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.28rem;color: #1066b5;line-height: 0.5rem; width: 90%; margin-top: 0.2rem}
.title-more{width:0.86rem;height:0.86rem;display: block; float: right}
.title-more img { width: 100%;}
.licheng-index{width: 90%; 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: 30%;top: 0;transform: translateX(-50%);color: #005cac;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: 3.6rem; overflow: hidden; margin-left:5%}
.slide-thumb .slide-img img{ width: 100%; height: 100%;object-fit: cover}
.slide-cont{ width: 43%; float: right; margin-top: 10%; margin-right: 5%;line-height: 0.4rem; font-size: 0.22rem}
.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;display: none }
.lishi h5{ font-size: 0.32rem; line-height: 0.5rem;}
.lishi h5 i{ font-weight: bold}
.lishi p{ font-size: 0.2rem}
.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.3rem;font-weight: bold;text-indent: 1em;border-left: 6px #f58120 solid;line-height:0.65rem;margin-bottom: 0; }
.case-slide .case-thumb{ width: 100%; margin-top: 0.2rem; height:4rem; 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:2%}
.case-list .swiper-button-prev{ left:2%}
/*xinwen*/
.news-box{width: 100%; padding: 0.6rem 0rem; background: #f0f7ff; display: inline-block}
.go-news{ width: 100%; 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: 4rem; 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.3rem; line-height: 0.35rem; font-weight: bold; margin: 0.1rem 0rem}
.news-slide .news-conr{ font-size: 0.2rem; line-height: 0.3rem; height: 0.6rem; overflow: hidden}
.news-slide .news-time{ font-size: 0.18rem; line-height: 0.3rem; text-align: right}
.news-slide:hover .news-biao,.news-slide:hover .news-conr,.news-slide:hover .news-time{ color: #1066b5}
.dynamic-news{width: 100%; float: right; background: #fff; padding: 0.4rem; box-sizing: border-box}
.dynamic-one{ width: 100%; display: inline-block}
.dynamic-one .dynamic-img{ width: 100%; height: 3rem; overflow: hidden; float: left}
.dynamic-one .dynamic-img img{ width: 100%; height: 100%; object-fit: cover}
.dynamic-one .dynamic-two{ width: 100%; }
.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.2rem; margin: 0.05rem 0rem;}
.dynamic-one:hover a .dynamic-two{ color: #1066b5}
.dynamic-onelist{ height: 0.71rem; line-height: 0.71rem; overflow: hidden; border-bottom: 1px  solid #ddd}
.dynamic-three h6{ line-height: 0.72rem; 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.72rem}
.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}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 5px;}
/*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: 100%; float: left}
.left-nva{ width:100%; 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: 100%; color: #fff; margin-right: 2%}
.left-nva ul li span{ width: 100%; display: block; line-height: 0.4rem}
.left-nva ul li h4 a{ font-size: 0.3rem; font-weight: bold; color: #fff}
.left-nva ul li span{ width: 33%; text-align: left; line-height: 0.4rem; float: left}
.left-nva ul li span a{ font-size: 0.24rem; color: #fff}
.left-nva ul li span:hover a{ padding-left: 0.1rem; color: #1066b5;transition: all 2s;}
.left-nva ul li:nth-child(1),.left-nva ul li:nth-child(3),.left-nva ul li:nth-child(4),.left-nva ul li:nth-child(5){ display: none}

.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.14rem; color: #fff; display:block; border-top: 1px solid #cfcfcf;
    position: absolute; bottom: 1%; left: 0px;}
.index-foot{ margin-top: 0px; padding-bottom: 0.9rem}
.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; display: none}
.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.22rem}
.lainxi p i{ width: 0.2rem; display: block; float: left; margin-right: 0.05rem; margin-top: 3%}
.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;display: none}
.nva-img img{ width: 100%;}
.nva-img p{ font-size: 0.13rem; 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.14rem;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: 6rem;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: 500%; 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;}
.centerbox img{ width: 100%;}
.edge-swiper .edgeone-slide{ color: #fff; text-align: center; padding: 0rem 0.2rem; 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: 75%; margin: auto}
.edgeone-slide .box-edgeone h4{ font-size: 0.3rem}
.edgeone-slide .box-edgeone .ar_article{ font-size: 0.16rem; 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: 2%}
.edge-swiper .swiper-button-prev{left: 2%}
/**/
.inside-party ul {margin-top: 0.5rem;width: 100%;display: inline-block;}
.inside-party ul li{ width:49%; 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:4rem; 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(2n){ margin-right: 0px;}
.inside-party-title{ width: 100%; padding: 0.1rem;}
.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.18rem; 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: 12%; margin-top: 2%;}
.inside-party ul li:hover{ border-bottom: 1px solid #1066b5; 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: 32%; 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; margin-bottom: 0.3rem}
.subcategory ul li:nth-child(3n){ 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: 15%; float: left}
.news-innertime span{ font-size: 0.36rem; font-weight: bold}
.news-innertime span i{ font-size: 0.24rem}
.news-innertime p{ font-size: 0.2rem; line-height:0.3rem}
.news-inner ul li .news-party-title{ width: 85%; float: right}
.news-inner ul li .news-img-party{ width: 100%; padding-left: 15%; box-sizing: border-box; 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: 40%; line-height: 0.6rem;background: #dfdfdf; border-radius: 0.3rem; text-align: center; margin-bottom: 0.2rem; font-size: 0.18rem}
.news-inner ul li:hover .moewr{ background: #1066b5;color: #fff }

/**/
.contact-midd{ width: 100%; display: inline-block;}
.contact-left{ padding-top: 0.6rem; width:100%;}
.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:100%; 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; display: none  }
.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: #3f4c9b; 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.4rem}
.product-left{ width: 100%;}
.pro-lsit{ width:100%;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.7rem; line-height: 0.7rem; border-bottom: 1px solid #999; font-size: 0.22rem;}
.pro-lsit .inner-slide .pro-intitle span{ width: 85%; float: left; font-size: 0.22rem;}
.pro-lsit .inner-slide .pro-intitle i{ width: 0.34rem; 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: 15%}
.product-left h5{ font-size: 0.3rem;line-height: 0.6rem; font-weight: bold}
.product-left .peo-moer{width:35%; line-height: 0.55rem;background: #dfdfdf; border-radius: 0.3rem; text-align: center; margin-top: 0.2rem; margin-bottom: 0.3rem}
.product-left .peo-moer a{ font-size: 0.22rem;}
.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;}
.show-cont img{ max-width: 80%;}
.show-cont,.show-cont p,.show-cont span{ font-size: 0.24rem !important;}
.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{ width:100%; height:0.6rem; font-size:0.28rem; line-height:0.6rem; 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.22rem}
.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}