* { 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: 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(../images/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: .4rem; padding-right: .4rem;white-space: nowrap;}
.main_top{width:100%;background:#fff;}
.main_top .logo{width:1.46rem;}
.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:16px;}
.main_top .main_w .top_right .top_list li.cur a{color:#008cd6;}
.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:#007dd1;}
.banner .m_banner-pagination .swiper-pagination-bullet-active{width:0.32rem;height:0.12rem;background:#e60012;border-radius:5px;}
.banner img{vertical-align: bottom ;}

.about_us{width:100%;overflow:hidden;background:url(../images/index_09.jpg) no-repeat center;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:#333333;font-size:14px;}
.hdon .title p{color:#008cd6;font-size:.34rem;padding-top:.05rem;}
.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(255,255,255,0.5);padding:.25rem;}
.yyfw li .img{width:.62rem;}
.yyfw li .title{color:#333333;font-size:.26rem;padding-top:.2rem;}
.yyfw li .content{color:#666666;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{min-width:1.3rem;padding-left:.2rem;padding-right:.2rem;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:#008cd6;color:#fff;border:1px solid #008cd6;}
.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{max-width:80%;}
.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:3.3rem;}
.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:2.9rem;
    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:.5rem;padding-right:.5rem;overflow:hidden;display:grid;gap:.5rem;grid-template-columns: 9.6rem auto;padding-bottom:.6rem;background:url(../images/index_02_02.jpg) no-repeat top center;}
.qhfs .qhfs_left{overflow:hidden;}
.qhfs_left font{font-size:.22rem;/* color:#333333; */font-weight:bold;margin-top:.3rem;display:block;padding-left:.7rem;}
.qhfs_left p{padding-left:.7rem;margin-top:.2rem;color:#b4b4b4;font-size:14px;}
.qhfs_right{overflow:hidden;}
.qhfs_right .title font{color:#333333;font-size:.34rem;font-weight:bold;display:block;}
.qhfs_right .title p{color:#8e8e8e;text-transform: uppercase;margin-top:.05rem;}
.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:1.29rem 0;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:100%;}
.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:.3rem;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(../images/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:#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}
.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;}

.footer{width:100%;overflow:hidden;background:#333333;padding-top:.8rem;}
.footer .footer_top{display:flex;justify-content: space-between;}
.footer .footer_top .footer_left .t_1{width:2.05rem;}
.footer .footer_top .footer_left .tel_1{background:url(../images/index_26.jpg) no-repeat left center;padding-left:.66rem;margin-top:.6rem;background-size:.47rem auto;}
.footer .footer_top .footer_left .tel_1 font{color:rgba(255,255,255,0.5);}
.footer .footer_top .footer_left .tel_1 p{color:#ffffff;font-size: .24rem;padding-top:.05rem;}
.footer .footer_top .footer_right{display:flex;gap:.4rem;min-height:4rem;}
.footer .footer_top .footer_right a{color:rgba(255,255,255,0.5);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: .1rem;display:block;}
.footer .footer_foot{color:#ffffff;font-size:0.16rem;line-height:2.75;padding-bottom:.5rem;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(../images/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{
    background: linear-gradient(
    to bottom,
    #f8f8f8 0%,
    #f8f8f8 64%,
    #fff 64%,
    #fff 100%
  );
  width:100%;overflow:hidden;
}
.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(../images/about_us_08.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(../images/b1.png) no-repeat center;background-size:cover;padding:.25rem;}
.qywh .list li .bt{background:url(../images/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(../images/b2.png);}
.qywh .list li:nth-child(3){background-image: url(../images/b3.png);}
.qywh .list li:nth-child(4){background-image: url(../images/b4.png);}
.qywh .list li:nth-child(2) .bt{background-image: url(../images/t3.png);}
.qywh .list li:nth-child(3) .bt{background-image: url(../images/t4.png);}
.qywh .list li:nth-child(4) .bt{background-image: url(../images/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: .28rem;color:#333333;font-weight:bold;}
.cybz .main_w .cybz_left .title p{color:#333333;font-size: .24rem;margin-top: .1rem;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(../images/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(../images/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(../images/k1.png);transform: rotate(0deg);}
.cybz .main_w .cybz_left .arrow_main .right:hover{background-image:url(../images/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: .4rem;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: .2rem;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(../images/03cplb_02.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;min-width: 1.48rem;height:.62rem;line-height:.62rem;text-align:center;padding-left: .2rem;padding-right: .2rem;}
.cpzx .list li a{color:#fff;font-size:16px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: block;}
.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:#eff3f5;margin-bottom:.4rem;}
.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.cur a{color: #008cd6;}

.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:80%;}
.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 ul{display:grid;grid-template-columns: repeat(4,1fr);}
.cp_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;}
.cp_list li img{max-width:80%;}
.cp_list li p{color:#ffffff;opacity: 0;font-size:0;transition: 0.15s ease all;}
.cp_list li:nth-child(2){background:#f3f3f3;}
.cp_list li:nth-child(4){background:#f3f3f3;}
.cp_list li:nth-child(5){background:#f3f3f3;}
.cp_list li:nth-child(7){background:#f3f3f3;}
.cp_list li:nth-child(9){background:#f3f3f3;}
.cp_list li:nth-child(11){background:#f3f3f3;}
.cp_list li:nth-child(14){background:#f3f3f3;}
.cp_list li:nth-child(16){background:#f3f3f3;}
.cp_list li:hover{background:#008cd6;}
.cp_list li:hover p{opacity: 1;padding-top:.3rem;font-size:.18rem;transition: 0.3s ease all;} */
.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;min-height:2.9rem;padding:.2rem;text-align:center;transition: 0.3s ease background;}
.picture_list li img{max-width:80%;}
.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(../images/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(../images/w2.png);}
.p_show .p_show_right .content .nr li:nth-child(3){background-image:url(../images/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(../images/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(../images/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(../images/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(../images/w5.png);transform: rotate(0deg);}
.p_show .p_show_right .box .box_right:hover{background-image:url(../images/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 #008cd6;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:#008cd6;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;
}
/* .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(../images/05news_02.jpg);}
.news_list{width:100%;overflow:hidden;padding-top:.31rem;}
.news_list li{padding-bottom:.39rem;padding-top:.31rem;border-bottom:1px solid #e0e9ed;}
.news_list li a{display:grid;grid-template-columns:0 auto;gap:0;}
.news_list li a .d_right{overflow:hidden;}
.news_list li a .title{font-size:.18rem;white-space: nowrap;text-overflow:ellipsis;overflow:hidden;}
.news_list li a .content{color:#666666;font-size:14px;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 a .time{color:#666666;padding-left:.24rem;background:url(../images/05news_08.jpg) no-repeat left center;background-size:.16rem auto;}
.contact_banner{background-image:url(../images/06service_02.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: .2rem;font-weight:bold;color:#008cd6;max-width: 400px;display: block;line-height: 1.65;}
.zjcybz .item:nth-child(1) p{font-size:.16rem;font-weight:bold;margin-top:.1rem;display: none;}
.zjcybz .item:nth-child(2){padding-left:.36rem;background:url(../images/c1.png) no-repeat left top;background-size:.21rem auto;}
.zjcybz .item:nth-child(2) font{color:#333333;font-weight:bold;font-size: .2rem;}
.zjcybz .item:nth-child(2) p{font-size: 14px;line-height: 1.65;color:#666666;padding-top: 0.1rem;max-width: 4.5rem;}
.zjcybz .item:nth-child(3){padding-left:.36rem;background:url(../images/c2.png) no-repeat left top .02rem;background-size:.26rem auto;}
.zjcybz .item:nth-child(3) font{color:#333333;font-weight:bold;font-size: .2rem;}
.zjcybz .item:nth-child(3) p{font-size: 16px;color:#666666;padding-top: 0.1rem;white-space: nowrap;}
.zjcybz .item:nth-child(4){padding-left:.4rem;background:url(../images/c3.png) no-repeat left top .06rem;background-size:.28rem auto;}
.zjcybz .item:nth-child(4) font{color:#333333;font-weight:bold;font-size: .2rem;}
.zjcybz .item:nth-child(4) p{font-size: 16px;color:#666666;padding-top: 0.1rem;}
.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(../images/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; }
#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: 250px;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(../images/proShow_19_1.png); }
.pros_boxG .bkg_2 { background-image: url(../images/proShow_19_2.png); }
.pros_boxG .bkg_3 { background-image: url(../images/proShow_19_3.png); }
.pros_boxG .bkg_4 { background-image: url(../images/proShow_19_4.png); }
.pros_boxG .bkg_5 { background-image: url(../images/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;}

.hyyy img{vertical-align: bottom;}
.hyyy .list li{border-bottom:1px solid #dadada;padding-top:.5rem;padding-bottom:.5rem;}
.hyyy .list li a{display:grid;grid-template-columns: repeat(2,1fr);}
.hyyy .hyyy_left,.hyyy .hyyy_right{overflow:hidden;}
.hyyy .hyyy_right{display:flex;align-items: center;padding-left:.4rem;}
.hyyy .hyyy_right .title{color:#008cd6;font-size:.28rem;font-weight:bold;}
.hyyy .hyyy_right .content{font-size:.16rem;padding-top:.3rem;color:#333333;line-height:2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}
.hyyy .hyyy_right .more{margin-top:.5rem;}
.hyyy .hyyy_right .more div{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}
.hyyy .hyyy_right .more div p{margin-right:0rem;margin-top:0rem;transition: 0.3s ease margin;width:.18rem;}
.hyyy .hyyy_right .more div:hover p{margin-right:-.1rem;margin-top:-.1rem;}
.hyyy .list li:nth-child(2n) a .hyyy_right{order:-1;padding-left:0rem;padding-right:.4rem;}
.jsjs{margin-top:.59rem;overflow:hidden;}
.jsjs .list ul{display:grid;grid-template-columns: repeat(2,1fr);gap:.47rem;}
.jsjs .list li{background:#f9f9f9;overflow:hidden;}
.jsjs .list li a{display:grid;grid-template-columns: 3.92rem auto;}
.jsjs .list li a .jsjs_left{overflow:hidden;}
.jsjs .list li a .jsjs_right{overflow:hidden;padding: 0.2rem .25rem;}
.jsjs .list li a .jsjs_right .title{color:#008cd6;font-size: .22rem;font-weight:bold;white-space: nowrap;text-overflow: ellipsis;overflow:hidden;}
.jsjs .list li a .jsjs_right .content{
    font-size: 14px;
    color:#333333;
    margin-top:.15rem;
    line-height: 1.65;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.jsjs .list li a .jsjs_right .more{color:#a2a2a2;font-size: 14px;margin-top: .2rem;background:url(../images/jiantou.png) no-repeat right center;display:inline-block;padding-right:.4rem;background-size: 0.2rem auto;transition: 0.3s ease padding;}
.jsjs .list li a:hover .jsjs_right .more{padding-right:.5rem;}