*{
outline:0 none !important; ;
}
html{font-size: 100px;}
html.act{overflow: hidden;width: 100%;height: 100vh;}
*,*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*{ margin:0; padding:0;outline: none;}
@font-face {
font-family: 'ab';
src: url("../font/light1.0.ttf");
}
@font-face {
font-family: 'ar';
src: url("../font/regular1.0.ttf");
}
@font-face {
font-family: 'al';
src: url("../font/light1.0.ttf");
}
@font-face {
font-family: 're';
src: url("../font/HarmonyOS_Sans_SC_Regular.ttf");
}
body {position: relative; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);margin:0 auto;overflow-x:hidden;position: relative;padding: 0 ; width: 100%;color: #000;font-family: PingFang SC,Arial, Microsoft YaHei,-apple-system, BlinkMacSystemFont, Segoe UI, Hiragino Sans GB, Helvetica Neue, Helvetica, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; font-size:0.14rem; line-height:1;background: #fff;}
html.act{overflow: hidden;width: 100%;height: 100vh;}
ul,ul li,ol li,tr td,dl,dd{ list-style-type:none; margin:0; padding:0; }
.clearfix:after{content: " "; display: block; height:0; clear:both; visibility: hidden;}
.clearfix {*zoom:1;}
a{display: inline-block; text-decoration:none!important; cursor:pointer;color: #000;}
textarea,select{ outline:none; color:#666; font-size:0.14rem; width:100%;}
textarea{
resize:none;
padding: 0;border: 0;
font-family: hr;
}
img{border:none;max-width: 100%;display: block;}
img[src=""]{opacity: 0;}
i{font-style: normal;}
/* 滚动条样式 */
*::-webkit-scrollbar{ width:4px;height: 1px;}
*::-webkit-scrollbar-thumb{ background:#000;}
*::-webkit-scrollbar-track{ background:rgba(0,0,0,0.4);}
/*去掉 input 默认边框*/
input{padding: 0;border: 0;font-family: hr;outline: none;}
input[type="submit"]{background-color: transparent;cursor: pointer;}
input[type="button"], input[type="submit"], input[type="reset"] {appearance:none;-moz-appearance:none;-webkit-appearance:none;}
select{appearance:none;-moz-appearance:none;-webkit-appearance:none;}
select::-ms-expand { display: none; }
.f_12 {
font-size: 12px;
}
.f_14 {
font-size: 14px;
}
.f_16 {
font-size: 16px;
}
.f_18 {
font-size: 18px;
}
.f_20 {
font-size: 20px;
}
.f_22 {
font-size: 22px;
}
.f_24 {
font-size: 24px;
}
.f_26 {
font-size: 26px;
}
.f_28 {
font-size: 28px;
}
.f_30 {
font-size: 30px;
}
.f_32 {
font-size: 32px;
}
.f_34 {
font-size: 34px;
}
.f_36 {
font-size: 36px;
}
.f_38 {
font-size: 38px;
}
.f_40 {
font-size: 40px;
}
.f_42 {
font-size: 42px;
}
.f_44 {
font-size: 44px;
}
.f_46 {
font-size: 46px;
}
.f_48 {
font-size: 46px;
}
.f_50 {
font-size: 50px;
}
.f_52 {
font-size: 52px;
}
.f_54 {
font-size: 54px;
}
.f_56 {
font-size: 56px;
}
.f_60 {
font-size: 60px;
}
.f_62 {
font-size: 62px;
}
.f_68 {
font-size: 68px;
}
.f_72 {
font-size: 72px;
}
.f_74 {
font-size: 74px;
}
.f_80 {
font-size: 80px;
}
.f_88 {
font-size: 88px;
}
.f_90 {
font-size: 90px;
}
.f_133 {
font-size: 133px;
}
@media (max-width: 1760px) {
.f_133 {
font-size: 110px;
}
}
@media (max-width: 1680px) {
.f_16 {
font-size: 15px;
}
.f_18 {
font-size: 15px;
}
.f_20 {
font-size: 17px;
}
.f_22 {
font-size: 20px;
}
.f_24 {
font-size: 22px;
}
.f_26 {
font-size: 24px;
}
.f_28 {
font-size: 26px;
}
.f_30 {
font-size: 28px;
}
.f_32 {
font-size: 28px;
}
.f_34 {
font-size: 32px;
}
.f_36 {
font-size: 34px;
}
.f_38 {
font-size: 36px;
}
.f_40 {
font-size: 34px;
}
.f_42,
.f_44 {
font-size: 36px;
}
.f_46 {
font-size: 36px;
}
.f_48 {
font-size: 36px;
}
.f_50 {
font-size: 40px;
}
.f_52 {
font-size: 40px;
}
.f_54 {
font-size: 46px;
}
.f_56 {
font-size: 48px;
}
.f_62,
.f_64,
.f_68,
.f_72,
.f_74,
.f_80 {
font-size: 54px;
}
.f_88 {
font-size: 56px;
}
.f_90 {
font-size: 58px;
}
.f_133 {
font-size: 72px;
}
}
@media (max-width: 1560px) {
.f_14 {font-size: 13px;}
}
@media (max-width: 1440px) {
.f_16 {
font-size: 15px;
}
.f_18 {
font-size: 14px;
}
.f_20 {
font-size: 16px;
}
.f_22 {
font-size: 18px;
}
.f_24 {
font-size: 18px;
}
.f_26 {
font-size: 22px;
}
.f_28 {
font-size: 22px;
}
.f_30 {
font-size: 24px;
}
.f_32 {
font-size: 24px;
}
.f_34 {
font-size: 26px;
}
.f_36 {
font-size: 28px;
}
.f_38 {
font-size: 28px;
}
.f_40 {
font-size: 30px;
}
.f_42,
.f_44 {
font-size: 32px;
}
.f_46 {
font-size: 32px;
}
.f_48 {
font-size: 34px;
}
.f_50 {
font-size: 36px;
}
.f_52 {
font-size: 34px;
}
.f_54 {
font-size: 38px;
}
.f_56 {
font-size: 40px;
}
.f_62,
.f_64,
.f_68,
.f_72,
.f_74,
.f_80 {
font-size: 44px;
}
.f_88 {
font-size: 46px;
}
.f_90 {
font-size: 48px;
}
.f_133 {
font-size: 60px;
}
}
@media (max-width: 1280px) {
.f_14 {
font-size: 12px;
}
.f_16 {
font-size: 13px;
}
.f_18 {
font-size: 14px;
}
.f_20 {
font-size: 15px;
}
.f_22 {
font-size: 16px;
}
.f_24 {
font-size: 16px;
}
.f_26 {
font-size: 20px;
}
.f_28 {
font-size: 20px;
}
.f_30 {
font-size: 20px;
}
.f_32 {
font-size: 22px;
}
.f_34 {
font-size: 23px;
}
.f_36 {
font-size: 25px;
}
.f_38 {
font-size: 26px;
}
.f_40 {
font-size: 30px;
}
.f_42,
.f_44 {
font-size: 32px;
}
.f_46 {
font-size: 30px;
}
.f_48,
.f_50 {
font-size: 38px;
}
.f_52{
font-size: 32px;
}
.f_54,
.f_56,
.f_62,
.f_64,
.f_68,
.f_72,
.f_74,
.f_80 {
font-size: 40px;
}
.f_88 {
font-size: 42px;
}
.f_90 {
font-size: 44px;
}
.f_133 {
font-size: 56px;
}
}
@media (max-width: 767px) {
.f_14,
.f_16 {
font-size: 0.28rem;
}
.f_18,
.f_20 {
font-size: 0.3rem;
}
.f_22,
.f_24,
.f_26,
.f_27 {
font-size: 0.32rem;
}
.f_28 {
font-size: 0.36rem;
}
.f_30,
.f_32,
.f_34 {
font-size: 0.4rem;
}
.f_36,
.f_38,
.f_40,
.f_42,
.f_44,
.f_46 {
font-size: 0.46rem;
}
.f_48,
.f_50,
.f_52,
.f_54,
.f_56,
.f_62,
.f_64,
.f_68,
.f_72,
.f_74,
.f_80 {
font-size: 0.58rem;
}
.f_88 {
font-size: 0.6rem;
}
.f_90 {
font-size: 0.62rem;
}
.f_133 {
font-size: 52px;
}
}
html {
font-size: calc(100vw/19.2);
}
@media (min-width: 1901px) {
html {
font-size: calc(100vw/19.2);
}
}
/* @media (max-width: 1600px) {
html {
font-size: 66px;
}
} */
@media (max-width: 767px) {
html {
font-size: calc(100vw/7.5);
}
}
/* 头部 */
.header{border-bottom: .01rem solid rgba(255, 255, 255, .16);transition:all .5s; position: fixed;top: 0;left: 0;width: 100%;transition: all 0.5s;z-index: 1;padding: .32rem 1.4rem;z-index: 1000;}
.header.ny{position: sticky;}
.header .con{width: 100%;display: flex;justify-content: space-between;align-items: center;}
.header .con .logo{display: block;width: 1.98rem;position:relative;height:.28rem;}
.header .con .logo img{width: 100%;position:absolute;top:0;transition:all .5s;}
.header .con .logo img.img2 {opacity:0;}
.header .con .h_right{display: flex;align-items: center;}
.header .con .h_right .h_nav{display: flex;}
.header .con .h_right .h_nav a{display: block;color: #FFFFFF;line-height: 1.3125;transition:all .5s}
.header .con .h_right .h_nav>li{margin-right: 0.5rem;}
.header .con .h_right .h_nav>li:last-child{margin-right: 0;}
.header .con .h_right .h_ser{display: flex;width: 2.06rem;padding: 0 0.4rem;align-items: center;}
.header .con .h_right .h_ser .search {width: 0.2rem;height:0.2rem;position:relative;}
.header .con .h_right .h_ser .network {width: 0.2rem;height:0.2rem;position:relative;}
.header .con .h_right .h_ser .search img{width: 100%;height:100%;position:absolute;top:0;transition:all .5s}
.header .con .h_right .h_ser .network img{width: 100%;height:100%;position:absolute;top:0;transition:all .5s}
.header .con .h_right .h_ser img.img2 {opacity:0;}
.header .con .h_right .h_ser span {height: .2rem;border: .01rem solid #fff;margin:0 0.3rem;transition:all .5s}
.header .con .h_right .h_num {display: flex;align-items: center;width: 1.58rem;justify-content: center; height: .31rem;border-radius: .31rem;background-color: #00A1E6;}
.header .con .h_right .h_num img{width: .1065rem;height:.1967rem;margin-right: .045rem; }
.header .con .h_right .h_num div{ color: #fff;}
.details_header {border-bottom: .01rem solid #E4E4E4;background-color: #fff;}
.details_header .con .h_right .h_nav a {color: #000 !important;}
.details_header .con .h_right .h_ser span {border: .01rem solid #000;}
.details_header .con img.img1 {opacity:0 !important;}
.details_header .con img.img2 {opacity:1 !important;}
/* 头部 end */
/* 首页板块 */
/* 1 */
.index_pic1 {position: relative;}
.index_pic1 .carousel_pic::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
/*background-color: rgba(0,0,0,.9);*/
}
.index_pic1 .carousel_pic {position:relative;}
.index_pic1 .carousel_pic .txt {position:relative;z-index:2;}
.index_pic1 .carousel_pic {padding: 2.67rem 1.4rem 0;box-sizing: border-box; width: 100%;height: 9.4rem;background: url(../img/banner1.png) no-repeat center;background-size: cover;}
.index_pic1 .swiper-pagination-fraction {color: #fff;font-size: .21rem;box-sizing: border-box;padding-left: 1.4rem;text-align: left;padding-bottom: .61rem;}
.index_pic1 .swiper-pagination-fraction .swiper-pagination-current {font-size: .5rem;}
.index_pic1 .carousel_pic .txt {color:#fff;}
.index_pic1 .carousel_pic .txt .txt_title {margin-bottom: .45rem;line-height: .8rem;}
.index_pic1 .carousel_pic .txt .txt_p {margin-bottom: .4rem;line-height: .39rem;}
.index_pic1 .carousel_pic .txt .txt_btn {cursor: pointer; width: 1.5rem;height: .5rem;display: flex;align-items: center;justify-content: center;border-radius: .5rem;border: .01rem solid #fff;}
.index_pic1 .carousel_pic .txt .txt_btn span {transition: all 0.5s;}
.index_pic1 .carousel_pic .txt .txt_btn img {width: .25rem;height: .25rem;margin-left: .2rem;transition: all 0.5s;}
.index_pic1 .carousel_pic .txt .txt_btn:hover img {margin-left: .1rem;}
.index_pic1 .btns { display: flex; position: absolute;bottom: .67rem;right: 1.4rem; z-index: 999;}
.index_pic1 .btns {cursor: pointer;}
.index_pic1 .btns .prev{ margin-right: .2rem;}
.index_pic1 .btns div:hover img.img1 {display: none;}
.index_pic1 .btns div:hover img.img2 {display: block;}
.index_pic1 .btns img { width: .5rem;height: .5rem;}
.index_pic1 .btns img.img2 {display: none;}
/* 2 */
.index_pic2 {position: relative;overflow:hidden;}
.index_pic2::after {content:"";height:2px;width:100%;background-color:#fff;bottom:0;left:0;z-index:2;height:2px;position:absolute;}
.index_pic2 .bgimg {position:absolute;width:100%;height:100%;z-index:1;top:0;left:0;object-fit: cover;}
.index_pic2 .cont {position:relative;z-index:2;padding: 1.29rem 1.4rem 1.9rem ;}
/*.index_pic2 .pic_bj { animation:rolling 8s linear infinite; width: 100%; height:auto;position: absolute;top: .17rem;right: 0; z-index: -1;}*/
/*.index_pic2 .pic_bj2 { animation:rolling2 8s linear infinite; width: 100%; height: auto;position: absolute;top: .17rem;right: -100%;z-index: -1;}*/
.index_pic2 .pic_title {text-align: center; font-weight: bold;margin-bottom: 1.3rem;position:relative;z-index:2;}
.index_pic2 .pic_txt {display: flex; align-items: center;justify-content: center;position:relative;z-index:2;}
.index_pic2 .pic_txt>li {margin-right: 1.5rem;color: #0552BC;}
.index_pic2 .pic_txt>li:last-child {margin-right: 0rem;}
.index_pic2 .pic_txt>li>div {margin-bottom: .24rem;font-weight: bold;}
.index_pic2 .pic_txt>li .f {position: relative;}
.index_pic2 .pic_txt>li .f::after {content: '+';color: #0552BC;font-size: .24rem;position: absolute;top: 0;right: -.26rem;}
@keyframes rolling {
from {
transform: translateX(0%);
}
to {
transform: translateX(-100%);
}
}
@keyframes rolling2 {
from {
transform: translateX(0%);
}
to {
transform: translateX(-100%);
}
}
/* 3 */
.index_pic3 {padding: .99rem 1.4rem 1.29rem;}
.index_pic3 .top {display: flex;justify-content: space-between;}
.index_pic3 .top .top_left .p {color: #999999;padding-top: .36rem;padding-bottom: .6rem; line-height: .28rem;}
.index_pic3 .top .top_right .btn {cursor: pointer; width: 1.5rem;height: .5rem;border-radius: .5rem;background-color: #0552BC;display: flex;align-items: center;justify-content: center;}
.index_pic3 .top .top_right .btn span {transition: all 0.5s;color: #fff;}
.index_pic3 .top .top_right .btn img {width: .25rem; height: .25rem;margin-left: .2rem;transition: all 0.5s;}
.index_pic3 .top .top_right .btn:hover img {margin-left: .1rem;}
.index_pic3 .bot {display: flex;align-items: center;justify-content: space-between;}
.index_pic3 .bot .cont {overflow: hidden; display: flex;align-items: flex-end; flex: 1; margin-right:.4rem;height: 6.18rem;background: url(../img/index_pic3bg1.png) no-repeat center; background-size: cover;}
.index_pic3 .bot .cont:last-child{margin-right: 0;}
.index_pic3 .bot .mask {width: 100%; height: 100%; padding: 1.02rem .47rem 0;box-sizing: border-box;}
.index_pic3 .bot .mask .title {transition: all .5s; color: #fff; font-weight: bold;text-align: left;box-sizing: border-box; display: -webkit-box; /*将对象转为弹性盒模型展示*/
-webkit-box-orient: vertical; /*设置弹性盒模型子元素的排列方式*/
-webkit-line-clamp: 1; /*限制文本行数*/
overflow: hidden; }
/*box-sizin padding: .32rem 0;*/
/*.index_pic3 .bot .mask .prop {opacity: 0.2; transition: all 1s;height: 100%;box-sizin padding:
.32rem 0; color: #fff;transform: translateY(0%);}*/
.index_pic3 .bot .mask {transition:all .8s; display:flex;flex-direction:column;justify-content: flex-end;padding-bottom:.50rem;background-color: rgba(0, 0, 0,.12);}
.index_pic3 .bot .mask .derprop {height:0%;overflow:hidden;transition:all 1s;opacity:0; position:relative;}
.index_pic3 .bot .mask .prop {padding-top:.32rem; position:absolute;bottom:0; padding-bottom:1.02rem;height:100%;}
.index_pic3 .bot .mask .prop .p {line-height: .29rem;margin-bottom: .32rem;color:#FFFFFF; display: -webkit-box; /*将对象转为弹性盒模型展示*/
-webkit-box-orient: vertical; /*设置弹性盒模型子元素的排列方式*/
-webkit-line-clamp: 2; /*限制文本行数*/
overflow: hidden; }
.index_pic3 .bot .mask .prop ul {}
.index_pic3 .bot .mask .prop ul li {line-height: .29rem;padding-left: .2rem; color: #fff;position: relative;}
.index_pic3 .bot .mask .prop ul li::after{content: "";width: .08rem;height: .08rem;background-color: #fff;position: absolute;left: 0;top: 50%;transform: translateY(-50%); border-radius: 50%;}
.index_pic3 .bot .mask .prop .btn {cursor: pointer; width: 1.5rem;height: .5rem;border-radius: .5rem;border: .01rem solid #fff; display: flex;align-items: center;justify-content: center;}
.index_pic3 .bot .mask .prop .btn span {transition: all 0.5s;color: #fff;}
.index_pic3 .bot .mask .prop .btn img {width: .25rem; height: .25rem;margin-left: .2rem;transition: all 0.5s;}
.index_pic3 .bot .mask .prop .btn:hover img {margin-left: .1rem;}
.index_pic3 .bot .on .mask {height: 100%;padding-bottom:0rem;background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.4));}
.index_pic3 .bot .on .mask .title {padding-left: 0rem;text-align: left;}
.index_pic3 .bot .on .mask .prop {opacity: 1;}
.index_pic3 .bot .on .mask .derprop {height:100%;opacity:1;}
/* 4 */
.index_pic4 {padding: 1.21rem 0 1.3rem;position: relative;}
.index_pic4 .bg{position: absolute;top: 0;left: 0;z-index: -1;}
.index_pic4 .bg .bgimg{ height: 4.099rem;width: 100%;object-fit:cover;}
.index_pic4 .bg img{margin-top: -0.02rem; height: .8969rem;width: 100%;}
.index_pic4 .title {line-height: .53rem;font-weight: bold;color: #fff;text-align: center;margin-bottom: 1.01rem;}
.index_pic4 .carousel {padding-left: 1.4rem;}
.index_pic4 .carousel .swiper-slide { width: 4.23rem;margin-right: .36rem;}
.index_pic4 .carousel .swiper-slide:last-child { width: 5.23rem;margin-right: 1.4rem;}
.index_pic4 .carousel .cont {
cursor: pointer;position:relative;overflow:hidden;border-radius: .1rem; box-shadow: 0 0.03rem 0.34rem rgba(0,0,0,0.16); background-color: #fff; width: 4.23rem;height: 2.71rem;display: flex;align-items: center;justify-content: center;}
.index_pic4 .carousel .cont>img {width: 3.84rem;height: 1.1rem;transition: all .5s;}
.index_pic4 .carousel .cont:hover img {opacity:.1;}
.index_pic4 .carousel .swiper-slide .mask{
position: absolute;
cursor: pointer;
top: 100%;
left: 0;
transition: all .8s;
width: 100%;
height: 100%;
padding: 2vw;
border-radius: .1rem;
background-color: #0552bc;
}
.index_pic4 .carousel .swiper-slide .mask .h1 {padding-bottom:0.573vw; Color:#fff;position:relative;line-height:1.5;margin-bottom:0.781vw;font-size:0.938vw;}
.index_pic4 .carousel .swiper-slide .mask .h1::after {content:'';position:absolute;width:2.656vw;height:2px;background-color:#fff;bottom:0;left:0;}
.index_pic4 .carousel .swiper-slide .mask .p1 {Color:#fff;font-size:0.729vw;line-height:1.8;}
.index_pic4 .carousel .cont:hover .mask {top:0;}
/* 5 */
.index_pic5 {padding: 0 1.4rem 1.02rem;}
.index_pic5 .top {display: flex;justify-content: space-between;margin-bottom: .59rem;}
.index_pic5 .top .top_left .p {color: #999999;padding-top: .36rem;padding-bottom: .6rem; line-height: .28rem;}
.index_pic5 .top .top_right .btn {cursor: pointer; width: 1.5rem;height: .5rem;border-radius: .5rem;background-color:#fff;border:.01rem solid #0552BC; display: flex;align-items: center;justify-content: center;}
.index_pic5 .top .top_right .btn span {transition: all 0.5s;color: #0552BC;}
.index_pic5 .top .top_right .btn img {width: .25rem; height: .25rem;margin-left: .2rem;transition: all 0.5s;}
.index_pic5 .top .top_right .btn:hover img {margin-left: .1rem;}
.index_pic5>.title {font-weight: bold; margin-bottom: .59rem;}
.index_pic5>ul {display: flex;align-items: center;justify-content: space-between;}
.index_pic5>ul li {cursor: pointer; flex: 1; margin-right: .59rem;height: 5.54rem;box-sizing: border-box;padding:0 .3rem .3rem;display: flex;align-items: flex-end;}
.index_pic5>ul li:nth-child(1) {background: url(../img/index_pic5_bg1.png) no-repeat center;background-size: cover;}
.index_pic5>ul li:nth-child(2) {background: url(../img/index_pic5_bg2.png) no-repeat center;background-size: cover;}
.index_pic5>ul li:nth-child(3) {background: url(../img/index_pic5_bg3.png) no-repeat center;background-size: cover;}
.index_pic5>ul li>div { background-color: #fff;border-radius: .1rem;padding: .3rem .3rem .26rem; }
.index_pic5>ul li>div .h3 {transition: all .6s; line-height: .28rem; font-weight: bold;margin-bottom: .2rem}
.index_pic5>ul li>div .p {opacity: 0;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
box-sizing: border-box; transition: all .5s; color: #666666;line-height:.26rem;height: 0;}
.index_pic5>ul li .date {display: flex;align-items: center;justify-content: space-between;}
.index_pic5>ul li .date span {color: #666666;}
.index_pic5>ul li .date img {opacity: 0;transition: all .9s;}
.index_pic5>ul li:last-child {margin-right: 0;}
.index_pic5>ul li.on .h3{ color: #0552BC; }
.index_pic5>ul li.on .p {height: .8rem;opacity: 1;
}
.index_pic5>ul li.on .date img {opacity: 1;}
/* 6 */
.index_pic6 {position: relative;}
.index_pic6 .cont { padding: .83rem 1.4rem 1.5rem;width: 100%; height: 5.68rem;background: url(../img/index_pic6bg.png) no-repeat center;background-size: cover;}
.index_pic6 .cont .pic_left {height: 100%; display: flex;flex-direction: column;justify-content: space-between; color: #fff;}
.index_pic6 .cont .pic_left .title {line-height: .53rem;margin-bottom: .41rem;font-weight: bold;}
.index_pic6 .cont .pic_left .p {line-height: .3rem;margin-bottom: .41rem;font-size: .16rem;width: 6.71rem; }
.index_pic6 .cont .pic_left .txt_btn {cursor: pointer; width: 1.5rem;height: .5rem;display: flex;align-items: center;justify-content: center;border-radius: .5rem;border: .01rem solid #fff;}
.index_pic6 .cont .pic_left .txt_btn span {transition: all 0.5s;}
.index_pic6 .cont .pic_left .txt_btn img {width: .25rem;height: .25rem;margin-left: .2rem;transition: all 0.5s;}
.index_pic6 .cont .pic_left .txt_btn:hover img {margin-left: .1rem;}
.index_pic6 .pic6_swiper2 {position: absolute; top:1.9rem;right: 1.4rem; color: #fff;z-index: 1;display: flex;align-items: center;justify-content: space-between;}
.index_pic6 .pic6_swiper2 .item {margin-right: .6rem; cursor: pointer; display: flex;flex-direction: column;align-items: center;}
.index_pic6 .pic6_swiper2 .item:last-child {margin-right: 0;}
.index_pic6 .pic6_swiper2 .item .pic_right_img {width: 1.13rem;height: 1.13rem;position: relative;margin-bottom: .3rem;}
.index_pic6 .pic6_swiper2 .item img {transition: all .5s; width: 1.13rem;height: 1.13rem;position: absolute;left: 0;top: 0;}
.index_pic6 .pic6_swiper2 .item img.img2 {opacity: 0;}
.index_pic6 .pic6_swiper2 .item span {font-size: .18rem; white-space:nowrap; line-height: .24rem;}
.index_pic6 .pic6_swiper2 .item.on img.img1 {opacity: 0;}
.index_pic6 .pic6_swiper2 .item.on img.img2 {opacity: 1;}
/* 首页板块 end */
/* 新闻板块 */
.new .index_pic1 .carousel_pic { height: 8.4rem;background: url(../img/new_banner.png)no-repeat center;background-size: cover;}
.newt1 .top_box {box-shadow: 0 0.03rem 0.06rem rgba(0, 0, 0, 0.06);position:relative;}
.newt1 .top {padding: .28rem 1.4rem;}
.newt1 .top ul {display: flex;}
.newt1 .top ul li {margin-right: 1rem;}
.newt1 .top ul li:last-child {margin-right: 0;}
.newt1 .top ul li a {color: #777777;transition: all .5s;font-weight:bold;}
.newt1 .top ul li.on a {color: #0552BC;}
.newt1 .piece {padding: .74rem 1.4rem .66rem;background-color: #F5F8FD;}
.newt1 .piece>ul {display: flex;flex-wrap: wrap;}
.newt1 .piece>ul>li {
margin-right:.59rem; transition: all 1s; cursor: pointer; margin-bottom: .98rem; overflow: hidden;
width: calc((100% - .59rem * 2) / 3);
/*width: 5.06rem;*/
background-color: #FFFFFF;border-radius: .2rem;}
.newt1 .piece>ul>li:nth-child(3n){margin-right:0;}
.newt1 .piece>ul>li .cont {padding: .29rem .4rem .56rem;}
.newt1 .piece>ul>li .title {margin-bottom: .39rem; display: flex;align-items: center;}
.newt1 .piece>ul>li .title>div {margin-right: .3rem; color: #0552BC; display: flex;align-items: center;justify-content: center;font-weight: bold; width: 1.01rem;height: .36rem;border-radius: .36rem;border: .01rem solid #0552BC;}
.newt1 .piece>ul>li .title>span {color: #999999;}
.newt1 .piece>ul>li .p {line-height: .34rem;font-weight: bold;margin-bottom: .3rem;height:.64rem; display: -webkit-box; /*将对象转为弹性盒模型展示*/
-webkit-box-orient: vertical; /*设置弹性盒模型子元素的排列方式*/
-webkit-line-clamp: 2; /*限制文本行数*/
overflow: hidden; }
.newt1 .piece>ul>li .pic_img {width: 4.26rem;height: 2.67rem;margin-bottom: .56rem;overflow:hidden;}
.newt1 .piece>ul>li .pic_img img {width: 100%;transition:all .8s;}
.newt1 .piece>ul>li .txt_btn {transition: all 1s; cursor: pointer; width: 1.5rem;height: .5rem;display: flex;align-items: center;justify-content: center;border-radius: .5rem;border: .01rem solid #CBCBCB;}
.newt1 .piece>ul>li .txt_btn span {transition: all 0.8s;color: #999999;}
.newt1 .piece>ul>li .txt_btn img {transition: all .8s; width: .25rem;height: .25rem;margin-left: .2rem;transition: all 0.5s;}
.newt1 .piece>ul>li .txt_btn img.img2 {display: none;opacity: 0;}
.newt1 .piece>ul>li.on .txt_btn {background-color: #0552BC; border: 0;}
.newt1 .piece>ul>li.on .txt_btn span {color: #fff;}
.newt1 .piece>ul>li.on .txt_btn img.img2 {opacity: 1; display: block;}
.newt1 .piece>ul>li.on .txt_btn img.img1 {opacity: 0; display: none;}
.newt1 .piece>ul>li .bttom {transition: all .8s; width:0;border-radius: .2rem; border: .02rem solid #0552BC;}
.newt1 .piece>ul>li.on .bttom {width: 4.56rem;}
.newt1 .piece>ul>li.on .pic_img img {transform:scale(1.05);}
.newt1 .piece>ul>li.on { box-shadow: 0 0.23rem .51rem rgba(5,82,188,.1);}
.newt1 .piece .page {margin-top: -0.4rem ; display: flex;align-items: center;justify-content: center;}
.newt1 .piece .page>div {transition: all .5s; cursor: pointer; margin-right: .2rem; border: .01rem solid #D6D6D6; width: .5rem; height: .5rem;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.newt1 .piece .page>div a {transition: all .5s;}
.newt1 .piece .page>div:last-child {margin-right: 0;transition: all .5s;}
.newt1 .piece .page>div:first-child a {color: #fff;}
.newt1 .piece .page>div:first-child {background-color: #0552BC}
.newt1 .piece .page>div.on:hover {background-color: #0552BC;}
.newt1 .piece .page>div.on:hover a{color: #fff;}
/* 新闻板块 end */
/* 新闻详情 */
.details1 {display: flex;justify-content: space-between;padding: 1.7rem 1.4rem .7rem;background-color: #f5f8fd;}
.details1 .left { background-color: #fff;width: 11.86rem;padding: .5rem .36rem .6rem .44rem;}
.details1 .left .title {font-weight: bold;font-size: .32rem;text-align: center;margin-bottom: .12rem;}
.details1 .left .time {margin-bottom: .41rem; color: #666666;padding-bottom: .22rem;border-bottom: .01rem solid #E1E1E1;text-align: center;}
.details1 .left .p {line-height: .28rem; color: #666666;}
.details1 .left img {cursor: pointer; margin: 0 auto; width: 8.04rem;margin-bottom: .2rem; transition: all .5s;}
.details1 .left .img>div:hover img {transform: scale(1.05);}
.details1 .right {position: sticky;top: 1.7rem; padding: .29rem .3rem .5rem; width: 4.1438rem;height: 5.59rem; background-color: #fff;box-sizing: border-box;}
.details1 .right .title {position:relative; font-weight: bolder;line-height: .22rem;padding-bottom: .1rem;border-bottom: .01rem solid #E3E3E3;margin-bottom: .29rem;}
.details1 .right .title:after {
content: "";
position: absolute;
left:-.3rem;
top: -.04rem;
/*transform: translateY(-50%);*/
width: .04rem;
height: .3rem;
background-color: #0552BC;
}
.details1 .right>ul {margin-bottom: .5rem;}
.details1 .right>ul li {cursor: pointer; margin-bottom: .3rem;}
.details1 .right>ul li:last-child{margin-bottom: 0;}
.details1 .right>ul li .h {font-weight: bold;line-height: .21rem;margin-bottom: .16rem; display: -webkit-box; /*将对象转为弹性盒模型展示*/
-webkit-box-orient: vertical; /*设置弹性盒模型子元素的排列方式*/
-webkit-line-clamp: 1; /*限制文本行数*/
overflow: hidden; }
.details1 .right>ul li .p {line-height: .26rem;color: #999999; display: -webkit-box; /*将对象转为弹性盒模型展示*/
-webkit-box-orient: vertical; /*设置弹性盒模型子元素的排列方式*/
-webkit-line-clamp: 2; /*限制文本行数*/
overflow: hidden; }
.details1 .right .btn {display: flex; align-items: center; justify-content: center;}
.details1 .right .txt_btn {transition: all 1s; cursor: pointer; width: 1.5rem;height: .5rem;display: flex;align-items: center;justify-content: center;border-radius: .5rem;border: .01rem solid #CBCBCB;}
.details1 .right .txt_btn span {transition: all 0.5s;color: #999999;}
.details1 .right .txt_btn img {transition: all .5; width: .25rem;height: .25rem;margin-left: .2rem;transition: all 0.5s;}
.details1 .right .txt_btn img.img2 {display: none;opacity: 0;}
.details1 .right .txt_btn:hover {background-color: #0552BC; border: 0;}
.details1 .right .txt_btn:hover span {color: #fff;}
.details1 .right .txt_btn:hover img.img2 {opacity: 1; display: block;}
.details1 .right .txt_btn:hover img.img1 {opacity: 0; display: none;}
/* 关于我们 */
.about .index_pic1 .carousel_pic { height: 8.4rem;background: url(../img/about_banner.png)no-repeat center;background-size: cover;}
.abts1 .ab_tab {padding: .28rem 1.4rem; display: flex;align-items: center; box-shadow: 0 0.01rem 0.3rem rgba(0,0,0,0.16);}
.abts1 .ab_tab li {margin-right: 1rem;}
.abts1 .ab_tab li:last-child{margin-right: 0;}
.abts1 .ab_tab li a {color: #777777;font-weight:bold;}
.abts1 .ab_tab li.on a {color: #18469D;}
.abts1 .ab_cont {display: flex;flex-direction: column;align-items: center;box-sizing: border-box;padding-top: 1.49rem; width: 100%;height: 8.02rem;background: url(../img/abts1_bg1.png) no-repeat center;background-size: cover;}
.abts1 .ab_cont .img {width: 6.04rem;height: .87rem;margin-bottom: .67rem;}
.abts1 .ab_cont .img img {width: 100%;}
.abts1 .ab_cont .h {font-weight: bold;line-height: .3rem;margin-bottom: .22rem;}
.abts1 .ab_cont .p {width: 11.59rem;text-align: center;line-height: .3rem;}
.abts2 {position:relative; padding-top: .55rem;}
.abts2 .bg11 {position:absolute;bottom:0;height:2.3113rem}
.abts2 .abts_title {font-weight: bold;text-align: center;margin-bottom: .75rem;}
.abts2 .cont {position: relative;}
.abts2 .cont .swiper-wrapper {padding-left: .67rem; padding-bottom: 2.9113rem; height: 4rem; display: flex; align-items: flex-end; background-size: 20.4066rem 2.31rem;;width: 26.63rem;overflow: hidden;}
.abts2 .cont .swiper-slide {width: 3.9rem !important;overflow: hidden;box-sizing: border-box; display: flex; align-items: flex-end;}
.abts2 .cont .swiper-slide:last-child {width: 3.5rem !important;}
.abts2 .cont .item {position: relative; transition: all .8s; padding-left: .28rem;width: 3.89rem;height: 3.16rem;border-left: .01rem solid rgba(128,128,128,.38);}
.abts2 .cont .item::before {content: '';width: .03rem;height: .44rem;background-color: #808080;position: absolute; left: -0.02rem;top:0;}
.abts2 .cont .item .time{transition: all .5s; font-size: .32rem;line-height: .43rem;margin-bottom: .23rem; font-weight: bold;}
.abts2 .cont .item .p {transition: all .5s; width: 2.11rem;color: #666666; font-size: .16rem;line-height: .3rem;}
.abts2 .cont .item:hover {height: 4rem;border-left: .01rem solid rgba(5, 82, 188, .38);}
.abts2 .cont .item:hover .time {color: #0552BC;}
.abts2 .cont .item:hover .p {color: #0552BC;}
.abts2 .cont .item:hover::before {background-color: #0552BC;}
.abts3 {padding:1.19rem 1.4rem 0;}
.abts3 .abts_title {font-weight: bold;text-align: center;margin-bottom: .81rem;}
.abts3 .abts_cont {margin-bottom: .63rem; display: flex;align-items: center;justify-content: space-between;}
.abts3 .abts_cont li {display: flex;flex-direction: column; align-items: center;}
.abts3 .abts_cont li .img {margin-bottom: .3rem; width: 3.8rem;height: 3rem;overflow: hidden;}
.abts3 .abts_cont li .img img {width: 100%;transition: all .5s;}
.abts3 .abts_cont li:hover .img img {transform: scale(1.05);}
.abts3 .abts_cont li span {color: #333333;line-height: .29rem;}
.abts3 .abts_page {display: flex;align-items: center;justify-content: center;}
.abts3 .abts_page img:first-child {width: .86rem;height: .86rem;}
.abts3 .abts_page img:last-child {width: .5rem;height: .5rem;}
.abts3 .page_num {padding: 0 .59rem;}
.abts3 .abts_page span {font-style: italic;color: #666666;}
.abts4 {padding:1.3rem 0 1rem;margin: 0 1.4rem 0;overflow: hidden;}
.abts4 .abts_title {font-weight: bold;text-align: center;margin-bottom: .81rem;}
.abts4 .abts_cont {width: 100%; display: flex;align-items: center;justify-content: space-between;margin-bottom: 1rem;}
.abts4 .abts_cont .swiper-slide {width: auto !important;margin-right: .1rem;}
.abts4 .abts_cont li {position: relative; padding: .78rem 0 .33rem .55rem; width: 5.34rem;height: 5.4rem; background-color: #F9F9F9;}
.abts4 .abts_cont li .title {font-weight: bold;color: #0552BC;line-height: .32rem;margin-bottom: .1rem;}
.abts4 .abts_cont li .time {line-height: .34rem;}
.abts4 .abts_cont li {display: flex;flex-direction: column;justify-content: space-between; line-height: .34rem;color: #333333;}
.abts4 .abts_cont li .icon {width: .84rem;height: .84rem;}
.abts4 .abts_cont li .icon img {width: 100%;}
.abts4 .abts_cont li .adv { position: absolute;right: .5rem;bottom: -0.67rem; border: .01rem solid #d6d6d6; width: 2.89rem;height: 4.06rem;background-color: #FFFFFF;}
.abts4 .page {display: flex;align-items: center;justify-content: center;}
.abts4 .page img:first-child {width: .86rem;height: .86rem;margin-right: .5rem;}
.abts4 .page img:last-child {width: .5rem;height: .5rem;}
.abts5 {padding: 0 1.4rem; width: 100%;display: flex;align-items: center;justify-content: space-between;}
.abts5 .left .img {width: 6.56rem;height: 7.98rem;overflow: hidden;}
.abts5 .left .img img {width: 100%;transition:all .5s}
.abts5 .left .img:hover img {transform:scale(1.05)}
.abts5 .right {position: relative; width: 8.92rem;height: 7.98rem;; padding-top: .53rem;display: flex;flex-direction: column;}
.abts5 .right .title {font-weight: bold;margin-bottom: .33rem;line-height: .48rem;}
.abts5 .right .p {line-height: .42rem;}
.abts5 .adv {position: absolute;right: 0;bottom: .43rem; display: flex;}
.abts5 .adv li {cursor: pointer; margin-right: .24rem; background-color: #fff;box-shadow: 0 0.03rem 0.34rem rgba(0,0,0,0.16);width: 3.54rem;height: 3.77rem;box-sizing: border-box;display: flex;align-items: center;flex-direction: column;padding-top: .67rem;}
.abts5 .adv li:last-child {margin-right: 0;}
.abts5 .adv li .img {width: .8476rem;height: .8486rem;margin-bottom: .51rem;}
.abts5 .adv li .img img {width: 100%;}
.abts5 .adv li .h {color: #0552BC;margin-bottom: .25rem; display: flex;font-weight: bold;}
.abts5 .adv li .h>span {margin-left: .11rem;}
.abts5 .adv li .p {color: #666666;}
.abts6 .abt_title {color: #111111;font-weight: bold;line-height: .48rem;margin-bottom: .81rem;padding-top: 1.39rem;text-align: center;}
.abts6 .abt_cont {padding-top:1.01rem;box-sizing: border-box; width: 100%;height: 3.5817rem;background: url(../img/abts6_bg.png)no-repeat center;background-size: cover;}
.abts6 .abt_cont .p { color: #fff;line-height: .42rem;margin-bottom: .35rem;text-align: center;}
.abts6 .abt_cont .cont {display: flex; align-items: center;justify-content: center;}
.abts6 .abt_cont .cont .btns {cursor: pointer; margin-right: .71rem; background-color: #0552BC; width: 1.5rem; height: .5rem;border-radius: .5rem;box-sizing: border-box;display: flex;align-items: center;justify-content: center;}
.abts6 .abt_cont .cont .btns:last-child {margin-right: 0;}
.abts6 .abt_cont .cont .btns span {transition: all .5s; color: #fff;font-size: .14rem;margin-right: .2rem;}
.abts6 .abt_cont .cont .btns img {transition: all .5s; width: .25rem;height: .25rem;}
.abts6 .abt_cont .cont .btns:hover span {margin-right: .1rem;}
.abts6 .prop {height: 100vh; transition: all .5s; position: fixed;opacity: 0; z-index: -9999;top: 0; width: 100%;padding: 0 1.4rem;background-color: rgba(0, 0, 0, .5);}
.abts6 .prop .cont {padding: .73rem 1.53rem .65rem;background-color: #fff;position:relative;}
.abts6 .prop .img {position:absolute;top:.2rem;overflow:hidden;cursor:pointer; right:.2rem;width:.15rem;height:.15rem;}
.abts6 .prop .img img {width:100%;height:100%;filter: brightness(0)}
.abts6 .prop .cont .title {text-align: center;font-weight: bold;font-size: .36rem;line-height: .56rem;margin-bottom: .55rem;}
.abts6 .prop .cont .h {font-size: .18rem; line-height: .24rem;color: #111111;margin-bottom: .15rem;font-weight:bold;}
.abts6 .prop .cont .item {display: flex;align-items: center;justify-content: space-between;margin-bottom: .3rem;}
.abts6 .prop .cont .radio {position: relative; transition: all .5s;overflow: hidden; cursor: pointer;border-radius: .1rem; border: .01rem solid rgba(5, 82, 188, .16); width: 4.24rem;height: .6rem;display: flex;align-items: center;justify-content: center; font-size: .18rem;color: #111111;font-weight:bold;}
.abts6 .prop .cont .radio::after{content: ''; position: absolute;right: -0.01rem;bottom: -0.01rem; width: .26rem;height: .26rem;background: url(../img/radio.png) no-repeat center;background-size: cover;transition: all .5s;opacity: 0;}
.abts6 .prop .cont .radio.on { color: #0552BC;border:.01rem solid #0552BC;}
.abts6 .prop .cont .radio.on::after { opacity: 1;}
.abts6 .prop .cont .item input {width: 6.56rem;height: .6rem;box-sizing: border-box;padding-left: .25rem;font-size: .14rem;border-radius: .1rem;border: .01rem solid rgba(5, 82, 188, .16); }
.abts6 .prop .cont .item input::placeholder {color: #95A7C1;}
.abts6 .prop .cont textarea {box-sizing: border-box;padding: .37rem .31rem;border-radius: .1rem; height: 1.17rem; border: .01rem solid rgba(5, 82, 188, .16);}
.abts6 .prop .cont .submit {display: flex;align-items: center;justify-content: center;}
.abts6 .prop .cont .submit .sub {cursor: pointer; width: 1.5rem;height: .5rem;display: flex;align-items: center;justify-content: center;border-radius: .5rem;background-color: #0552BC;color: #fff;font-size: .14rem;border: 0;}
.abts6 .prop .radio input[type="radio"] { display: none}
.abts7 {padding: 1.4rem 1.4rem 2.54rem;}
.abts7 .abts_title {font-size: .36rem;line-height: .48rem;text-align: center;font-weight: bold;margin-bottom: .8rem;}
.abts7 .baner {position: relative; width: 100%;height: 6.24rem;background: url(../img/abts7_bg.png) no-repeat center;background-size: cover;}
.abts7 .baner .abts_con {display: flex;align-items: center;justify-content: space-between; padding: .75rem .65rem .76rem .63rem; box-shadow: 0 0.03rem 0.34rem rgba(0,0,0,0.16); position: absolute; left: 50%;bottom: -1.39rem;transform: translateX(-50%); width: 14.63rem;background-color: #fff;border-radius: .2rem;}
.abts7 .baner .abts_con>.img {width: 2.49rem;height: 2.49rem;}
.abts7 .baner .abts_con>.img img {width: 100%;}
.abts7 .baner .abts_con>.cont {width: 10.2rem;height: 2.49rem;display: flex;flex-direction: column;justify-content: space-between;}
.abts7 .baner .abts_con>.cont .cont_top {border-bottom: .01rem solid #DBDBDB; padding: .03rem 0 .22rem; display: flex;align-items: flex-end;position:relative;}
.abts7 .baner .abts_con>.cont .cont_top:after{content:"";position:absolute;left:0;height:.03rem;width:.45rem;background-color:#0552BC;bottom:-.02rem;}
.abts7 .baner .abts_con>.cont .cont_top .h {font-weight: bold;}
.abts7 .baner .abts_con>.cont .cont_top .h1 {color: #999999;padding-left: .2rem;}
.abts7 .baner .abts_con>.cont .cont_bot {display: flex;align-items: center;justify-content: space-between;}
.abts7 .baner .abts_con>.cont .cont_bot .bot_txt{}
.abts7 .baner .abts_con>.cont .cont_bot .bot_txt .item {display:flex;align-items:center;}
.abts7 .baner .abts_con>.cont .cont_bot .bot_txt .item>div:first-child {width:2rem;margin-right: .75rem; white-space:nowrap;}
.abts7 .baner .abts_con>.cont .cont_bot .bot_txt .item>div:last-child {flex:1; margin-right:1rem}
/*.abts7 .baner .abts_con>.cont .cont_bot .bot_txt>div {margin-right: .75rem;}*/
/*.abts7 .baner .abts_con>.cont .cont_bot .bot_txt>div:last-child{marg}*/
.abts7 .baner .abts_con>.cont .cont_bot .bot_txt>div .h {margin-bottom: .2rem; line-height: .21rem;color: #999999;}
.abts7 .baner .abts_con>.cont .cont_bot .bot_txt>div .b {color: #0552BC;line-height: .32rem;margin-bottom: .11rem;}
.abts7 .baner .abts_con>.cont .cont_bot .bot_txt>div .p {line-height: .21rem;color: #333333; margin-bottom: .1rem;}
.abts7 .baner .abts_con>.cont .cont_bot .ewm {display: flex;align-items: center;}
.abts7 .baner .abts_con>.cont .cont_bot li {display: flex;align-items: center;flex-direction: column;margin-left: .2rem;}
.abts7 .baner .abts_con>.cont .cont_bot li img {width: .97rem;height: .97rem;}
.abts7 .baner .abts_con>.cont .cont_bot li span {color: #666666;padding-top: .09rem;}
/* .abts7 {} */
/* 关于我们 end */
/* 案例列表 */
.caselist .index_pic1 .carousel_pic {height: 8.4rem; background: url(../img/caselist_banner.png) no-repeat center; background-size: cover;}
.caselist .casepice1 {background-color: #f5f8fd; padding: .8rem 1.4rem .6rem;}
.caselist .casepice1 ul {display: flex;flex-wrap: wrap; justify-content: space-between;}
.caselist .casepice1 ul li {cursor: pointer; transition: all .8s; border-radius: 0;background-color: #fff;margin-bottom: .4rem;}
.caselist .casepice1 ul li .cont .pic_img {width: 5.2rem;height: 3.4rem;overflow: hidden;}
.caselist .casepice1 ul li .cont .pic_img img {transition: all .8s; width: 100%;}
.caselist .casepice1 ul li .cont .bott {padding: .3rem .31rem .27rem;}
.caselist .casepice1 ul li .cont .bott .title {display: block; border-bottom: .01rem solid #D1D1D1;padding-bottom: .28rem;}
.caselist .casepice1 ul li .cont .bott .title .h {margin-bottom: .16rem; font-size: .22rem;font-weight: bold;line-height: .2rem;color: #111111;}
.caselist .casepice1 ul li .cont .bott .title .p {font-size: .16rem;line-height: .26rem;color: #999999;}
.caselist .casepice1 ul li .cont .bott .txt_btn {padding-top: .3rem;display: flex;align-items: center;justify-content: space-between;}
.caselist .casepice1 ul li .cont .bott .txt_btn span {color: #333333;transition: all .8s;}
.caselist .casepice1 ul li .cont .bott .txt_btn div {width: 0.25rem;height: 0.25rem;position: relative;}
.caselist .casepice1 ul li .cont .bott .txt_btn img {transition: all .8s; width: .25rem;height: .25rem;position: absolute;top: 0;left: 0;}
.caselist .casepice1 ul li .cont .bott .txt_btn img.img2 {opacity: 0;}
.caselist .casepice1 ul li.on {box-shadow: 0 0.03rem 0.34rem rgba(0,0,0,0.16)}
.caselist .casepice1 ul li.on .cont .pic_img img {transform: scale(1.05);}
.caselist .casepice1 ul li.on .txt_btn span {color: #0552BC !important;}
.caselist .casepice1 ul li.on .txt_btn img.img1 {opacity: 0 !important;}
.caselist .casepice1 ul li.on .txt_btn img.img2 {opacity: 1 !important;}
.caselist .casepice1 .page {margin-top: .19rem ; display: flex;align-items: center;justify-content: center;}
.caselist .casepice1 .page>div {transition: all .5s; cursor: pointer; margin-right: .2rem; border: .01rem solid #D6D6D6; width: .5rem; height: .5rem;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.caselist .casepice1 .page>div a {transition: all .5s;}
.caselist .casepice1 .page>div:last-child {margin-right: 0;}
.caselist .casepice1 .page>div:first-child a {color: #fff;}
.caselist .casepice1 .page>div:first-child {background-color: #0552BC}
.caselist .casepice1 .page>div.on:hover {background-color: #0552BC;}
.caselist .casepice1 .page>div.on:hover a{color: #fff;}
/* 案例列表 */
/* 案例详情 */
.casedetails1 { padding: 2.26rem 1.4rem .9rem;min-height:7rem;}
.casedetails1 .container {display: flex;align-items: center;justify-content: space-between;}
.casedetails1 .container .left {padding-left: .85rem;padding-right: 1.13rem;}
.casedetails1 .container .left .title {margin-bottom: .4rem; font-size: .36rem;line-height: .36rem;font-weight: bold;color: #111111;}
.casedetails1 .container .left>ul li {display: flex;align-items: center;padding: .26rem 0;border-bottom: .01rem solid #E4E4E4;}
.casedetails1 .container .left>ul li .tr { padding: 0 .31rem 0 .04rem; font-size: .18rem;color: #111111;}
.casedetails1 .container .left>ul li .td {width: 4.3601rem; font-size: .16rem;color: #666666;line-height: .3rem;}
.casedetails1 .container .right {position: relative; width: 8.3731rem;padding-bottom: .52rem; overflow: hidden;}
.casedetails1 .container .right .swiper-slide {width: 8.3731rem !important;cursor: pointer;}
.casedetails1 .container .right .swiper .swiper-pagination-bullets .swiper-pagination-bullet {transition: all .8s; width: .1rem;border-radius: .1rem; height: .1rem;}
/* swiper-pagination-bullet-active */
.casedetails1 .container .right .swiper .swiper-pagination-bullets .swiper-pagination-bullet-active {width: .4rem;}
.casedetails1 .container .right .cont {width: 8.3731rem;height: 5.27rem;}
/* 案例详情 end */
/* 产品列表 */
.productlist .index_pic1 .carousel_pic {height: 8.4rem; background: url(../img/productlist.png) no-repeat center; background-size: cover;}
.productlists1 {display: flex;justify-content: space-between;align-items: flex-start;}
.productlists1 .left { user-select:none; position: sticky; top: 1rem;min-height: 0}
.productlists1 .left .fold .tabbar {transition: all .8s; cursor: pointer; transition: all .5s; width: 3.6rem;height: .83rem;display: flex;align-items: center;justify-content: space-between;padding: 0 .44rem 0 .45rem;background-color: #edf3fa;}
.productlists1 .left .fold .tabbar span {transition: all .8s; font-size: .18rem;font-weight: bold;}
.productlists1 .left .fold .tabbar .icon {width: .16rem;height: .16rem;position: relative;}
.productlists1 .left .fold .tabbar .icon .icon_sub {transition: all .8s;opacity: 0; width: 100%;height: .02rem;background-color: #fff;position: absolute;top: 50%;transform: translateY(-50%);left: 0;}
.productlists1 .left .fold .tabbar .icon .icon_add {transition: all .8s;opacity: 1; width: .16rem;height:.16rem;position: absolute;top: 0;left: 0;}
.productlists1 .left .fold .tabbar .icon .icon_add::after {width: .16rem;height: .02rem;content: '';position: absolute;top: 50%;left: 0;transform: translateY(-50%);background-color: #1D62C2;}
.productlists1 .left .fold .tabbar .icon .icon_add::before {height: .16rem;width: .02rem;content: '';position: absolute;top: 0;left: 50%;transform: translateX(-50%);background-color: #1D62C2;}
/* .productlists1 .left .fold .menu */
.productlists1 .left .fold .menu li { position: relative; cursor: pointer; transition: all .8s; width: 100%;height: 0;opacity: 0; line-height: .78rem;padding-left: .45rem;}
.productlists1 .left .fold .menu li::after {transition:all .8s; content: '';height: 0;width: .02rem;background-color: #1D62C2;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.productlists1 .left .fold .menu li a {transition: all .8s; font-size: .16rem;color: #666666;}
.productlists1 .left .fold .menu li.on::after{height: .78rem;}
.productlists1 .left .fold .menu li.on a {color: #1D62C2;}
.productlists1 .left .fold.on .tabbar {background-color: #1d62c2;}
.productlists1 .left .fold.on .tabbar span {color: #fff;}
.productlists1 .left .fold.on .tabbar .icon .icon_sub {opacity: 1;}
.productlists1 .left .fold.on .tabbar .icon .icon_add {opacity: 0;}
.productlists1 .left .fold.on .menu li {opacity:1;height: .78rem;}
.productlists1 .right {width: calc(100% - 3.6rem); background-color: #fff;}
.productlists1 .right .prolist {display: flex;flex-wrap: wrap;padding-top: 1.06rem; padding-left: 1.41rem;padding-right: 2.04rem; justify-content: space-between;}
.productlists1 .right .prolist li {transition: all .8s; position: relative; margin-bottom: .71rem ; border-radius: .1rem; background-color: #f8f8f8; cursor: pointer;padding: .4rem 0 .37rem;display: flex;flex-direction: column;align-items: center;width: 3.65rem;}
.productlists1 .right .prolist li::after {transition: all .8s; content: '';position: absolute;bottom: 0;left: 0; width: 0;height: .04rem;background-color: #1D62C2;}
.productlists1 .right .prolist li .img { width: 2.58rem;height: 3.22rem;margin-bottom: .35rem;overflow:hidden;background-color:#FFF;}
.productlists1 .right .prolist li img {transition: all .8s; width: 100%;
height: 100%;
object-fit: contain;}
.productlists1 .right .prolist li span {font-size: .18rem;font-weight: bold;}
.productlists1 .right .prolist li.on {box-shadow:0 .03rem .2rem rgba(1, 112, 190, .2);}
.productlists1 .right .prolist li.on img {transform: scale(1.05);}
.productlists1 .right .prolist li.on::after {width: 3.65rem}
.productlists1 .right .page {margin-top: 0.3rem;margin-bottom: .6rem; display: flex;align-items: center;justify-content: center;}
.productlists1 .right .page>div {transition: all .5s; cursor: pointer; margin-right: .2rem; border: .01rem solid #D6D6D6; width: .5rem; height: .5rem;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.productlists1 .right .page>div a {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.productlists1 .right .page>div:last-child {margin-right: 0;}
.productlists1 .right .page>div.on a {color: #fff;}
.productlists1 .right .page>div.on {background-color: #0552BC}
.productlists1 .right .page>div:hover {background-color: #0552BC;}
.productlists1 .right .page>div:hover a{color: #fff;}
/* 产品列表 end */
/* 产品详情 */
.productdetails .productlists1 {padding-top:1rem}
.productdetails .right {padding: 1.11rem 0 1.29rem 1.06rem;}
.prodetaile>.title {padding-right: 1.14rem ; position: relative;margin-bottom: .67rem; text-align: center;}
.prodetaile>.title span {position: relative;padding-bottom: .25rem;font-size: .36rem;font-weight: bold;color: #111111;}
.prodetaile .title span::after {content: '';position: absolute;width: .6rem;height: .02rem;background-color: #1D62C2; bottom: 0;left: 50%;transform: translateX(-50%);}
.prodetaile .top_img {width: calc(100% - 1.14rem ); overflow: hidden;}
.prodetaile .top_img .swiper-container {width: 100%;height: 5rem;}
.prodetaile .top_img .swiper-slide {text-align: center; width: 5.8028rem;height: 4.36rem;font-size: .18rem;background: #eee;display: flex;justify-content: center;align-items: center;transition: 1000ms;transform: scale(0.66);}
.prodetaile .top_img .swiper-slide-active,.swiper-slide-duplicate-active{transform: scale(1);}
.prodetaile .top_img .img {background-color: #f8f8f8;width: 5.8028rem;height: 4.36rem;display: flex;align-items: center;justify-content: center;}
.prodetaile .top_img .img img {width: 3rem;height: 3rem;}
.prodetaile .tabbar ul {display: flex;align-items: center;}
.prodetaile .tabbar ul li {padding-top: .78rem; margin-right: 1.56rem;}
.prodetaile .tabbar ul li:last-child {margin-right: 0;}
.prodetaile .tabbar ul li a {transition: all .5s; position: relative; padding-bottom: .18rem; font-size: .18rem;line-height: .24rem;font-weight:bold;}
.prodetaile .tabbar ul li a::after {transition: all .5s; content: '';position: absolute;left: 0;bottom: 0;width: 0%;height: .02rem;background-color: #18469D;}
.prodetaile .tabbar ul li.on a {color: #18469D;}
.prodetaile .tabbar ul li.on a::after {width: 100%;}
.prodetaile .prost1 {padding: .78rem 1.14rem 0 0;display: flex; align-items: flex-start;justify-content: space-between;}
.prodetaile .prost1 .prost1_left .h{font-size: .32rem;font-weight: bold;margin-bottom: .4rem; line-height: .43rem;}
.prodetaile .prost1 .prost1_left .p {display: block; width: 5.81rem; font-size: .16rem;line-height: .3rem;color: #666666;}
.prodetaile .prost1 .img {width: 6.88rem;height: 4.11rem;overflow: hidden;display:flex;align-items:center;justify-content:center;background-color:#FFF;}
/*background:url(../img/prost1_bgm.png) no-repeat center; background-size:cover;*/
.prodetaile .prost1 .img img {width:100;height:100%;object-fit:contain; transition: all .5s;}
.prodetaile .prost1 .img:hover img {transform: scale(1.05);}
.prost2 {padding-right: 1.14rem;}
.prost2 .prost_titile {padding-top: .3rem;font-size: .32rem;font-weight: bold;line-height: .41rem;margin-bottom:.52rem;}
.prost2 .item {display: flex; width: 13.41rem; flex-wrap: wrap;}
.prost2 .item li {margin: 0 .15rem .20rem 0;box-sizing: border-box; border: .03rem dashed #f0f1f1; cursor: pointer; background-color: #f8f9fa; width: 4.37rem;height: 1.85rem;position: relative; display: flex;align-items: center;justify-content: center;}
.prost2 .item li:nth-child(3n) {margin-right: 0;}
.prost2 .item li::after {transition: all .8s; content: '';width: 0;position: absolute;bottom: 0;left: 0;height: .04rem;border-radius: .04rem;background-color: #1D62C2;}
.prost2 .item li:hover::after {width: 100%;}
.prost2 .item li img {width: .42rem;height: .42rem;}
.prost2 .item li span {font-size: .17rem;font-weight: bold;padding-left: .19rem;}
.prost3 .prost_title {padding-top: 1.03rem;font-size: .32rem;font-weight: bold;line-height: .43rem;margin-bottom: .61rem;}
.prost3 .prost3_cont {width: 100%; overflow: hidden;}
.prost3 .prost3_cont .swiper-slide {width: 5.2rem !important; margin-right: .39rem !important;}
.prost3 .prost3_cont .swiper-slide:last-child {margin-right:0 !important;}
.prost3 .prost3_cont .cont {cursor: pointer;position: relative;}
.prost3 .prost3_cont .cont::after {transition: all 1.2s; width: 0;height: .04rem;background-color: #1D62C2;content: '';position: absolute;left: 0;bottom: 0;}
.prost3 .prost3_cont .cont:hover::after {width: 100%;}
.prost3 .prost3_cont .cont .img {width: 5.2rem;height: 3.4rem;overflow:hidden;}
.prost3 .prost3_cont .cont .img img {width:100%;transition:all .8s}
.prost3 .prost3_cont .cont span {font-size: .2rem;font-weight: bold; width: 5.2rem;height: 1.18rem;background-color: #f8f8f8;display: flex;align-items: center;justify-content: center;}
.prost3 .prost3_cont .cont .img:hover img {transform:scale(1.05);}
.prost4 .prost_title {display: flex;align-items: center;justify-content: space-between; padding-top: 1.29rem;padding-right: 1.14rem;margin-bottom: .61rem;}
.prost4 .prost_title span { font-size: .32rem;font-weight: bold;line-height: .43rem;}
.prost4 .prost4_cont {width: 100%;overflow: hidden;}
.prost4 .cont {display: flex;align-items: center;justify-content: space-between;flex-direction: column; width: 4.13rem;height: 4.58rem;box-sizing: border-box;padding: .38rem 0; position: relative;background-color: #f8f8f8;}
.prost4 .cont::after {transition: all .8s; content: "";position: absolute;bottom: 0;left: 0;width: 0%;height: .04rem;background-color: #1D62C2;}
.prost4 .cont .img {width: 2.58rem;overflow: hidden; height: 3.22rem;}
.prost4 .cont .img img{width: 100%;height:100%;object-fit: cover;transition: all .8s;}
.prost4 .cont span { font-size: .2rem; font-weight: .2rem;font-weight: bold;line-height: .27rem;color: #333333;}
.prost4 .cont:hover::after {width: 100%;}
.prost4 .cont:hover img {transform: scale(1.05);}
.btnsswiper {display: flex;align-items: center;justify-content: center;padding-top: .5rem;}
.btnsswiper>div{width: .86rem;height: .86rem;position: relative;}
.btnsswiper img { transition: all .5s;}
.btnsswiper img.img1 { width: .86rem;height: .86rem;position: absolute;top:0;left: 0;opacity: 1;}
.btnsswiper img.img2 { width: .5rem; height: .5rem; position: absolute;top: .18rem; left: .18rem;opacity: 0; }
.btnsswiper>div:hover img.img2 {opacity: 1;}
/* 产品详情 end */
/* 解决方案 */
.solutst1 {padding: .98rem 1.4rem 1.06rem;background-color: #f2f6fc;}
.solutst1 .item { display: flex;background-color: #fff;margin-bottom: .54rem;}
.solutst1 .item:last-child {margin-bottom: 0;}
.solutst1 .item .solutst1_img {width: 6.3rem;height: 3.4rem;overflow: hidden;}
.solutst1 .item .solutst1_img img {width: 100%;height: 100%;transition: all .8s;}
.solutst1 .item .txt { position: relative; width: calc(100% - 6.3rem);height: 3.4rem; display: flex; padding: .42rem .71rem .55rem .71rem;flex-direction: column;}
.solutst1 .item .txt::after {transition: all .8s; content: '';position: absolute;width: 0; bottom: -0.01rem;left: 0;height: .03rem;background-color: #0552BC;}
.solutst1 .item .txt .h {margin-bottom: .31rem; padding-left: .15rem; font-size: .26rem;line-height: .43rem;font-weight: bold;position: relative;}
.solutst1 .item .txt .h::before {content: '';height: .3rem;width: .04rem;background-color: #0552BC;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.solutst1 .item .txt .p {font-size: .18rem; line-height: .34rem;color: #333333;margin-bottom: .51rem;}
.solutst1 .item .txt .txt_btn {cursor: pointer; width: 1.5rem;border-radius: .5rem; transition: all .8s; height: .5rem;display: flex;justify-content: center; align-items: center; padding: 0 .2rem 0 .31rem; border: .01rem solid #B9B9B9;}
.solutst1 .item .txt .txt_btn span {transition: all .8s; font-size: .14rem;color: #999999;margin-right: .16rem;}
.solutst1 .item .txt .txt_btn .txt_img {transition: all .8s; width: .25rem;height: .25rem;position: relative;}
.solutst1 .item .txt .txt_btn .txt_img img {width: .25rem;height: .25rem;position: absolute;top: 0;left: 0;}
.solutst1 .item .txt .txt_btn .txt_img img.img2 {opacity: 0;}
.solutst1 .item:hover .solutst1_img img{transform: scale(1.05);}
.solutst1 .item:hover .txt::after {width: 7.82rem;}
.solutst1 .item:hover .txt .txt_btn {background-color: #0552bc;border: #0552bc;}
.solutst1 .item:hover .txt .txt_btn span {color: #fff;}
.solutst1 .item:hover .txt .txt_btn .txt_img img.img1 {opacity: 0;}
.solutst1 .item:hover .txt .txt_btn .txt_img img.img2 {opacity: 1;}
/* 解决方案 end */
/* 解决方案详情 */
.solutiondetail .index_pic1 .carousel_pic {padding-top: 2.82rem; height: 7.6rem; background:url(../img/solutiondetail_banner.png) no-repeat center; background-size: cover;}
.solutiondetail .index_pic1 .carousel_pic .txt_p {margin-bottom: .12rem;line-height: .64rem;}
.solutiondetail .index_pic1 .carousel_pic .p {font-size: .24rem;color: #fff;}
.solutiondetail .index_pic1 .carousel_pic {position:relative;background:url(../img/meng.png)no-repeat left;background-size:100%;}
.solutiondetail .index_pic1 .mengban{width:100%;height:100%;position:absolute;top:0;left:0;z-index: 4;}
.soldetas1 {padding: .98rem 1.4rem 1.41rem;display: flex;background-color: #f8f8f8;}
.soldetas1 .s1_img {cursor: pointer; width: 7.83rem;height: 4.45rem;overflow: hidden;}
.soldetas1 .s1_img:hover img {transform: scale(1.05);}
.soldetas1 .s1_img img { width: 100%;height: 100%;transition: all .5s;}
.soldetas1 .s1_text {padding: .64rem 0 0 1.05rem;}
.soldetas1 .s1_text .h {font-size: .4rem; line-height: .32rem;color: #333333;margin-bottom: .34rem;font-weight:bold;}
.soldetas1 .s1_text .p {font-size: .16rem; line-height: .3rem;color: #666666;width: 5.92rem;}
.soldetas2 {padding: 1.04rem 1.35rem 1.13rem 1.4rem;background-color: #ffffff;}
.soldetas2 .s2_title {font-size: .4rem;line-height: .72rem;color: #333333;text-align: center;margin-bottom: .51rem;}
.soldetas2 .s2_cont {display: flex;align-items: center;justify-content: center;}
.soldetas2 .s2_cont li {border-radius: .1rem; width: 3.29rem;height: .7588rem; background-color: #f8f8f8; display: flex;align-items: center;justify-content: center;}
.soldetas2 .s2_cont li img {width: .2546rem;height: .2546rem;margin-right: .13rem;}
.soldetas2 .s2_cont li span {font-size: .18rem;line-height: .36rem;color: #333333;}
.soldetas2 .s2_cont b {height: .58rem;border-left: .01rem solid rgba(0, 0, 0, .1);margin: 0 .55rem;}
.soldetas2 .s2_cont b:last-child{display:none}
.soldetas3 {background-color: #f9f9f9;padding: 1.09rem 1.35rem .94rem 1.28rem;}
.soldetas3 .s3_title {margin-bottom: .42rem; text-align: center; font-size: .4rem;font-weight: bold;line-height: .72rem;color: #333333;}
.soldetas3 .s3_cont {display: flex; flex-wrap: wrap;border-top:.01rem solid rgba(112, 112, 112, .1);border-left:.01rem solid rgba(112, 112, 112, .1) }
.soldetas3 .s3_cont li {transition: all .5s; cursor: pointer; width: calc(100% / 4); height: 2.49rem;padding: .51rem .24rem 0 .39rem; display: flex;flex-direction: column;border-right:.01rem solid rgba(112, 112, 112, .1);border-bottom:.01rem solid rgba(112, 112, 112, .1);}
.soldetas3 .s3_cont li .h {transition: all .5s; font-size: .2rem;line-height: .26rem;color: #333333;font-weight: bold;margin-bottom: .24rem;}
.soldetas3 .s3_cont li .p {width: 3.5119rem; font-size: .16rem; line-height: .32rem;color: #333333;}
.soldetas3 .s3_cont li:hover {background-color: #ffffff;}
.soldetas3 .s3_cont li:hover .h {color: #0552BC;}
.soldetas4 {padding: 1.15rem 1.35rem 1.16rem 1.4rem;}
.soldetas4 .s4_title {font-weight:bold; font-size: .4rem;line-height: .36rem;color: #333333;text-align: center;margin-bottom: .46rem;}
.soldetas4 .s4_cont {position:relative; display: flex;flex-wrap: wrap;justify-content: space-between;}
.soldetas4 .s4_cont span { margin-bottom: .2rem; font-size: .16rem;font-weight: bold;color: #333333;line-height: .28rem; width: 3.16rem;height: 1.03rem;background-color: #fdfdfd;display: flex;align-items: center;justify-content: center;border: .01rem dashed rgba(129, 182, 255, .41);}
.soldetas4 .s4_cont>span:nth-child(7) {margin-right:7rem;}
.soldetas4 .s4_cont .potiom {position: absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.soldetas4 .s4_cont .cont_title {position: relative; border: 0;background-color: #fff; font-size: .2rem;line-height: .36rem;color: #0552BC;}
.soldetas4 .s4_cont .cont_title::before{content: '';position: absolute;left: .15rem;top: 50%;transform: translateY(-50%) rotate(-45deg);background-color: #0552BC;opacity: .1; width: .18rem;height: .18rem;}
.soldetas4 .s4_cont .cont_title::after{content: '';position: absolute;right: .15rem;top: 50%;transform: translateY(-50%) rotate(-45deg);background-color: #0552BC;opacity: .1; width: .18rem;height: .18rem;}
.soldetas5 { position: relative; width: 100%;height: 5.08rem;background: url(../img/soldetas5_bgimg.png)no-repeat center;background-size: cover;padding-top: 1.24rem;}
.soldetas5 .s5_title {font-size: .4rem; line-height: .36rem;color: #FFFFFF;text-align: center;font-weight: bold;}
.soldetas5 .s5_cont {padding: 0 1.35rem 0 1.4rem;width: 100%;position: absolute;top: 2.81rem;left: 0;}
.soldetas5 .s5_cont .item {display: flex;flex-wrap: wrap; padding: .85rem .81rem .88rem .76rem; background-color: #fff;box-shadow: 0 .03rem .34rem rgba(98, 169, 178, .2);}
.soldetas5 .s5_cont .item li {flex:0 0 32.8%; margin-right:calc(1.4% / 2); position: relative; transition: all .5s; cursor: pointer; margin-bottom: .13rem; background-color: #fafbfc;border: .01rem dashed rgba(229, 229, 229,.5);height: 2.05rem;display: flex;align-items: center;justify-content: center;}
.soldetas5 .s5_cont .item li:nth-child(3n) {margin-right:0;}
.soldetas5 .s5_cont .item li::after {transition: all 1.5s; content: '';position: absolute;bottom: 0;left: 0;width: 100%;opacity: 0; height: .04rem;background-color: #1D62C2;}
.soldetas5 .s5_cont .item li img {width: .43rem;}
.soldetas5 .s5_cont .item li span {font-size: .2rem;margin-left: .43rem;}
.soldetas5 .s5_cont .item li:hover {background-color: #fff;border: .01rem dashed rgba(229, 229, 229,0);}
.soldetas5 .s5_cont .item li:hover::after {width: 100%;opacity: 1;}
.soldetas6 {padding: 5.06rem 1.35rem .34rem 1.4rem;background-color: #fff;}
.soldetas6 .s6_title {text-align: center;font-size: .4rem;line-height: .36rem;font-weight: bold;margin-bottom: .46rem;color: #333333;}
.soldetas6 .s6_cont {display: flex;flex-wrap: wrap;}
.soldetas6 .s6_cont li {margin-bottom: .16rem;background-color: #fdfdfd;border: .01rem dashed rgba(129, 182, 255, .41);flex:0 0 19%;margin-right:calc(5% / 4); height: 1.03rem; display: flex;align-items: center;justify-content: center;font-size: .16rem;font-weight: bold;color: #333333;line-height: .28rem;}
.soldetas6 .s6_cont li:nth-child(5n) {margin-right:0;}
.soldetas7 {padding-top: 1.11rem; padding-bottom:1rem; display: flex;flex-direction: column;align-items: center; width: 100%;background: url(../img/soldetas7_bgimg.png)no-repeat center top;background-size: cover;}
.soldetas7 .s7_title {font-size: .4rem;font-weight: bold;line-height: .36rem;color: #333333;margin-bottom: .31rem;}
.soldetas7 .p {margin-bottom: .79rem; width: 8.5257rem;line-height: .3rem;font-size: .16rem;color: #666666;text-align: center;}
.soldetas7 img {width: 5.61rem;height: auto;}
.soldetas8 {padding: 1.65rem 1.35rem 1.18rem 1.44rem;}
.soldetas8 .s8_title {display: flex;align-items: center;justify-content: space-between;margin-bottom: .61rem;}
.soldetas8 .s8_title span { font-size: .32rem;font-weight: bold;line-height: .43rem;}
.soldetas8 .s8_cont {width: 100%;overflow: hidden;}
.soldetas8 .cont {transition: all .8s; display: flex;align-items: center;justify-content: space-between;flex-direction: column; width:3.65rem;height: 4.58rem;box-sizing: border-box;padding: .38rem 0; position: relative;background-color: #f8f8f8;}
.soldetas8 .cont::after {transition: all .8s; content: "";position: absolute;bottom: 0;left: 0;width: 0%;height: .04rem;background-color: #1D62C2;}
.soldetas8 .cont .img {width: 2.58rem;overflow: hidden; height: 3.22rem;background-color:#fff;}
.soldetas8 .cont .img img{ width: 2.58rem;
height: 100%;
object-fit: contain;
transition: all .8s;}
.soldetas8 .cont span { font-size: .2rem; font-weight: .2rem;font-weight: bold;line-height: .27rem;color: #333333;}
.soldetas8 .cont:hover {box-shadow: 0 0 .12rem rgba(1, 112, 190, .14);}
.soldetas8 .cont:hover::after {width: 100%;}
.soldetas8 .cont:hover img {transform: scale(1.05);}
/* 解决方案详情 end */
/* 服务和支持 */
.support .index_pic1 .carousel_pic {height: 8.4rem; background: url(../img/solutionlistcont_banner.png)no-repeat center;}
.supports1 .supports1_tab {display: flex;align-items: center; padding: 0 1.4rem;background-color: #fff;box-shadow: 0 0.03rem 0.34rem rgba(0,0,0,0.16)}
.supports1 .supports1_tab li {cursor: pointer; margin-right: 1rem;padding: .28rem 0;}
.supports1 .supports1_tab li:last-child {margin-right: 0;}
.supports1 .supports1_tab li a {transition: all .5s; font-size: .18rem; line-height: .24rem;color: #777777;font-weight:bold;}
.supports1 .supports1_tab li.on a {color: #0552BC;}
.supports2 {display: flex;padding: .96rem 0 1.19rem 1.4rem;position: relative;}
.supports2 .supports2_img {cursor: pointer; width: 8.2rem;height: 5.12rem;overflow: hidden;border-radius: .1rem;}
.supports2 .supports2_img img {transition: all .8s; width: 100%;}
.supports2 .supports2_img:hover img {transform: scale(1.05);}
.supports2 .supports2_text { padding: 1.25rem 0 0 1.12rem;}
.supports2 .supports2_text .bgimg {position: absolute;width: 7.04rem;height: 2.93rem;right: 0;top: .64rem;}
.supports2 .supports2_text .text_h {margin-bottom: .2rem; position: relative; font-size: .36rem;font-weight: bold;color: #0552BC;line-height: .3rem;padding-bottom: .21rem; }
.supports2 .supports2_text .text_h::after {content: "";position: absolute;left: 0;bottom: 0;width: .72rem;height: .02rem;background-color: #18469D;}
.supports2 .supports2_text ul {border-bottom:.01rem solid rgba(0, 0, 0, .12);padding-bottom: 1.14rem;}
.supports2 .supports2_text ul>li {width: 7.09rem; font-size: .18rem; line-height: .32rem;color: #707070;}
.supports2 .supports2_text ul>li:first-child {margin-bottom: .7rem;font-weight:bold}
.supports2 .supports2_text ul>li.font1 {font-family:re;}
.supports3 {padding: 0 1.4rem .73rem;}
.supports3 .supports3_cont li:nth-child(2n) {flex-direction: row-reverse !important;}
.supports3 .supports3_title {font-size: .36rem;line-height: .3rem;color: #111111;text-align: center;font-weight: bold;margin-bottom: .62rem;}
.supports3 .supports3_cont {background-color: #f0f5fb;}
.supports3 .supports3_cont li {background-color: #fff; display: flex;margin-bottom: .18rem;}
.supports3 .supports3_cont li:nth-child{margin-bottom: 0;}
.supports3 .supports3_cont li>div:first-child {width: 8.21rem;height: 2.39rem;}
.supports3 .supports3_cont li>div:last-child{width: calc(100% - 8.21rem);height: 2.39rem;}
.supports3 .supports3_cont li .img {cursor: pointer;overflow: hidden;}
.supports3 .supports3_cont li .img img {width: 100%;height: 100%; transition: all .8s;}
.supports3 .supports3_cont li .img:hover img {transform: scale(1.05);}
.supports3 .supports3_cont li .text { padding: .35rem 1.28rem 0 1.1rem;}
.supports3 .supports3_cont li .text .text_title {position: relative; padding-bottom: .18rem;border-bottom: .01rem solid rgba(0, 0, 0, .12);margin-bottom: .25rem;}
.supports3 .supports3_cont li.on .text .text_title::after {content: "";position: absolute;left: 0;bottom: -0.02rem;width: .56rem;height: .03rem;background-color: #18469D;}
.supports3 .supports3_cont li .text .text_title span {line-height: .62rem;font-size: .46rem;font-weight: bold;color: #0552BC;margin-right: .37rem;}
.supports3 .supports3_cont li .text .text_title b { font-weight: bold;font-size: .26rem;color: #111111;}
.supports3 .supports3_cont li .text .p {font-size: .16rem; line-height: .26rem;color: #111111;}
.supports4 {width: 100%;height: 7.32rem;box-sizing: border-box;padding-top: 1.11rem;background: url(../img/supports4_banner.png) no-repeat center;background-size: cover;}
.supports4 .supports4_titile {margin-bottom: 1.19rem; text-align: center; font-size: .36rem;color: #fff;font-weight: bold;line-height: .3rem;}
.supports4 .cont {height: 2.26rem;display: flex;align-items: center;justify-content: center;}
.supports4 .cont li {cursor: pointer; position: relative; margin-right: 1.57rem; display: flex;flex-direction: column;align-items: center;}
.supports4 .cont li .border {transition: all .8s;border-radius: 50% 50% 0 0;margin-bottom: .23rem; position: relative; padding: 0;}
.supports4 .cont li .border::before {border: .01rem dashed rgba(255, 255, 255,0);border-radius: 50%; transition: all .8s;clip-path: polygon(0 0, 100% 0, 100% 50%, 50% 50%, 0 50%); content: '';width: 1.05rem;height: 1.05rem; position: absolute;top: 0%;left: 50%;transform: translateX(-50%);}
.supports4 .cont li .border::after {content: '';width: 1.57rem;border-top: .02rem dashed #fff;position: absolute;top: 50%;transform: translateY(-50%);right: -1.57rem;}
.supports4 .cont li:last-child .border::after {display: none;}
.supports4 .cont li:last-child {margin-right: 0;}
.supports4 .cont li .icon_img {width: 1.05rem;height: 1.05rem;border-radius: 50%;border: .01rem solid #fff;transition: all.8s;position: relative;}
.supports4 .cont li .icon_img img {transition: all .8s; width: .56rem;height: .56rem;position: absolute;left: 50%;top: 50%;transform: translate(-50% ,-50%);}
.supports4 .cont li .icon_img img.img2 {opacity: 0;}
.supports4 .cont li span {position: absolute;left: 50%;width: .88rem;bottom: -.28rem; transform: translateX(-50%); font-size: .22rem;color: #fff;line-height: .3rem;}
.supports4 .cont li:hover .border { padding:.16rem .16rem;}
.supports4 .cont li:hover .border::before {width: calc(.16rem + .16rem + 1.57rem);height:calc(.16rem + .16rem + 1.57rem); border: .02rem dashed rgba(255, 255, 255,1)}
.supports4 .cont li:hover .icon_img {width: 1.57rem;height: 1.57rem;}
.supports4 .cont li:hover .icon_img {background-color: #ffffff;}
.supports4 .cont li:hover .icon_img img.img1 {opacity: 0;}
.supports4 .cont li:hover .icon_img img.img2 {opacity: 1;}
.supports5 {padding: 1.08rem 1.4rem .96rem;background-color: #ffffff;}
.supports5 .supports5_cont {background-color: #f8fafd;display: flex;}
.supports5 .supports5_cont .text {flex: 1; padding: 1.05rem 0 0 1.28rem;}
.supports5 .supports5_cont .text .h {margin-bottom: .82rem; font-size: .36rem; font-weight: bold;line-height: .3rem;color: #0552BC;padding-bottom: .21rem;position: relative;}
.supports5 .supports5_cont .text .h::after {content: '';width: .72rem;height: .02rem;background-color: #18469D;position: absolute;left: 0;bottom: 0;}
.supports5 .supports5_cont .text ul li {margin-bottom: .4rem; display: flex;align-items: center;}
.supports5 .supports5_cont .text ul li:last-child {margin-bottom: 0;}
.supports5 .supports5_cont .text ul li img {width: .4rem;height: .4rem;margin-right: .26rem;}
.supports5 .supports5_cont .text ul li span {font-size: .2rem;line-height: .27rem;font-weight: bold;color: #111111;}
.supports5 .supports5_cont .text ul li b {font-size: .28rem;line-height: .37rem;}
.supports5 .supports5_cont .img {cursor: pointer;overflow: hidden; width: 8.2rem;height: 5.12rem;border-radius: .1rem;}
.supports5 .supports5_cont img {transition: all .8s; width: 100%;height: 100%;}
.supports5 .supports5_cont .img:hover img {transform: scale(1.05);}
/* 服务和支持 end */
/* 底部 */
.footer{background-color: #333333;padding: 0 1.4rem;}
.footer .f_top{padding: .005rem 0;border-bottom: .01rem solid rgba(225,225,225,0.16);display: flex;align-items: center;}
.footer .f_top .t_left{width: 13.15rem;padding: 0.33rem 0 0.33rem ;border-right: .01rem solid rgba(225,225,225,0.16);display: flex;justify-content: space-between;align-items: center;}
.footer .f_top .t_left .f_logo{display: block;width: 1.94rem;}
.footer .f_top .t_left .f_logo img{width: 100%;}
.footer .f_top .t_left>div{display: flex;align-items: center;}
.footer .f_top .t_left .fx{display: flex;margin-right: 0.48rem;}
.footer .f_top .t_left .fx a{display: block;width: 0.4rem;height: 0.4rem;margin-right: 0.2rem;}
.footer .f_top .t_left .fx a:last-child {margin-right: 0;}
.footer .f_top .t_left .fx a img{width: 100%;height: 100%;object-fit: contain;}
.footer .f_top .t_left .fx a img.img2{display: none;}
.footer .f_top .t_left .fx a:hover img.img2{display: block;}
.footer .f_top .t_left .fx a:hover img.img1{display: none;}
.footer .f_top .t_left .link{position: relative;margin-right: .3rem;}
.footer .f_top .t_left .link .h{width: 1.8rem;height: .4rem; box-sizing: border-box;display: flex;align-items: center; border: 0.01rem solid #707070;border-radius: 0.06rem;padding:0 0.19rem 0 .3rem;color:#ffffff;font-weight: 200;position: relative;}
.footer .f_top .t_left .link .h:after{content: "";position: absolute;right: 0.14rem;top: 50%;transform: translateY(-50%);width: 0.09rem;height: 0.06rem;background: url(../img/f_jt.svg);background-size: 100% 100%;}
.footer .f_top .t_left .link ul{position: absolute;top: 100%;left: 0;padding:0 0.19rem 0 .3rem;line-height: 2;background-color: #fff;width: 100%;display: none;}
.footer .f_top .t_right{width: calc(100% - 13.15rem);padding-left: .6rem;box-sizing: border-box;}
.footer .f_top .t_right .f_tel{display: flex;align-items: center;position: relative;}
.footer .f_top .t_right .f_tel img{width: 0.2rem;margin-right: 0.08rem;}
.footer .f_top .t_right .f_tel .name{color: #ffffff;margin-right: 0.1rem;}
.footer .f_top .t_right .f_tel .num{display: block;color: #ffffff;position: absolute;left: 0;transform: translateX(1.15rem);}
.footer .f_center{border-bottom: .01rem solid rgba(225,225,225,0.16);display: flex;height: 4.32rem;}
.footer .f_center .list{width: 13.15rem;display: flex;padding: 0.75rem .74rem 0 0;border-right: .01rem solid rgba(225,225,225,0.16); justify-content: space-between;}
.footer .f_center .list .h{color: #ffffff;line-height: 1.3125;margin-bottom: 0.3rem;}
.footer .f_center .list ul a{display: block;color: #ffffff;opacity: 0.5;transition: all 0.5s;line-height: 2.57;}
.footer .f_center .list ul a:hover{opacity: 1;}
.footer .f_center .c_right{width: calc(100% - 13.15rem);padding: 0.31rem 0 0 0.6rem;box-sizing: border-box;}
.footer .f_center .c_right .top {display: flex;align-items: center;justify-content: space-between;}
.footer .f_center .c_right .top .tet {display: flex;align-items: center;margin-bottom: .29rem;}
.footer .f_center .c_right .top .tet a {color: #fff; margin-right: .16rem;}
.footer .f_center .c_right .top .tet img {width: .25rem;height: .25rem;}
.footer .f_center .c_right .top .tet img.img2 {display: none;}
.footer .f_center .c_right .top .tet:hover img.img1{display: none;}
.footer .f_center .c_right .top .tet:hover img.img2 {display: block;}
.footer .f_center .c_right .item{display: flex;margin-bottom: 0.23rem;align-items: flex-start;}
.footer .f_center .c_right .item img{display: block;width: 0.2rem;height: 0.2rem;margin-right: 0.12rem;}
.footer .f_center .c_right .item .txt{width: calc(100% - 0.32rem);}
.footer .f_center .c_right .item .txt .h{color: #fffefe;line-height: 1.42;margin-bottom: 0.1rem;}
.footer .f_center .c_right .item .txt .p{color: #8A8A8A;line-height: 1.42;font-size: .14rem !important;white-space: nowrap; }
.footer .f_bottom{display: flex;justify-content: space-between;padding: 0.29rem 0 0.34rem 0;}
.footer .f_bottom .b_left{width: 13rem;display: flex;align-items: center;}
.footer .f_bottom .b_left a{color: #808080;display: block;}
.footer .f_bottom .b_left span{color: #808080;margin: 0 0.06rem;}
.footer .f_bottom .b_left p{color: #808080;margin-left: 0.2rem;}
.footer .f_bottom .b_right a{color: #808080;}
/* 底部 end */
.search_container {
padding-top: 1rem;
}
.top_seach {
width: 100%;
padding: .74rem 0;
background-color: #F5F8FD;
}
.top_seach .formbox {
width: 70%;
margin: auto;
}
.top_seach .formbox input.txt {
width: calc(100% - 3rem);
height: .72rem;
background-color: #fff;
font-size: .18rem;
padding: 0 0.5rem;
}
.top_seach .formbox input.submit {
display: inline-block;
vertical-align: top;
height: .72rem;
line-height: 1.5rem;
width: 1.07rem;
font-size: .18rem;
background-color: #0552BC;
color: #fff;
margin: 0;
line-height: 1;
font-weight: 500;
transition: all 0.4s;
}
.result-box {
padding: .8rem 0 1rem 1.4rem;
background-color: #fff;
min-height: 5.41rem;
}
.result-box .result-tit {
font-size:.28rem;
line-height: .3rem;
color: #666;
margin-bottom: .31rem;
}
.result-box .item {
display: flex;
align-items: center;
width: 100%;
border-bottom: .01rem solid #E1E1E1;
padding-bottom: .2rem;
margin-bottom: .5rem;
}
.result-box .item li {
margin-right: .63rem;
}
.result-box .item li:last-child {
margin-right: 0;
}
.result-box .item a {
font-size: .16rem;
color: #666666;
}
.result-box .news-lists .news-item {
padding: 0 .75rem 0 0;
box-sizing: border-box;
width: 50%;
float: left;
}
.result-box .news-lists .con-box {
display: block;
padding: .2rem 0 .2rem .3rem;
position: relative;
font-size: .18rem;
line-height: .4rem;
color: #666;
border-bottom: 1px dotted #ddd;
transition: all .2s;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
transition: all .3s;
}
.result-box .news-lists .con-box:before {
content: "";
position: absolute;
left: .1rem;
top: 50%;
width: 6px;
height: 6px;
background-color: #888888;
border-radius: 100%;
transform: translateY(-50%);
transition: all .2s;
}
.result-box .news-lists .con-box:hover {
color: #d50018;
}
.soldetas4 .soled4_cont {
display: flex;
background: #FFFFFF;
height: 6.75rem;
align-items: center;
justify-content: space-between;
}
.soldetas4 .soled4_cont .left {
display: flex;
align-items: center;
justify-content: center;
}
.soldetas4 .soled4_cont .left .left_cont {
width: 2.47rem;
height: 3.47rem;
color: #fff;
background: linear-gradient(90deg,#A7D5F3,#1d62c2cf);
display: flex;
align-items: center;
font-size: .24rem;
font-weight: bold;
justify-content: center;
text-align: center;
line-height: 1.45;
box-shadow: 0px 5px 30px rgba(103,149,212,.5);
margin-right: .16rem;
}
.soldetas4 .soled4_cont .left .img {
width: .45rem;
height: .52rem;
margin-right: .16rem;
}
.soldetas4 .soled4_cont .right {
flex: 1;
display: flex;
height: 6.15rem;
align-items: center;
flex-wrap: wrap;
align-content: center;
}
.soldetas4 .soled4_cont .right .item {
width: calc((100% - (.1rem * 2)) / 3);
margin-right: .1rem;
background: rgba(5,82,188,.09);
height: 1.23rem;
display: flex;
align-items: center;
}
.soldetas4 .soled4_cont .right .item .item_cont {
font-size: .16rem;
width: 100%;
height: 1.03rem;
margin: 0 .3rem;
background: #fff;
display: flex;
align-items: center;
justify-content: center;
border: 1px dashed #81B6FF;
box-shadow: 0 5px 30px rgba(103,149,212,.5);
}
.soldetas4 .soled4_cont .right .item:nth-child(1) {
padding-top: .7rem;
padding-bottom: .1rem;
height: auto;
}
.soldetas4 .soled4_cont .right .item:nth-child(2) {
padding-top: .7rem;
padding-bottom: .1rem;
height: auto;
}
.soldetas4 .soled4_cont .right .item:nth-child(3) {
padding-top: .7rem;
padding-bottom: .1rem;
height: auto;
}
.soldetas4 .soled4_cont .right .item:nth-last-child(1) {
padding-bottom: .7rem;
padding-top: .1rem;
height: auto;
}
.soldetas4 .soled4_cont .right .item:nth-last-child(2) {
padding-bottom: .7rem;
padding-top: .1rem;
height: auto;
}
.soldetas4 .soled4_cont .right .item:nth-last-child(3) {
padding-bottom: .7rem;
padding-top: .1rem;
height: auto;
}
.soldetas4 .soled4_cont .right .item:nth-child(3n) {
margin-right: 0;
}
/**/
@media screen and (min-width: 1922px) {
}
@media screen and (max-width: 1680px) {
}
@media screen and (max-width: 1560px) {
}
@media screen and (max-width: 1440px) {
}
@media screen and (max-width: 1366px) {
}
@media screen and (max-width: 1280px) {
}
@media screen and (max-width: 1024px) {
html{font-size: 60px!important;}
}
@media screen and (max-width: 668px) {
}