* { margin: 0rem; padding: 0rem; outline: none; }
ul, li {list-style-type: none;/* text-align-last: justify; */}
img, video, iframe { border: 0rem; max-width: 100%; }
img { /*image-rendering: pixelated;*/ }

html { font-size: 100px; }
html, body { height: 100%; }
body { font-size: 14px; font-family: Microsoft YaHei,Arial, Helvetica, sans-serif,simsun; color: #333333; overflow-x: hidden; margin: 0 auto; max-width:1920px;}
a { color: #333333; text-decoration: none; }
a:hover { color: #008cd6; }
input { outline: none; }
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus { transition: background-color 5000s ease-in-out 0s; }
.no-animate { opacity: 0; }

@-webkit-keyframes fadeInDown2 {
    0% { opacity: 0; -webkit-transform: translate3d(0,-50%,0); transform: translate3d(0,-50%,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInDown2 {
    0% { opacity: 0; -webkit-transform: translate3d(0,-50%,0); transform: translate3d(0,-50%,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

.fadeInDown2 { -webkit-animation-name: fadeInDown2; animation-name: fadeInDown2 }

@-webkit-keyframes fadeInLeftDown {
    0% { opacity: 0; -webkit-transform: translate3d(-50%,0,0); transform: translate3d(-50%,0,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInLeftDown {
    0% { opacity: 0; -webkit-transform: translate3d(-50%,0,0); transform: translate3d(-50%,0,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

.fadeInLeftDown { -webkit-animation-name: fadeInLeftDown; animation-name: fadeInLeftDown }

@-webkit-keyframes fadeInUp2 {
    0% { opacity: 0; -webkit-transform: translate3d(0,.2rem,0); transform: translate3d(0,.2rem,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInUp2 {
    0% { opacity: 0; -webkit-transform: translate3d(0,.2rem,0); transform: translate3d(0,.2rem,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

.fadeInUp2 { -webkit-animation-name: fadeInUp2; animation-name: fadeInUp2 }

@-webkit-keyframes fadeOutUp2 {
    0% { opacity: 1 }
    100% { opacity: 0; -webkit-transform: translate3d(0,-0.2rem,0); transform: translate3d(0,-0.2rem,0) }
}

@keyframes fadeOutUp2 {
    0% { opacity: 1 }
    100% { opacity: 0; -webkit-transform: translate3d(0,-0.2rem,0); transform: translate3d(0,-0.2rem,0) }
}

.fadeOutUp2 { -webkit-animation-name: fadeOutUp2; animation-name: fadeOutUp2 }

@-webkit-keyframes fadeInLeft2 {
    0% { opacity: 0; -webkit-transform: translate3d(-0.6rem,0,0); transform: translate3d(-0.6rem,0,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInLeft2 {
    0% { opacity: 0; -webkit-transform: translate3d(-0.6rem,0,0); transform: translate3d(-0.6rem,0,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

.fadeInLeft2 { -webkit-animation-name: fadeInLeft2; animation-name: fadeInLeft2 }

@-webkit-keyframes fadeInRight2 {
    0% { opacity: 0; -webkit-transform: translate3d(.6rem,0,0); transform: translate3d(.6rem,0,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInRight2 {
    0% { opacity: 0; -webkit-transform: translate3d(.6rem,0,0); transform: translate3d(.6rem,0,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

.fadeInRight2 { -webkit-animation-name: fadeInRight2; animation-name: fadeInRight2 }

@-webkit-keyframes fadeOutRight2 {
    0% { opacity: 1 }
    100% { opacity: 0; -webkit-transform: translate3d(.6rem,0,0); transform: translate3d(.6rem,0,0) }
}

@keyframes fadeOutRight2 {
    0% { opacity: 1 }
    100% { opacity: 0; -webkit-transform: translate3d(.6rem,0,0); transform: translate3d(.6rem,0,0) }
}

.fadeOutRight2 { -webkit-animation-name: fadeOutRight2; animation-name: fadeOutRight2 }

@-webkit-keyframes fadeInLeft3 {
    0% { opacity: 0; -webkit-transform: translate3d(0%,0,0); transform: translate3d(0%,0,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInLeft3 {
    0% { opacity: 0; -webkit-transform: translate3d(0%,0,0); transform: translate3d(0%,0,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

.fadeInLeft3 { -webkit-animation-name: fadeInLeft3; animation-name: fadeInLeft3 }

@-webkit-keyframes fadeInRight3 {
    0% { opacity: 1; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInRight3 {
    0% { opacity: 1; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

.fadeInRight3 { -webkit-animation-name: fadeInRight3; animation-name: fadeInRight3 }

@-webkit-keyframes fadeInDown3 {
    0% { opacity: 0; -webkit-transform: translate3d(0,-0.6rem,0); transform: translate3d(0,-0.6rem,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInDown3 {
    0% { opacity: 0; -webkit-transform: translate3d(0,-0.6rem,0); transform: translate3d(0,-0.6rem,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

.fadeInDown3 { -webkit-animation-name: fadeInDown3; animation-name: fadeInDown3 }

@-webkit-keyframes fadeInHeight {
    0% { opacity: 0; transform: scale(0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInHeight {
    0% { opacity: 0; transform: scale(0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

.fadeInHeight { -webkit-animation-name: fadeInHeight; animation-name: fadeInHeight }

@-webkit-keyframes fadeInUp3 {
    0% { opacity: 0; -webkit-transform: translate3d(0,30%,0); transform: translate3d(0,30%,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInUp3 {
    0% { opacity: 0; -webkit-transform: translate3d(0,30%,0); transform: translate3d(0,30%,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

.fadeInUp3 { -webkit-animation-name: fadeInUp3; animation-name: fadeInUp3 }

@-webkit-keyframes fadeInwidth2 {
    0% { opacity: 0; width: 0%; }
    100% { opacity: 1; width: 100%; }
}

@keyframes fadeInwidth2 {
    0% { opacity: 0; width: 0%; }
    100% { opacity: 1; width: 100%; }
}

.fadeInwidth2 { -webkit-animation-name: fadeInwidth2; animation-name: fadeInwidth2 }

@-webkit-keyframes flip_x {
    0% { -webkit-transform: perspective(40rem) rotate3d(0,1,0,-360deg); transform: perspective(40rem) rotate3d(0,1,0,-360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out }
    40% { -webkit-transform: perspective(40rem) translate3d(0,0,1.5rem) rotate3d(0,1,0,-190deg); transform: perspective(40rem) translate3d(0,0,1.5rem) rotate3d(0,1,0,-190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out }
    50% { -webkit-transform: perspective(40rem) translate3d(0,0,1.5rem) rotate3d(0,1,0,-170deg); transform: perspective(40rem) translate3d(0,0,1.5rem) rotate3d(0,1,0,-170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
    80% { -webkit-transform: perspective(40rem) scale3d(.95,.95,.95); transform: perspective(40rem) scale3d(.95,.95,.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
    100% { -webkit-transform: perspective(40rem); transform: perspective(40rem); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
}

@keyframes flip_x {
    0% { -webkit-transform: perspective(40rem) rotate3d(0,1,0,-360deg); transform: perspective(40rem) rotate3d(0,1,0,-360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out }
    40% { -webkit-transform: perspective(40rem) translate3d(0,0,1.5rem) rotate3d(0,1,0,-190deg); transform: perspective(40rem) translate3d(0,0,1.5rem) rotate3d(0,1,0,-190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out }
    50% { -webkit-transform: perspective(40rem) translate3d(0,0,1.5rem) rotate3d(0,1,0,-170deg); transform: perspective(40rem) translate3d(0,0,1.5rem) rotate3d(0,1,0,-170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
    80% { -webkit-transform: perspective(40rem) scale3d(.95,.95,.95); transform: perspective(40rem) scale3d(.95,.95,.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
    100% { -webkit-transform: perspective(40rem); transform: perspective(40rem); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
}

@-webkit-keyframes slideOutDown_s {
    75% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; }
    50% { visibility: hidden; -webkit-transform: translate3d(0,.2rem,0); transform: translate3d(0,.2rem); opacity: 0; }
    100% { visibility: hidden; -webkit-transform: translate3d(0,0rem,0); transform: translate3d(0,0rem); opacity: 1; }
}

@keyframes slideOutDown_s {
    75% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; }
    50% { visibility: hidden; -webkit-transform: translate3d(0,.2rem,0); transform: translate3d(0,.2rem,0); opacity: 0; }
    100% { visibility: hidden; -webkit-transform: translate3d(0,0rem,0); transform: translate3d(0,0rem,0); opacity: 1; }
}

.animated.fadeOutRight2 { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.animated.fadeInRight2 { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.animated.fadeInRight3 { -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both }

@keyframes flips {
    0% { -webkit-transform: perspective(40rem) rotate3d(0,1,0,-180deg); }
    100% { -webkit-transform: perspective(40rem) rotate3d(0,1,0,0deg); }
}

@keyframes flipright {
    0% { -webkit-transform: perspective(40rem) rotate3d(0,1,0,180deg); }
    100% { -webkit-transform: perspective(40rem) rotate3d(0,1,0,0deg); }
}

/*video start*/
.sha_bg { background-color: rgba(0, 0, 0, .8); width: 100vw; height: 100vh; position: fixed; left: 100%; top: 0; transition: left .5s ease; z-index: 1001; }

.sha_btn_close { position: absolute; right: 5%; top: 5%; cursor: pointer; background-color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 40px; height: 40px; font-size: 18px; text-align: center; line-height: 40px; color: #444; }

.sha_vid { display: none; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.tjio { position: fixed; top: 0px; left: 0px; background: rgba(0,0,0,.5); width: 100%; height: 100%; z-index: 999; display: none; }
.searchs { position: absolute; top: 50%; left: 50%; width: 95%; height: 50px; margin-top: -25px; transform: translateX(-50%); max-width: 500px; }
.seaz { width: 80%; overflow: hidden; float: left; background: #fff; height: 50px; }
.seay {width: 20%;overflow: hidden;float: left;background: #008cd6;height: 50px;}
.seaz input { background: none; border: 0px; outline: none; height: 50px; padding-left: 10px; padding-right: 10px; width: 100%; box-sizing: border-box; }
.seay input { width: 100%; overflow: hidden; text-align: center; color: #fff; height: 50px; background: none; border: 0px; cursor: pointer; outline: none; }
.top_search { cursor: pointer; }
.top_search img{width:.5rem;}
#PageContent { margin: 0 auto; text-align: center; margin-top: 30px }
#PageContent {padding: .6rem 0px .6rem 0px;margin: 0px;text-align: center;font-family: arial;font-size: 14px;}
#PageContent a {border: 1px solid #f3f3f3;background: #f3f3f3;width: .5rem;height: .5rem;line-height: .5rem;color: #241F23;text-decoration: none;display: inline-block;box-sizing: border-box;margin-left: 5px;margin-right: 5px;border-radius: 50px;}
#PageContent a:hover {border: #008cd6 1px solid;background: #008cd6;color: #f3f3f3;}
#PageContent a.Ahover {width: .5rem;height: .5rem;line-height: .5rem;background: #008cd6;border: 1px solid #008cd6;color: #f3f3f3;display: inline-block;box-sizing: border-box;/* margin-left: 10px; *//* margin-right: 10px; *//* border-radius: 50px; */}
#PageContent span.disabled, #PageContent span.hunp {border: 1px solid #f3f3f3;background: #f3f3f3;width: .5rem;height: .5rem;line-height: .5rem;color: #333333;display: inline-block;box-sizing: border-box;margin-left: 5px;margin-right: 5px;border-radius: 50px;}
#PageContent :first-child { border-radius: 50px; font-family: simsun;}
#PageContent :last-child { border-radius: 50px;  font-family: simsun;}
.menu_wap {background: url(/static/default/assets/img/menu_s.png) no-repeat center;width: 30px;height: 30px;float: right;display: none;margin-top: 0px;/* margin-left: 20px; */height:100%;}
.in_topbox { position: relative; z-index: 18; }
.in_topbox .menu { position: absolute; top: 0.93rem; left: 0; width: 100%; line-height: 40px; height: auto; display: none; transition: 0.3s ease top;}
.in_topbox .menu li { float: none; width: 100%; background: rgba(255,255,255,0.95); border-top: 1px solid #EEE; text-indent: 20px; cursor: pointer; padding: 0; position: relative; }
.in_topbox .menu li:last-child { border-bottom: 1px solid #EEE; }
.in_topbox .menu li > a { display: inline; color: #333; height: 40px; line-height: 40px; }
.in_topbox .menu li:hover > a { color: #333; }
.in_topbox .menu li.cur > a { color: #333; display:block;}
.in_topbox .menu li > a:after { display: none; }
.in_topbox .menu li em { position: absolute; right: 10px; top: 15px; width: 10px; height: 10px; border: 1px solid #666; border-left: 0px; border-bottom: 0px; opacity: 1; display: block; transform: rotate(45deg); }
.in_topbox .menu li .nav { position: relative; top: 0; left: 0; width: 100%; height: auto; line-height: 30px; z-index: 101; text-align: left; background: #FFF; display: none; margin: 0; padding: 0; }
.in_topbox .menu li .nav a { display: block; width: 100%; height: 30px; color: #666; font-size: 14px; margin: 0; padding: 0; }
.in_topbox .menu li .nav a:hover { background: #18a4c7; color: #FFF; font-weight: normal; transform: translateX(0px); }
.in_topbox .menu li .nav a:after { display: none; }


.main { width: 100%; overflow: hidden; }
.main_w { max-width: 1680px; margin: 0 auto; padding-left: .4rem; padding-right: .4rem; }
.txt_cent{max-width: 1680px; margin: 0 auto; padding-left: .4rem; padding-right: .4rem;}
.main_top{width:100%;background:#fff;padding:10px 0;}
.main_top .logo{width:250px;}
.main_top .main_w{display:flex;justify-content: space-between;}
.main_top .main_w .top_right{display:flex;align-items: center;gap:.45rem}
.main_top .main_w .top_right .top_list ul{display:flex;gap:.5rem;}
.main_top .main_w .top_right .top_list li{font-size:17px;}
.main_top .main_w .top_right .top_list li.cur a{color:#0054aa;}
.main_top .main_w .top_right .eng{width:1.07rem;height:0.51rem;background:#008cd6;border-radius:50px;display:flex;align-items: center;justify-content: center;}
.main_top .main_w .top_right .eng a{color:#fff;font-size:0.18rem;}

.banner{position:relative;overflow:hidden;}
.banner .m_banner-pagination{position:absolute;left:0;right:auto;bottom:.36rem;z-index:2;text-align:center;width:100%;}
.banner .m_banner-pagination .swiper-pagination-bullet{width:0.12rem;height:0.12rem;margin:0 0.09rem;background:#fff;}
.banner .m_banner-pagination .swiper-pagination-bullet-active{width:0.32rem;height:0.12rem;background:#1893e5;border-radius:5px;}
.banner img{vertical-align: bottom ;}

.about_us{width:100%;overflow:hidden;background:#f8f8f8;min-height:6.97rem;padding-bottom:.4rem;background-size:cover;}
.hdon{overflow:hidden;display:flex;justify-content: space-between;padding-top:1.1rem;padding-bottom:1.3rem;}
.hdon .content{max-width:9.2rem;margin-right:1.9rem;font-size:.16rem;line-height:2;}
.hdon .title font{color:#222;font-size:32px;}
.hdon .title p{color:#555;font-size:17px;padding-top:6px;}
.yyfw{overflow:hidden;margin-left:.55rem;margin-right:.55rem;}
.yyfw ul{gap:.35rem;display:grid;grid-template-columns: repeat(3,1fr);}
.yyfw li{border:1px solid #eff4f4;background:rgba(0,84,170,1);padding:.25rem;}
.yyfw li .img{width:.62rem;}
.yyfw li .title{color:#fff;font-size:.26rem;padding-top:.2rem;}
.yyfw li .content{color:#fff;font-size:0.16rem;line-height:26px;padding-top:.1rem;}

.qhfs_right{width:100%;overflow:hidden;}
.tjcp .title{text-align:center;overflow:hidden;}
.tjcp .title font{color:#333333;font-size:.34rem;display:block;padding-top:.8rem;}
.tjcp .title p{color:#8e8e8e;font-size:14px;text-transform: uppercase;padding-top:5px;}
.tjcp .mlist{overflow:hidden;padding-left:.2rem;padding-right:.2rem;}
.tjcp .mlist ul{display:flex;justify-content: center;gap:.3rem;margin-top:.3rem;flex-wrap: wrap;}
.tjcp .mlist li{width:1.7rem;transition: 0.3s ease all;height:.6rem;border:1px solid #cdd2dd;border-radius:30px;align-items: center;justify-content: center;display:flex;}
.tjcp .mlist li a{font-size:.16rem;color:#9ca1ac;}
.tjcp .mlist li:hover,.tjcp .mlist li.cur{background:#0054aa;color:#fff;border:1px solid #0054aa;}
.tjcp .mlist li:hover a,.tjcp .mlist li.cur a{color:#fff;}
.tjcp .list{margin-top:.55rem;display:none;}
.tjcp .list ul{display:grid;grid-template-columns: repeat(4,1fr);}
.tjcp .list li{text-align:center;transition: 0.3s ease background;}
.tjcp .list li img{main-width:85%;}
.tjcp .list li p{color:#333;opacity: 1;font-size:.18rem;transition: 0.15s ease all;}
.tjcp .list li:nth-child(2) .front,.tjcp .list li:nth-child(2) .back{background:#f3f3f3;}
.tjcp .list li:nth-child(4) .front,.tjcp .list li:nth-child(4) .back{background:#f3f3f3;}
.tjcp .list li:nth-child(5) .front,.tjcp .list li:nth-child(5) .back{background:#f3f3f3;}
.tjcp .list li:nth-child(7) .front,.tjcp .list li:nth-child(7) .back{background:#f3f3f3;}
.tjcp .list li .mores{
    color:#fff;
    display: block;
    text-align: Center;
    padding: 10px 15px 10px 15px;
    background:rgba(26, 26, 26, 1);
    margin-top:20px;
    min-width:1.5rem;
}
.tjcp .list li .back>div{overflow:hidden;}
.tjcp .list li .back .titles{margin:0 auto;}
.tjcp .list li .mores font{padding: 10px 15px;display:block;
    color: #f0f0f0;
    background-color: rgba(26, 26, 26, 1);
    transition: all 0.5s ease-in-out;
    transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -webkit-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.tjcp .list li .mores:hover font{
    background-color: rgba(240, 240, 240, 1);
    color: #1a1a1a;
}

.filp-container{perspective: 1000px;min-height:5.4rem;}
.flipper{position:relative;display:block;width:100%;height:100%;transition: transform 0.5s ease-in-out;transform-style: preserve-3d;
    /* transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -webkit-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); */
}
.front,.back{
    position:absolute;
    width:100%;height:100%;backface-visibility: hidden;
    display:flex;align-items: center;justify-content: center;
    min-height:5.4rem;
    padding:.2rem;
    box-sizing: border-box;
    flex-wrap: wrap;
}
.front{z-index:2;background: #f8f8f8;}
.back{transform: rotateY(180deg);background: #f8f8f8;}
.filp-container:hover .flipper{
    transform: rotateY(180deg);
}

.tjcp .list.cur{display:block;}
.tjcp .more{width:100%;overflow:hidden;}
.tjcp .more a{background:#e5000f;display:flex;width:1.19rem;height:.63rem;border-radius:50px;color:#ffffff;font-size:0.16rem;align-items: center;justify-content:space-between;margin:.52rem auto;padding:0 .4rem;}
.tjcp .more a p{margin-right:0rem;transition: 0.3s ease margin;width:.07rem;}
.tjcp .more a:hover p{margin-right:-.1rem;}

.qhfs{padding-left:.8rem;padding-right:.8rem;overflow:hidden;padding-bottom:.8rem;background:url(/static/default/assets/img/hj.jpg) no-repeat center;}

.qhfs_right{overflow:hidden;}
.qhfs_right .title font{color:#fff;font-size:36px;display:block;}
.qhfs_right .title p{color:#fff;text-transform: uppercase;margin-top:.05rem;font-size:17px; letter-spacing:0.5px;}

.qhfs_right .more a{background:#008cd6;display:flex;width:1.19rem;height:.63rem;border-radius:50px;color:#ffffff;font-size:0.16rem;align-items: center;justify-content:space-between;margin:70px 0 80px;padding:0 .4rem}
.qhfs_right .more a p{margin-right:0rem;transition: 0.3s ease margin;width:.07rem;}
.qhfs_right .more a:hover p{margin-right:-.1rem;}
.qhfs_right .list img{width:98%;border:3px solid #fff; border-radius:12px;}
.qhfs_right .list font{/* color:#333333; */font-size:.22rem;font-weight:bold;white-space: nowrap;text-overflow: ellipsis;padding-left:.2rem;padding-right:.2rem;margin-top:.3rem;display:block;overflow:hidden;}
.qhfs_right .list p{color:#b4b4b4;padding-left:.2rem;padding-top:.2rem;}
.qhfs_right .pa{margin-top:.35rem;text-align:center;}
.qhfs_right .pa .swiper-pagination-bullet{width:0.26rem;height:0.04rem;margin:0 0.04rem;background:#e1e9ed;border-radius:0.05rem;}
.qhfs_right .pa .swiper-pagination-bullet-active{width:0.48rem;height:0.04rem;background:#008cd6;}

.maps{width:100%;height:7.74rem;overflow:hidden;background:url(/static/default/assets/img/index_19.jpg) no-repeat center;background-size:cover}
.maps .main_w{display:flex;align-items: center;height:100%;}
.maps .main_w .com{font-size:.26rem;color:#333333;font-weight:bold;}
.maps .main_w .dzhi{margin-top:.4rem;color:#333333;font-size:.17rem;line-height:1.64;margin-bottom:.7rem;}
.maps .main_w .lxwm a{background:#0155aa;display:flex;width:1.19rem;height:.63rem;border-radius:50px;color:#ffffff;font-size:0.16rem;align-items: center;justify-content:space-between;padding:0 .4rem}
.maps .main_w .lxwm a p{margin-right:0rem;margin-top:0rem;transition: 0.3s ease margin;width:.18rem;}
.maps .main_w .lxwm a:hover p{margin-right:-.1rem;margin-top:-.1rem;}

.vh-21{overflow:hidden;height:auto;margin-top:-21px;}
.footer{width:100%;overflow:hidden;background:#222;padding-top:.8rem;border-top:1px solid #999;}
.footer .footer_top{display:flex;justify-content: space-between;}
.footer .footer_top .footer_left .t_1{width:2.05rem;}
.footer .footer_top .footer_left .t_1 p{font-size:14px;color:#fff;}
.footer .footer_top .footer_left .tel_1{background:url(/static/default/assets/img/index_26.png) no-repeat left center;padding-left:.66rem;margin-top:.3rem;background-size:.48rem auto;}
.footer .footer_top .footer_left .tel_1 font{color:rgba(255,255,255,0.7);}
.footer .footer_top .footer_left .tel_1 p{color:#ffffff;font-size:.28rem;padding-top:.05rem;}
.footer .footer_top .footer_left .tel_2{padding-left:0px;margin-top:.4rem;font-size:20px;color:#fff;font-weight:600;}
.footer .footer_top .footer_left .tel_2 a{color:#fff;}

.footer .footer_top .footer_center {display:flex;}
.ewmlist{overflow:hidden;}
.ewmlist ul{ display: grid; grid-template-columns: repeat(2,1fr); gap: 40px; }
.ewmlist li{overflow:hidden;text-align:center}
.ewmlist li p{color:rgba(255,255,255,0.7);font-size:14px;padding-top:8px;}

.footer .footer_top .footer_right{display:flex;gap:.8rem;min-height:2.5rem;}
.footer .footer_top .footer_right a{color:rgba(255,255,255,0.7);line-height:2.5;}
.footer .footer_top .footer_right a:hover{color:#fff;}
.footer .footer_top .footer_right font{color:#ffffff;font-size:.18rem;font-weight:bold;margin-bottom:.2rem;display:block;}
.footer .footer_foot{color:#ffffff;font-size:15px;line-height:2.75;padding-bottom:.25rem;text-align:center;}
.footer .footer_foot a{color:#ffffff;}
.q_right_top{display:flex;justify-content: space-between;align-items: center;margin-top:.5rem;}

.about_u1{width:100%;overflow:hidden;background:url(/static/default/assets/img/about_us_02.jpg) no-repeat center;height:4.57rem;position:relative;background-size:cover;}

.about_u1 .title{width:100%;overflow:hidden;text-align:center;padding-top:1.6rem;}
.about_u1 .title font{color:#ffffff;font-size:.4rem;font-weight:bold;}
.about_u1 .title p{color:#ffffff;font-size:.21rem;text-transform: uppercase;padding-top:0.05rem;}
.about_u1 .img{position:absolute;left:calc(50% - 12px);bottom:0.26rem;width:.24rem;animation: slideOutDown_s 2.5s cubic-bezier(0.55, 0.09, 0.68, 0.53) infinite;}
.about_us2{

  width:100%;overflow:hidden;padding-bottom:50px;
}
.hdon2{display:grid;grid-template-columns: 3rem auto;padding-top:0.8rem;/* padding-bottom:0.6rem; */}
.hdon2 .title font{color:#333333;font-size:14px;font-weight:bold;}
.hdon2 .title p{color:#008cd6;font-size:.34rem;font-weight:bold;}
.hdon2 .content{font-size:16px;line-height:2.3125;}
.about_us2 .list{overflow:hidden;padding-top: 0.6rem;}
.about_us2 .list li p{color:#333333;font-size:0.16rem;padding-top:0.15rem;padding-bottom:.48rem;text-align:center;}
.about_us2 .heun{background:#f8f8f8;height:6px;margin-bottom:1rem;}
.about_us2 .heun .swiper-scrollbar-drag{height:6px;background:#e50012;top:0px;}
.qywh{background:url(/static/default/assets/img/hj.jpg) center;height:6.02rem;}
.qywh .title{text-align:center;padding-top:.5rem;padding-bottom:.8rem;}
.qywh .title font{color:rgba(255,255,255,0.5);font-size:14px;font-weight:bold;}
.qywh .title  p{color:#ffffff;font-size:.34rem;font-weight:bold;}
.qywh .list ul{display:grid;grid-template-columns: repeat(4,1fr);gap:.5rem;}
.qywh .list li{background:url(/static/default/assets/img/b1.png) no-repeat center;background-size:cover;padding:.25rem;}
.qywh .list li .bt{background:url(/static/default/assets/img/t2.png) no-repeat left center;background-size:.32rem auto;padding-left:.4rem;display:flex;align-items: flex-end;}
.qywh .list li .bt font{font-size:.24rem;color:#333333;font-weight:bold;}
.qywh .list li .bt p{color:#a8a8a8;padding-left:10px;}
.qywh .list li .content{color:#666666;line-height:2.07;padding-top:.33rem;min-height:1.65rem;}
.qywh .list li:nth-child(2){background-image: url(/static/default/assets/img/b2.png);}
.qywh .list li:nth-child(3){background-image: url(/static/default/assets/img/b3.png);}
.qywh .list li:nth-child(4){background-image: url(/static/default/assets/img/b4.png);}
.qywh .list li:nth-child(2) .bt{background-image: url(/static/default/assets/img/t3.png);}
.qywh .list li:nth-child(3) .bt{background-image: url(/static/default/assets/img/t4.png);}
.qywh .list li:nth-child(4) .bt{background-image: url(/static/default/assets/img/t5.png);}

.cybz{width:100%;overflow:hidden;background:#e7ecef;}
.cybz .main_w{display:grid;grid-template-columns: 4.6rem auto;gap:.2rem;padding-top:1.2rem;padding-bottom:1.4rem;}
.cybz .main_w .cybz_left .title font{font-size:.4rem;color:#333333;font-weight:bold;}
.cybz .main_w .cybz_left .title p{color:#333333;font-size:.3rem;font-weight:bold;}
.cybz .main_w .cybz_left .arrow_main{padding-top:2rem;display:flex;}
.cybz .main_w .cybz_left .arrow_main .left{background:url(/static/default/assets/img/k2.png) no-repeat center;width:.65rem;height:.65rem;display: block;transform: rotate(180deg);margin-right:.4rem;background-size:cover;}
.cybz .main_w .cybz_left .arrow_main .right{background:url(/static/default/assets/img/k2.png) no-repeat center;width:.65rem;height:.65rem;display: block;background-size:cover;}
.cybz .main_w .cybz_left .arrow_main .left:hover{background-image:url(/static/default/assets/img/k1.png);transform: rotate(0deg);}
.cybz .main_w .cybz_left .arrow_main .right:hover{background-image:url(/static/default/assets/img/k1.png);transform: rotate(180deg);}
.ctbz_right{overflow:hidden;}
.ctbz_right li{text-align:center;}
.ctbz_right li p{font-size:.16rem;padding-top:.14rem;}
.k_on{max-width:13rem;}


.ybys{width:100%;overflow:hidden;min-height:8.37rem;position: relative;}
.ybys .pro_lists{height:100%;width:100%;position:absolute;}
.ybys .pro_lists .item{background-size:cover;}
.ybys .pro_lists .item .main_w{height:calc(100% - 1.6rem)}
.ybys .pro_lists .item .title{color:#ffffff;font-size:.5rem;font-weight:bold;padding-top:1.16rem;}
.ybys .pro_lists .item .content{color:#ffffff;font-size:.2rem;line-height:1.95;margin-top:.3rem;}
.ybys .pro_lists .item .more{margin-top:.5rem;}
.ybys .pro_lists .item .more a{background:#008cd6;display:flex;width:1.19rem;height:.63rem;border-radius:50px;color:#ffffff;font-size:0.16rem;align-items: center;justify-content:space-between;padding:0 .4rem}
.ybys .pro_lists .item .more a p{margin-right:0rem;margin-top:0rem;transition: 0.3s ease margin;width:.18rem;}
.ybys .pro_lists .item .more a:hover p{margin-right:-.1rem;margin-top:-.1rem;}
.ybys .p_menus{position:absolute;left:0px;bottom:0px;width:100%;border-top:1px solid rgba(255,255,255,0.5);z-index:2;overflow:hidden;height:1.6rem;}
.ybys .p_menus li:after{border-right:1px solid rgba(255,255,255,0.5);content:"";height:100%;position:absolute;right:0px;top:0px;}
.ybys .p_menus .box{padding:.5rem;display:flex;justify-content: space-between;}
.ybys .p_menus .box .yb_left font{color:#ffffff;font-size:.24rem;font-weight:bold;}
.ybys .p_menus .box .yb_left p{color:rgba(255,255,255,0.5);font-size:16px;font-weight:bold;padding-top:2px;}
.ybys .p_menus .box .yb_right img{width:.52rem;}
.ybys .p_menus li{cursor:pointer;position:relative;}
.ybys .p_menus .swiper-slide-thumb-active{background:#008cd6;}

.cpzx{width:100%;overflow:hidden;height:4.57rem;background:url(/static/default/assets/img/ban_product.jpg) no-repeat center;position:relative;}
.cpzx .title{width:100%;overflow:hidden;text-align:center;padding-top:1.5rem;}
.cpzx .title font{color:#ffffff;font-size:.4rem;font-weight:bold;}
.cpzx .title p{color:#ffffff;font-size:.21rem;text-transform: uppercase;padding-top:0.05rem;}
.cpzx .list{width:100%;overflow:hidden;padding-top:.6rem;}
.cpzx .list ul{display:flex;gap:.36rem;justify-content: center;flex-wrap: wrap;}
.cpzx .list li{background:#008cd6;width:1.88rem;height:.62rem;line-height:.62rem;text-align:center;}
.cpzx .list li a{color:#fff;font-size:16px;}
.cpzx .list li.cur,.cpzx .list li:hover{background:#e50012;}
.cpzx .img{position:absolute;left:calc(50% - 12px);bottom:0.26rem;width:.24rem;animation: slideOutDown_s 2.5s cubic-bezier(0.55, 0.09, 0.68, 0.53) infinite;}
.cpzx_list{width:100%;overflow:hidden;background:#0054aa;margin-bottom:.4rem;border-top:1px solid #999;}
.cpzx_list .main_w{font-size:16px;padding: 0.3rem 0 .1rem;text-align:center;}
.cpzx_list ul{display:inline-block;text-align: left;}
.cpzx_list li{display:inline-block;margin-left: .3rem;margin-right: .3rem;/* margin-top: .15rem; */margin-bottom: .2rem;/* width: 1.4rem; */}
.cpzx_list li a{color: #fff;font-size:17px;}
.cpzx_list li.cur a{color: #555;font-size:18px;padding:8px 17px;background:#fff; border-radius:20px;}

.cp_list{margin-top:.55rem;
    /* overflow:hidden; */
}
.cp_list ul{display:grid;grid-template-columns: repeat(4,1fr);}
.cp_list li{text-align:center;transition: 0.3s ease background;}
.cp_list li img{max-width:85%;}
.cp_list li p{color:#333;opacity: 1;font-size:.18rem;transition: 0.15s ease all;}
.cp_list li:nth-child(2) .front,.cp_list li:nth-child(2) .back{background:#f3f3f3;}
.cp_list li:nth-child(4) .front,.cp_list li:nth-child(4) .back{background:#f3f3f3;}
.cp_list li:nth-child(5) .front,.cp_list li:nth-child(5) .back{background:#f3f3f3;}
.cp_list li:nth-child(7) .front,.cp_list li:nth-child(7) .back{background:#f3f3f3;}
.cp_list li:nth-child(10) .front,.cp_list li:nth-child(10) .back{background:#f3f3f3;}
.cp_list li:nth-child(12) .front,.cp_list li:nth-child(12) .back{background:#f3f3f3;}
.cp_list li:nth-child(13) .front,.cp_list li:nth-child(13) .back{background:#f3f3f3;}
.cp_list li:nth-child(15) .front,.cp_list li:nth-child(15) .back{background:#f3f3f3;}
.cp_list li .mores{
    color:#fff;
    display: block;
    text-align: Center;
    padding: 10px 15px 10px 15px;
    background:rgba(26, 26, 26, 1);
    margin-top:20px;
    min-width:1.5rem;
}
.cp_list li .back>div{overflow:hidden;}
.cp_list li .back .titles{margin:0 auto;}
.cp_list li .mores font{padding: 10px 15px;display:block;
    color: #f0f0f0;
    background-color: rgba(26, 26, 26, 1);
    transition: all 0.5s ease-in-out;
    transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -webkit-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.cp_list li .mores:hover font{
    background-color: rgba(240, 240, 240, 1);
    color: #1a1a1a;
}

.cp_list .front,.back{
    position:absolute;
    width:100%;height:100%;backface-visibility: hidden;
    display:flex;align-items: center;justify-content: center;
    min-height:5.4rem;
    padding:10px;
    box-sizing: border-box;
    flex-wrap: wrap;
}
.cp_list .front{z-index:2;background: #f8f8f8;}


.ProList{ width:auto; height:auto;margin-top:50px;overflow:hidden;padding:0 0;}
.ProList ul{display:grid;grid-template-columns: repeat(4,1fr);gap:20px}
.ProList li{overflow:hidden;height:auto; position: relative;border:1px solid #e2e2e2;}
.ProList li .pro_pic{width:100%; height:auto; overflow:hidden;}
.ProList li .pro_pic img{width:100%;height:auto;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-ms-transition-duration:0.3s;transition-duration:0.3s;}
.ProList li .pro_txt{padding:10px 0 15px 0;text-align:center;overflow:hidden;font-size:18px;}
.ProList li a:hover .pro_txt{color:#c90010;}
.ProList li:hover .pro_pic img{ -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}
.ProList li:after {width: 0px;height: 2px;overflow: hidden;content: "";position: absolute;z-index: 30;bottom: 0px;left: 0px;background-color:#c90010 ;transition: all .3s linear;}
.ProList li:hover:after{width: 100%;}


.picture_list{margin-top:.55rem;overflow:hidden;}
.picture_list ul{display:grid;grid-template-columns: repeat(4,1fr);gap:.27rem;}
.picture_list li{display:flex;align-items: center;justify-content: center;background:#f8f8f8;padding:.2rem;text-align:center;transition: 0.3s ease background;}
.picture_list li img{max-width:100%;}
.picture_list li p{color:#333333;padding-top:.3rem;opacity: 1;font-size:.18rem;transition: 0.1s ease all;}
.picture_list li:hover{background:#008cd6;}
.picture_list li:hover p{color:#ffffff;}


.p_show{width:100%;overflow:hidden;margin-top:.45rem;}
.p_show .main_w{gap:.25rem;display:grid;grid-template-columns: repeat(2,1fr);}
.p_show .p_show_left{justify-content: center;background:#f8f8f8;min-height:4.95rem;display:flex;align-items: center;}
.p_show .p_show_left img{max-width:80%;}
.p_show .p_show_right{overflow:hidden;}
.p_show .p_show_right .title{color:#333333;font-size:.26rem;font-weight:bold;}
.p_show .p_show_right .position{margin-top:.18rem;}
.p_show .p_show_right .position ul{display:flex;gap:.1rem;flex-wrap: wrap;}
.p_show .p_show_right .position li{background:#008cd6;height:.34rem;min-width:.59rem;line-height:.34rem;text-align:center;padding-left:.2rem;padding-right:.2rem;}
.p_show .p_show_right .position li a{color:#ffffff;}
.p_show .p_show_right .content{background:#f8f8f8;padding:.25rem .35rem;margin-top:.22rem;}
.p_show .p_show_right .content .bt{font-size:.2rem;}
.p_show .p_show_right .content .nr{font-size:.16rem;}
.p_show .p_show_right .content .nr li{margin-top:.2rem;padding-left:.3rem;background:url(/static/default/assets/img/w1.png) no-repeat left center;background-size:.17rem auto;line-height:1.65;min-height:.17rem;}
.p_show .p_show_right .content .nr li:nth-child(2){background-image:url(/static/default/assets/img/w2.png);}
.p_show .p_show_right .content .nr li:nth-child(3){background-image:url(/static/default/assets/img/w3.png);}
.feedback{background:#008cd6;height:.55rem;width:2.39rem;border-radius:50px;line-height:.55rem;margin-top:.16rem;}
.feedback a{font-size:.18rem;color:#ffffff;font-weight:bold;padding-left:1rem;background:url(/static/default/assets/img/w4.png) no-repeat left .65rem center;}
.p_show .p_show_right .box{width:100%;overflow:hidden;position:relative;display:flex;align-items: center;padding-top:.24rem;}
.p_show .p_show_right .box .list{width:calc(100% - 1.6rem);margin:0 auto;overflow:hidden;}
.p_show .p_show_right .box .box_left{background:url(/static/default/assets/img/w6.png) no-repeat left center;transform: rotate(180deg);background-size:.46rem auto;display:block;width:.46rem;height:.45rem;}
.p_show .p_show_right .box .box_right{background:url(/static/default/assets/img/w6.png) no-repeat left center;transform: rotate(0deg);background-size:.46rem auto;display:block;width:.46rem;height:.45rem;}
.p_show .p_show_right .box .box_left:hover{background-image:url(/static/default/assets/img/w5.png);transform: rotate(0deg);}
.p_show .p_show_right .box .box_right:hover{background-image:url(/static/default/assets/img/w5.png);transform: rotate(180deg);}
.p_show .p_show_right .box .list li a{display:block;padding:0.15rem .26rem;border:2px solid #f8f8f8;background:#f8f8f8;}
.p_show .p_show_right .box .list li.cur a{border:2px solid #008cd6;}

.cpxq .title{text-align:center;padding-top:1.1rem;border-bottom:2px solid #d7dcdf;}
.cpxq .title div{display:inline-block;position:relative;z-index:1;border-bottom:2px solid #0054aa;padding-bottom:.24rem;margin-bottom:-2px;}
.cpxq .title font{font-size:.44rem;color:rgba(235,237,239,0.5);text-transform: uppercase;line-height:1;position:absolute;left:50%;top:0px;z-index:-1;white-space: nowrap;transform: translate3d(-50%,0,0);}
.cpxq .title p{color:#0054aa;font-size:.26rem;font-weight:bold;padding-top:.14rem;}
.cpxq .content{color:#333333;font-size:0.16rem;line-height:1.9375;padding-top:.72rem;padding-bottom:.72rem;}
.cpxq .bgle{background:#f8f8f8;display:grid;grid-template-columns: repeat(2,1fr);padding:0 .28rem;height:.88rem;align-items: center;}
.cpxq .bgle a{color:#666666;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display:block;}
.cpxq .bgle a:hover{color:#008cd6;}
.cpxq .bgle .bgle_left{overflow:hidden;}
.cpxq .bgle .bgle_right{text-align:right;overflow:hidden;}

.xgcp{width:100%;overflow:hidden;margin-bottom:.79rem;}
.xgcp .title{font-size:.26rem;color:#008cd6;font-weight:bold;margin-top:.6rem;margin-bottom:.59rem;text-align:center;}
.xgcp .list ul{display:grid;grid-template-columns: repeat(4,1fr);}
.xgcp .list li{text-align:center;transition: 0.3s ease background;}
.xgcp .list li img{max-width:80%;}
.xgcp .list li p{color:#333;opacity: 1;font-size:.18rem;transition: 0.15s ease all;}
.xgcp .list li:nth-child(2) .front,.xgcp .list li:nth-child(2) .back{background:#f3f3f3;}
.xgcp .list li:nth-child(4) .front,.xgcp .list li:nth-child(4) .back{background:#f3f3f3;}
.xgcp .list li:nth-child(5) .front,.xgcp .list li:nth-child(5) .back{background:#f3f3f3;}
.xgcp .list li:nth-child(7) .front,.xgcp .list li:nth-child(7) .back{background:#f3f3f3;}
.xgcp .list li .mores{
    color:#fff;
    display: block;
    text-align: Center;
    padding: 10px 15px 10px 15px;
    background:rgba(26, 26, 26, 1);
    margin-top:20px;
    min-width:1.5rem;
}
.xgcp .list li .back>div{overflow:hidden;}
.xgcp .list li .back .titles{margin:0 auto;}
.xgcp .list li .mores font{padding: 10px 15px;display:block;
    color: #f0f0f0;
    background-color: rgba(26, 26, 26, 1);
    transition: all 0.5s ease-in-out;
    transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -webkit-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.xgcp .list li .mores:hover font{
    background-color: rgba(240, 240, 240, 1);
    color: #1a1a1a;
}

/*related_product*/
.related_product{ width:auto; height:auto;margin-bottom:30px;overflow:hidden;}
.related_product .title{font-size:.26rem;color:#0054aa;font-weight:bold;margin-top:.6rem;margin-bottom:.59rem;text-align:center;}
.related_product ul{display:grid;grid-template-columns: repeat(6,1fr);gap:20px}
.related_product li{ overflow:hidden;border:1px solid #ededed;position: relative;height:auto;}
.related_product li .pro_pic{ width:100%; height:auto; overflow:hidden;}
.related_product li .pro_pic img{width:100%;height:auto;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-ms-transition-duration:0.3s;transition-duration:0.3s;}
.related_product li .pro_txt{color:#666;font-size:16px;padding:10px 10px 15px 10px;line-height:130%;text-align:center;height:30px;}
.related_product li:hover .pro_pic img{ -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}
.related_product li a:hover .pro_txt{color:#c90010;}
.related_product li:after {width: 0px;height: 3px;overflow: hidden;content: "";position: absolute;z-index: 30;bottom: 0px;left: 0px;background-color:#c90010 ;transition: all .3s linear;}
.related_product li:hover:after{width: 100%;}
/*related_product*/


/* .xgcp .list ul{display:grid;grid-template-columns: repeat(4,1fr);}
.xgcp .list li{display:flex;align-items: center;justify-content: center;background:#f8f8f8;min-height:2.9rem;padding:.2rem;text-align:center;transition: 0.3s ease background;}
.xgcp .list li img{max-width:80%;}
.xgcp .list li p{color:#ffffff;opacity: 0;font-size:0;transition: 0.15s ease all;}
.xgcp .list li:nth-child(2){background:#f3f3f3;}
.xgcp .list li:nth-child(4){background:#f3f3f3;}
.xgcp .list li:hover{background:#008cd6;}
.xgcp .list li:hover p{opacity: 1;padding-top:.3rem;font-size:.18rem;transition: 0.3s ease all;} */
.news_banner{background-image:url(/static/default/assets/img/ban_new.jpg);}

.news_list{overflow:hidden;padding-top:0px;}
.news_list li{padding-bottom:.25rem;padding-top:.20rem;border-bottom:1px solid #e0e9ed;overflow:hidden;height:auto;}
.news_list li .d_left{float:left;overflow:hidden;width:250px;height:auto;}
.news_list li .d_left img{width:250px;height:auto}
.news_list li .d_right{overflow:hidden;float:right;width:calc(100% - 280px);}
.news_list li .title{font-size:.20rem;white-space: nowrap;text-overflow:ellipsis;overflow:hidden;}
.news_list li  .content{color:#666666;font-size:15px;margin-top:.28rem;margin-bottom:.38rem;line-height:1.71;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.news_list li:hover .title{color:#C00}
.news_list li  .time{color:#666666;padding-left:.24rem;background:url(/static/default/assets/img/05news_08.jpg) no-repeat left center;background-size:.16rem auto;}

.contact_banner{background-image:url(/static/default/assets/img/ban_lxfs.jpg);}
.zjcybz{padding:.36rem .52rem;background:#f4f6f8;overflow:hidden;margin-top:.43rem;display:flex;justify-content: space-between;align-items: center;position:relative;gap:10px;}
.zjcybz .item:nth-child(1) font{font-size:.24rem;font-weight:bold;color:#008cd6;}
.zjcybz .item:nth-child(1) p{font-size:.16rem;font-weight:bold;margin-top:.1rem;}
.zjcybz .item:nth-child(2){padding-left:.36rem;background:url(/static/default/assets/img/c1.png) no-repeat left top;background-size:.21rem auto;}
.zjcybz .item:nth-child(2) font{color:#333333;font-weight:bold;font-size:.22rem;}
.zjcybz .item:nth-child(2) p{font-size:.18rem;color:#666666;padding-top:0.05rem;}
.zjcybz .item:nth-child(3){padding-left:.36rem;background:url(/static/default/assets/img/c2.png) no-repeat left top .02rem;background-size:.26rem auto;}
.zjcybz .item:nth-child(3) font{color:#333333;font-weight:bold;font-size:.22rem;}
.zjcybz .item:nth-child(3) p{font-size:.18rem;color:#666666;padding-top:0.05rem;}
.zjcybz .item:nth-child(4){padding-left:.4rem;background:url(/static/default/assets/img/c3.png) no-repeat left top .06rem;background-size:.28rem auto;}
.zjcybz .item:nth-child(4) font{color:#333333;font-weight:bold;font-size:.22rem;}
.zjcybz .item:nth-child(4) p{font-size:.18rem;color:#666666;padding-top:0.05rem;}
.zjcybz .item:nth-child(5){text-align:center;}
.zjcybz .item:nth-child(5) p{color:#333333;padding-top:.06rem;}
.zxzx{background:#f4f6f8;overflow:hidden;width:100%;margin-top:.58rem;}
.zxzx .title{text-align:center;padding-top:.52rem;}
.zxzx .title font{color:#333333;font-weight:bold;font-size:.34rem;}
.zxzx .title p{color:#8e8e8e;font-size:14px;text-transform: uppercase;padding-top:.05rem;}
.zxzx .box{display:grid;grid-template-columns: repeat(2,1fr);gap:.28rem .4rem;padding-top:.6rem;}
.zxzx .box0,.zxzx .box1{padding-top:.28rem;}
.zxzx .item input{border:1px solid #e4e4e4;padding:.18rem .24rem;background:none;width:100%;box-sizing: border-box;}
.zxzx .item input::placeholder{color:#999999;}
.zxzx .box2{margin-top:.28rem;margin-bottom:.4rem;}
.zxzx .box2 textarea{border:1px solid #e4e4e4;padding:.18rem .24rem;background:none;width:100%;box-sizing: border-box;height:1.6rem;font-family:"΢ÈíÑźÚ";}
.zxzx .box2 textarea::placeholder{color:#999999;font-family:"΢ÈíÑźÚ";}
.zxzx .box3{display:flex;justify-content: space-between;margin-bottom:1.13rem;}
.zxzx .box3 #txt_code{border:1px solid #e4e4e4;padding:.18rem .24rem;background:none;max-width:100%;box-sizing: border-box;width:4.7rem;height:100%}
.zxzx .box3 .code{position:relative;}
.zxzx .box3 .code img{position:absolute;right:.1rem;top:50%;transform: translateY(-50%);}
.zxzx .box3 .submits{gap:.34rem;display:flex;}
.zxzx .box3 .submits .btn{background:#008cd6;border:0px;height:.7rem;line-height:.7rem;width:4.5rem;color:#ffffff;font-size:.18rem;font-weight:bold;cursor: pointer;}
.zxzx .box3 .submits .btn_1{background:#b3b3b3;}
.maps2{height:4.57rem;width:100%;background:url(/static/default/assets/img/06service_09.jpg) no-repeat center;background-size:cover;}


.about-content { padding-top: 0.4rem; overflow: hidden; padding-bottom: 0.4rem; }
.ny-news-tit { width: 100%; height: auto; overflow: hidden; line-height: 35px; color: #000; font-size: .23rem; font-weight: bold; text-align: center; }
.ny-author { width: 100%; height: auto; line-height: 30px; overflow: hidden; color: #393939; border-bottom: 1px solid #f0f0f2; padding: 10px 0px 10px 0px; margin-bottom: 30px; text-align: center; }
.news-author { height: auto; overflow: hidden; }
.fontsize input { width: 15px; height: 15px; line-height: 15px; background-color: #ececec; cursor: pointer; border: 1px solid #d1d1d1; margin-left: 3px; outline: none; }
.share { width: 150px; height: auto; overflow: hidden; float: right; margin-top: -2px; }
.share ul li { float: left; width: 40px; height: 30px; overflow: hidden; padding-left: 10px; cursor: pointer; }
#share a { width: 40px; height: 30px; overflow: hidden; padding: 0px; margin: 3px; display: block; float: left; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
#share a.bds_weixin { background: url(/images/share_webchat.png) no-repeat; }
#share a.bds_tsina { background: url(/images/share_weibo.png) no-repeat; }
#share a.bds_qzone { background: url(/images/share_qzone.png) no-repeat; }

.updown-div { width: 100%;line-height:2; overflow: hidden; margin: 0 auto; padding: 50px 0px 20px 0px; }
.updown-div a{font-size:14px;color:#555;border:none;}
.updown-div a:hover{background:none;color:#0054aa;}
#newsnr {font-size: 16px;line-height: 1.7;/* max-width: 1080px; */margin: 0 auto;}
#newsnr img{height:auto  !important;}

.aboutus{padding:0.2rem;overflow:hidden;line-height:1.65;min-height:4rem;}

.pros_boxB{ margin-top: 60px; border-bottom: 2px solid #F3F3F3;}
.pros_boxB p{width: 150px;margin: 0 auto -2px auto;padding-bottom: 14px;border-bottom: 2px solid #008cd6;font-size: 0.24rem;font-weight: bold;text-align: center;}
.pros_boxG { width: 82.3%; margin: 0px auto; padding: 50px 0; }
.pros_boxG .box_1 { margin-bottom: 20px; overflow: hidden; }
.pros_boxG .box_1 .box { float: left; width: 50%; display:flex; align-items:center; }
.pros_boxG label { color:#F00; margin-left:5px;}
.pros_boxG dl { width: calc(100% - 20px); border: 1px solid #ECECEC; display: flex; }
.pros_boxG dt { width: 80px; background-color: #F7F7F7; background-position: center center; background-repeat: no-repeat; }
.pros_boxG dd {width: calc(100% - 80px);background-color: #fff;}
.pros_boxG .txt { width: calc(100% - 40px); padding: 10px 20px; height: 26px; line-height: 26px; font-size: 14px; color: #333; background: none; border: 0; outline: none; }
.pros_boxG .bkg_1 { background-image: url(/static/default/assets/img/proShow_19_1.png); }
.pros_boxG .bkg_2 { background-image: url(/static/default/assets/img/proShow_19_2.png); }
.pros_boxG .bkg_3 { background-image: url(/static/default/assets/img/proShow_19_3.png); }
.pros_boxG .bkg_4 { background-image: url(/static/default/assets/img/proShow_19_4.png); }
.pros_boxG .bkg_5 { background-image: url(/static/default/assets/img/proShow_19_5.png); background-position: center 17px; }
.pros_boxG .box_2 { margin-bottom: 20px; display: flex; }
.pros_boxG dd{}
.pros_boxG .area { font-family: Microsoft YaHei;width: calc(100% - 40px); padding: 15px 20px; height: 100px; line-height: 26px; font-size: 14px; color: #333; background: none; border: 0; outline: none; }
.pros_boxG .box_3 { display: flex; color: #666; }
.pros_boxG .codebox { display: flex; align-items: center; }
.pros_boxG .box_3 .code {width: 120px;padding: 10px 20px;height: 26px;line-height: 26px;font-size: 14px;color: #333;border: 1px solid #ECECEC;background-color: #fff;outline: none;}
.pros_boxG .box_3 span { color: #F00; margin-left: 10px; }
.pros_boxG .btnbox { display: flex; align-items: center; margin-left: 4.17vw; }
.pros_boxG .box_3 .btn { margin-left: 10px; width: 13.8vw; min-width: 180px; height: 46px; line-height: 46px; font-size: 16px; font-weight: bold; text-align: center; background-color: #E6E6E6; border: 0; outline: none; cursor: pointer; }
.pros_boxG .box_3 .btn_1 {background-color: #008cd6;color: #FFF;}


  /*-----------------------------------------------------------------------------------page end----------------------------------------------------------------*/

 .pagination{display:-ms-flexbox;display:flex;padding-left:0;list-style:none;border-radius:0rem;margin:50px 0;}
 
 .page-link{position:relative;display:block;padding:10px 10px;margin-left:-1px;line-height:1;color:#007bff;background-color:#fff;border:1px solid #dee2e6}
 .page-link:hover{z-index:2;color:#0056b3;text-decoration:none;background-color:#e9ecef;border-color:#dee2e6}
 .page-link:focus{z-index:2;outline:0;box-shadow:0 0 0 0 rgba(0,123,255,.25)}
 .page-item:first-child .page-link{margin-left:0;border-top-left-radius:8px;border-bottom-left-radius:8px}
 .page-item:last-child .page-link{border-top-right-radius:8px;border-bottom-right-radius:8px}
 .page-item.active .page-link{z-index:1;color:#fff;background-color:#007bff;border-color:#007bff}
 .page-item.disabled .page-link{color:#6c757d;pointer-events:none;cursor:auto;background-color:#fff;border-color:#dee2e6}
 .pagination-lg .page-link{padding:.1rem .1rem;font-size:20px;line-height:1}
 .pagination-lg .page-item:first-child .page-link{border-top-left-radius:8px;border-bottom-left-radius:8px}
 .pagination-lg .page-item:last-child .page-link{border-top-right-radius:8px;border-bottom-right-radius:8px}
 .pagination-sm .page-link{padding:.1rem .1rem;font-size:20px;line-height:1}
 .pagination-sm .page-item:first-child .page-link{border-top-left-radius:8px;border-bottom-left-radius:8px}
 .pagination-sm .page-item:last-child .page-link{border-top-right-radius:8px;border-bottom-right-radius:8px}
 .clean-block.clean-catalog .pagination{-ms-flex-pack:center;justify-content:center}
 
 /*-----------------------------------------------------------------------------------page end----------------------------------------------------------------*/
 
 /* ====== go top start ====== */
.gotop {
	background-color: rgba(0, 0, 0, 0.5);
	bottom: 70px;
	position: fixed;
	right: 20px;
	z-index: 10;
	width:45px;
	height:45px;
	display:none;
}
.gotop:hover {
    background-color: rgba(0, 0, 0, 0.6);
}
.gotop a {
	display: block;
	height: 40px;
	overflow: hidden;
	width: 45px;
	font-size:24px;
	color:#FFF;
	text-align:center;
	line-height:40px;
}
.gotop a:hover{color:#FFF}
/* ====== go top end ====== */





/*---Æ®¸¡QQ--*/




.izl-rmenu{
	       margin-right: 0;
	       width:60px;
	       position: fixed;
	       right: 2px;
	       top: 65%;
	       -webkit-box-shadow: #DDD 0px 1px 5px;
	       -moz-box-shadow: #DDD 0px 1px 5px;
	       box-shadow: #DDD 0px 1px 5px;
	       z-index:999;
}
.izl-rmenu .consult{    
	background-image: url(/static/default/assets/img/consult_icon.png);
    background-repeat: no-repeat;
    background-position: center -120px;
    display: block;
    height: 60px;
    width: 60px;
}
.izl-rmenu .txqq{    
	background-image: url(/static/default/assets/img/consult_icon.png);
    background-repeat: no-repeat;
    background-position: center -60px;
    display: block;
    height: 60px;
    width: 60px;
}

.izl-rmenu .book {    background-image: url(/static/default/assets/img/consult_icon.png);
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    height: 60px;
    width: 60px;
}

.izl-rmenu .book .zixun {
    background-color: rgb(247,247,255);
    position: absolute;
    width: 100px;
    left: -100px;
    top: 0;
    line-height: 60px;
    color: #555;
    font-size: 14px;
    text-align: center;
    display: none;
    box-shadow: #DDD -1px 1px 4px;
}
.izl-rmenu a.book:hover .zixun{display:inline !important;}


.izl-rmenu .txqq .qqzx {
    background-color: rgb(247,247,255);
    position: absolute;
    width: 125px;
    left: -125px;
    top: 60px;
    line-height: 60px;
    color: #555;
    font-size: 14px;
    text-align: center;
    display: none;
    box-shadow: #DDD -1px 1px 4px;
}
.izl-rmenu a.txqq:hover .qqzx{display:inline !important;}

.izl-rmenu .consult .phone {
    background-color: rgb(247,247,255);
    position: absolute;
    width: 125px;
    left: -125px;
    top: 60px;
    padding:10px 0;
    color: #222;
    font-size: 14px;
    text-align: center;
    display: none;
    box-shadow: #DDD -1px 1px 4px;
}
.izl-rmenu a.consult:hover .phone{display:inline !important;}


.izl-rmenu .cart {
    background-image: url(/static/default/assets/img/consult_icon.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    display: block;
height:60px;
}
.izl-rmenu a.cart:hover .pic{display:block;}

.izl-rmenu .cart .pic {
	display:none;
    position: absolute;
    left: -100px;
    top:70px;
    width: 100px;
    height: 118px;
    background:url(/static/default/assets/img/weixin.jpg);
}




.izl-rmenu .btn_top {
    background-image: url(/static/default/assets/img/float_top.png);
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    height: 39px;
    width: 60px;
    -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
}
.izl-rmenu .btn_top:hover {
	background-image: url(/static/default/assets/img/float_top.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}

#udesk-feedback-tab {
    position: fixed;
    right: 2px;
    top: 65%;
    margin-top: -76px;
    -webkit-box-shadow: #DDD 0px -1px 5px;
    -moz-box-shadow: #DDD 0px -1px 5px;
    box-shadow: #DDD 0px -1px 5px;
    z-index: 10000;
    cursor: pointer;
    background-image: url(/static/default/assets/img/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    height: 76px;
    width: 66px;
    background-color: #FFF!important;
    z-index:999;
}
#udesk-feedback-tab1 {
    position: fixed;
    right: 2px;
    top: 65%;
    margin-top: -150px;
    -webkit-box-shadow: #DDD 0px -1px 5px;
    -moz-box-shadow: #DDD 0px -1px 5px;
    box-shadow: #DDD 0px -1px 5px;
    z-index: 10000;
    cursor: pointer;
    background-image: url(../images/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    height: 76px;
    width: 66px;
    background-color: #FFF!important;
    z-index:999;
}

@media (max-width:768px){
.izl-rmenu{display:none;}
.izl-rmenu .consult{display:none;}
#udesk-feedback-tab{display:none;}
#udesk-feedback-tab1{display:none;}
#udesk-feedback-tab-left{display:none;}
.udesk-feedback-tab-left{display:none;}
}
 
 
 /*----tanchuzixun----*/
 
 
 .hide_box{z-index:999;filter:alpha(opacity=50);background:#666;opacity: 0.5;-moz-opacity: 0.5;left:0;top:0;height:99%;width:100%;position:fixed;display:none;}
				
.shang_box{width:540px;height:500px;padding:10px;background-color:#fff;border-radius:10px;position:fixed;z-index:1000;left:50%;top:50%;margin-left:-280px;margin-top:-280px;border:1px dotted #dedede;display:none;}
 .shang_close{float:right;display:inline-block;padding:10px 15px 0 0;}

.in_btm{width:500px;height:auto;overflow:hidden;margin:0 auto;padding:0 0 20px 0;}
.in_btm .box{ clear:both; overflow:hidden; margin-bottom:12px;}
.in_btm .txt{ width:100%; height:31px; line-height:31px; padding:0 10px; border-radius:5px; border:0; background-color:#FFF; outline:none;font-size:15px;border:1px solid #e5e5e5;}
.in_btm .txt1{ width:50%; height:31px; line-height:31px; padding:0 10px; border-radius:5px; border:0; background-color:#FFF; outline:none;font-size:15px;border:1px solid #e5e5e5;}
.in_btm .t_1{ float:left;}
.in_btm .t_2{ float:right;}
.in_btm .area{ width:100%; height:80px; line-height:20px; padding:5px 10px; border-radius:5px; border:0; background-color:#FFF; outline:none;font-size:15px;font-family: "Microsoft YaHei",SimSun,Helvetica,sans-serif;border:1px solid #e5e5e5; }
.in_btm .btn{ float:left; width:100px;text-align:center; background-color:#d20910; color:#FFF; border-radius:5px; border:0; font-size:15px;overflow:hidden;line-height:40px;}
.in_btm .btn a:hover{color:#fff;}

.btm_tit{ color:#333; font-size:26px; line-height:1; padding:20px 0 20px 0;}
.btm_tit p{font-size:14px;color:#888;padding-top:12px;line-height:160%;}

@media (max-width: 768px) {
.shang_box{width:auto;height:auto;margin-left:-180px;margin-top:-180px;top:40%;padding:0px 0 0 0;}
.in_btm{width:100%;padding:0 0 0 10px;}
.in_btm .txt{width:300px;}
.btm_tit{padding:0 0 20px 0;}
.in_btm .area{width:90%;padding:5px 0;float:left;}
 .shang_close{padding:15px 15px 0 0;}
}

 /*----tanchuzixun end----*/