*{ margin: 0; padding: 0; list-style: none; font-family: '微软雅黑'; font-size: 14px; color: #333;}
a{ text-decoration: none; cursor: pointer;}
img{ border: 0;}
h1, h2, h3, h4, h5{ font-weight: normal;}
ul, li{ list-style: none;}
b, i, em{ font-weight: normal; font-style: normal;}
button, textarea, input{ outline: none;}
select{ outline: none; appearance: none;}
html,body{ font-size: calc(100vw/19.2); margin: 0; padding: 0;}
@font-face{
	font-family: 'font1';
	src:url('/fonts/downcc.otf');
}
/* 清除浮动 */
.clearfix:after{visibility:hidden;display:block;font-size:0;content: " ";clear:both;height:0;}
.clearfix{*zoom: 1;}
.w1200{ width: 1200px; margin: auto;}
.header{ position: fixed; top: 0; left: 0; right: 0; z-index: 50; /*background: hsla(0,0%,100%,0.90);*/ background: #fbfbfb; transition: all 0.5s;}
.header2, .headercell .top2{ box-shadow: 0 0 15px hsla(0,0%,0%,0.10);}
.header .cont{ height: 64px; display: flex; justify-content: space-between; align-items: center;}
.header .cont .left{ display: flex; justify-content: flex-start; align-items: center;}
.header .cont .left .logo a img{ display: block; height: 33px; margin-right: 50px;}
.header .cont .left .nav{ display: flex; justify-content: flex-start;}
.header .cont .left .nav .li{ margin-left: 35px;}
.header .cont .left .nav .li:first-child{ margin-left: 0;}
.header .cont .left .nav .li .tit a,
.header .cont .left .nav .li .tit .a{ display: block; font-size: 16px; color: #333; line-height: 64px; transition: all 0.2s;cursor: pointer; }
.header .cont .left .nav .li.on .tit a,
.header .cont .left .nav .li:hover .tit a,
.header .cont .left .nav .li:hover .tit .a,
.header .cont .left .nav .li.on .tit .a{ color: #0867F5;}
.header .cont .left .nav .li .tit{ display: flex; align-items: center; cursor: pointer;}
.header .cont .left .nav .li .tit .a{ margin-right: 2px;}
.header .cont .left .nav .li .tit i{ width: 16px; height: 16px; background: url(../image/50.png) no-repeat center; background-size: 100% auto; transition: all 0.5s;}
.header .cont .left .nav .li .tit i.v{ transform: rotate(180deg); background: url(../image/50s.png) no-repeat center; background-size: 100% auto;}
.header .cont .right{ display: flex; align-items: center; justify-content: flex-end;}
.header .cont .right .more{ display: flex;}
.header .cont .right .more a{ display: block; font-size: 16px; color: #333; transition: all 0.5s; margin-right: 32px;}
.header .cont .right .more a:hover{ color: #0867F5;}
.header .cont .right .leng{ padding-left: 32px; position: relative;}
.header .cont .right .leng::after{ content: ''; width: 1px; height: 16px; background: #000; opacity: 0.2; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.header .cont .right .leng a{ display: block; width: 80px; height: 32px; line-height: 32px; text-align: center; background: #0867F5; border-radius: 4px; font-size: 14px; color: #fff; transition: all 0.5s;}
.header .cont .right .leng a:hover{ background: #ABB3CA;}
.indexbanner{ margin-top: 64px; position: relative; width: 100%; height: 710px; overflow: hidden;}
.indexbanner .img{ /*background: #AEC3E1;*/ width: 1920px; height: 100%; overflow: hidden; background: url(../image/31.png) no-repeat center; background-size: cover; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
.indexbanner .imgbox{ width: 928px; height: 603px; position: absolute; top: 76px; right: 30px;}
.indexbanner .imgbox .m img{ display: block; width: 100%;}
.indexbanner .imgbox .v1 img{ display: block; width: 88px; position: absolute; top: 104px; left: 68px;}
.indexbanner .imgbox .v2 img{ display: block; width: 124px; position: absolute; top: 330px; left: 67px;}
.indexbanner .imgbox .v3 img{ display: block; width: 112px; position: absolute; top: 340px; left: 696px;}
.indexbanner .imgbox .v1 img{  animation: myfirst1 3s alternate; animation-iteration-count: infinite; animation-timing-function: linear; animation-delay: 0; }
@keyframes myfirst1{
    0%   { top: 104px; }
	50%  { top: 94px; }
    100% { top: 104px; }
}
.indexbanner .imgbox .v2 img{  animation: myfirst2 3s alternate; animation-iteration-count: infinite; animation-timing-function: linear; animation-delay: 0; /*animation-delay: 1.8s;*/ }
@keyframes myfirst2{
    0%   { top: 320px; }
	50%  { top: 330px; }
    100% { top: 320px; }
}
.indexbanner .imgbox .v3 img{  animation: myfirst3 3s alternate; animation-iteration-count: infinite; animation-timing-function: linear; animation-delay: 0; /*animation-delay: 3.6s;*/ }
@keyframes myfirst3{
    0%   { top: 340px; }
	50%  { top: 330px; }
    100% { top: 340px; }
}
.indexbanner .textbox{ width: 100%; position: absolute; top: 120px; left: 0; z-index: 10;}
.indexbanner .textbox .h1{ font-size: 48px; line-height: 56px; letter-spacing: 3px;}
.indexbanner .textbox .p{ font-size: 24px; line-height: 28px; width: 605px; margin-top: 30px; color: #555; letter-spacing: 1px;}
.indexbanner .textbox .form{ display: flex; margin-top: 75px;}
.indexbanner .textbox .form .input{ position: relative; margin-right: 16px; width: 200px; display: flex; box-sizing: border-box;}
.indexbanner .textbox .form .input input{ display: block; width: 100%; height: 48px; background: #F7F8FB; border-radius: 4px; border: 1px solid #ABB3CA; padding: 0 10px 0 35px; font-size: 14px; color: #333;}
.indexbanner .textbox .form .input input::placeholder{ color: #C0C5D1;}
.indexbanner .textbox .form button{ display: block; width: 150px; height: 50px; border-radius: 4px; border: none; background: #0867F5; font-size: 14px; color: #fff; cursor: pointer;}
.indexbanner .textbox .form .input::after{ width: 24px; height: 100%; position: absolute; top: 0; left: 10px; content: '';}
.indexbanner .textbox .form .input1::after{ background: url(../image/2.png) no-repeat center; background-size: 100% auto;}
.indexbanner .textbox .form .input2::after{ background: url(../image/1.png) no-repeat center; background-size: 100% auto;}
.indexsix{ transform: translateY(-50%); position: relative; z-index: 10;}
.indexsix .cont{ display: flex; justify-content: flex-start; flex-wrap: wrap;}
.indexsix .cont .li{ width: 282px; min-height: 124px; background: #fff; border-radius: 4px; box-shadow: 0 0 15px hsla(0,0%,0%,0.10); margin-right: 24px;}
.indexsix .cont .li:nth-child(4n){ margin-right: 0;}
.indexsix .cont .li .mk{ padding: 25px 25px 20px 25px;}
.indexsix .cont .li .p{ font-size: 13px; line-height: 20px; color: #4B5366; margin-top: 5px;}
.indexsix .cont .li .tit{ display: flex;}
.indexsix .cont .li .tit .m{ width: 32px; height: 32px; margin-right: 15px;}
.indexsix .cont .li .tit .m img{ display: block; width: 100%;}
.indexsix .cont .li .tit .h1{ font-size: 18px; line-height: 32px;}
.indexzengx{ margin-top: 40px; overflow: hidden; padding: 85px 0 65px 0;}
.title, .title i{ text-align: center; font-size: 36px; line-height: 50px; letter-spacing: 3px;color: #333;font-weight:550; }
.indexzengx .textbox{ position: relative;}
.indexzengx .textbox .img{ width: 100%; height: 710px; display: flex; justify-content: center; align-items: center; position: relative;}
.indexzengx .textbox .img .img1{ display: block; width: 1982px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); animation: myfirst 5s infinite linear;}
@keyframes myfirst{
	from { transform: translate(-50%,-50%) rotate(0deg); }
	to   { transform: translate(-50%,-50%) rotate(359deg); }
}
.indexzengx .textbox .img .img2{ display: block; width: 100px; animation: myfirstxx 3s infinite linear;}
@keyframes myfirstxx{
	0%   { transform: scale(1); }
	50%  { transform: scale(0.9); }
	100% { transform: scale(1); }
}
.indexzengx .textbox .text{ position: absolute; top: 0; left: 50%; transform: translateX(-50%); height: 710px;}
.indexzengx .textbox .text .li{ width: 260px; padding-right: 98px; position: absolute; text-align: right;}
.indexzengx .textbox .text .li:nth-child(2n){ text-align: left; padding-left: 98px; padding-right: 0;}
.indexzengx .textbox .text .li .h2{ font-size: 24px; line-height: 34px;}
.indexzengx .textbox .text .li .p{ font-size: 14px; line-height: 28px; color: #798298; margin-top: 5px;}
.indexzengx .textbox .text .li .m img{ display: block; width: 72px; position: absolute; top: 5px; right: 0; transition: all 0.5s;}
.indexzengx .textbox .text .li:hover .m img{ margin-top: -10px;}
.indexzengx .textbox .text .li:nth-child(2n) .m img{ right: auto; left: 0;}
.indexzengx .textbox .text .li:first-child{ top: 90px; left: 145px;}
.indexzengx .textbox .text .li:nth-child(2){ top: 90px; right: 145px;}
.indexzengx .textbox .text .li:nth-child(3){ top: 310px; left: 18px;}
.indexzengx .textbox .text .li:nth-child(4){ top: 310px; right: 18px;}
.indexzengx .textbox .text .li:nth-child(5){ top: 540px; left: 145px;}
.indexzengx .textbox .text .li:nth-child(6){ top: 540px; right: 145px;}
.indextongd{ padding: 100px 0 124px 0; /*background: linear-gradient(90deg, rgba(245,247,250,0) 0%, rgba(245,247,250,0) 0%, rgba(245,247,250,0.92) 29%, #F5F7FA 48%, rgba(245,247,250,0.76) 69%, rgba(245,247,250,0) 100%);*/ background: url(../image/36.png) no-repeat center; background-size: cover;}
.indextongd .list{ margin-top: 72px; display: flex; justify-content: flex-start; flex-wrap: wrap;}
.indextongd .list .li{ width: 282px; min-height: 268px; border-radius: 4px; background: #fff; box-shadow: 0 0 15px hsla(0,0%,0%,0.10); margin-right: 24px;}
.indextongd .list .li:nth-child(4n){ margin-right: 0;}
.indextongd .list .li .mk{ padding: 40px 36px 36px 36px;}
/*.indextongd .list .li .mk .m{ width: 60px; height: 60px; margin: auto;}*/
.indextongd .list .li .mk .m img{ display: block; height: 60px; margin: auto;}
.indextongd .list .li .mk .h1{ font-size: 18px; line-height: 26px; text-align: center; margin-top: 24px;color: #333;font-weight: bold;}
.indextongd .list .li .mk .p{ font-size: 16px; line-height: 24px; margin-top: 8px; color: #222;}
.indexpingt{ padding: 100px 0 120px 0;}
.indexpingt .li{ margin-top: 30px;}
.indexpingt .li:first-child{ margin-top: 0;}
.indexpingt .li .m img{ display: block; width: 648px;}
.indexpingt .li .m{ float: right;}
.indexpingt .li:nth-child(2n) .m{ float: left;}
.indexpingt .li .text{ min-width: 430px; max-width: calc(100% - 660px); padding-top: 100px;}
.indexpingt .li:nth-child(2n) .text{ float: right;}
.indexpingt .li .h1{ font-size: 32px; line-height: 45px;}
.indexpingt .li .em{ font-size: 16px; line-height: 24px; margin-top: 8px; color: #222;}
.indexpingt .li .more{ margin-top: 40px;}
.indexpingt .li .more .mli{ margin-top: 24px;}
.indexpingt .li .more .mli:first-child{ margin-top: 0;}
.indexpingt .li .more .mli .h{ font-size: 18px; line-height: 26px;}
.indexpingt .li .more .mli .p{ font-size: 14px; line-height: 28px; margin-top: 8px; color: #798298;}
.indexfive{ padding: 100px 0; /*background: linear-gradient(90deg, rgba(245,247,250,0) 0%, rgba(245,247,250,0) 0%, rgba(245,247,250,0.92) 29%, #F5F7FA 48%, rgba(245,247,250,0.76) 69%, rgba(245,247,250,0) 100%);*/ background: url(../image/37.png) no-repeat center; background-size: cover;}
.mintitle{ font-size: 24px; line-height: 34px; text-align: center; color: #252525; margin-top: 12px;font-weight:200;}
.indexfive .nav{ margin: 72px 0 0 0; background: #fff; border-radius: 4px; box-shadow: 0 0 15px hsla(0,0%,0%,0.10); display: flex;}
.indexfive .nav .li{ width: 180px; line-height: 56px; text-align: center; font-size: 16px; border-radius: 4px; margin-left: 4px; cursor: pointer; position: relative; z-index: 5; transition: all 0.5s;}
.indexfive .nav .li:first-child{ margin-left: 0;}
.indexfive .nav .li::before{ content: ''; width: 1px; height: 16px; background: #E1E6F0; position: absolute; top: 50%; transform: translateY(-50%); left: -2px;}
.indexfive .nav .li:first-child::before{ display: none;}
.indexfive .nav .li::after{ content: ''; width: 100%; height: 100%; z-index: -1; position: absolute; top: 0; left: 0; border-radius: 4px; background: linear-gradient(271deg, #0867F5 0%, #5B93FF 100%); opacity: 0; transition: all 0.5s;}
.indexfive .nav .li:hover{ color: #0867F5;}
.indexfive .nav .li.on{ color: #fff;}
.indexfive .nav .li.on::after{ opacity: 1;}
.indexfive .list .mker{ display: flex; justify-content: space-between; opacity: 0; transition: all 1s;}
.indexfive .list .swiper-slide-active .mker{ opacity: 1;}
.indexfive .list .mker .m img{ display: block; width: 780px;}
.indexfive .list .mker .text{ width: 360px; padding-top: 120px;}
.indexfive .list .mker .text .h1{ font-size: 32px; line-height: 45px; font-weight：bold;}
.indexfive .list .mker .text .p{ font-size: 14px; line-height: 28px; margin-top: 8px; color: #798298;}
.indexfive .list .swiper-pagination{ display: none;}
.indexshuju{ padding: 20px 0;}
.indexshuju .img img{ display: block; margin-top: 35px; width: 100%;}
.indexopen{ padding: 100px 0; /*background: #F5F7FA;*/ background: url(../image/38.png) no-repeat center; background-size: cover;}
.indexopen .list{ display: flex; justify-content: flex-start; flex-wrap: wrap; padding-top: 60px;}
.indexopen .list .li a{ display: flex; justify-content: center; align-items: center; width: 160px; height: 74px; box-shadow: 0 0 15px hsla(0,0%,0%,0.10); margin: 12px 12px 0 0; transition: all 0.5s; background: #fff;}
.indexopen .list .li:nth-child(7n) a{ margin: 12px 0 0 0;}
.indexopen .list .li a:hover{ transform: scale(1.05);}
.indexopen .list .li a img{ display: block; max-width: 100%; max-height: 100%;}
.indexform{ padding: 100px 0; /*background: linear-gradient(90deg, rgba(134,153,255,0) 0%, rgba(134,153,255,0) 0%, rgba(89,156,255,0.92) 29%, #5297FF 48%, rgba(33,55,255,0.76) 69%, rgba(149,191,255,0) 100%), linear-gradient(163deg, #FFFFFF 0%, rgba(255,255,255,0) 100%);*/ background: url(../image/39.png) no-repeat center; background-size: cover;}
.indexform .form{ margin-top: 42px; display: flex; justify-content: center;}
.indexform .form .input{ position: relative; margin-right: 16px; width: 200px; display: flex; box-sizing: border-box;}
.indexform .form .input input{ display: block; width: 100%; height: 48px; background: #F7F8FB; border-radius: 4px; border: 1px solid #ABB3CA; padding: 0 10px 0 35px; font-size: 14px; color: #333;}
.indexform .form .input input::placeholder{ color: #C0C5D1;}
.indexform .form button{ display: block; width: 150px; height: 50px; border-radius: 4px; border: none; background: #0867F5; font-size: 14px; color: #fff; cursor: pointer; transition: all 0.5s;}
.indexform .form button:hover{ background: #ABB3CA;}
.indexform .form .input::after{ width: 24px; height: 100%; position: absolute; top: 0; left: 10px; content: '';}
.indexform .form .input1::after{ background: url(../image/2.png) no-repeat center; background-size: 100% auto;}
.indexform .form .input2::after{ background: url(../image/1.png) no-repeat center; background-size: 100% auto;}
.footer .toop{ padding: 42px 0 40px 0; display: flex; justify-content: space-between;}
.footer .toop .left{ display: flex;}
.footer .toop .left .logo img{ display: block; height: 48px;}
.footer .toop .left .gt{ margin-right: 136px;}
.footer .toop .left .gt .h{ font-size: 14px; line-height: 20px; color: #4B5366; margin-top: 24px;}
.footer .toop .left .gt .p{ font-size: 14px; line-height: 20px; color: #798298; margin-top: 8px;}
.footer .toop .left .nav{ display: flex;}
.footer .toop .left .nav .li{ margin-left: 48px;}
.footer .toop .left .nav .li:first-child{ margin-left: 0;}
.footer .toop .left .nav .li .h1{ font-size: 14px; line-height: 20px;}
.footer .toop .left .nav .li .more{ margin-top: 16px;}
.footer .toop .left .nav .li .more a,
.footer .toop .left .nav .li .more .p{ font-size: 14px; line-height: 20px; margin-top: 12px; color: #798298; transition: all 0.5s; display: block;}
.footer .toop .left .nav .li .more a:hover{ color: #0867F5;}
.footer .toop .weah{ display: flex;}
.footer .toop .weah .li{ margin-left: 16px;}
.footer .toop .weah .li:first-child{ margin-left: 0;}
.footer .toop .weah .li img{ display: block; height: 80px; margin: auto;}
.footer .toop .weah .li .p{ text-align: center; margin-top: 12px; font-size: 14px; line-height: 20px;}
.footer .boot{ display: flex; justify-content: center; flex-wrap: wrap; border-top: 1px solid #ddd; padding: 24px 0 42px 0;}
.footer .boot a,
.footer .boot .p{ font-size: 14px; line-height: 22px; color: #A9A9A9; transition: all 0.5s; margin: 0 12px;}
.footer .boot a:hover{ color: #333;}
.footer .boot .a{ padding-left: 23px; background: url(../image/15.png) no-repeat left center; background-size: 16px auto;}
.dingbox{ margin-top: 64px; padding: 80px 0 50px 0; position: relative;}
.dingbox::after{ content: ''; width: 100%; height: 6rem; position: absolute; top: 0; left: 0; background-image: linear-gradient(#DCEAFF, hsla(0,0%,100%,0.00));}
.dingbox .cont{ position: relative; z-index: 10;}
.dingbox .list{ display: flex; justify-content: center; flex-wrap: wrap; margin-top: 40px;}
.dingbox .list .li{ margin: 0 25px;}
.dingbox .list .li .img img{ display: block; height: 60px; margin: auto;}
.dingbox .list .li .p{ font-size: 16px; line-height: 22px; color: #4B5366; text-align: center; margin-top: 8px;}
.dingbox .formbox .top{ margin-top: 68px; display: flex; justify-content: space-between;}
.dingbox .formbox .top .left{ display: flex;}
.dingbox .formbox .top .left .vli{ display: flex; margin-left: 32px;}
.dingbox .formbox .top .left .vli:first-child{ margin-left: 0;}
.dingbox .formbox .top .left .h{ font-size: 18px; line-height: 36px;}
.dingbox .formbox .top .left .input{ position: relative;}
.dingbox .formbox .top .left .input .m{ width: 120px; display: flex; box-sizing: border-box; position: relative; cursor: pointer;}
.dingbox .formbox .top .left .input .m input{ display: block; width: 100%; height: 34px; border-radius: 2px; border: 1px solid #D9E0EA; padding: 0 15px; font-size: 14px; color: #798298; background: #fff;}
.dingbox .formbox .top .left .input .m::after{ width: 16px; height: 16px; background: url(../image/50.png) no-repeat center; background-size: 100% auto; position: absolute; top: 50%; transform: translateY(-50%); right: 10px; content: '';}
.dingbox .formbox .top .left .input .str{ display: none; position: absolute; top: 0; left: 0; padding-top: 50px; width: 100%;}
.dingbox .formbox .top .left .input:hover .str{ display: block;}
.dingbox .formbox .top .left .input .str::after{ content: ''; width: 14px; background: #fff; height: 14px; border-radius: 2px; transform: translateX(-50%) rotate(45deg); position: absolute; left: 50%; top: 45px;}
.dingbox .formbox .top .left .input .str .mk{ background: #fff; border-radius: 4px; box-shadow: 0px 0px 24px 0px rgba(144,164,194,0.22); max-height: 130px; overflow-y: auto;}
.dingbox .formbox .top .left .input .str .mk::-webkit-scrollbar{ width: 4px; border-radius: 2px; background: #fff;}
.dingbox .formbox .top .left .input .str .mk::-webkit-scrollbar-thumb{ width: 4px; border-radius: 2px; background: #ddd;}
.dingbox .formbox .top .left .input .str .mk .k{ font-size: 14px; padding: 0 15px; color: #798298; line-height: 26px; position: relative; z-index: 5; transition: all 0.5s;}
.dingbox .formbox .top .left .input .str .mk .k:hover{ color: #0867F5; cursor: pointer;}
.dingbox .formbox .top .p{ display: flex; padding: 0 15px; background: #dceaff; border-radius: 2px;}
.dingbox .formbox .top .p i{ display: block; font-size: 14px; line-height: 36px; color: #4B5366; padding-left: 28px; background: url(../image/51.png) no-repeat left center; background-size: 20px auto;}
.dingbox .formbox .form{ display: flex; justify-content: flex-start; flex-wrap: wrap; margin-top: 32px;}
.dingbox .formbox .form .li{ width: 384px; min-height: 580px; background: #fff; border-radius: 4px; box-shadow: 0px 0px 24px 0px rgba(144,164,194,0.22); margin-right: 24px;}
.dingbox .formbox .form .li:nth-child(3n){ margin-right: 0;}
.dingbox .formbox .form .li .mk{ padding: 40px 24px;}
.dingbox .formbox .form .h1{ font-size: 24px; line-height: 34px; text-align: center;}
.dingbox .formbox .form .p{ background: #E9F1FE; border-radius: 4px; margin-top: 16px; padding: 10px 15px;}
.dingbox .formbox .form .li1 .p{ background: #E9F1FE;}
.dingbox .formbox .form .li2 .p{ background: #ECF7F0;}
.dingbox .formbox .form .li3 .p{ background: #FFF1DF;}
.dingbox .formbox .form .p i{ display: block; font-size: 14px; line-height: 20px; color: #4B5366;}
.dingbox .formbox .form .tot{ display: flex; justify-content: center; align-items: flex-end; margin-top: 24px; font-size: 20px; line-height: 24px; color: #000;}
.dingbox .formbox .form .tot i{ display: block; font-size: 48px; color: #0867F5; line-height: 38px; margin: 0 8px; font-family: 'font1';}
.dingbox .formbox .form .li1 .tot i{ color: #0867F5;}
.dingbox .formbox .form .li2 .tot i{ color: #2AA45D;}
.dingbox .formbox .form .li3 .tot i{ color: #FF9839;}
.dingbox .formbox .form .a a{ display: block; width: 100%; height: 48px; line-height: 48px; text-align: center; background: #0867F5; font-size: 16px; color: #fff; border-radius: 4px; margin-top: 46px;}
.dingbox .formbox .form .li1 .a a{ background: #0867F5;}
.dingbox .formbox .form .li2 .a a{ background: #2AA45D;}
.dingbox .formbox .form .li3 .a a{ background: #FF9839;}
.dingbox .formbox .form .more{ margin-top: 32px;}
.dingbox .formbox .form .more .mli{ display: flex; justify-content: space-between; margin-top: 16px; line-height: 20px;}
.dingbox .formbox .form .more .mli:first-child{ margin-top: 0;}
.dingbox .formbox .form .more .mli .h{ font-size: 14px; color: #4B5366; padding-left: 24px; background: url(../image/49.png) no-repeat left center; background-size: 17px auto;}
.dingbox .formbox .form .more .mli .p{ font-size: 14px; color: #798298;}
.dingbanbox{ padding: 50px 0 100px 0;}
.dingbanbox .top{ display: flex; justify-content: space-between;}
.dingbanbox .top .h1{ font-size: 24px; line-height: 34px;}
.dingbanbox .top .a{ display: flex; justify-content: center;}
.dingbanbox .top .a i{ font-size: 16px; color: #0867F5; line-height: 34px; padding-right: 22px; background: url(../image/48.png) no-repeat right center; background-size: 16px auto; cursor: pointer;}
.dingbanbox .top .a:hover i{ color: #ABB3CA; background: url(../image/48s.png) no-repeat right center; background-size: 16px auto;}
.dingbanbox .more{ display: flex; justify-content: space-between; margin-top: 40px;}
.dingbanbox .more .m{ width: 282px; height: 56px; border-radius: 4px; background: #E9F1FE; text-align: center; line-height: 56px; font-size: 18px; color: #0867F5;}
.dingbanbox .more .m1{ background: #E9F1FE; color: #0867F5;}
.dingbanbox .more .m2{ background: #ECF7F0; color: #2AA45D;}
.dingbanbox .more .m3{ background: #FFF1DF; color: #FF9839;}
.dingbanbox .more .tr{ border: 1px solid #0867F5; border-radius: 4px; width: 280px; height: 54px; line-height: 54px; cursor: pointer;}
.dingbanbox .more .tr i{ display: block; margin: 0 15px; font-size: 18px; color: #0867F5; background: url(../image/48.png) no-repeat right center; background-size: 16px auto;}
.dingbanbox .form{ border-top: 1px solid #CDD2DD; margin-top: 22px;} 
.dingbanbox .form .tp{ display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #CDD2DD; line-height: 60px; padding: 0 15px;}
.dingbanbox .form .tp .h{ font-size: 18px;font-weight: bold; }
.dingbanbox .form .tp .a{ width: 16px; height: 18px; background: url(../image/47.png) no-repeat center; background-size: 100% auto; cursor: pointer; transition: all 0.5s;}
.dingbanbox .form .li:hover .tp .a{ background: url(../image/47s.png) no-repeat center; background-size: 100% auto;}
.dingbanbox .form .tp .a.on{ transform: rotate(180deg);}
.dingbanbox .form .bt{ padding-bottom: 54px; border-bottom: 1px solid #CDD2DD; display: none;}
.dingbanbox .form .bt .mli{ display: flex; justify-content: space-between;}
.dingbanbox .form .bt .mli .m{ min-height: 54px; width: 282px; display: flex; align-items: center; justify-content: center;}
.dingbanbox .form .bt .mli .m img{ display: block; width: 20px;}
.dingbanbox .form .bt .mli .m,
.dingbanbox .form .bt .mli .m div{ font-size: 16px; color: #323744; line-height: 22px;}
.dingbanbox .form .bt .mli .m div{ margin-left: 15px; text-align: left;}
.dingbanbox .form .bt .mli .m:first-child{ justify-content: flex-start;}
.dingshibox{ padding: 100px 0; background: url(../image/43.jpg) no-repeat center; background-size: cover;}
.dingshibox .list{ margin-top: 80px; display: flex; justify-content: space-around;}
.dingshibox .list .h{ display: flex; justify-content: center; align-items: flex-end; font-size: 24px; line-height: 30px;}
.dingshibox .list .h i{ font-size: 96px; font-family: 'font1'; color: #0867F5; line-height: 76px; margin-right: 10px;}
.dingshibox .list .li1 .h i{ color: #0867F5;}
.dingshibox .list .li2 .h i{ color: #2AA45D;}
.dingshibox .list .li3 .h i{ color: #FF9839;}
.dingshibox .list .li .p{ display: flex; justify-content: center; margin-top: 30px;}
.dingshibox .list .li .p i{ display: block; font-size: 24px; line-height: 34px; padding-left: 22px;}
.dingshibox .list .li1 .p i{ background: url(../image/46.png) no-repeat center left; background-size: 14px auto;}
.dingshibox .list .li2 .p i{ background: url(../image/45.png) no-repeat center left; background-size: 14px auto;}
.dingshibox .list .li3 .p i{ background: url(../image/44.png) no-repeat center left; background-size: 14px auto;}
.indexwnbox{ padding: 100px 0;}
.indexwnbox .list{ margin-top: 72px;}
.indexwnbox .list .li{ margin-top: 16px; padding: 28px 24px; border-radius: 4px; border: 1px solid #E7E7E7; transition: all 0.5s;}
/*.indexwnbox .list .li:hover{ background: hsla(0,0%,0%,0.02);}*/
.indexwnbox .list .li:first-child{ margin-top: 0;}
.indexwnbox .list .li .tp{ display: flex; justify-content: space-between;}
.indexwnbox .list .li .tp .h{ font-size: 18px; line-height: 26px;}
.indexwnbox .list .li .tp .em{ width: 24px; height: 26px; background: url(../image/42.png) no-repeat center; background-size: 100% auto; transition: all 0.5s; cursor: pointer;}
.indexwnbox .list .li:hover .tp .em{ background: url(../image/42s.png) no-repeat center; background-size: 100% auto;}
.indexwnbox .list .li .tp .em.on{ transform: rotate(180deg);}
.indexwnbox .list .li .p{ font-size: 18px; line-height: 26px; color: #798298; padding: 24px 24px 4px 16px; display: none;}
.workbanner{ position: relative; width: 100%; overflow: hidden; margin-top: 64px;}
.workbanner .img{ width: 100%; height: 606px; overflow: hidden;}
.workbanner .img img{ display: block; width: 100%; opacity: 0;}
.workbanner .text{ position: absolute; top: 80px; left: 50%; transform: translateX(-50%); text-align: center;}
.workbanner .text .h1{ font-size: 48px; line-height: 68px; letter-spacing: 3px;}
.workbanner .text .p{ font-size: 24px; line-height: 34px; color: #555; margin-top: 12px; letter-spacing: 1px;}
.workbox{ background: #F5F5F5; padding: 100px 0;}
.workbox .nav{ margin-top: 72px; background: #fff; border-radius: 4px; display: flex; justify-content: flex-start;}
.workbox .nav .li{ width: 132px; height: 56px; line-height: 56px; text-align: center; border-radius: 4px; font-size: 16px; cursor: pointer; margin-left: 4px; position: relative; z-index: 10;}
.workbox .nav .li:first-child{ margin-left: 0;}
.workbox .nav .li::after{ content: ''; width: 100%; height: 100%; border-radius: 4px; position: absolute; top: 0; left: 0; z-index: -1; background: linear-gradient(271deg, #0867F5 0%, #5B93FF 100%); transition: all 0.5s; opacity: 0;}
.workbox .nav .li:hover{ color: #0867F5;}
.workbox .nav .li.on{ color: #fff;}
.workbox .nav .li.on::after{ opacity: 1;}
.workbox .nav .li::before{ width: 1px; height: 16px; background: #E1E6F0; content: ''; position: absolute; top: 50%; left: -2px; transform: translateY(-50%);}
.workbox .nav .li:first-child::before{ display: none;}
.workbox .list{ margin-top: 24px;}
.workbox .list .li{ background: #F2F3F4;}
.workbox .list .li .top{ display: flex; justify-content: space-between; border-bottom: 1px solid #E1E6F0; padding: 0 24px; background: #fff;}
.workbox .list .li .top .left{ display: flex;}
.workbox .list .li .top .left .h,
.workbox .list .li .top .left .p{ font-size: 18px; line-height: 26px; padding: 15px 10px 15px 0; width: 466px;}
.workbox .list .li .top .left .p{ font-size: 16px; color: #798298;}
.workbox .list .li .top .sole{ width: 24px; height: 56px; background: url(../image/42.png) no-repeat center; background-size: 100% auto; transition: all 0.5s; cursor: pointer;}
.workbox .list .li:hover .top .sole{ background: url(../image/42s.png) no-repeat center; background-size: 100% auto;}
.workbox .list .li .top .sole.on{ transform: rotate(180deg);}
.workbox .list .li .text{ padding: 32px 24px; display: none;}
.workbox .list .li .text .mli{ margin-top: 32px;}
.workbox .list .li .text .mli:first-child{ margin-top: 0;}
.workbox .list .li .text .mli .h{ font-size: 16px; line-height: 26px; color: #000; position: relative; padding-left: 6px;}
.workbox .list .li .text .mli .h::after{ content: ''; width: 2px; height: 20px; border-radius: 2px; background: #0867F5; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.workbox .list .li .text .mli .p{ font-size: 14px; line-height: 28px; margin-top: 10px; color: #798298;}
.workbox .list .li .text .mli .a,
.workbox .list .li .text .mli a{ font-size: 14px; line-height: 28px; color: #0867F5;}
.workbanner2 .img{ height: 560px;}
.workbanner2 .text .h1, 
.workbanner2 .text .p{ color: #fff;}
.workbanner2 .text .p{ opacity: 0.9;}
.workbanner .text .bt{ margin-top: 72px; text-align: center;}
.workbanner .text .bt .k{ font-size: 24px; line-height: 34px; color: #fff; letter-spacing: 1px; opacity: 0.9;}
.workbanner .text .bt .s{ font-size: 18px; line-height: 26px; color: #fff; margin-top: 12px; opacity: 0.9; letter-spacing: 1px;}
.xieyibox{ padding: 100px 0;}
.xieyibox .text{ margin-top: 72px;}
.xieyibox .text .h{ font-size: 16px; line-height: 22px;}
.xieyibox .text .data{ margin-top: 32px;}
.xieyibox .text .data h1{ font-size: 18px; line-height: 26px;}
.xieyibox .text .data p{ font-size: 14px; line-height: 24px; padding: 8px 0 0 20px; color: #6D7280;}
.downappbox{ padding: 164px 0 0 0; position: relative; background: #F7F9FC;}
.downappbox::after{ width: 100%; height: 64px; position: absolute; top: 0; left: 0; content: ''; box-shadow: 0px 0px 24px 0px rgba(144,164,194,0.22);}
.downappbox .cont{ display: flex; justify-content: flex-start;}
.downappbox .cont .img img{ display: block; width: 410px;}
.downappbox .cont .text .h1{ font-size: 48px; line-height: 48px; letter-spacing: 3px; padding-top: 22px;}
.downappbox .cont .text .p{ font-size: 24px; line-height: 34px; letter-spacing: 1px; margin-top: 16px; color: #555;}
.downappbox .cont .text .more{ margin-top: 60px; display: flex;}
.downappbox .cont .text .more .li{ margin-left: 40px;}
.downappbox .cont .text .more .li:first-child{ margin-left: 0;}
.downappbox .cont .text .more .li .mk{ width: 120px; height: 120px; border-radius: 4px; background: #fff; box-shadow: 0px 0px 24px 0px rgba(144,164,194,0.22); position: relative; cursor: pointer;}
.downappbox .cont .text .more .li .mk .m1 img{ display: block; width: 100%; position: absolute; top: 0; left: 0; transition: all 0.5s;}
.downappbox .cont .text .more .li .mk .m2 img{ display: block; width: 100%; opacity: 0; transition: all 0.5s;}
.downappbox .cont .text .more .li .mk:hover .m1 img{ opacity: 0;}
.downappbox .cont .text .more .li .mk:hover .m2 img{ opacity: 1;}
.downappbox .cont .text .more .li .s{ text-align: center; font-size: 14px; line-height: 20px; color: #798298; margin-top: 16px;}
.downappbox .cont .text{ width: 572px;}
.workbanner3{ margin-top: 64px;}
.workbanner3 .img{ height: 560px; position: relative;}
/*.workbanner3 .img::after{ content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(../images/60.png) no-repeat center; background-size: 100% 100%;}*/
.workbanner3 .text{ top: 80px;}
.workbanner3 .text .h1{ color: #fff;}
.workbanner3 .text .p{ color: #fff; opacity: 0.9; margin-top: 36px;}
.workbanner3 .text .c{ margin: 72px auto 0; display: block; width: 336px; height: 48px; line-height: 48px; text-align: center; background: #0867F5; border-radius: 4px; font-size: 16px; color: #fff; transition: all 0.5s;}
.workbanner3 .text .c:hover{ background: #ABB3CA;}
.severone{ padding: 100px 0;}
.severone .list{ margin-top: 72px; display: flex; justify-content: flex-start; flex-wrap: wrap;}
.severone .list .li{ width: 380px; min-height: 160px; background: #306aff; margin-right: 30px;}
.severone .list .li:nth-child(3n){ margin-right: 0;}
.severone .list .li1{ background: #337bff url(../image/70.png) no-repeat right center; background-size: auto 100%;}
.severone .list .li2{ background: #337bff url(../image/71.png) no-repeat right center; background-size: auto 100%;}
.severone .list .li3{ background: #337bff url(../image/72.png) no-repeat right center; background-size: auto 100%;}
.severone .list .li .mk{ padding: 32px 60px 32px 20px;}
.severone .list .li .h{ font-size: 18px; line-height: 26px; color: #fff;}
.severone .list .li .p{ margin-top: 10px; font-size: 12px; line-height: 20px; color: #fff; opacity: 0.9;}
.servetwo{ padding: 100px 0 110px 0; background: url(../image/77.png) no-repeat center; background-size: cover;}
.servetwo .list{ display: flex; justify-content: flex-start; flex-wrap: wrap; margin-top: 72px;}
.servetwo .list .li{ width: 282px; min-height: 354px; background: #fff; border-radius: 4px; box-shadow: 0px 0px 24px 0px rgba(144,164,194,0.22); margin-right: 24px;}
.servetwo .list .li:nth-child(4n){ margin-right: 0;}
.servetwo .list .li .mk{ padding: 40px 36px;}
.servetwo .list .li .m img{ display: block; height: 120px; margin: auto;}
.servetwo .list .li .h{ font-size: 18px; line-height: 26px; margin-top: 24px; text-align: center;}
.servetwo .list .li .p{ font-size: 16px; line-height: 24px; margin-top: 8px; color: #222;}
.servethree{ padding: 100px 0;}
.servethree .list{ margin-top: 72px; display: flex; justify-content: flex-start; flex-wrap: wrap;}
.servethree .list .li{ position: relative; margin-right: 24px; transition: all 0.5s;}
.servethree .list .li:hover{ box-shadow: 0px 0px 24px 0px rgba(144,164,194,0.22);}
.servethree .list .li:nth-child(4n){ margin-right: 0;}
.servethree .list .li .m{ width: 282px; height: 360px; overflow: hidden;}
.servethree .list .li .m img{ display: block; width: 100%; opacity: 0;}
.servethree .list .li .mun{ font-size: 36px; line-height: 50px; position: absolute; top: 24px; left: 24px; font-family: 'font1';}
.servethree .list .li .text{ position: absolute; left: 24px; bottom: 24px; right: 24px;}
.servethree .list .li .text .h{ font-size: 20px; line-height: 28px;}
.servethree .list .li .text .p{ font-size: 14px; line-height: 28px; color: #798298; margin-top: 16px;}
.servethree .mn{ font-size: 24px; line-height: 34px; text-align: center; margin-top: 32px; color: #252525;}
.workbanner4 .img{ height: 560px; position: relative;}
/*.workbanner4 .img::after{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: url(../images/82.png) no-repeat top center; background-size: 100% 100%; content: '';}*/
.workbanner4 .text .p{ margin-top: 32px;}
.aboutext{ padding: 50px 0 0 0;}
.aboutext .list{ display: flex; justify-content: space-between; margin-top: 36px;}
.aboutext .list .m{ width: 468px; overflow: hidden; border-radius: 4px;}
.aboutext .list .m img{ display: block; width: 100%; border-radius: 4px;}
.aboutext .list .text{ width: 668px;}
.aboutext .list .text .h1{ font-size: 32px; line-height: 45px;}
.aboutext .list .text .p{ font-size: 16px; line-height: 25px; margin-top: 32px; color: #4B5366;}
.aboutext .form{ margin-top: 72px; display: flex; justify-content: flex-start; flex-wrap: wrap;}
.aboutext .form .li{ width: 389px; border-radius: 4px; background: #fff; box-shadow: 0px 0px 24px 0px rgba(144,164,194,0.22); margin-right: 16px;}
.aboutext .form .li:nth-child(3n){ margin-right: 0;}
.aboutext .form .li .mk{ padding: 40px;}
.aboutext .form .li .m img{ display: block; height: 64px;}
.aboutext .form .li .h{ font-size: 20px; line-height: 28px; margin-top: 16px;}
.aboutext .form .li .p{ font-size: 14px; line-height: 28px; margin-top: 16px; color: #798298;}
.aboutuer{ padding: 100px 0; background: url(../image/91.png) no-repeat center; background-size: cover;}
.aboutuer .list{ display: flex; margin-top: 72px;}
.aboutuer .list .li, 
.aboutuer .list .li .m{ width: 400px; height: 300px; position: relative; overflow: hidden;}
.aboutuer .list .li .m::after{ content: ''; width: 100%; height: 100%; background: #102E7C; opacity: 0.65; position: absolute; top: 0; left: 0; transition: all 0.5s;}
.aboutuer .list .li:hover .m::after{ opacity: 1; background: #0867F5;}
.aboutuer .list .li .m img{ display: block; width: 100%; opacity: 0;}
.aboutuer .list .li .text{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; padding: 26px;}
.aboutuer .list .li .text .h{ font-size: 24px; line-height: 34px; text-align: center; color: #fff;}
.aboutuer .list .li .text .p{ font-size: 14px; line-height: 20px; color: #E3EBFF; margin-top: 26px; display: none;}
.aboutboot{ padding: 100px 0 110px 0; position: relative;}
.aboutboot .text{ position: relative; z-index: 10;}
.aboutboot .text .title{ color: #fff;}
.aboutboot .text a{ display: block; width: 148px; height: 48px; text-align: center; line-height: 48px; margin: 32px auto 0; font-size: 16px; color: #0867F5; border-radius: 4px; background: #fff;}
.aboutboot .m{ position: absolute; top: 0; left: 0; overflow: hidden; width: 100%; height: 100%;}
.aboutboot .m img{ display: block; width: 100%; opacity: 0;}
.aboutboot .m::after{ content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #0867F5; opacity: 0.8;}
.workbanner6 .img{ height: 452px;}
.workbanner6 .text{ top: 50%; transform: translate(-50%,-50%);}
.rizibos{ padding: 92px 0 100px 0; background: #F5F5F5;}
.rizibos .mker{ margin-top: 80px; display: flex; justify-content: space-between; align-items: flex-start;}
.rizibos .mker .left{ width: 280px; background: #fff; border-radius: 4px; padding: 24px 0;}
.rizibos .mker .left .li{ margin-top: 16px;}
.rizibos .mker .left .li:first-child{ margin-top: 0;}
.rizibos .mker .left .li a{ display: block; font-size: 16px; color: #959CAD; border-radius: 4px; line-height: 24px; padding: 10px 16px; margin: 0 16px;}
.rizibos .mker .left .li:hover a{ color: #0867F5;}
.rizibos .mker .left .li.on a{ color: #0867F5; background: hsla(216,94%,50%,0.10);}
.rizibos .mker .right{ width: 900px; background: #fff; border-radius: 4px;}
.rizibos .mker .right .mk{ padding: 29px 40px 72px 40px;}
.rizibos .mker .right .top{ display: flex; border-bottom: 1px solid #E1E6F0;}
.rizibos .mker .right .top .li{ font-size: 16px; line-height: 56px; color: #4B5366; padding: 0 44px; text-align: center; cursor: pointer; position: relative; transition: all 0.5s;}
.rizibos .mker .right .top .li::after{ width: 100%; height: 2px; background: #306AFF; position: absolute; left: 0; bottom: -1px; content: ''; opacity: 0;}
.rizibos .mker .right .top .li.on::after{ opacity: 1;}
.rizibos .mker .right .top .li:hover{ color: #306AFF;}
.rizibos .mker .right .top .li.on{ color: #306AFF;}
.rizibos .mker .right .bot .wli{ margin-top: 40px; padding-top: 40px; border-top: 1px solid #E1E6F0;}
.rizibos .mker .right .bot .wli:first-child{ margin-top: 0; border-top: none;}
.rizibos .mker .right .bot .wli .h2{ font-size: 18px; line-height: 25px; color: #000; margin-bottom: 16px;}
.rizibos .mker .right .bot .wli .data h1{ font-size: 14px; line-height: 24px; color: #000;}
.rizibos .mker .right .bot .wli .data p{ font-size: 14px; line-height: 24px; color: #6D7280; margin-left: 20px;}
.newsbanner{ margin-top: 64px; background: #fff; width: 100%; height: 452px; display: flex; justify-content: center; align-items: center;}
.newsbanner .cont{ display: flex; justify-content: space-between;}
.newsbanner .cont .img img{ display: block; width: 571px;}
.newsbanner .cont .text{ padding-top: 50px; width: 600px;}
.newsbanner .cont .text .h1{ font-size: 48px; line-height: 68px; letter-spacing: 3px;}
.newsbanner .cont .text .p{ font-size: 24px; line-height: 34px; color: #555; margin-top: 16px; letter-spacing: 1px;}
.newsbanner .cont .text .input{ margin-top: 72px; display: flex;}
.newsbanner .cont .text .input .m{ width: 378px; display: flex; box-sizing: border-box; margin-right: 16px;}
.newsbanner .cont .text .input .m input{ display: block; width: 100%; height: 46px; background: #F7F8FB; border: 1px solid #ABB3CA; border-radius: 4px; font-size: 14px; padding: 0 10px;}
.newsbanner .cont .text .input .m input::placeholder{ color: #C0C5D1;}
.newsbanner .cont .text .input button{ display: block; width: 92px; height: 48px; background: #0867F5; cursor: pointer; border-radius: 4px; font-size: 14px; color: #fff; border: none;}
/*body{ background: #F5F7FA;}*/
.newslist{ padding: 100px 0; background: #F5F7FA;}
.newslist .top{ display: flex; justify-content: flex-start; flex-wrap: wrap; border-bottom: 1px solid #E1E6F0;}
.newslist .top .li a{ display: block; font-size: 16px; line-height: 56px; color: #4B5366; padding: 0 44px; text-align: center; cursor: pointer; position: relative; transition: all 0.5s;}
.newslist .top .li a::after{ width: 100%; height: 2px; background: #306AFF; position: absolute; left: 0; bottom: -1px; content: ''; opacity: 0;}
.newslist .top .li.on a::after{ opacity: 1;}
.newslist .top .li:hover a{ color: #306AFF;}
.newslist .top .li.on a{ color: #306AFF;}
.newslist .list{ padding-top: 10px; display: flex; justify-content: flex-start; flex-wrap: wrap;}
.newslist .list .li{ width: 281px; border-radius: 4px; background: #fff; margin: 24px 25px 0 0;}
.newslist .list .li:nth-child(4n){ margin: 24px 0 0 0;}
.newslist .list .li .m{ width: 100%; height: 168px; border-radius: 4px 4px 0 0; overflow: hidden;}
.newslist .list .li .m img{ display: block; width: 100%;}
.newslist .list .li .text{ padding: 16px;}
.newslist .list .li .text .h2{ font-size: 18px; line-height: 26px;}
.newslist .list .li .text .p{ font-size: 14px; line-height: 24px; color: #959CAD; margin-top: 4px;}
.newslist .list .li .text .vv{ padding-top: 4px;}
.pageing{ display: flex; justify-content: center; flex-wrap: wrap;}
.pageing a{ display: block; height: 24px; width: 20px; padding: 0 2px; text-align: center; font-size: 14px; line-height: 24px; margin: 0 4px; color: hsla(0,0%,0%,0.60); border-radius: 4px;}
.pageing a.next, 
.pageing a.prve{ background: url(../image/100.png) no-repeat center; background-size: 16px auto;}
.pageing a.prve{ transform: rotate(180deg);}
.pageing a:hover{ color: #0867F5; background: hsla(216,94%,50%,0.05);}
.pageing a.next:hover, 
.pageing a.prve:hover{ background: hsla(216,94%,50%,0.05) url(../image/100s.png) no-repeat center; background-size: 16px auto;}
.pageing a.cur{ background: #0867F5; color: #fff;}
.newslist .pageing{ margin-top: 40px;}
.dingbox2{ padding: 100px 0; background: #F5F7FA;}
.formshenq{ background: #fff; border-radius: 4px; margin-top: 72px; padding: 72px 0 56px 0;}
.formshenq .formbox{ width: 640px; margin: auto;}
.formshenq .formbox .forms .li{ margin-top: 32px;}
.formshenq .formbox .forms .li:first-child{ margin-top: 0;}
.formshenq .formbox .forms .li .h{ font-size: 16px; line-height: 22px;}
.formshenq .formbox .forms .li .input{ margin-top: 19px; display: flex; box-sizing: border-box;}
.formshenq .formbox .forms .li .input input{ width: 100%; height: 44px; border: 1px solid #D9D9D9; border-radius: 2px; padding: 0 18px; font-size: 14px;}
.formshenq .formbox .forms .li .input input::placeholder,
.formshenq .formbox .forms .li .input textarea::placeholder{ color: #C0C5D1;}
.formshenq .formbox .forms .li .input textarea{ width: 100%; height: 120px; line-height: 20px; border: 1px solid #D9D9D9; border-radius: 2px; padding: 12px 18px; font-size: 14px;}
.formshenq .formbox .forms .li .sub{ width: 100%; height: 48px; font-size: 14px; color: #fff; background: #0867F5; border-radius: 4px; border: none; display: block; cursor: pointer;}
.formshenq .formbox .forms .li .rad{ display: flex; justify-content: center; margin-top: 24px;}
.formshenq .formbox .forms .li .rad input{ display: none;}
.formshenq .formbox .forms .li .rad label,
.formshenq .formbox .forms .li .rad a,
.formshenq .formbox .forms .li .rad .p{ font-size: 14px; line-height: 24px; color: #6D7280;}
.formshenq .formbox .forms .li .rad a{ color: #0867F5;}
.formshenq .formbox .forms .li .rad a:hover{ text-decoration: underline;}
.formshenq .formbox .forms .li .rad label{ padding-left: 36px; background: url(../image/96.png) no-repeat left center; background-size: 20px auto; cursor: pointer; transition: all 0.5s;}
.formshenq .formbox .forms .li .rad input:checked + label{ background: url(../image/96s.png) no-repeat left center; background-size: 20px auto;}
.formshenq .formbox .wear{ margin-top: 62px; padding: 23px 32px; display: flex; justify-content: space-between; border: 1px solid #D9D9D9; border-radius: 2px;}
.formshenq .formbox .wear .tel .h{ font-size: 32px; line-height: 45px; color: #000;}
.formshenq .formbox .wear .tel .p{ font-size: 16px; line-height: 22px; margin-top: 7px;}
.formshenq .formbox .wear .tel .m{ font-size: 16px; margin-top: 43px; line-height: 22px; color: #6D7280;}
.formshenq .formbox .wear .mw .k img{ display: block; width: 111px; margin: auto;}
.formshenq .formbox .wear .mw .p{ text-align: center; font-size: 14px; line-height: 20px; margin-top: 8px;}
.morenewsbox{ padding: 100px 0; background: #F5F7FA;}
.morenewsbox .cont{ display: flex; justify-content: space-between; align-items: flex-start;}
.morenewsbox .cont .left{ width: 280px; background: #fff; border-radius: 4px;}
.morenewsbox .cont .left .mk{ padding: 32px 16px;}
.morenewsbox .cont .left .h1{ font-size: 18px; line-height: 25px; color: #000;}
.morenewsbox .cont .left .more .li a{ display: block; padding: 10px 16px; line-height: 24px; font-size: 16px; color: #959CAD; margin-top: 16px; border-radius: 4px;}
.morenewsbox .cont .left .more .li:first-child a{ margin-top: 0;}
.morenewsbox .cont .left .more .li:hover a{ color: #0867F5;}
.morenewsbox .cont .left .more .li.on a{ background: hsla(216,94%,50%,0.10); color: #0867F5;}
.morenewsbox .cont .left .more{ margin-top: 24px;}
.morenewsbox .cont .left .img{ margin-top: 44px;}
.morenewsbox .cont .left .img .m img{ display: block; width: 201px; margin: auto;}
.morenewsbox .cont .left .img .p{ font-size: 14px; line-height: 20px; margin-top: 8px; text-align: center;}
.morenewsbox .cont .right{ width: 900px; background: #fff; border-radius: 4px;}
.morenewsbox .cont .right .mk{ padding: 50px 40px;}
.morenewsbox .cont .right .h1{ font-size: 18px; line-height: 25px; padding-bottom: 42px; border-bottom: 1px solid #E1E6F0;}
.morenewsbox .cont .right .data{ margin-top: 24px;}
.morenewsbox .cont .right .data .h2{ font-size: 18px; line-height: 24px; color: #000; text-align: center;}
.morenewsbox .cont .right .data .time{ display: flex; justify-content: center; margin-top: 16px;}
.morenewsbox .cont .right .data .time .p{ font-size: 12px; line-height: 17px; color: #798298; margin: 0 16px;}
.morenewsbox .cont .right .data .text{ margin-top: 24px; font-size: 14px; line-height: 24px; color: #4B5366;}
.morenewsbox .cont .right .tui{ margin-top: 40px; border-top: 1px solid #E1E6F0; padding-top: 24px;}
.morenewsbox .cont .right .tui .h2{ font-size: 14px; line-height: 24px; color: #4B5366;}
.morenewsbox .cont .right .tui .li a{ margin-top: 8px; display: block; font-size: 14px; line-height: 24px; color: #4B5366; padding-left: 16px; position: relative; transition: all 0.5s;}
.morenewsbox .cont .right .tui .li:hover a{ color: #0867F5;}
.morenewsbox .cont .right .tui .li:first-child a{ margin-top: 0;}
.morenewsbox .cont .right .tui .more{ padding-top: 8px;}
.morenewsbox .cont .right .tui .li a::after{ content: ''; width: 4px; height: 4px; background: #4B5366; border-radius: 100%; position: absolute; top: 50%; left: 5px; transform: translateY(-50%);}
.morenewsbox .cont .right .botmore{ margin-top: 40px; padding-top: 24px; border-top: 1px solid #E1E6F0;}
.morenewsbox .cont .right .botmore a{ display: flex; margin-top: 9px; white-space: nowrap;}
.morenewsbox .cont .right .botmore a,
.morenewsbox .cont .right .botmore a i{ font-size: 14px; line-height: 24px; color: #4B5366; transition: all 0.5s;}
.morenewsbox .cont .right .botmore a:hover i{ color: #0867F5; text-decoration: underline;}
/* transition */
.servetwo .list .li,
.indexform .form .input input,
.servethree .list .li .mun,
.indexbanner .textbox .form button,
.servetwo .list .li .h,
.indexsix .cont .li .tit .h1,
.indexzengx .textbox .text .li .h2,
.indexsix .cont .li,
.indextongd .list .li,
.indextongd .list .li .mk .h1,
.dingbanbox .form .tp .h,
.dingbox .formbox .form .li .a a,
.indexwnbox .list .li .tp .h,
.workbox .list .li .top .left .h,
.aboutext .form .li,
.aboutboot .text a,
.formshenq .formbox .forms .li .input input,
.dingbanbox .more .tr,
.indexbanner .textbox .form .input input,
.newsbanner .cont .text .input .m input,
.aboutext .form .li .h,
.rizibos .mker .left .li a,
.newsbanner .cont .text .input button,
.formshenq .formbox .forms .li .input textarea,
.formshenq .formbox .forms .li .sub,
.morenewsbox .cont .left .more .li a,
.newslist .list .li .text .h2,
.pageing a,
.newslist .list .li,
.dingbanbox .top .a i,
.severone .list .li{ transition: all 0.5s;}
/* #ABB3CA */
.indexbanner .textbox .form button:hover,
.newsbanner .cont .text .input button:hover,
.dingbox .formbox .form .li .a a:hover,
.formshenq .formbox .forms .li .sub:hover{ background: #ABB3CA;}
/* #0867F5 */
.servethree .list .li:hover .mun,
.servetwo .list .li:hover .h,
.indexsix .cont .li:hover .tit .h1,
.indexzengx .textbox .text .li:hover .h2,
.indexwnbox .list .li:hover .tp .h,
.dingbanbox .form .li:hover .tp .h,
.workbox .list .li:hover .top .left .h,
.newslist .list .li:hover .text .h2,
.aboutext .form .li:hover .h,
.indextongd .list .li:hover .mk .h1{ color: #0867F5;}
/* box-shadow: 0px 0px 24px 0px rgba(144,164,194,0.22); */

/* box-shadow: 0px 0px 24px 0px hsla(216,94%,50%,0.22); */
.servetwo .list .li:hover,
.aboutext .form .li:hover,
.newslist .list .li:hover{ box-shadow: 0px 0px 24px 0px hsla(216,94%,50%,0.32);}
.indexsix .cont .li:hover,
.indextongd .list .li:hover,
.indexopen .list .li:hover a{ box-shadow: 0 0 15px hsla(216,94%,50%,0.32);}
/* border */
.indexform .form .input:hover input,
.newsbanner .cont .text .input .m:hover input,
.indexbanner .textbox .form .input:hover input,
.formshenq .formbox .forms .li .input:hover textarea,
.formshenq .formbox .forms .li .input:hover input{ border-color: hsla(216,94%,50%,0.30);}
.dingbanbox .more .tr:hover{ background: hsla(216,94%,50%,0.05);}
.aboutboot .text a:hover{ background: #ABB3CA; color: #fff;}

.header .cont .left .nav .li .list{ display: none; position: absolute; top: 64px; left: 0; width: 100%; background: #fff; /*box-shadow: 0px 4px 24px 0px rgba(0,0,0,0.1);*/}
.header .cont .left .nav .li .list::before{ content: ''; width: 100%; height: 20px; box-shadow: 0px 4px 24px 0px rgba(0,0,0,0.1); position: absolute; left: 0; bottom: 0; z-index: -1;}
.header .cont .left .nav .li .list .mk{ display: flex; justify-content: flex-start; flex-wrap: wrap; padding: 18px 0 35px 0;}
.header .cont .left .nav .li .list .mk .mli{ width: 240px; margin-right: 80px; padding: 9px 0;}
.header .cont .left .nav .li .list .mk .mli:nth-child(4n){ margin-right: 0;}
.header .cont .left .nav .li .list .mk .mli a{ display: flex; align-items: flex-start; font-size: 14px; color: #4B5366; line-height: 36px; transition: all 0.5s; padding-left: 10px; border-radius: 4px;}
.header .cont .left .nav .li .list .mk .mli a:hover{ color: #0867F5; background: #F5F6F8;}
.header .cont .left .nav .li .list .mk .mli a i{ display: block; width: 24px; height: 24px; /*align-items: center; */margin-right: 8px; margin-top: 6px; position: relative;}
.header .cont .left .nav .li .list .mk .mli a i img{ display: block; width: 100%; position: absolute; transition: all 0.1s;}
.header .cont .left .nav .li .list .mk .mli a i img.img1{ top: 0; left: 0;}
.header .cont .left .nav .li .list .mk .mli a i img.img2{ bottom: 0; right: 0;}
.header .cont .left .nav .li .list .mk .mli:hover a i img.img1{ top: -1px; left: -1px;}
.header .cont .left .nav .li .list .mk .mli:hover a i img.img2{ bottom: -1px; right: -1px;}
.newsbannerform{ background-image: linear-gradient(#DCEAFF, #fff);}
.indextongd2{ padding: 100px 0;}
.indextongd2 .list{ margin-top: 0;}
.indexpingt2 .li .em{ font-size: 18px; line-height: 26px; color: #666; margin-top: 8px;}

.headercell{ display: none;}
.headercell .up{ display: none; position: fixed; top: 0; left: 0; background: #000; opacity: 0.5; width: 100%; height: 100%; z-index: 55;}
.headercell .top{ position: fixed; top: 0; left: 0; right: 0; z-index: 50; height: 50px; background: #fff; padding: 0 0.3rem; display: flex; align-items: center; justify-content: space-between; transition: all 0.5s;}
.headercell .top .logo img{ display: block; height: 30px;}
.headercell .top .right{ display: flex; align-items: center;}
.headercell .top .right .sole{ width: 24px; height: 18px; margin-left: 20px; position: relative;}
.headercell .top .right .sole i{ display: block; width: 100%; height: 2px; border-radius: 2px; position: absolute; left: 0; background: #333;}
.headercell .top .right .sole i:first-child{ left: 0;}
.headercell .top .right .sole i:nth-child(2){ top: 50%; transform: translateY(-50%);}
.headercell .top .right .sole i:nth-child(3){ bottom: 0;}
.headercell .top .right .a a{ display: block; font-size: 14px; line-height: 18px; color: #333;}
.headercell .list{ position: fixed; top: 0;right: -260px; background: #fff; z-index: 60; height: 100%; width: 260px; transition: all 0.5s;}
.headercell .list2{ right: 0;}
.headercell .list .sole{ width: 30px; height: 30px; position: absolute; top: 15px; right: 15px;}
.headercell .list .sole i{ display: block; width: 100%; height: 2px; background: #000; border-radius: 2px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(45deg);}
.headercell .list .sole i:nth-child(2){ transform: translate(-50%,-50%) rotate(-45deg);}
.headercell .list .form{ position: absolute; top: 80px; left: 0; bottom: 20px; right: 0; padding: 0 15px; overflow-y: auto;}
.headercell .list .form .nav .li{ border-top: 1px solid #eee; padding: 10px 0;}
.headercell .list .form .nav .tit a{ display: block; font-size: 15px; line-height: 26px;}
.headercell .list .form .nav .m a{ font-size: 14px; padding-left: 15px; line-height: 24px; position: relative; color: #666; display: block; margin-top: 5px;}
.headercell .list .form .nav .m a::after{ width: 4px; height: 4px; background: #999; border-radius: 100%; position: absolute; left: 2px; top: 10px; content: '';}
.headercell .list .form .nav .tit{ display: flex; justify-content: space-between; align-items: center;}
.headercell .list .form .nav .tit i{ display: block; width: 20px; height: 20px; background: url(../image/17s.png) no-repeat center; background-size: 7px auto; opacity: 0.5; transition: all 0.5s;}
.headercell .list .form .nav .m{ display: none;}
.headercell .list .form .nav .li.on .tit i{ transform: rotate(90deg);}
.headercell .list .vth{ display: flex; /*padding: 10px 0 10px 20px;*/ padding: 10px 0; border-top: 1px solid #eee; /*background: url(../images/45s.png) no-repeat left center; background-size: 14px auto;*/}
.headercell .list .vth a{ font-size: 15px; line-height: 26px; margin-left: 20px; color: #333; position: relative;}
.headercell .list .vth a:first-child{ margin-left: 0;}
.headercell .list .vth a::after{ content: ''; width: 1px; height: 15px; background: #000; position: absolute; top: 7px; left: -10px; opacity: 0.5;}
.headercell .list .vth a:first-child::after{ display: none;}
.headercell .list .sear{ padding: 10px 0; position: relative;}
.headercell .list .sear input{ display: block; width: 100%; height: 26px; font-size: 15px; border: none; background: #fff;}
.headercell .list .sear button{ width: 26px; height: 100%; border: none; position: absolute; top: 0; right: 0; /*background: url(../images/44s.png) no-repeat center; background-size: 16px auto;*/}
.headercell .list .form .nav .li .min .mli a{ display: flex; justify-content: flex-start; font-size: 14px; line-height: 20px; color: #666;}
.headercell .list .form .nav .li .min .mli a i{ display: block; width: 20px; height: 20px; margin-right: 8px; position: relative;}
.headercell .list .form .nav .li .min .mli a i img{ display: block; width: 100%; position: absolute; transition: all 0.1s;}
.headercell .list .form .nav .li .min .mli a i img.img1{ top: 0; left: 0;}
.headercell .list .form .nav .li .min .mli a i img.img2{ bottom: 0; right: 0;}
.headercell .list .form .nav .li .min .mli:hover a i img.img1{ top: -1px; left: -1px;}
.headercell .list .form .nav .li .min .mli:hover a i img.img2{ bottom: -1px; right: -1px;}
.headercell .list .form .nav .li .min .mli{ padding: 7px 0;}
.headercell .list .form .nav .li .min{ padding-top: 5px; display: none;}

.indexsix .cont .li .tit .m{ position: relative; overflow: hidden;}
.indexsix .cont .li .tit .m img{ transition: all 0.1s;}
.indexsix .cont .li .tit .m img.m1{ position: absolute; top: 0; left: 0;}
.indexsix .cont .li .tit .m img.m2{ position: absolute; bottom: 0; right: 0; z-index: 2;}
.indexsix .cont .li:hover .tit .m img.m1{ top: -2px; left: -2px;}
.indexsix .cont .li:hover .tit .m img.m2{ bottom: -2px; right: -2px;}
.servetwo .list .li .m img{ width: 100%; height: auto;}
.servetwo .list .li .m{ width: 120px; height: 120px; position: relative; margin: auto;}
.servetwo .list .li .m i img{ display: block; width: 60px; position: absolute; left: 50%; transform: translateX(-50%); bottom: 42px;}
.servetwo .list .li:hover .m i img{ animation: myfirstimg 0.8s alternate; animation-iteration-count: infinite; animation-timing-function: linear; animation-delay: 0s;}
@keyframes myfirstimg{
    0%   { padding-bottom: 0; }
    100% { padding-bottom: 10px; }
}
.indextongd .list .li .mk .m{ width: 60px; height: 60px; position: relative; margin: auto;}
.indextongd .list .li .mk .m>div{ width: 80px; height: 80px; position: absolute; top: -10px; left: -10px;}
.indextongd .list .li .mk .m img{ position: absolute; transition: all 0.1s; width: 100%; height: auto;}
.indextongd .list .li .mk .m img.m1{ top: 0; left: 0; z-index: 5;}
.indextongd .list .li .mk .m img.m2{ bottom: 0; right: 0;}
.indextongd .list .li .mk .ms img.m1{ z-index: 0;}
.indextongd .list .li:hover .mk .m img.m1{ top: -2px; left: -2px;}
.indextongd .list .li:hover .mk .m img.m2{ bottom: -2px; right: -2px;}
.indextongd .list .li:hover .mk .h1{ font-weight: bold;}
.indextongd .list .li .mk .md img.m1{ left: 0; bottom: 0; right: auto; top: auto;}
.indextongd .list .li .mk .md img.m2{ top: 0; right: 0; bottom: auto; left: auto;}
.indextongd .list .li:hover .mk .md img.m1{ left: -2px; bottom: -2px; right: auto; top: auto;}
.indextongd .list .li:hover .mk .md img.m2{ top: -2px; right: -2px; bottom: auto; left: auto;}
.aboutext .form .li .m img{ width: 100%; height: auto; position: absolute; transition: all 0.1s;}
.aboutext .form .li .m img.m1{ top: 0; left: 0;}
.aboutext .form .li .m img.m2{ bottom: 0; right: 0;}
.aboutext .form .li .m{ width: 64px; height: 64px; position: relative;}
.aboutext .form .li:hover .m img.m1{ top: -2px; left: -2px;}
.aboutext .form .li:hover .m img.m2{ bottom: -2px; right: -2px;}
.aboutext .form .li:hover .h{ font-weight: bold;}

.rightnavboxs{ position: fixed; right: 48px; bottom: 50px; z-index: 30;}
.rightnavboxs .bot{ display: none; width: 50px; height: 50px; background: #fff url(../image/11.png) no-repeat center; background-size: 13px auto; border-radius: 4px; box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.1); /*transition: all 0.5s;*/ cursor: pointer;}

.rightnavboxs .bot:hover{ background: #0867F5 url(../image/11s.png) no-repeat center; background-size: 13px auto;}
.rightnavboxs .top .li{ background: #fff; box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.1); width: 50px; border-radius: 4px; margin-top: 10px; display: flex; align-items: center; position: relative;}
.rightnavboxs .top .li::after{ border-radius: 4px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(316deg, #0867F5 0%, #5B93FF 100%); transition: all 0.5s; opacity: 0; content: '';}
.rightnavboxs .top .li:hover::after,
.rightnavboxs .top .li:first-child::after{ opacity: 1;}
.rightnavboxs .top .li .p{ font-size: 16px; color: #333; text-align: center; width: 16px; margin: auto; line-height: 20px; transition: all 0.5s;}
.rightnavboxs .top .li:hover .p,
.rightnavboxs .top .li:first-child .p{ color: #fff;}
.rightnavboxs .top .li a{ display: block; width: 100%; padding: 5px 0 20px 0;position: relative; z-index: 5;}
.rightnavboxs .top .li .m{ width: 100%; height: 50px; background-size: 100% auto; transition: all 0.5s;}
.rightnavboxs .top .li .m1{ background: url(../image/10s.png) no-repeat center;}
.rightnavboxs .top .li .m2{ background: url(../image/9.png) no-repeat center;}
.rightnavboxs .top .li:hover .m1, 
.rightnavboxs .top .li:first-child .m1{ background: url(../image/10.png) no-repeat center; animation: shake-rotate 3s ease-in-out infinite;}
.rightnavboxs .top .li:hover .m2{ background: url(../image/9s.png) no-repeat center;}
.rightnavboxs .top{ padding-bottom: 115px;}
.rightnavboxs .top .li .wear{ display: none; position: absolute; right: 65px; top: 0; background: #fff; border-radius: 4px; box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.1);}
.rightnavboxs .top .li:hover .wear{ display: block;}
.rightnavboxs .top .li .wear::after{ content: ''; width: 10px; height: 10px; background: #fff; position: absolute; top: 25px; right: -5px; transform: rotate(45deg); border-radius: 2px;}
.rightnavboxs .top .li .wear .k img{ display: block; width: 110px;}
.rightnavboxs .top .li .wear .k{ padding: 10px;}
.rightnavboxs .top .li .wear .d{ font-size: 12px; color: #666; text-align: center; line-height: 12px; margin-top: 8px;}
.indexpingt2 .li .a a{ display: block; width: 150px; height: 50px; text-align: center; line-height: 50px; border-radius: 4px; border: none; background: #0867F5; font-size: 14px; color: #fff; margin-top: 50px; transition: all 0.5s;}
.indexpingt2 .li .a a:hover{ background: #ABB3CA;}
.severone .list .li:hover{ box-shadow: 0px 0px 24px 0px rgba(144,164,194,1.00); border-radius: 4px; transform: scale(1.03);}
.severone .list .li:hover .h, .servetwo .list .li:hover .h, .servethree .list .li:hover .text .h{ font-weight: bold;}
.servethree .list .li .m{ transition: all 0.5s;}
.servethree .list .li:hover .m{ box-shadow: 0px 0px 24px 0px rgba(144,164,194,0.30); transform: scale(1.03);}
@keyframes shake-rotate {
    89% {
        -webkit-transform: translate(0) rotate(0deg);
        transform: translate(0) rotate(0deg)
    }

    90% {
        -webkit-transform: translate(0) rotate(15deg);
        transform: translate(0) rotate(15deg)
    }

    91% {
        -webkit-transform: translate(0) rotate(0deg);
        transform: translate(0) rotate(0deg)
    }

    92% {
        -webkit-transform: translate(0) rotate(-15deg);
        transform: translate(0) rotate(-15deg)
    }

    93% {
        -webkit-transform: translate(0) rotate(0deg);
        transform: translate(0) rotate(0deg)
    }

    94% {
        -webkit-transform: translate(0) rotate(15deg);
        transform: translate(0) rotate(15deg)
    }

    95% {
        -webkit-transform: translate(0) rotate(0deg);
        transform: translate(0) rotate(0deg)
    }

    96% {
        -webkit-transform: translate(0) rotate(-15deg);
        transform: translate(0) rotate(-15deg)
    }

    97% {
        -webkit-transform: translate(0) rotate(0deg);
        transform: translate(0) rotate(0deg)
    }

    98% {
        -webkit-transform: translate(0) rotate(15deg);
        transform: translate(0) rotate(15deg)
    }

    99% {
        -webkit-transform: translate(0) rotate(-15deg);
        transform: translate(0) rotate(-15deg)
    }

    0%,to {
        -webkit-transform: translate(0) rotate(0);
        transform: translate(0) rotate(0)
    }
}
.rightnavboxs .top .li .wear .h1{ font-size: 16px; line-height: 20px; color: #666;}
.rightnavboxs .top .li .wear .z1{ font-size: 10px; line-height: 15px; color: #666;}
.rightnavboxs .top .li .wear .t{ font-size: 18px; line-height: 30px; color: #0867F5; font-family: 'font1'; margin-top: 8px; font-weight: bold;}
.rightnavboxs .top .li .wear .tel{ padding: 25px 25px 25px 25px ;}
.newstuij{ margin-top: 50px;}
.newstuij .ht{ font-size: 24px; font-weight: bold; line-height: 30px; padding-bottom: 15px; border-bottom: 1px solid hsla(0,0%,0%,0.10);}
.newstuij .list{ padding-top: 0;}
.newsvideo{ margin-top: 30px; background: #fff; border-radius: 4px;}
#videozhi{ border-radius: 0 0 4px 4px; overflow: hidden;}
#videozhi video{ display: block; width: 100%;}
.newsvideo .ts{ display: flex; justify-content: space-between; align-items: flex-end; padding: 15px;}
.newsvideo .ts .tim{ display: flex;}
.newsvideo .ts .tim .p{ font-size: 14px; line-height: 22px; color: #666; margin-left: 15px;}
.newsvideo .ts .h{ font-size: 18px; line-height: 28px; font-weight: bold;}
.workbox .list, .rizibos .mker .right .mbot{ display: none;}
.workbox .list:first-child, .workbox .list, .rizibos .mker .right .mbot:first-child{ display: block;}
.header>div{ visibility: unset!important;}

.us-icon{ width: 72px; height: 72px; margin: auto; background: #FCE8EC; transition: all 0.3s; position: relative; border-radius: 100%;}
.us-icon img{ display: block; width: 100%; position: absolute; top: 0; left: 0; transition: all 0.3s;}
.us-icon img.m2{ opacity: 0; transform: scale(0);}
.indextongd .list .li:hover .us-icon img.m1{ opacity: 0; transform: scale(0);}
.indextongd .list .li:hover .us-icon img.m2{ opacity: 1; transform: scale(1);}
.us-icon1{ background: #FCE8EC;}
.us-icon2{ background: #DCF2EB;}
.us-icon3{ background: #DBEDFF;}
.us-icon4{ background: #FFEDDB;}
.us-icon5{ background: #ECE6FF;}
.indextongd .list .li:hover .us-icon1{ background: #E64F6D;}
.indextongd .list .li:hover .us-icon2{ background: #20A489;}
.indextongd .list .li:hover .us-icon3{ background: #45A3F6;}
.indextongd .list .li:hover .us-icon4{ background: #FF7701;}
.indextongd .list .li:hover .us-icon5{ background: #8B65FD;}

.ws-icon{ width: 72px; height: 72px; margin: auto; transition: all 0.3s; position: relative;}
.ws-icon img{ display: block; width: 100%; transition: all 0.3s;}
.indextongd .list .li:hover .ws-icon img{ transform: rotateY(180deg);}
.ws-icon1{ background: url(../image/b1.png) no-repeat center; background-size: 100% 100%;}
.ws-icon2{ background: url(../image/b2.png) no-repeat center; background-size: 100% 100%;}
.ws-icon3{ background: url(../image/b3.png) no-repeat center; background-size: 100% 100%;}
.ws-icon4{ background: url(../image/b4.png) no-repeat center; background-size: 100% 100%;}
.ws-icon5{ background: url(../image/b5.png) no-repeat center; background-size: 100% 100%;}