@charset "utf-8";
/* CSS Document */
/*.merchantEdition .swiper-wrapper { position: relative;}*/
body.onload { opacity: 0;}
body.endload { opacity: 1;}
.comment div>h1{color:#333333;font-size: 32px;padding-top: 75px;}

/* 2021 */

.header_box{background:#1a62e1;position: relative;height: 455px;background-size: cover;width: 100%;margin: 0 auto;}
.header_box .header{box-sizing: border-box;top: 50%;left: 50%;transform: translateY(-50%); width:1080px; position: absolute; margin-left: -540px; margin-top: -40px;}
.header_box .header .header_r { z-index: 0; right: 0; top: 50%; transform: translateY(-50%); margin-top: 40px;}
.header_box .header>h1{font-size: 44px;color: #fff;font-weight: 900;line-height: 90px;}
.header_box .header>p{font-size: 16px;color: #ffffff;line-height: 34px;}
.header_box .header>a{margin:42px 20px 0 0;height: 40px;line-height: 40px;border-radius: 4px;width: 116px;display: inline-block; border: 1px #ffffff solid; text-align: center;font-size: 16px;color: #1a62e1; background: #ffffff; transition: all .3s; box-shadow: 0 0 10px rgba(0, 0, 0, .2); font-weight: 400;}
.header_box .header>a:hover{ box-shadow: 0 0 10px rgba(0, 0, 0, 0);}
.header_box .header>a.btn2 { background: none; color: #ffffff;}
.header_box .header>span { display: inline-block; color: #ffffff; font-size: 18px;}

/* .contain_video { width: 100%; background:url(../Image/hyyx/2021/video_bg.png) top center no-repeat; background-size: cover; margin: 81px auto 76px; padding-bottom: 30px;}
.contain_video>h1{font-size: 30px;font-weight: 100;line-height: 38px;color: #444444; margin-bottom: 64px;text-align: center;}
.contain_video .contain_video_box { width: 1080px; height: 488px; margin: 0 auto; border: 10px #434343 solid; border-radius: 10px;}
.contain_video .contain_video_box video { width: 1080px; height: 488px; margin: 0 auto; object-fit: fill;}
.contain_video .contain_video_box video.active { object-fit: contain;} */
.contain_video{
    width:100%;
    min-height:674px;
    background-color: #fff;
}
.contain_video .center{
    width:1180px;
    height:100%;
    margin:auto;
}
.contain_video h2{
    font-size:23px;
    color:#374567;
    line-height: 1;
    text-align: center;
    padding-top:71px;
    padding-bottom:20px;
}
.contain_video .video_box{
    width:1179px;
    height:545px;
    margin:auto;
    background: url(../Image/hyyx/2021_12/MacBookAir.png) center center no-repeat;
    position: relative;
}
.contain_video .video_box .bg{
    width:100%;
    position: absolute;
    top:0;
    left:0;
    z-index: 2;
}
.contain_video .video_box .icon1{
    position: absolute;
    top:-21px;
    left:-22px;
    z-index: 1;
}
.contain_video .video_box .icon2{
    position: absolute;
    bottom:80px;
    right:-10px;
    z-index: 1;
}
.contain_video .video_box video { width: 960px; height: 434px; object-fit: fill;margin:62px 0 0 114px;}
.contain_video .video_box video.active { object-fit: contain;}

/* .contain_1{width: 1200px;margin: 81px auto 76px;}
.contain_1>h1{font-size: 30px;font-weight: 100;line-height: 38px;color: #444444;margin-bottom: 64px;text-align: center;}
.contain_1>.contain_1_box:after{content: "";display: block;clear: both;}
.contain_1>.contain_1_box>h3{width: 224px;background-color: #f3fafc;box-shadow: 0px 3px 13px 0px rgba(224, 231, 232, 0.53); border: 1px #e8eaea solid; border-radius: 2px;float: left;margin-right: 17px;padding: 40px 0 0;text-align: center;transition: all .3s;}
.contain_1>.contain_1_box>h3:last-child{margin-right: 0;}
.contain_1>.contain_1_box>h3>img{display:inline-block;margin-bottom: 30px;}
.contain_1>.contain_1_box>h3>p{font-size: 16px;line-height: 30px;color: #444444; padding: 30px 30px 55px 30px; background: #ffffff; text-align: justify;}
.contain_1>.contain_1_box>h3:hover{box-shadow: 0px 3px 10px 8px rgba(224, 231, 232, 0.53);}
.contain_1>.contain_1_box>h3:hover>img{transform: scale(1.01);} */
.section_1{
    width:100%;
    height:650px;
    background-color: #fff;
    background-image: url(../Image/hyyx/2021_12/s1_bg.png);
    background-repeat: no-repeat;
    background-position:center center;
    background-size: cover;
}
.section_1 .center{
    width:1080px;
    height:647px;
    margin: auto;
    background: url(../Image/hyyx/2021_12/s1_center_bg.png) right bottom no-repeat;
}
.section_1 h2{
    font-size:23px;
    color:#374567;
    line-height: 1;
    text-align: center;
    padding-top:60px;
    padding-bottom:55px;
}
.section_1 ul{
    width:613px;
    height:443px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}
.section_1 ul li{
    width:294px;
    height:130px;
    box-shadow: 0 0 38px rgba(140,154,168,0.15);
    margin-left:25px;
    margin-bottom:25px;
}
.section_1 ul li:nth-child(1){background: url(../Image/hyyx/2021_12/s1_li_bg1.png) center center no-repeat;}
.section_1 ul li:nth-child(2){background: url(../Image/hyyx/2021_12/s1_li_bg2.png) center center no-repeat;}
.section_1 ul li:nth-child(3){background: url(../Image/hyyx/2021_12/s1_li_bg3.png) center center no-repeat;margin-bottom:0;}
.section_1 ul li:nth-child(4){background: url(../Image/hyyx/2021_12/s1_li_bg4.png) center center no-repeat;}
.section_1 ul li:nth-child(5){background: url(../Image/hyyx/2021_12/s1_li_bg5.png) center center no-repeat;}
.section_1 ul li i{margin-top:20px;margin-left:23px;}
.section_1 ul li p{font-size:15px;color:#1f2b43;line-height: 29px;margin-left:23px;}
.section_1 ul li:nth-child(1) i{display: block;width:32px;height:31px;background: url(../Image/hyyx/2021_12/s1_icon1.png) center center no-repeat;}
.section_1 ul li:nth-child(2) i{display: block;width:25px;height:31px;background: url(../Image/hyyx/2021_12/s1_icon2.png) center center no-repeat;}
.section_1 ul li:nth-child(3) i{display: block;width:31px;height:31px;background: url(../Image/hyyx/2021_12/s1_icon3.png) center center no-repeat;}
.section_1 ul li:nth-child(4) i{display: block;width:30px;height:28px;background: url(../Image/hyyx/2021_12/s1_icon4.png) center center no-repeat;}
.section_1 ul li:nth-child(5) i{display: block;width:33px;height:32px;background: url(../Image/hyyx/2021_12/s1_icon5.png) center center no-repeat;}


.contain_2{width: 100%;padding: 66px 0;}
.contain_2>h2{ font-size:23px;color:#374567;line-height: 1;text-align: center;padding-bottom:51px;}
.contain_2 .contain_2_box {width: 1080px;margin: 0 auto;background-color: #ffffff;}
.contain_2 .contain_2_box .inner { width: 100%; margin: 0 auto; display: flex; justify-content: space-between;}
.contain_2 .contain_2_box .inner1{height:280px;}
.contain_2 .contain_2_box .inner2{height:363px;}
.contain_2 .contain_2_box .inner3{height:352px;}
.contain_2 .contain_2_box .inner4{height:350px;}
.contain_2 .contain_2_box .inner5{height:336px;}
.contain_2 .contain_2_box .inner1 dl{margin-top:40px;}
.contain_2 .contain_2_box .inner2 dl{margin-top:64px;}
.contain_2 .contain_2_box .inner3 dl{margin-top:25px;}
.contain_2 .contain_2_box .inner4 dl{margin-top:7px;}
.contain_2 .contain_2_box .inner5 dl{margin-top:22px;}
.contain_2 .contain_2_box .inner dt { position: relative; font-size: 17px; color: #1f2b43; line-height: 1; margin-bottom: 14px; font-weight: 400;}
.contain_2 .contain_2_box .inner dd { font-size: 15px; color: #939eb6; line-height: 30px;}
.contain_2 .contain_2_box .inner dd span { font-size: 15px; color: #374567;}

.contain_4{width: 100%;background-color: #f8f8f8;padding: 78px 0 49px;}
.contain_4>h2{font-size: 26px;color: #1f2b43;line-height: 38px;text-align: center;margin-bottom: 47px;}
.contain_4 .contain_4_box { width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center;}
.contain_4 .contain_4_box .txt { height: 432px; padding:20px 89px 0; box-sizing: border-box; background: #ffffff;}
.contain_4 .contain_4_box .txt p { font-size: 14px; line-height: 30px; margin-bottom: 10px;color:#58637f;}
.contain_4 .contain_4_box .txt .data { display: flex; margin-top: 40px; justify-content: space-between; align-items: center;}
.contain_4 .contain_4_box .txt .data h3 { font-size: 34px; line-height: 36px; font-weight: 400; color: #1a62e1;}
.contain_4 .contain_4_box .txt .data h3 em { font-size: 12px; font-style: normal; color: #1a62e1;}
.contain_4 .contain_4_box .txt .data span { font-size: 12px; color: #939eb6;}

.contain_5 { width: 100%; padding: 70px 0;background: url(../Image/hyyx/2021_12/contain_5_bg.png) center center no-repeat;background-size: cover;}
.contain_5 .box {width: 1080px;margin: 0 auto;}
.contain_5 .box>h2{font-size: 26px;line-height: 38px;color: #ffffff;margin-bottom: 48px;text-align: center;}
.contain_5 .box .contain_5_box:after{content: "";display: block;clear: both;}
.contain_5 .box .contain_5_box { display: flex; justify-content: space-between; align-items: flex-start;}
.contain_5 .box .contain_5_box .inner { flex: 0 0 20%; text-align: center;}
.contain_5 .box .contain_5_box .inner .inner_box { padding: 20px 15px 30px 15px; margin: 0 10px 10px; background: #ffffff;background-image: linear-gradient(top, #ecf0f8 , #fafafc);background-image: -webkit-linear-gradient(top, #ecf0f8 , #fafafc);}
.contain_5 .box .contain_5_box .inner .bg{background:url(../Image/hyyx/2021_12/c5_item_bg.png) center center no-repeat;background-size: cover;}
.contain_5 .box .contain_5_box .inner .inner_box:last-child { margin-bottom: 0;}
.contain_5 .box .contain_5_box .inner .inner_box.noTag { padding: 4px 15px;}
/* .contain_5 .box .contain_5_box .inner:first-child .inner_box:last-child { padding: 43px 15px;} */
.contain_5 .box .contain_5_box .inner:first-child .inner_box:last-child {padding: 26px 15px 130px}
.contain_5 .box .contain_5_box .inner:nth-child(2) .inner_box.noTag { padding: 17px 15px;}
.contain_5 .box .contain_5_box .inner:nth-child(3) .inner_box.noTag { padding: 17px 15px;}
.contain_5 .box .contain_5_box .inner:nth-child(4) .inner_box.noTag { padding: 39px 15px;}
.contain_5 .box .contain_5_box .inner:nth-child(5) .inner_box:last-child { padding-bottom: 24px;}
.contain_5 .box .contain_5_box .inner h5 { font-size: 17px; margin-bottom: 20px; color: #ffffff; position: relative;padding-left:55px;}
.contain_5 .box .contain_5_box .inner h5 .icon_1{display: block;width:18px;height:18px;position: absolute;left:17px;top:9px;background:url(../Image/hyyx/2021_12/c5_icon1.png) center center no-repeat;}
.contain_5 .box .contain_5_box .inner h5 .icon_2{display: block;width:18px;height:18px;position: absolute;left:24px;top:9px;background:url(../Image/hyyx/2021_12/c5_icon2.png) center center no-repeat;}
.contain_5 .box .contain_5_box .inner h5 .icon_3{display: block;width:18px;height:18px;position: absolute;left:18px;top:9px;background:url(../Image/hyyx/2021_12/c5_icon3.png) center center no-repeat;}
.contain_5 .box .contain_5_box .inner h5 .icon_4{display: block;width:18px;height:18px;position: absolute;left:19px;top:9px;background:url(../Image/hyyx/2021_12/c5_icon4.png) center center no-repeat;}
.contain_5 .box .contain_5_box .inner h5 .icon_5{display: block;width:18px;height:18px;position: absolute;left:16px;top:9px;background:url(../Image/hyyx/2021_12/c5_icon5.png) center center no-repeat;}
/* .contain_5 .box .contain_5_box .inner h5::after { position: absolute; left: 50%; margin-left: -6px; display: block; content: ""; width: 0; height: 0; border-top: 6px #ffffff solid; border-right: 6px #ffffff solid; border-top: 6px #00bcd2 solid; border-bottom: 6px #00bcd2 solid; transform: rotate(90deg);} */
.contain_5 .box .contain_5_box .inner h6 { font-size: 15px; margin-bottom: 20px; color: #1a62e1;text-align: center;}
.contain_5 .box .contain_5_box .inner .inner_box.noTag h6 { margin-bottom: 0;}
.contain_5 .box .contain_5_box .inner .inner_box span { display: inline-block; line-height: 30px; border: 1px #e7e9f1 dashed; margin-bottom: 10px; box-sizing: border-box;background-color: #fff;}
.contain_5 .box .contain_5_box .inner .inner_box .row_1 span { width: 100%;}
.contain_5 .box .contain_5_box .inner .inner_box .row_1 span:last-child { margin-bottom: 0;}
.contain_5 .box .contain_5_box .inner .inner_box .row_2 span { width: 48%; margin-right: 4%;}
.contain_5 .box .contain_5_box .inner .inner_box .row_2 span:nth-child(2n) { margin-right: 0;}

.case { background: #f5f7fa; padding: 80px 0 90px;}
.case h2{color: #1f2b43;font-size: 26px;line-height: 1;margin-bottom: 50px;text-align: center;}
.case .case_box { width: 1080px;margin: 16px auto 0; position: relative;}
.case .case_box .case_list{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;}
.case .case_list li { width: 200px; height: 90px; margin-bottom: 15px; box-sizing: border-box; overflow: hidden;}
.case .case_list li i { display: inline-block; width: 100%; height: 100%; transition: all .3s; box-sizing: border-box; background: url(../Image/hyyx/2021/brand_img.png) top center no-repeat;}
.case .case_list li.case_01 i { background-position: -6px -16px;}
.case .case_list li.case_02 i { background-position: -5px -136px;}
.case .case_list li.case_03 i { background-position: -7px -256px;}
.case .case_list li.case_04 i { background-position: -2px -376px;}
.case .case_list li.case_05 i { background-position: -5px -496px;}
.case .case_list li.case_06 i { background-position: -6px -609px;}
.case .case_list li.case_07 i { background-position: -4px -734px;}
.case .case_list li.case_08 i { background-position: -3px -853px;}
.case .case_list li.case_09 i { background-position: -3px -976px;}
.case .case_list li.case_10 i { background-position: -5px -1096px;}
.case .case_list li:hover i { transform: scale(1.1);}

.popServer { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.2); z-index: 1002;}
.popServer .inner { width: 440px; height: 260px; position: fixed; top: 50%; left: 50%; margin: -160px 0 0 -220px; background: url(../Image/popServer/popup_bg.png) center center no-repeat;background-size: cover;}
.popServer .inner .qrcode { float: left; margin: 97px 0 0 56px; width: 134px;}
.popServer .inner .right { float: left;}
.popServer .inner .right .txt-1 { margin: 65px 0 0 45px;}
.popServer .inner .right .txt-1 h3 { font-size: 23px; color: #04709d; line-height: 1.4em;}
.popServer .inner .right .txt-1 p { font-size: 16px; color: #04709d; line-height: 1.4em; font-weight: 300;}
.popServer .inner .right .txt-2 { margin: 20px 0 0 25px;}
.popServer .inner .right .txt-2 h3 { font-size: 43px; color: #f9feff; line-height: 1.4em; text-shadow: 1px 0 5px rgba(34, 203, 239, 0.43);}
.popServer .inner .right .txt-2 p { font-size: 14px; color: #f9feff; line-height: 1.4em; font-weight: 300; text-shadow: 1px 0 5px rgba(34, 203, 239, 0.43);}
.popServer .inner .close { width: 31px; height: 31px; cursor: pointer; position: absolute; top: 10px; right: 10px; background: url(../Image/popServer/icon_close.png) center center no-repeat;background-size: cover;}

.foot_ban{width: 100%;height: 232px;background: url(../Image/kqyx/2021/footer_bg.jpg) center center no-repeat;background-size: cover;}
.foot_ban h1{font-size: 30px;color: #FFFFFF;padding-top: 68px;line-height: 1;text-align: center;font-weight: 100;margin-bottom: 48px;}
.foot_ban a{width: 160px;font-size: 16px;color: #1cb0ea;line-height: 42px;display: block;margin: auto;text-align: center;border-radius: 5px;text-decoration: none;height: 42px; background-image: linear-gradient(#ffffff, #dcfcff); transition: all .3s; box-shadow: 0 0 10px rgba(23, 194, 217, 1); font-weight: bold;}
.foot_ban a:hover{ box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);}

@keyframes mymove
{
    0%   {transform:translateX(0px);}
	25%  {transform:translateX(-8px);}
    50%  {transform:translateX(0px);}
	75%  {transform:translateX(8px);}
    100%  {transform:translateX(0px);}
}
 
@media screen {
	
	
}