.ibanner{ position:relative; height:890px!important; width: 100%; overflow: hidden;}
.ibanner .swiper-container {width: 100%;height: 100%;}
.ibanner .swiper-slide { background-repeat:no-repeat; background-position:center center; background-size:cover;text-align: center;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; position:relative; background-color: #000; transform: scale(1.5);}
.ibanner .swiper-img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat:no-repeat; background-position:0 center; background-size:cover; transform: scale(1.5); opacity: 0; transition: all 0s;}
.ibanner .swiper-slide-active .swiper-img{ transform: scale(1); opacity: 1; transition: all 4s;}
.ibanner .swiper-container-horizontal > .swiper-scrollbar{ width:272px; left:251px; bottom:30%;}

.ibanner .swiper-scrollbar-drag{ background:#1b85e7;}
.ibanner .swiper-pagination{ left:0; bottom: 40px; line-height: 36px; position: absolute; text-align: center; width: 100%;color: #fff;}
.ibanner .swiper-pagination-bullet{background: #e5e5e5; opacity: 1; position: relative; width: 40px; height:10px;border-radius: 20px; border-radius: 20; margin: 0 10px!important;}
.ibanner .swiper-pagination-bullet-active{ background: #0094ff; opacity: 1;}
.ibanner .swiper-pagination-current{ color: #fff; font-size: 4.2rem;}
.ibanner .swiper-pagination-total{ font-size: 2.7rem;color: #fff;}

.ibanner .swiper-button-next,.ibanner .swiper-button-prev{ background: none; width: 40px; height: 40px; line-height: 40px; border-radius: 100%; opacity: 0.5; margin-top: -25px; text-align: center; top: 50%;}
.ibanner .swiper-button-next i,.ibanner .swiper-button-prev i{ color: #fff; font-size: 24px; opacity: 1;}
.ibanner .swiper-button-prev{ left:0.2%;}
.ibanner .swiper-button-next{ right:0.2%;}
.ibanner .swiper-button-next:hover,.ibanner .swiper-button-prev:hover{  opacity: 1;}
.ibanner .swiper-button-next:hover i,.ibanner .swiper-button-prev:hover i{ color: #fff;}

.ibanner .bH{ height: 100%; position: relative; align-items: center; display: flex;}
.ibanner .bfont{text-align: left;}
.ibanner .bstyle1{ font-size:5rem; font-weight:bold; position: relative; z-index: 2; color: #2d2d2d; transform: translateY(100px); opacity: 0;line-height:8rem; margin-top:12rem; letter-spacing:5px;}
.ibanner .binfo{ font-size: 2.4rem; color: #2d2d2d; margin-top:2rem; position: relative; z-index: 2;transform: translateY(100px); opacity: 0; display: block;}
.ibanner .bmore{ margin-top:6rem;transform: translateY(100px); opacity: 0;}
.ibanner .bmore a{ display: inline-block; width: 200px; line-height: 55px; color: #fff; background-color: #0094ff; font-size: 16px; text-align: center; position: relative; border-radius: 55px; margin-right: 1rem; border: 1px solid #0094ff;}
.ibanner .bmore i{ font-size: 24px; vertical-align: middle;}
.ibanner .bmore a:nth-child(2){ background-color: #1d2c38; border: 1px solid #1d2c38;}
.ibanner .bmore a:hover{ border: 1px solid #0091ff; background: transparent; color: #0094ff;}
.ibanner .bimg{ transform: translateY(100px); opacity:0;}
.ibanner .bfont2 .bstyle1{ font-size:7.2rem;letter-spacing:5px;}
.ibanner .bfont2 .bstyle1,.ibanner .bfont2 .binfo{ color: #fff;}
.ibanner .bfont2 .bmore a:nth-child(2){ background-color: #fff; border-color: #fff; color: #0094ff;}
.ibanner .bfont2 .bmore a:nth-child(2):hover{ border-color: #0094ff; background-color: #0094ff; color: #fff;}
.ibanner .swiper-slide-active .bstyle1{ transform: translateY(0); opacity: 1; transition: all 2s ease .1s;}
.ibanner .swiper-slide-active .binfo{ transform: translateY(0); opacity: 1; transition: all 2s ease .5s;}
.ibanner .swiper-slide-active .bmore{ transform: translateY(0); opacity: 1; transition: all 2s ease 0.9s;}
.ibanner .swiper-slide-active .bimg{ transform: translateY(0); opacity: 1; transition: all 1s ease 1s;}
.ibanner .scroll-dot{ text-align: center; position: absolute; bottom: 6rem; height: 60px; width: 50px; left: 0; right: 0; margin: 0 auto; z-index: 10; animation: scroll 3s infinite;}
.ibanner .scroll-dot i{ font-size: 5rem; color: #fff; line-height: 60px;}
@keyframes scroll{
	0%{ bottom: 6rem; opacity: 1;}
	50%{ bottom: 3rem; opacity: 0.3;}
	100%{ bottom: 6rem; opacity: 1;}
}
.iblock-1{ width: 100%; position: relative;}
.iblock-1 .brow::before{ content: "";  display: block; position: absolute; width: 251px; height: 123px;background: url(../img/bk_hover.png) no-repeat 0 0; right: 0; bottom: 0; }
.iblock-1 .brow:nth-child(2)::before{ background-image: url(../img/bk_hover.png);}
.iblock-1 .brow{ width: 22%; background-color: #292f36; text-align: center; position: relative; overflow: hidden;}
.iblock-1 .brow:nth-child(2){ background-color: #292f36;}
.iblock-1 .active{ width: 34%;}
.iblock-1 a{ height: 312px; padding: 0 6rem; box-sizing: border-box; color: #fff; align-items: flex-start; position: relative; z-index: 2;}
.iblock-1 a span{ font-size: 24px; display: block; position: relative; z-index: 2; font-weight: bold;}
.iblock-1 a i{font-size: 5rem; line-height: 6rem; color: #fff; position: relative; z-index: 2; display: block;}
.iblock-1 a p{ opacity: 0; height: 0; font-size: 14px; line-height: 30px; text-align: left; color: #636363;}
.iblock-1 a font{ color: rgba(255,255,255,0.1); font-size: 3.6rem; font-family: "arial black"; text-transform: uppercase;}
.iblock-1 .brow:nth-child(2) a font{ }
.iblock-1 .bmore{ color: #114ea9; font-size: 15px; text-align: left; margin-top: 20px; line-height: 50px;}
.iblock-1 .bmore i{ font-weight: bold; font-size: 18px; vertical-align: middle; margin-left: 5px;}
.iblock-1 .active,.iblock-1 .brow.active:nth-child(2) { background-color: #f6f6f6; }
.iblock-1 .brow.active::before{ background-image: url(../img/bk_hover3.png); right: 10%;}
.iblock-1 .active .bimg img{ }
.iblock-1 .active .bmore{ opacity: 0;}
.iblock-1 .active a{align-items: center;transition: all 0.3s;}
.iblock-1 .active a i{ color: #333;}
.iblock-1 .active a font{ color: #eae9e9; position: relative; margin-top: -3rem;}
.iblock-1 .active a p{ opacity: 1; height: auto;}
.iblock-1 .active a span{ color: #000;}

.ibk_bg2{ background:#fff; padding: 8rem 0;}
.nav-line{ position: relative;}
.nav-tabs{ width:60%; margin: 0 auto position: relative; text-align: center; left: 0; }
.nav-tabs .tab-tit{ text-align: center; position: relative; display:block; cursor: pointer;background-color: #fff; width: 99%; height: 34px; border-radius: 34px; border: 1px solid #dedede; color: #595959; line-height: 34px;}
.nav-tabs .tab-tit span{ font-size: 18px; display: inline-block; position: relative; z-index: 2; }
.nav-tabs .swiper-slide-thumb-active .tab-tit{ background-color: #1585e9; color: #fff; border-color: #1585e9;}
.nav-tabs .swiper-slide{ position: relative;}
.ibk_bg2 .swiper-button-next,.ibk_bg2 .swiper-button-prev{ background:none; width: 36px; height: 36px; line-height: 36px; border-radius: 70px; margin-top: 200px; text-align: center; top: 0; z-index: 1000;}
.ibk_bg2 .swiper-button-next i,.ibk_bg2 .swiper-button-prev i{ color: #111; font-size: 18px; }
.ibk_bg2 .swiper-button-prev{ left: 0;}
.ibk_bg2 .swiper-button-next{ right: 0;}
.ibk_bg2 .swiper-button-next i{ color: #1d89ea;}
.ibk_bg2 .swiper-button-next:hover i,.ibk_bg2 .swiper-button-prev:hover i{ color: #1d89ea;}


.tab-list{width: 100%; overflow: hidden;}
.tab-list .swiper-slide {}
.ipro-box{ background: url(../img/pbg_k1.jpg) no-repeat center center; background-size: cover;}
.ipro-box a{ display: block;}
.ipro-box .btit span{ font-size: 3.6rem; color: #141414; font-weight: bold; line-height: 46px; display: inline-block; vertical-align: middle;}
.ipro-box .btit span i{ display: inline-block; width: 42px; line-height: 22px; border-radius: 2px; text-align: center; color: #fff; background-color: #1585e9; font-size: 14px; font-weight: normal; vertical-align: middle; margin-left: 5px;}
.ipro-box .btit p{ color: #818181; margin: 1rem 0;}
.ipro-box .pmore{ width: 150px; line-height: 37px; border: 1px solid #141414; color: #141414; font-size: 14px; margin:15px auto;border-radius:20px;}
.ipro-box .bimg{ width: 70%; text-align: center; margin:20px auto;}
.ipro-box.bimg img{ transform: scale(1); transition: all 1s;}
.ipro-box a:hover .pmore{ background-color: #1585e9; color: #fff; border-color: #1585e9;}
.ipro-box a:hover .bimg img{ transform: scale(1.2); transition: all 1s;}

.ipro-box2{ background: url(../img/pbg_k2.jpg) no-repeat center center; background-size: cover; display: block!important; margin-bottom: 2rem;}
.ipro-box2 a{ display:flex; position: relative; height:100%;}
.ipro-box2 .btit{ position: absolute; width: 100%; bottom:0px; height: 50px; box-sizing: border-box; background-color: rgba(255,255,255,0.5);white-space: nowrap; overflow: hidden;text-overflow: ellipsis; }
.ipro-box2 .btit span{ font-size: 18px; color: #383838; line-height: 50px; display: inline-block; vertical-align: middle;}
.ipro-box2 .btit i{ display: block; color: #fff; font-size: 3rem; width: 45px; height: 45px; line-height: 45px; border-radius: 100%; border: 1px solid #fff; margin: 0 auto; opacity: 0; height: 0;}
.ipro-box2 .btit p{ color: #fff; font-size: 14px; line-height: 22px; height: 0; opacity: 0;}
.ipro-box2 .pmore{ width: 150px; line-height: 37px; border: 1px solid #141414; color: #141414; font-size: 12px; margin: 0 auto;}
.ipro-box2 .bimg{ text-align: center; margin:0 auto; left:0; right:0;position: relative;height:100%;overflow:hidden;display: flex;align-items:center;box-sizing: border-box;}
.ipro-box2 .bimg img{ transform: scale(1); transition: all 1s;}
.ipro-box2 a:hover .bimg img{ transform: scale(1.2); transition: all 1s;}
.ipro-box21 a:hover .btit{ background-color: rgba(21,133,233,0.4); color: #fff; height: 100%; bottom: 0; padding: 3rem;display: flex; align-items: center; justify-content: center; flex-direction: column;}
.ipro-box21 a:hover .btit i,.ipro-box21 a:hover .btit p{ height: auto; opacity: 1;}
.ipro-box21 a:hover .btit span{ font-size: 20px; margin: 1rem 0; color: #fff;}
.ipro-odd{background-image: url(../img/pbg_k3.jpg);}

a.amore{ display: inline-block; width: 150px; text-align: center; line-height: 37px; color: #fff; border: 1px solid #1e8deb; background-color: #1e8deb; font-size: 14px;border-radius:20px;}
a.amore i{ vertical-align: middle;}
a.amore:hover{ color: #1e8deb; background-color: #fff;}

.ibk_bg3{ background: url(../img/ibg_k1.jpg) no-repeat center center; background-size: cover; padding: 10rem 0;}
.ibk_bg3 .pos{ margin-top: -8rem;}
.tab-list2{ height: 100%;}
.tab-list2 .bcont{ padding-top: 15rem; color: #fff; width: 80%;}
.tab-list2 .bcont .btit{ font-weight: bold; font-size: 4rem;}
.tab-list2 .bcont p{ font-size: 14px; line-height: 24px; margin-top: 4rem;}
.tab-list2 .bmore{ display: block; width: 150px; line-height: 37px; color: #fff; border: 1px solid #fff; font-size: 12px; vertical-align: middle; text-align: center; position: relative; margin-top: 6rem;}
.tab-list2 .bmore:hover{background-color: #fff; color: #1e8deb;}
.tab-list2 .bimg{ position: relative; padding-right: 26%;}
.tab-list2 .bimg img.yimg{ position: absolute; right: 40%; top: 14%; width: 66%;}
.tab-list2 .bimg i{ display: block;}

.nav-tabs2{ position: absolute; width: 50%; height: 100%; top: 0; color: #fff; left: 76%; overflow: visible;}
.nav-tabs2 .tab-tit{ clear: both; overflow: hidden; cursor: pointer;}
.nav-tabs2 i{ float: left; width: 80px; height: 80px; border-radius: 100%; overflow: hidden; box-sizing: border-box; padding: 3px; background-color: #fff; margin-right: 2rem;}
.nav-tabs2 i img{ width: 100%; border-radius: 100%;}
.nav-tabs2 p{ font-size: 22px;}
.nav-tabs2 p span{ font-size: 12px; color: #63788c; font-family: arial; display: block; font-weight: bold;}
.nav-tabs2 .swiper-slide-thumb-active .tab-tit i,.nav-tabs2 .tab-tit:hover i{ background: linear-gradient(90deg,#1893ec,#2bddf9);}
/* .nav-tabs2 span::after{ content: ""; width: 20px; height: 20px; border-radius: 100%; background-color: #009ec5; top: -4px; right: -18px; position: absolute; opacity: 0; transform: scale(0); transition: all 0.3s;}
.nav-tabs2 .swiper-slide-thumb-active span::after,.nav-tabs2 .tab-tit:hover span::after{ opacity: 1; transform: scale(1); transition: all 0.3s;} */
.nav-tabs2 .swiper-slide:nth-child(1){ right: 0; top: 5%;}
.nav-tabs2 .swiper-slide:nth-child(2){ right: -15%; top: 5%;}
.nav-tabs2 .swiper-slide:nth-child(3){ right: -14%; top: 8%;}
.nav-tabs2 .swiper-slide:nth-child(4){ right: -3%; top: 8%;}

.ibk_bg5{ background-color: #f6f6f6; padding: 10rem 0; position: relative;}
.ibk_bg5::after{ content: "CASE"; font-family: "arial black"; font-size: 30rem; position: absolute; right: 0; bottom: -10rem; line-height: 30rem;text-transform: uppercase;-webkit-text-stroke: 1px #e4e4e4;color: transparent; }
.ibk_bg5 .swiper-container{ width:75%; margin:10rem auto 0; overflow: visible;}
.case-box{ margin-bottom: 0;}
.case-box .ntit{ display: none; text-align: center; padding: 2rem 0;}
.case-box .ntit .bimg{ width: 55px; height: 55px; border-radius: 100%; margin: 0 auto;}
.case-box .ntit span{display: block; margin: 1rem 0 0; font-size: 3rem; color: #141414;}
.case-box .ntit p{ color: #565656;}
.case-box .ntit a{ display: block; width: 150px; line-height: 36px; border: 1px solid #087eea; color: #087eea; font-size: 12px; vertical-align: middle; border-radius: 36px; margin: 1rem auto 0;}
.case-box .ntit a:hover{ background-color: #087eea; color: #fff;}
.ibk_bg5 .swiper-slide-active .case-box .ntit{ display: block;}
.ibk_bg5 .swiper-slide{ opacity: 0.5;}
.ibk_bg5 .swiper-slide-active,.ibk_bg5 .swiper-slide-prev,.ibk_bg5 .swiper-slide-next{ opacity: 1;}
.ibk_bg5 .swiper-button-next,.ibk_bg5 .swiper-button-prev{ background:#fff; width: 70px; height: 70px; line-height: 70px; border-radius: 70px; border: 1px solid #dedede; opacity: 1; margin-top: 0; text-align: center; top: 20%; z-index: 1000;}
.ibk_bg5 .swiper-button-next i,.ibk_bg5 .swiper-button-prev i{ color: #111; font-size: 20px; }
.ibk_bg5 .swiper-button-prev{ left: -55px;}
.ibk_bg5 .swiper-button-next{ right: -55px;}
.ibk_bg5 .swiper-button-next:hover,.ibk_bg5 .swiper-button-prev:hover{background-color: #1d89ea; border-color: #1d89ea; color: #fff;}
.ibk_bg5 .swiper-button-next:hover i,.ibk_bg5 .swiper-button-prev:hover i{ color: #fff;}

.ibk_bg4{}
.ibk_bg4 .about-num .brow{ margin-bottom: 2rem; text-align: center; float: left; width: 25%;}
.ibk_bg4 .about-num .brow i{display: block;}
.ibk_bg4 .about-num .brow span{ display: block; margin: 1rem 0;}
.ibk_bg4 .about-num .brow span b{ font-size: 4.8rem; color: #1d89ea; font-family: arial; line-height: 5rem;}
.ibk_bg4 .about-num .brow span i{ display: inline-block; color: #717171; font-size: 16px;}
.ibk_bg4 .about-num .brow p{ color: #717171;}
.ibk_bg4 .box-title{ border-right: 1px solid #dedede;}
.ibk_bg4 .box-title a{ display: block; width: 150px; text-align: center; line-height: 37px; border: 1px solid #1d89ea; font-size: 14px; color: #1d89ea; margin-top: 2rem;}
.ibk_bg4 .box-title a:hover{ background-color: #1d89ea; color: #fff;}
.ibk_bg4 .pos{ background-color: #f6f6f6; padding: 8rem 0;}
.ibk_bg4 .pos::after{ content: "RAYCEE"; font-family: "arial black"; font-size: 15rem; position: absolute; right: 0; bottom: -5rem; line-height: 15rem;text-transform: uppercase;-webkit-text-stroke: 1px #e4e4e4;color: transparent; }
.ibk_bg4 .bimg{ text-align: right; position: relative;}
.ibk_bg4 .pos .wrap{ position: relative;}
.ibk_bg4 .iblock-2{ position: absolute; left: 0; bottom: 10%; color: #717171; font-size: 14px; width: 30%; z-index: 10;}
.bmap-bk{ position: absolute; width: 100%; height: 100%; right: 0; top: 0; width: 77%;}
.bmap-bk .alogo{ position: absolute; width: 72px; height: 72px; border-radius: 72px; background-color: #fff; box-shadow: #ddd 0 0 10px;}
.bmap-bk .alogo img{ width: 100%; height: 100%; border-radius: 100%; position: relative; filter: grayscale(100%); filter: gray; cursor: pointer;}
.bmap-bk .alogo:nth-child(1){ left: 6%; top: 25%;}
.bmap-bk .alogo:nth-child(2){ left: 12%; top: 16%;}
.bmap-bk .alogo:nth-child(3){ left: 52%; top: 7%;}
.bmap-bk .alogo:nth-child(4){ left: 54%; top: 21%;}
.bmap-bk .alogo:nth-child(5){ right: 4.5%; top: 30%;}
.bmap-bk .alogo p{ width: 200px;background-color: #fff; text-align: center; border-radius: 8px; padding: 1rem; position: absolute; bottom: -70px; left: -80px; z-index: 3; display: none; color: #555;}
.bmap-bk .alogo:hover{ box-shadow: #8bbbe7 0 0 10px;}
.bmap-bk .alogo:hover img{ filter: grayscale(0); filter: none;}
.bmap-bk .alogo:hover p{ display: block;}

.ibk_bg1{ padding: 10rem 0;}

.news-box{ margin-bottom: 0; width: auto;}
.news-box a{ display: block; position: relative; overflow: hidden;}
.news-box .icon{}
.news-box .icon img{ width: 100%;}
.news-box .date{ clear: both; overflow: hidden; line-height: 30px;}
.news-box .date span{font-size: 14px; float: left; font-family: arial;}
.news-box .date i{ float: right; color: #fff; font-size: 24px;}
.news-box .ninfo{ padding: 20rem 4rem 4rem; position: absolute; bottom: 0; left: 0; width: 100%; box-sizing: border-box;background: linear-gradient(360deg,rgba(0,0,0) 0,rgba(0,0,0,0) 90%);}
.news-box span{ color: #fff; display:block;}
.news-box h3{ text-align: left; font-size: 22px; padding: 0; font-weight: normal; margin:0 0 2rem; line-height: 36px; color: #fff;}
.news-box p{ color: #fff; border-top: 1px solid #374054; padding-top: 2rem; margin-bottom: 2rem;}
.news-box a:hover span,.news-box a:hover h3,.news-box a:hover p,.news-box a:hover i{ color: #fff;}

.news-box2{ margin-bottom: 0; }
.news-box2 a{ display: block; position: relative; overflow: hidden;}
.news-box2 .icon{}
.news-box2 .icon img{ width: 100%;}
.news-box2 .date{ clear: both; overflow: hidden; line-height: 30px; margin-top:2rem;}
.news-box2 .date span{font-size: 14px; float: left; font-family: arial;color: #595959;}
.news-box2 .date i{ float: right; color: #1d89ea; font-size: 24px;}
.news-box2 .ninfo{ background:#fff; padding: 3rem 0 2rem;}
.news-box2 span{ color: #333; display:block;}
.news-box2 h3{ text-align: left; font-size: 22px; padding: 0; font-weight: normal; margin:0 0 2rem; line-height: 36px; color: #333;}
.news-box2 p{ color: #595959;}
.news-box2 a:hover h3,.news-box a:hover i{ color: #1d89ea;}

.news-box3{ margin-bottom: 3rem; }
.news-box3 a{ display: block; position: relative; overflow: hidden;}
.news-box3 .icon{}
.news-box3 .icon img{ width: 100%;}
.news-box3 .date{ clear: both; overflow: hidden; line-height: 30px; margin-top:2rem;}
.news-box3 .date span{font-size: 14px; float: left; font-family: arial;color: #595959;}
.news-box3 .date i{ float: right; color: #1d89ea; font-size: 24px;}
.news-box3 .ninfo{ background:#fff; padding:2rem;}
.news-box3 span{ color: #2f2f2f; display:block;}
.news-box3 span i{ color: #007aff; font-size: 22px; vertical-align: middle;}
.news-box3 h3{ text-align: left; font-size:18px;padding:0;font-weight: normal; margin:0 0 0.5rem;line-height:26px; color: #333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news-box3 p{ color: #595959; display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;}
.news-box3 a:hover h3,.news-box3 a:hover i{ color: #1d89ea;}
.ibk_bg1 .row .span-4{border-left: 1px solid #dedede; padding-left: 30px; box-sizing: border-box;}
.ibk_bg1 .row .span-4:nth-child(1){ border-left: 0; padding-left: 0;}
.ibk_bg6{ background: url(../img/ibg_k2.jpg) no-repeat center center; background-size: cover; padding: 8rem 0; color: #fff;}
.sect_news{ background-color: #f9f9f9; padding-bottom:0rem; position: relative;}
.sect_news::before{ content: ""; background-color: #fff; position: absolute; top: 0; left: 0; width: 100%; height:0rem;}
.nbanner{ background-image: url(../img/nban1.jpg); background-position: center; background-size: cover; height: 550px; width: 100%; position: relative;}
.nbanner .wrap{ height: 100%;}
.nbanner .nbrow{ height: 100%; color: #fff; box-sizing: border-box;}
.nbanner .nbrow .nbtit{ font-size: 5rem; display: block; margin-top: 4rem; }
.nbanner .nbrow .nbtit::after{ content: ""; width: 30px; height: 4px; background-color: #fff; display: block; margin: 1rem auto;}
.nbanner .nbrow .nben{ font-size: 7.2rem; line-height: 8rem; color: rgba(255,255,255,0.1); font-family: "arial black"; text-transform: uppercase;}
.sub_box{ width: 100%; left: 0; z-index:10000; position: relative; line-height:60px; text-align: center; border-bottom: 1px solid #dedede; background-color: #fff;}
.sub_box .cate a{ display: inline-block; color: #2f2f2f; font-size: 18px; padding: 0 4%;}
.sub_box .cate a:hover{ background-color:#ddd;}
.sub_box .cate a.current{ background-color: #1d89eb; color: #fff;}
.fix-sub{ position: fixed; top:81px; left: 0;}
.psub-box{width:100%;z-index: 10; background-color: #fff;}
.pcate{ position: fixed; width: 200px; height: 250px; left:10px; bottom: 10%; z-index: 10000000; }
.pcate:before{ content: "";border-right: 1px solid #959595; display: block; width: 1px; height: 100%; position: absolute; top: 33px; left: 10px; bottom: 0; margin: auto 0;}
.pcate a{ color: #2f2f2f; display: block; position: relative; line-height: 40px; margin-bottom: 2rem;}
.pcate a span{ position: relative; z-index: 3; display: inline-block; width: 150px; border: 1px solid #dedede; border-radius: 4px; text-align: center; background-color: #fff; margin-left: 35px;}
.pcate a:before{ content: ""; width: 22px; height: 22px; display: block; position: absolute; top: 0; left: 0; bottom: 0; margin: auto 0; background: #adadad; opacity: 0.2; border-radius: 22px;}
.pcate a:after{ content: ""; width: 10px; height: 10px; display: block; position: absolute; top: 0; left: 6px; bottom: 0; margin: auto 0; background: #adadad; border-radius: 10px;}
.pcate a.current{ color: #fff;}
.pcate a.current span{ background-color: #097beb; border-color: #097beb;}
.pcate a.current:before{ background: #097beb;}
.pcate a.current:after{ background: #097beb;}

.pcate-tit{position: relative;}
.pcate-tit{line-height: 7rem; font-size: 5.4rem;}
.pcate-tit span{ position: relative; z-index: 2;}
.pcate-tit i{ position: absolute; right: 0; bottom: 0;font-family: "arial black"; font-size: 15rem; line-height: 15rem;text-transform: uppercase;-webkit-text-stroke: 0.5px #e4e4e4;color: transparent; }
.pline{border-bottom: 1px solid #dedede; padding: 8rem 0;}
.prod-bk1{ padding:5rem 0;}
.pro-sub .icon{ background: none;}
.pro-sub .icon img{ width: 100%;}
.pblock{ padding:0rem 0 0;}
.pblock span{ display: block; font-size: 14px; color: #087eea;}
.pblock a.btit{ font-size: 4rem; display: inline-block; font-weight: bold;}
.pblock p{ color: #777777; line-height: 36px; margin:1rem 0 2rem;display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal; }
.pblock .binfo{width: 100%;}
.pblock .binfo a{ float: left; width: 24%; margin: 0 1% 15px 0; text-align: center; display: block; border: 1px solid #dedede; line-height: 36px; color: #424242; font-size: 14px;border-radius: 20px;box-sizing: border-box;}
.pblock .binfo a:hover{ color: #fff; border-color: #1e8deb; background-color: #1e8deb;}
.pblock .binfo .brow{ float: left; width: 33.33%; text-align: center;}
.pblock .binfo .brow span{ display: block; font-size: 17px; color: #424242;}
.pblock .binfo .brow:hover img{ transform: rotateY(360deg); transition: all 1s;}
.prod-bk2{ background:url(../img/pro-bg.jpg) no-repeat center center; background-size: cover; padding:5rem 0;}
.prod-bk2 .row .span-7{}
.prod-bk2 .pblock a.btit,.prod-bk2 .pblock span{ color: #fff;}
.prod-bk2 .pblock p{ color: #cbdef0;}
.prod-bk2 a.amore{ background-color: #fff; color: #1c85e6;}
.prod-bk2 a.amore:hover{ border-color: #fff; background: transparent; color: #fff;}
.prod-bk2 .pblock .binfo a{ color: #fff;}
.prod-bk2 .pblock .binfo a:hover{ background-color: #fff; color: #1e8deb; border-color: #fff;}
.prod-bk2 .pblock .binfo .brow span{ color: #fff;}
.sect_nk1{ background: linear-gradient(180deg,#f2f4f8,#ffffff); padding: 8rem 0; position: relative; z-index: 10;}
.sect_nk1::after{ content: "CASE"; font-family: "arial black"; font-size: 25rem; position: absolute; right: 0; top: 0; line-height: 25rem;text-transform: uppercase;-webkit-text-stroke: 1px #eee;color: transparent; }
.sect_nk1 .swiper-container{ overflow: visible;}
.sect_nk1 .swiper-button-next,.sect_nk1 .swiper-button-prev{ height: 54px; width: 130px; line-height: 54px; text-align: center; background: none;  opacity: 1; margin-top: -50px;}
.sect_nk1 .swiper-button-next::before, .sect_nk1 .swiper-button-prev::before{ content: ""; background-color: #1585e9; position: absolute;top: 0; height: 0; width: 100%; height: 100%; left: 0;transform: skewX(-38deg);}
.sect_nk1 .swiper-button-next i, .sect_nk1 .swiper-button-prev i{ font-size: 24px; color: #fff; position: relative; z-index: 2;}
.sect_nk1 .swiper-button-prev{ left: -60px;}
.sect_nk1 .swiper-pagination{ width: 120%; height: 9px; border-radius: 9px; overflow: hidden; background-color: #dfdfdf;}
.sect_nk1 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ background-color: #1585e9;}

.pro-box{ margin-bottom: 3rem;}
.pro-box a{ clear: both; overflow: hidden; background:#fff; border-radius: 10px ; box-sizing: border-box; box-shadow: #eee 0 0 10px;}
.pro-box .icon{ position: relative; background: none; overflow: hidden;}
.pro-box .icon img{ width: 100%;}
.pro-box .brow{ padding: 3rem;}
.pro-box .btit{ clear: both; overflow: hidden;}
.pro-box .btit i{ float: left; display: block; width: 55px; height: 55px; border-radius: 100%; overflow: hidden; margin-right: 1rem;}
.pro-box .btit p{ font-size: 2.4rem; line-height: 55px;}
.pro-box .binfo{ color: #595959; margin-top: 1rem;}
.pro-box span i{ margin-left: 5px; display: inline-block; width: 15px; height: 15px; text-align: center; border: 1px solid #666666; border-radius: 15px;}
.pro-box a:hover{ background: #1585e9;}
.pro-box a:hover .binfo,.pro-box a:hover .btit p{ color: #fff; transition: all 0.3s;}

.sect_pro{ background: url(../img/pro_xq.jpg) no-repeat center center; background-size: cover; padding:8rem 0;}
.sect_pro .jcent{ height: 100%; align-items: flex-start;}
.sect_pro .brow{ color: #fff;}
.sect_pro .bimg{ text-align:center;}
.sect_pro .brow .ctit{ font-size:5rem; line-height:5.2rem;}
.sect_pro .brow .ptit{ font-size: 3.2rem;}
.sect_pro .brow .binfo{ font-size:20px;line-height: 36px; margin-top:1rem;}
.sect_pro .brow .btel{ background: url(../img/bg_tel.png) no-repeat 0 0; height: 81px; width: 537px;}
.sect_pro .brow .btel .fl{ width: 60%;}
.sect_pro .brow .btel .fr{ width: 40%;}
.sect_pro .brow .btel a{ line-height: 81px; display: block; text-align: center; font-size: 24px; color: #0092ff;}
.sect_pro .brow .btel a i{ font-size: 30px; vertical-align: middle;}
.sect_pro .brow .btel a:hover{ text-decoration: underline;}
.sect_pro .brow .ptel{ padding: 6px 2rem 0; color: #fff;}
.sect_pro .brow .ptel i{ float: left; font-size: 40px;}
.sect_pro .brow .ptel p{ line-height: 70px;}
.sect_pro .brow .ptel p span{ font-size: 24px; display: block;}
.sect_pro .pprev,.sect_pro .pnext{ width: 50px; height:50px; position: absolute; top: 50%; margin-top:-25px; text-align: center;border-radius:100%;background:#0092ff;}
.sect_pro .pprev a,.sect_pro .pnext a{ display: block; color:#fff;}
.sect_pro .pprev i,.sect_pro .pnext i{ display: block; font-size:22px; line-height:50px;}
.sect_pro .pprev{ left: 4%;}
.sect_pro .pnext{ right: 4%;}
.sect_pro .pprev:hover,.sect_pro .pnext:hover{background:#fff;}
.sect_pro .pprev a:hover,.sect_pro .pnext a:hover{color:#0092ff;}

.sect_pro1{ background: url(../img/npro_bg1.jpg) no-repeat center center; background-size: cover; padding:6rem 0 1rem;}
.box-ptit{ text-align: center; position: relative;}
.box-ptit span{ font-size: 4rem; font-weight: bold; position: relative; display: block; z-index: 2;}
.box-ptit::after{ content: ""; width: 70px; height: 10px; background-color: #41a1f7; position: absolute; bottom: 13px; left: 0; right: 0; margin: 0 auto;}
.sect_pro1 .swiper-button-next,.sect_pro1 .swiper-button-prev{ background:#fff; width: 55px; height: 55px; line-height: 55px; border-radius: 55px; border: 0; box-shadow: #eee 0 0 10px;  margin-top: 0; text-align: center; top: 20%; z-index: 1000;}
.sect_pro1 .swiper-button-next i,.sect_pro1 .swiper-button-prev i{ color: #111; font-size: 20px; }
.sect_pro1 .swiper-button-prev{ left: -55px;}
.sect_pro1 .swiper-button-next{ right: -55px;}
.sect_pro1 .swiper-button-next:hover,.sect_pro1 .swiper-button-prev:hover{background-color: #1d89ea; border-color: #1d89ea; color: #fff;}
.sect_pro1 .swiper-button-next:hover i,.sect_pro1 .swiper-button-prev:hover i{ color: #fff;}

.pro-tx{ text-align: center; border-right: 1px dashed #dedede;}
.pro-tx .bimg{ border: 1px solid #eee; border-radius: 129px; width: 129px; height: 129px; margin: 0 auto;}
.pro-tx span{ display: block; font-size: 2.4rem; color: #111; margin-top: 2rem;}
.pro-tx.blast{ border-right: 0;}

.gmore,.ghide{ border: 1px solid #087eea; border-radius: 36px; width: 150px; line-height: 36px; text-align: center; margin: 8rem auto 0; display:none;}
.gmore span,.ghide span{ font-size: 12px; color: #087eea; cursor: pointer;}
.pcontent{overflow: hidden; position: relative;}
.pcontentx::after{ content: ""; position: absolute; width: 100%; height:30%; background: linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,0.9)); bottom: 0; left: 0;}
.pcontent p{ color: #505050; line-height: 36px; margin-bottom: 3rem;}
.pcontent p strong{ font-size: 3.2rem; color: #000000;}
.pshow{ height: auto;}
.pshow::after{ display: none;}

.pcs-tit{ width: 101%;}
.pcs-tit a{ font-size: 24px; color: #fff; line-height: 62px; border-bottom: 5px solid #0092ff; border-radius: 10px; display: block; float: left; margin-right: 1%; width: 13.28%; text-align: center; background: linear-gradient(to top,rgba(76,90,103),rgba(76,90,103,0));}
.pcs-tit a.active,.pcs-tit a:hover{ background: #fff; color: #111;}
.pcs-list{ margin-top: 3rem; color: #fff;}
.pcs-list .bimg{ text-align: center;}

.sect_pro2{ background: url(../img/npro_bg2.jpg) no-repeat center bottom; background-size: cover; padding: 10rem 0;}
.sect_pro2 .box-ptit{ color: #fff;}
.pro-zx{ background: linear-gradient(to left,rgba(255,255,255,0),rgba(61,71,82,0.9)); padding: 2rem 3%; color: #fff; border-radius: 10px;}
.pro-zx a{float: right; line-height: 55px; border-radius: 55px; text-align: center; width: 200px; text-align: center; background-color: #0092ff; font-size: 20px; color: #fff; margin-left: 2rem;}
.pro-zx a i{ font-size: 24px; vertical-align: middle;}
.pro-zx a:hover{ background-color: #fff; color: #0092ff;}
.pro-zx p span{ display: block; font-size: 22px;}

.sect_pro3{ background: url(../img/npro_bg3.jpg) no-repeat center center; background-size: cover; padding: 10rem 0;text-align: center; }
.hy-tit a{ text-align: center; width: 15%; display: inline-block; padding: 2rem 0;}
.hy-tit a i{ display: block; color: #0092ff; font-size: 4rem;}
.hy-tit a span{ display: block; margin-top: 2rem; font-size: 18px;}
.hy-tit a.active,.hy-tit a:hover{ background: #0092ff; color: #fff; border-radius: 10px;}
.hy-tit a.active i,.hy-tit a:hover i{ color: #fff;}
.hy-list{ margin-top: 4rem;}
.hy-box{ background-color: #fff; padding: 6rem; box-shadow: #eee 0 0 10px; margin: 10px; text-align: left;}
.hy-box .brow{ margin-left: 5%;}
.hy-box .brow .idot{ display: block; width: 90px; height: 90px; border-radius: 100%; border: 1px solid #0092ff; color: #0092ff; font-size: 5rem; text-align: center; line-height: 90px;}
.hy-box .brow span{ display: block; font-size: 3rem; margin: 2rem 0;}
.hy-box .brow p{ color: #343434; line-height: 36px;}
.hy-box .brow p::before{ content: ""; width: 6px; height: 6px; border-radius: 6px; background-color: #0092ff; display: inline-block; vertical-align: middle; margin-right: 5px;}
.hy-box a{ display: inline-block; width: 150px; text-align: center; line-height: 37px; color: #fff; border: 1px solid #1e8deb; background-color: #1e8deb; font-size: 12px;}
.hy-box a i{ vertical-align: middle;}
.hy-box a:hover{ color: #1e8deb; background-color: #fff;}

.sect_pro4{ padding: 8rem 0;}

.sect_case{ border-bottom: 1px solid #dedede;}
.sect_case .brow{ padding-bottom: 8rem;}
.sect_case .btit{ color: #363636; font-size: 5.5rem; line-height: 7rem; text-transform: uppercase; font-family: "arial black";}
.sect_case .btit font{ color: #1d89ea; display: block;}
.sect_case .btit2{ font-size: 4rem; color: #2f2f2f; font-weight: bold;}
.sect_case .binfo{ line-height: 30px; color: #4b4b4b; margin-top: 2rem;}
.sect_case .brow-bk .fl{ border-right: 1px solid #dedede; padding-right: 2rem; width: 130px;}
.sect_case .brow-bk .fl:nth-child(2){ border-right: 0; padding-right: 0; margin-left: 3rem;}
.sect_case .brow-bk .fl i{ float: left; font-size: 4rem; color: #1d89eb; line-height: 48px; margin-right: 1rem;}
.sect_case .brow-bk .fl p{ color: #363636; font-size: 18px; line-height: 24px;}
.sect_case .brow-bk .fl b{ font-size: 4.8rem; color: #1d89ea; line-height: 48px; }
.sect_case .brow-bk .fl font{ color: #363636; font-size: 18px; line-height: 24px; vertical-align: middle; margin-left: 1rem;}
.sect_case .bimg{ position: absolute; right: 0; top: 0; width: 50%;}
.sect_case .bimg img{ width: 100%;}
.box-ctit{ position: relative;}
.box-ctit span{ font-size: 3.6rem; font-weight: bold; position: relative; display: inline-block; z-index: 2;}
.box-ctit span i{ position: relative; z-index: 3;}
.box-ctit span::before{ content: ""; width: 100%; height: 6px; background-color: #41a1f7; position: absolute; bottom: 14px; left: 0; right: 0; margin: 0 auto;}
.case-box2{ margin-bottom: 4rem;}
.case-box2 .icon img{ width: 100%;}
.case-box2 .ntit{ text-align: center; position: relative; margin-top: -25px;}
.case-box2 .ntit .bimg{ width: 55px; height: 55px; border-radius: 100%; margin: 0 auto;}
.case-box2 .ntit span.btit{display: block; margin: 1rem 0 0; font-size: 3rem; color: #141414;}
.case-box2 .ntit p{ color: #565656;}
.case-box2 .ntit a{ display: inline-block; line-height: 36px; border: 1px solid #087eea; color: #087eea; font-size: 12px; vertical-align: middle; border-radius: 36px; margin: 1rem auto 0; width: 80px;}
.case-box2 .ntit a span{ display: none;}
.case-box2 .ntit a:hover{ width: 150px; transition: all 0s;}
.case-box2 .ntit a:hover span{ display: inline-block;}

.case-tit{ background: url(../img/case_bg1.jpg) no-repeat center center; background-size: cover; padding: 4rem 0; color: #fff;}
.case-tit .place{ line-height: 26px; text-align: right; border-bottom: 0; color: #fff;}
.case-tit .place a{ color: #fff;}
.case-tit .place a:hover{ color: #fff; text-decoration: underline;}
.case-tit .brow i{ float: left; width: 100px; height: 100px; border-radius: 100%; display: block; overflow: hidden; margin-right: 2rem;}
.case-xq1 .brow span{ display: block;font-weight: bold;font-size: 3.6rem;}
.case-tit .brow i img{ width: 100%;}
.case-tit .brow p{font-size: 16px; line-height:30px;}
.case-tit .brow p span{font-size:3.0rem; display: block; line-height:4.2rem;}
.case-tit .cpage{ width: 100%; height: 100px;}
.case-tit .cprev,.case-tit .cnext{ width: 50px; height: 50px; border-radius: 100%; background-color: #fff; position: absolute; bottom: 0; text-align: center; line-height: 50px;}
.case-tit .cprev a,.case-tit .cnext a{ display: block; color: #c2c2c2;}
.case-tit .cprev i,.case-tit .cnext i{ display: block; font-size: 20px;}
.case-tit .cprev{ right: 40%;}
.case-tit .cnext{ right: 0;}
.case-tit .cprev a:hover,.case-tit .cnext a:hover,.case-tit .cnext a{ color: #0092ff;}
.case-xq1 .binfo p{color: #666666; line-height:30px;}
.case-xq1 .brow .fl{width: 50%;}
.case-xq1 .brow i{ float: left; display: block; width: 66px; height: 66px; line-height: 66px; border-radius: 100%; color: #fff; background-color: #1d89ea; margin-right: 2rem; text-align: center; font-size: 4rem;}
.case-xq1 .brow p{ line-height: 32px; font-size: 18px; color: #555;}
.case-xq1 .brow p span{ display: block; color: #212121; font-size: 20px;}

.case-yx{ background: url(../img/case_bg2.jpg) no-repeat center center; background-size: cover; padding: 8rem 0;}
.case-yx .ctit{ font-size: 3.6rem; text-align: center; font-weight: bold;}
.case-yx .brow{ position: relative; height: 100%; width: 100%; align-items: flex-start;}
.case-yx .bwk1,.case-yx .bwk2{ margin: 0 auto; box-shadow: #dedede 0 0 10px; width: 88%}
.case-yx .brow .btit{ font-size: 3rem; line-height: 10rem; border-radius: 5px; text-align: center; color: #fff; background-color: #1d89ea;}
.case-yx .brow .binfo{ border-radius: 0 0 5px 5px; background-color: #fff; padding: 2rem 6rem 6rem;}
.case-yx .brow p{ font-size: 22px; color: #2c2c2c; border-bottom: 1px solid #dedede; padding: 3rem 0;}
.case-yx .brow p i{ color: #3c95e5; font-size: 30px; margin-right: 1rem;}
.case-yx .brow p:nth-last-child(1){ border-bottom: 0;}
.case-yx .bwk2 .btit{ background-color: #525252; line-height: 8.9rem;}
.case-yx .bwk2 .binfo{ padding: 1rem 6rem 2rem;}
.case-yx .bwk2 p{ font-size: 16px!important; color: #666; padding: 2rem 0;}
.case-yx .bwk2 p i{ font-size: 22px; color: #666; vertical-align: middle;}
.case-yx .dot-vs{ position: absolute; width: 157px; height: 157px; border-radius: 100%; background-color: #fff; top: 0; bottom: 0; left: 0; right: 0; margin: auto auto; box-shadow: #dedede 0 0 10px; text-align: center; line-height: 157px;}
.case-yx .dot-vs::after{ content: ""; position: absolute; width: 85%; height: 85%;border: 1px solid #eee; border-radius: 100%; top: 0; bottom: 0; left: 0; right: 0; margin: auto auto;}
.case-yx .dot-vs i{ display: block; color: #015fb5; font-size: 3rem; font-family: "arial black";}

.case-qt{ background: none;}
.case-qt::after{ display: none;}
.qt-box .btit{ padding: 2rem 0 0; position: relative;}
.qt-box .btit span{ font-size: 18px;}
.qt-box .btit i{ position: absolute; right: 0; color: #015fb5;}

.bk-scroll{}
.bk-scroll .wrap2{ padding-bottom:5rem;}
.bk-scroll .bimg{ position: relative;}
.bk-scroll .bimg img{ width: 100%; height: 100%; object-fit: cover;}
.bk-scroll .ninfo{ position: relative; height: 100%; align-items: initial; box-sizing: border-box; padding:0 0;}
.bk-scroll .ninfo span{ display: block; font-size: 3rem; color: #2f2f2f;}
.bk-scroll .ninfo h3{ font-size: 3rem; margin: 0;color: #2f2f2f; line-height: 4.8rem;}
.bk-scroll .ninfo p{ color: #585858; font-size: 18px; line-height: 36px; margin: 1rem 0;-webkit-line-clamp: 3;}
.bk-scroll .ninfo a.nmore{ display: inline-block; width: 70px; color: #2f2f2f; font-size: 16px; position: relative; border-bottom: 1px solid #dedede; line-height:40px; text-align: center;}
.bk-scroll .ninfo a.nmore i{ font-size: 20px; position: absolute; width:38px; height:38px; line-height:38px; text-align: center; border-radius: 100%; color: #fff; background-color: #087eea; top: 0; right: -57px; display: block; transform: rotate(-40deg);transition: all 0.2s;}
.bk-scroll .ninfo a.nmore:hover{ color: #087eea;}
.bk-scroll .ninfo a.nmore:hover i{ transform: rotate(0); transition: all 0.6s;}
.bk-scroll .swiper-pagination{ bottom: 2rem; top: auto; width: 50%; left: 0; text-align: center;}
.bk-scroll .swiper-pagination-bullet{ width: 8px; height: 8px; background: #cccccc; border-radius: 14px; opacity: 1; margin: 0 5px;}
.bk-scroll .swiper-pagination-bullet-active{ background-color: #007aff;}
.bk-scroll .swiper-button-next,.bk-scroll .swiper-button-prev{ background: #cccccc; width:50px; height:50px; text-align: center; line-height:50px; margin-top: -70px;border-radius:100%; color: #fff;}
.bk-scroll .swiper-button-next i,.bk-scroll .swiper-button-prev i{ font-size: 20px;}
.bk-scroll .swiper-button-next{ right: 0; }
.bk-scroll .swiper-button-prev{ left: 0;}
.bk-scroll .swiper-button-next:hover,.bk-scroll .swiper-button-prev:hover{ background-color: #087ce4;}
.bk-scroll::after{ content: "RAYCEE"; font-family: "arial black"; font-size:10rem; position: absolute; right:3rem; bottom: 0; line-height:18rem;text-transform: uppercase;-webkit-text-stroke: 0.5px #efefef;color: transparent; }
.news-xq{ background-color: #f6f7f8; padding:6rem 0 4rem;}
.jobs-box2 .btit span{ font-size: 3.6rem;}
.jobs-box2 .btit p,.jobs-box2 .btit p a{ color: #0d79d2;}
.jobs-box2 .btit p a:hover{ text-decoration: revert;}
.jobs-cont{ margin-top: 20px;}
.jobs-cont span{ font-size: 24px;}
.jobs-cont span::before{ content: ""; width: 5px; height: 13px; background-color: #0d79d2; border-radius: 4px; display: inline-block;  margin-right: 10px;}
.jobs-cont p{ padding-left: 15px; font-size: 14px; color: #5b5b5b; line-height: 30px;}
.jobs-box2::-webkit-scrollbar{ border-radius: 4px;}
.jobs-box2::-webkit-scrollbar-corner, .jobs-box2::-webkit-scrollbar-track {
    background-color: #bfbfbf;
}
.jobs-box2::-webkit-scrollbar-thumb {
    border-radius: 0;
    background-color: #0d79d2;
}


.about_bk1{ padding: 8rem 0;}
.about_bk1 .binfo{ color: #4c4c4c; font-size: 16px; line-height: 36px; text-align: center;}
.about_bk1 .binfo p{}
.about_bk1 .btit{ font-size: 3.6rem; font-weight: bold; text-align: center;}
.about_bk1 .bimg{ position: relative; height: 100%;}
.about_bk1 .bimg img{ height: 100%;}
.abk1 .about-num .brow{}
.abk1 .about-num .binfo2{  margin: 0 auto; text-align: left; border-left: 1px solid #dedede; padding: 0 20%;}
.abk1 .about-num .brow:nth-child(4) .binfo2{ border-right: 1px solid #dedede;}
.abk1 .about-num i{ float: left; height: 80px; margin-right: 1rem;}
.abk1 .about-num p i{ float: none; height: auto; margin-right: 0;}
.abk1 .about-num .brow span{ margin: 0;}

.about_bk2{ position: relative; padding: 10rem 0; }

.nblock-2{ position: relative; background:#1d89ea; height: 254px; box-sizing: border-box; padding: 3rem; color: #fff; overflow: hidden;}
.nblock-2::before{ content: ""; background: url(../img/wh_p1.jpg) no-repeat center center #1d89ea; background-size: cover; position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.nbk-2bg::before{ background-image: url(../img/wh_p2.jpg);}
.nbk-3bg::before{ background-image: url(../img/wh_p3.jpg);}
.nblock-2 i{ font-size: 14; display: block; opacity: 0; margin-top: 6rem; position: relative; z-index: 2;}
.nblock-2 i::after{ content: ""; width: 10px; height: 2px; background-color: #fff; display: block; }
.nblock-2 span{ display: block; font-size:2.4rem; line-height: 30px; position: relative; z-index: 2;}
.nblock-2 p{ margin-top: 1rem; opacity: 0; position: relative; z-index: 2;}
.nblock-2:hover::before{ opacity: 0.5;}
.nblock-2:hover i{ opacity: 1; margin-top: 1rem; transition: all 0.6s;}
.nblock-2:hover p{ opacity: 1; transition: all 0.6s;}

.about_bk3{ background: url(../img/nbg_bk1.jpg) no-repeat center center; background-size: cover; padding: 10rem 0;}
.honor-num{ margin-left: 15%; margin-top: 2rem; clear: both; overflow: hidden;}
.honor-num .brow{ float: left; width: 33.33%;}
.honor-num .binfo{ }
.honor-num span{ border-bottom: 1px solid #ddd; display: inline-block; line-height: 5rem; position: relative;}
.honor-num span::after{ content: ""; position: absolute; width: 80%; height: 2px; background-color: #1d89ea; bottom: 0; left: 0;}
.honor-num span b{ font-size: 4.8rem; color: #1d89ea;}
.honor-num i{ color: #474747;}
.honor-num p{color: #474747; margin-top: 1rem;}
.honor-box{ background-color: #fff; border-radius: 10px;}
.honor-box a{ padding: 2rem;}
.honor-box .icon{ background-color: transparent;}
.honor-box .ntit{ text-align: center; padding:1rem 0 1rem; color: #474747;}
.about_bk3 .swiper-button-next,.about_bk3 .swiper-button-prev{ background:#fff; width: 60px; height: 60px; line-height: 60px; border-radius: 70px; border: 1px solid #dedede; margin-top: -30px; text-align: center; top: 50%; z-index: 1000;}
.about_bk3 .swiper-button-next i,.about_bk3 .swiper-button-prev i{ color: #111; font-size: 20px; }
.about_bk3 .swiper-button-prev{ left: -85px;}
.about_bk3 .swiper-button-next{ right: -85px;}
.about_bk3 .swiper-button-next:hover,.about_bk3 .swiper-button-prev:hover{background-color: #1d89ea; border-color: #1d89ea; color: #fff;}
.about_bk3 .swiper-button-next:hover i,.about_bk3 .swiper-button-prev:hover i{ color: #fff;}


.about_bk6{ padding-bottom: 10rem;}
.about_bk6 .swiper-button-next,.about_bk6 .swiper-button-prev{ background: #e5e5e5; width: 45px; height: 45px; line-height: 45px;  opacity: 1; margin: 0; text-align: center; bottom: 30px; top: auto; z-index: 1000; border-radius: 100%;}
.about_bk6 .swiper-button-next i,.about_bk6 .swiper-button-prev i{ color: #636363; font-size: 28px; }
.about_bk6 .swiper-button-prev{ left: -45px;}
.about_bk6 .swiper-button-next{ right: -45px;}
.about_bk6 .swiper-button-next:hover,.about_bk6 .swiper-button-prev:hover{background-color: #1d89ea; color: #fff;}
.about_bk6 .swiper-button-next:hover i,.about_bk6 .swiper-button-prev:hover i{ color: #fff;}

.nblock-lc{ position: relative;}
.tab-list4{ overflow: hidden; position: relative; margin-bottom: 8rem;}
.tab-list4 span{ font-size: 3.6rem; font-weight: bold; color: #201f1f; line-height: 4rem; display: block; position: relative; z-index: 2; padding: 7rem 0 8rem;}
.tab-list4 .brow{ position: relative;}
.tab-list4 i{ color: #dedede; font-size: 23rem; position: absolute; font-family: "arial"; font-weight: bold; line-height: 18rem; top: 0; left: 0;filter: blur(3px); opacity: 0.3;}
.tab-list4 p{ color: #474747; line-height: 30px; margin-top: 1rem;}
.tab-list4 p::before{ content: ""; width: 10px; height: 10px; border-radius: 10px; background-color: #1d89ea; display: inline-block; vertical-align: middle; margin-right: 5px;}

.nav-tabs4{ padding-top: 50px; position: relative; overflow: visible;}
.nav-tabs4::before{ content: ""; display: block; position: absolute; width: 100%; height: 1px; background-color: #dcdcdc; top: 54px;}
.nav-tabs4 span{ display: block; position: relative; font-size: 20px; color: #d6d5d5; font-family: arial; text-align: center; cursor: pointer;}
.nav-tabs4 i{ display: block; position: relative; width: 10px; height: 10px; margin: 0 auto 10px; background-color: #dcdcdc; border-radius: 100%;}
.nav-tabs4 .btit{ position: absolute; width: 100%; font-size: 20px; top: -50px; text-align: center; color: #d6d5d5; text-align: center;}
.nav-tabs4 .swiper-slide-thumb-active i{ background-color: #1d89ea;}
.nav-tabs4 .swiper-slide-thumb-active i span{ color: #1d89ea;}
.nav-tabs4 .swiper-slide-thumb-active .btit{ color: #1d89ea;}

.box-news-tit{ font-size: 24px; font-weight: bold; color: #141414;}
.box-news-tit::before{ content: ""; width: 5px; height: 20px; border-radius: 5px; background-color: #097beb; display: inline-block; vertical-align: middle; margin-right: 10px;}

.cont-nban{ height: 809px;}
.cont-nban .wrap2{ padding-top: 16rem; text-align: left;}
.cont-nban .cont-tit{ color: #fff; font-size: 4.2rem; font-weight: bold; display: block; line-height: 7rem;}
.cont-nban .cont-tit2{ border-bottom: 1px solid #eeee; padding-bottom: 1rem; position: relative;}
.cont-nban .cont-tit2::after{ content: ""; width: 50px; height: 2px; background-color: #0092ff; bottom: 0; left: 0; position: absolute;}
.cont-nban .cont-tit2 p span{ font-size: 3.6rem; font-weight: bold; color: #141414; margin-right: 1rem;}
.cont-nban .cont-tit2 p{ color: #656565; font-size: 16px;}
.contact-bk{ position: relative; padding: 3rem 6%; background-color: #fff;}
.contact-bk::after{ content: "contact"; font-family: "arial black"; font-size: 10rem; position: absolute; right: 0; bottom: 2rem; line-height: 10rem;text-transform: uppercase;-webkit-text-stroke: 0.5px #efefef;color: transparent; width: 100%; text-align: center; }
.contact-bk .cont-box{ position: relative; clear: both; overflow: hidden; margin: 2rem 0; z-index: 3;}
.contact-bk .cont-box p{ font-size: 18px; line-height: 26px; color: #656565;}
.contact-bk .cont-box span{ color: #10161b; display: block;}
.contact-bk .cont-box i{ display: block; font-size: 3rem; color: #fff; line-height: 52px; width: 52px; height: 52px; border-radius: 8px; float: left; background: linear-gradient(90deg,#087eea,#399efa); text-align: center; margin-right: 1rem;}
.contact-bk .span-4:nth-child(3),.contact-bk .span-4:nth-child(2){ color: #fff;}
.contact-bk .span-4:nth-child(3) i,.contact-bk .span-4:nth-child(2) i{ color: #fff; border-color: #fff;}
.contact-bk a{ display: inline-block; width: 210px; text-align: center; line-height: 55px; border-radius: 55px; color: #fff; background-color: #0092ff; font-size: 20px; vertical-align: middle; border: 1px solid #0092ff; position: relative; z-index: 3;}
.contact-bk a i{ font-size: 3.4rem; vertical-align: middle;}
.contact-bk a:hover{ color: #0092ff; background-color: transparent;}
.contact-bk .cont-box:hover i{ transform: rotateY(360deg); transition: all 2s;}

.sect_cont{ background: url(../img/npro_bg1.jpg) no-repeat center center; background-size: cover; padding:6rem 0;}
.m-form2{ }
.m-form2 label{ font-size: 18px; color: #363636; margin-bottom: 1rem; display: block; margin-left: 10px;}
.m-form2 label i{ color: #087eea;}
.m-form2 .btn{ background-color: #0092ff; border:1px solid #0092ff; font-size: 20px;  line-height: 55px; width: 200px; color: #fff; padding: 0; margin: 0 auto; display: block; border-radius: 55px; vertical-align: middle;}
.m-form2 .form-control{ border: 1px solid #eee; color: #666; height: 66px; font-size: 16px; background-color: #fff; position: relative; border-radius: 8px;}
.m-form2 .btn:hover{ background-color: #fff; border-color: #0092ff; color: #0092ff;}
.m-form2 textarea.form-control{ border: 1px solid #e5e5e5; height: auto;}
.m-form2 .form-group{ margin-bottom: 2rem;}


.m-form{ }
.m-form label{ font-size: 18px; margin-bottom: 1rem; display: block;}
.m-form label i{ color: #f00;}
.m-form .btn{ background-color: #0092ff; border-color:#0092ff; font-size: 16px;line-height:50px; width: 180px; color: #fff; padding: 0; margin: 0 auto; display: block; border-radius:50px; vertical-align: middle;}
.m-form .btn i{ margin-left: 5px; font-size: 24px; vertical-align: middle;}
.m-form .form-control{ border: 1px solid #fff; color: #666; height: 42px; font-size: 16px; background-color: #fff; position: relative; border-radius: 0;}
.m-form .btn:hover{ background-color: #fff; border-color: #0092ff; color: #0092ff;}
.m-form textarea.form-control{ border: 1px solid #e5e5e5; height: auto;}
.m-form .form-group{ margin-bottom: 1rem;}
.m-form textarea{ }
.m-form .int1{ background: url(../img/cdot1.jpg) no-repeat 10px center #fff; padding-left: 50px;}
.m-form .int2{ background: url(../img/cdot2.jpg) no-repeat 10px center #fff; padding-left: 50px;}
.m-form .int3{ background: url(../img/cdot3.jpg) no-repeat 10px center #fff; padding-left: 50px;}
.m-form .int4{ background: url(../img/cdot4.jpg) no-repeat 10px center #fff; padding-left: 50px;}
.m-form .int5{ background: url(../img/cdot5.jpg) no-repeat 10px 15px #fff; padding-left: 50px; padding-top: 18px;}


.my-auto{ display: flex;}

/*面包屑*/
.place{  position: relative; font-size: 14px; color: #2f2f2f; line-height: 8rem; border-bottom: 1px solid #eee;}
.place span{ margin: 0 2px; color: #2f2f2f;}
.place a{ color: #2f2f2f; margin: 0 2px;}
.place a:hover{ color: #097beb;}
.place i{ font-family: arial;}
.place i.iconfont{color: #2f2f2f; font-size: 20px;}

.img-box{ border-radius: 20px 20px 0 0;background:linear-gradient(180deg,rgba(245,245,245) 0,rgba(255,255,255,255) 80%); padding: 6rem; width: auto;}
.img-box .ntit{ margin-left: 6rem;}
.img-box .ntit span{ font-size: 26px; font-family: "Calibri"; font-weight: bold; display: block;}
.img-box .ncont{ border-top: 1px dashed #bfbfbf; margin-top: 2rem; padding-top: 2rem;}
.img-box .ncont p{ line-height: 28px; font-size: 18px;}

/*分类样式*/
.module_cate{ background-color: #097beb; height:6rem; line-height:6rem; position: relative; z-index: 100;}
.module_cate span{ color: #fff; font-size: 2.8rem; font-weight: bold; padding-left:4rem; }
.subCate{ clear: both; overflow: hidden; border: 1px solid #eee; }
.subCate li{ position: relative; border-bottom: 1px solid #eee;}
.subCate li span{ display: block; line-height:4.8rem; font-size:20px; color: #2f2f2f; padding-left:2rem;}
.subCate li::after{ content: "\e6c3"; font-family: "iconfont"; font-size: 16px; font-weight: bold; position: absolute; top: 0; right:3rem; line-height:4.2rem;}
.subCate li .schild{ display: none;}
.subCate li:hover::after,.subCate li.active::after{ content: "\e62e"; color: #fff; transition: all 0.3s;}
.subCate li:hover span,.subCate li.active span{ background-color: #097beb; color: #fff;}
.subCate li.active .schild{ display: block; padding:0 2.8rem;}
.subCate li.active .schild a{ display: block; font-size: 18px; line-height:4.6rem; position: relative; border-bottom: 1px solid #eee;}
.subCate li.active .schild a::after{ content: "\e6cf";font-family: "iconfont"; font-size: 18px; position: absolute; top: 0; right: 0;}
.subCate li.active .schild a:nth-last-child(1){ border-bottom: 0;}
.subCate li .schild a:hover{ color: #097beb;}
/*横排分类*/
.tip{ line-height: 36px; color: #565656; font-size: 16px;}

.title-1{ line-height: 4.8rem; position: relative; text-align: center;}
.title-1 span{ font-size: 4.8rem;}
.title-1 p{ font-size: 18px; color: #555; margin-top: 2rem; }

.title-2{  position: relative; text-align: center; }
.title-2 span{ font-size: 5.6rem; color: #fff;line-height: 5.6rem; display: block;}
.title-2 p{ color: #fff; line-height: 32px; padding-top: 4rem;}


.content{ line-height: 32px; font-size: 18px; color: #666666; padding-bottom: 2rem;}
.content p{ margin: 0 0 15px;}


.news-content{background-color: #fff; padding:8rem;}


.ul-list1 li{ clear: both;line-height: 45px; margin-bottom: 15px;font-size: 18px; position: relative; display: block; background-color: #f5f5f5;}
.ul-list1 li a{ display: block; clear: both; overflow: hidden; padding: 15px 40px; position: relative; border-top: 1px solid #ddd;}
.ul-list1 li .ntit{ float: left; width: 55%; font-size: 18px;}
.ul-list1 li a::before{content: ""; background-color: #0f7fbc; width: 8px; height: 8px; border-radius: 8px; position: absolute; top: 32px; left: 20px;}
.ul-list1 li .nma{ display: block; position: absolute; width: 117px; height: 43px; line-height: 43px; background-color: #e7e7e7; top: 0; right: 40px; color: #777; font-size: 16px; text-align: center; border-radius: 0 0 10px 10px;}
.ul-list1 li .nma i{ font-size: 20px; margin-left: 5px;}
.ul-list1 li a:hover .nma{ background-color: #1e94d4; color: #fff;}
.ul-list1 li a:hover{ border-color: #1e94d4;}

.ul-list2{ padding: 0 40px;}
.ul-list2 li{ display: block; border-bottom: 1px solid #ededed; color: #555; line-height: 30px; padding: 20px 0;}
.ul-list2 li span{ display: inline-block;}


.article{ line-height: 36px;}
.news-tit{ font-size: 3.6rem; color: #111; font-weight: bold; line-height: 5rem;position: relative;}
.tool{ color: #595959; width: 100%; line-height: 40px; padding: 2rem 0;}
.tool span{ display: inline-block!important; margin-right:1rem;color: #999;}
.tool span i{ margin-right: 5px; font-size: 20px; vertical-align: middle;}
.tool .bshare-custom #bshare-shareto{ font-weight: normal; font-size: 14px;color: #888;  }
.bshare-custom.icon-medium-plus .bshare-weixin,.bshare-custom.icon-medium-plus .bshare-qqim,.bshare-custom.icon-medium-plus .bshare-sinaminiblog,.bshare-custom.icon-medium-plus .bshare-qzone{ background:none!important; padding-left: 5px!important;}
.bshare-custom.icon-medium-plus i{ font-size: 20px; display: inline-block; width: 25px; height: 25px; line-height: 25px; color: #fff; background-color: #43c624; border-radius: 25px; text-align: center; border: 1px solid #70707d;}

.bshare-custom{ padding:0; text-align: right;}
.bshare-custom a:nth-child(3) i{ background-color: #fff; color: #70707d;}
.bshare-custom a:nth-child(4) i{ background-color: #fff; color: #70707d;}
.bshare-custom a:nth-child(5) i{ background-color: #fff; color: #70707d;}
.article .content,.article .content p{ line-height: 36px; color: #565656; font-size: 16px;}
.keys{}
.keys span{ color: #333; font-size: 16px;}
.keys a{ color: #2e2e2e; font-size: 14px; display: inline-block; border: 1px solid #70707d; line-height: 26px; border-radius: 4px; padding: 0 10px; margin: 0 5px 5px;}
.keys a:hover{ background-color: #097beb; border-color: #097beb; color: #fff;}

.news-xx .news-box3 .ninfo{ padding: 2rem 0;}

.sect_cjwt .subNavBox{ border-bottom: 1px solid #dedede;}

.sect_cjwt .subNav{ cursor:pointer;font-size:18px;line-height:30px;border-top: 1px solid #dedede; padding: 30px 0; position: relative; clear: both; zoom: 1; transition: all 0.6s;}
.sect_cjwt .subNav h3{ font-size: 18px; font-weight: normal;}
.sect_cjwt .subNav h3 span{ display: inline-block; width: 29px; height: 29px; line-height: 29px; border-radius: 0 10px 0 10px; background:#dedede; color: #fff; font-size: 20px; text-align: center; margin-right: 15px;}
.sect_cjwt .subNav i{float: right;line-height: 30px;margin-right: 4%;color: #c2c2c2;font-size: 20px}
.sect_cjwt .subNav i:before{content:"\e6c3";}
.sect_cjwt .subNav:hover,.sect_cjwt .subNav.open{background-color: #009ec5; padding: 30px; transition: all 0.6s;}
.sect_cjwt .subNav:hover h3,.subNav.open h3{ color:#fff;}
.sect_cjwt .subNav:hover h3 span,.subNav.open h3 span{ background:#fff; color: #009ec5;}
.sect_cjwt .subNav.open i:before,.sect_cjwt .subNav:hover i:before{content: "\e62e"; font-family: iconfont!important; color:#fff; }
.sect_cjwt .navContent{display: none; padding:20px 80px; line-height:30px; position: relative;}
.sect_cjwt .navContent span{display: inline-block; width: 29px; height: 29px; background-color: #009ec5; line-height: 29px; border-radius: 0 10px 0 10px; color: #fff; font-size: 20px; text-align: center; position: absolute; left: 30px; top: 28px;}
.sect_cjwt .navContent p{ color: #787878; line-height: 36px;}
.sect_cjwt .sub_cont a{ color:#0d79d2; display:inline-block; }
.sect_cjwt .sub_cont a:hover{ background:#0d79d2; color: #fff;}

.jobs-list{}
.sub-th{ background-color: #009ec5; color: #fff; font-size: 18px; line-height: 60px; padding: 0 5rem;}
.jobs-list .sub_cont{ border: 1px solid #dedede; border-bottom: none;}
.jobs-list .sub_cont .subNav{ background: #fff; font-size: 18px; color: #333; line-height: 60px; padding: 0 5rem; position: relative; border-bottom: 1px solid #dedede;}
.jobs-list .sub_cont .subNav.open{ background-color: #f8f8f8;}
.jobs-list .navContent{ display: none; background: #fff; margin: 0; padding: 5rem; position: relative;border-bottom: 1px solid #dedede;}
.jobs-list .navContent p{ color: #333; font-size: 16px; line-height: 36px; margin-bottom: 2rem;}
.jobs-list .navContent span{ font-weight: bold; font-size: 16px;}
.jobs-list .navContent .tmore{display: block; line-height: 60px; color: #fff; font-size: 16px; border-radius: 60px; background-color: #009ec5; text-align: center;}
.jobs-list .navContent .tmore:hover{ color: #009ec5; background-color: #fff; border: 1px solid #009ec5;} 
.jobs-list .navContent .fl{ width: 80%;}
.jobs-list .navContent .fr{ width: 15%;}
.hot-bk{ padding: 20px 0; line-height: 30px;}
.news-box4 .icon img{ width: 100%;}
.news-box4 .ninfo{ padding:1rem; background-color: #fff;}
.news-box4 .ninfo span{ display: block; color: #848484; font-size: 14px;}
.news-box4 .ninfo h3{ font-size: 18px; font-weight: normal; text-align: left; padding:0px;}
.ny-page{line-height: 36px; border-top: 1px solid #dedede; color: #888;}
.ny-page span{ display: inline-block;}
.ny-page .nptit{ padding: 20px 0;}
.ny-page a{ color: #888; font-size: 18px;}
.ny-page a i{ display: inline-block; font-size: 22px; vertical-align: middle;}
.ny-page a:hover{ color: #097beb;}
.ny-page a.aback{ display: block; color: #888;font-size: 16px;}
.ny-page a.aback i{ font-size: 22px; margin-right: 10px; vertical-align: middle;}
.ny-page a.aback:hover{ color: #097beb;}
.ny-page .jcent{ height: 100%; text-align: center; align-items: center; width: 100%;}

/*新闻详情样式2*/


.big_img{position: fixed;z-index: -1;opacity: 0;background: rgba(0,0,0,0.8);width: 100%;height: 100%;top:0;left:0;}
.big_img .big-box{position: absolute;width: 60%;height: 80%; bottom: 0; top: 0; left: 0; right: 0; margin: auto auto;}
.big_img .swiper-container2 {width: 100%;height: 100%; overflow: hidden;}
.big_img .swiper-container2  .swiper-wrapper{width: 100%;height: 100%;}
.big_img .swiper-slide{width: 100%;height: 100%;display: table}
.big_img .swiper-slide .cell{ padding: 8% 8% 0; margin-bottom: 3%; overflow: hidden; position: relative; height: 70%; text-align: center; display: flex; justify-content: center; align-items: center;}
.big_img .swiper-slide img{  max-height: 80%; max-width: 80%; margin: 0 auto;}
.big_img .swiper-slide .txt{ text-align: center; color: #fff;}
.big_img .page2{position: absolute; top:0.2rem;text-align: center;width: 100%;}
.big_img .page2 span{margin:0 0.05rem;}
.big_img .close{ font-size: 30px; color: #fff; width: 48px; height: 48px; line-height: 48px; top: 10%; right: 0; left: 0; margin: 0 auto; position: absolute; z-index: 10000; cursor: pointer; text-align: center; border-radius: 48px; background-color: #464646;}
.big_img .close i{ line-height: 48px; font-size: 30px;}
.big_img .swiper-button-next,.big_img .swiper-button-prev{ background: none; width: 50px; height: 50px; line-height: 50px; border-radius: 74px; margin-top: -40px;}
.big_img .swiper-button-next{ right: 0; opacity: 1;}
.big_img .swiper-button-prev{ left: 0; opacity: 1;}
.big_img .swiper-button-next i,.big_img .swiper-button-prev i{ font-size: 50px; color: #525252; display: block; text-align: center;}


.vshare{ background-color: #fff; position: absolute; width: 100%; height: 10%; box-sizing: border-box; text-align: right; padding: 0 2rem; bottom: 0; left: 0;}
.big-style .swiper-container2{ background-color: #000;}
.big-style .close{ left: auto; right: -48px; top: 5px;}



.fmsg{ width: 70%; margin: 0 auto;}
.ys-msg input{ background: #fff; border: 1px solid #ddd; height: 55px; line-height: 55px; box-sizing: border-box; padding: 0 20px; width: 80%; display: block;float: left; border-radius: 5px; font-size: 16px;}
.ys-msg button{ background: #0e68b0; text-align: center; width: 18%; font-size: 16px; border-radius: 5px; border: 0; float: right; height: 55px; line-height: 55px; color: #fff;}