@charset "utf-8";

/*
 * artDialog skin
 * http://code.google.con/p/artdialog/
 * (c) 2009-2011 TangBin, http://www.planeArt.cn
 *
 * This is licensed under the GNU LGPL, version 2.1 or later.
 * For details, see: http://creativeconmons.org/licenses/LGPL/2.1/
 */

/* conmon start */
html { background: none;}
body{margin:0; background: #f9faff;}
/* .main p.wow { font-size: 16px; color: #999999; margin-bottom: 120px; text-align: center;} */

/* 2021改版 */
.header_box{background:#1a62e1;position: relative;height: 540px;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;}
.header_box .header .header_r { z-index: 0; right: -40px; top: 50%; transform: translateY(-50%);}
.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;}

.payment{
    width:1080px;
    height:105px;
    position: relative;
    background-color: #fff;
    margin:-54px auto 0;
    display: flex;
    flex-direction: row;
    box-shadow: 0 0 10px rgba(115, 121, 131, .06);
}
.payment li{
    flex:1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.payment li:hover{background-color: #e7f0ff;}
.payment li span{font-size:16px;color:#333333;margin-top:10px;}

.case { width: 100%; padding: 40px 0 60px 0; background: #f9faff;}
.case>h2{font-size: 28px;color: #1e2b42;line-height: 1;margin-bottom:37px;text-align: center;}
.case .caseBox { width: 1080px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between;}
.case .caseBox ul { height: 420px; overflow-y: auto;text-align: left; box-sizing: border-box; overflow-x:hidden;}
.case .caseBox ul li { width: 100%; box-sizing: border-box; padding:0px 0 0 40px; height: 105px; line-height: 105px; font-size: 16px; cursor: default; color: #3f485b;display: flex;flex-direction: row;align-items: center;}
.case .caseBox ul li i{display: inline-block;width:22px;height:3px;background-color: #e7e9ed;margin-right:18px;}

.zhongtai { width: 100%; padding: 60px 0 0; background: url(../Image/wcjcb/2022/zt_bg2.png) center bottom no-repeat; background-size: cover;}
.zhongtai>h2{font-size: 28px;color: #212c42;line-height: 1;margin-bottom:40px;text-align: center;}
.zhongtai .zhongtaiBox { width: 1080px; height: 424px; margin: 0 auto; background: url(../Image/wcjcb/2022/zt_bg1.png) center 0px no-repeat; background-size: cover;}
.zhongtai .zhongtaiBox li { width: 100%; padding-top: 18px; text-align: center;}
.zhongtai .zhongtaiBox li p { font-size: 18px; color: #212c42; line-height: 2em;}
.zhongtai .zhongtaiBox li span { display: block; font-size: 15px; color: #666666; line-height: 1.5em;}

.ywjg { width: 100%; padding: 60px 0; background: #1c61e0;}
.ywjg>h2{font-size: 28px;color: #ffffff;line-height: 1;margin-bottom:40px;text-align: center;}
.ywjg .ywjgBox { width: 1080px; margin: 0 auto;}

.pingtai { background-color: #f9faff; min-height:625px; padding-bottom:63px;}
.pingtai h2 { font-size:26px; color:#212c42; line-height: 1; text-align: center; padding-top:75px;}
.pingtai .center { width:1080px; height:100%; margin:0 auto;}
.pingtai .item > div{flex:1;}
.pingtai .item h3{height:37px;display: flex;flex-direction: row;align-items: center;font-size:17px;color:#374567;}
.pingtai .item h3 img{margin-right:24px;}
.pingtai .item i{display: block;width:35px;height:2px;margin-left:177px;margin-top:29px;background-color: #1a62e1;}
.pingtai .item p{font-size:16px;color:#6d788e;line-height: 28px;margin-top:21px;}
.pingtai .item1{width:100%;height:249px;margin-top:67px;display: flex;flex-direction: row;}
.pingtai .item1 h3{margin-top:62px;margin-left:175px;}
.pingtai .item1 p{margin-left:175px;}
.pingtai .item1 div > img{margin-right:-10px;float: right;}
.pingtai .item2{display: flex;flex-direction: row-reverse;margin-top:90px;}
.pingtai .item2 h3{margin-top:76px;margin-left:106px;}
.pingtai .item2 i{margin-left:108px;}
.pingtai .item2 p{margin-left:106px;}
.pingtai .item2 div > img{margin-left:98px;}
.pingtai .item3{display: flex;margin-top:30px;}
.pingtai .item3 h3{margin-top:75px;margin-left:175px;}
.pingtai .item3 i{margin-left:177px;}
.pingtai .item3 p{margin-left:175px;}
.pingtai .item3 div > img{margin-left:122px;}
.pingtai .item4{display: flex;flex-direction: row-reverse;margin-top:40px;}
.pingtai .item4 h3{margin-top:46px;margin-left:106px;}
.pingtai .item4 i{margin-left:108px;}
.pingtai .item4 p{margin-left:106px;}
.pingtai .item4 div > img{margin-left:83px;}
.pingtai .item5{display: flex;margin-top:30px;}
.pingtai .item5 h3{margin-top:75px;margin-left:175px;}
.pingtai .item5 i{margin-left:177px;}
.pingtai .item5 p{margin-left:175px;}
.pingtai .item5 div > img{margin-left:122px;}

.zhizhi { width: 100%; padding: 50px 0 70px; background: url(../Image/wcjcb/2022/zhizhi_bg.png) center bottom no-repeat; background-size: cover;}
.zhizhi>h2{font-size: 28px;color: #1e2b42;line-height: 1;margin-bottom:60px;text-align: center;}
.zhizhi .zhizhiBox { width: 1080px; margin: 0 auto; display: flex; align-items: flex-start; justify-content: space-around;}

.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: 14px; color: #04709d; line-height: 1.4em; font-weight: 300;}
.popServer .inner .right .txt-2 { margin: 20px 0 0 30px;}
.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: 22px; 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 iconChange {
    0%   { transform: translateY(0);}
    25% { transform: translateY(6px);}
    50% { transform: translateY(0);}
    75% { transform: translateY(6px);}
    100% { transform: translateY(0);}
}

@media screen and (min-width:1520px){
    .agentPayment_bg .agentPayment_box>p.wow{ margin-bottom: 140px;}
}