body{margin:0 auto;padding:0;font-family: Helvetica,Arial,PingFang SC,Hiragino Sans GB,Source Han Sans CN,Roboto,Microsoft Yahei,sans-serif;color: #191924}
ul,li,p,h1,h2,h3,h4,h5,h6{list-style:none;margin:0;padding:0;line-height: 100%;}
button,img{border:none;}
a{text-decoration:none;text-align:center;cursor:pointer;}
.clearfix:after {content : "." ;display : block ;height : 0 ;clear : both ;visibility : hidden ;}
* html .clearfix {zoom: 1 ;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;outline: none;color: #303753}
::-webkit-input-placeholder {color: #c3c8d6;}
*,::before,::after{box-sizing: border-box}
.container{position:relative;max-width: 1400px;min-width:1200px;margin: 0 auto;}
/* text-color */
.text-white   { color: #ffffff !important; }
.text-tinge   { color: #eeeeee !important; }
.text-light   { color: #999999 !important; }
.text-gray    { color: #666666 !important; }
.text-dark    { color: #333333 !important;}
.text-primary {	color: #e12e43 !important; }
.text-success { color: #0cc741 !important; }
.text-info    { color: #1e90ff !important; }
.text-warning { color: #ffbe00 !important; }
.text-danger  { color: #f76260 !important; }
.text-pink    { color: #e53b75 !important; }
.text-purple  { color: #6d45bc !important; }
.text-indigo  { color: #465bd4 !important; }
.text-green   { color: #0cc741 !important; }
.text-red     {	color: #ff5c38 !important; }
.text-blue    { color: #007dfe !important; }
.text-orange  { color: #fd7400 !important; }
.text-choc    { color: #d2691e !important; }
.text-maroon  { color: #800000 !important; }
header{
    position: relative;
    height: 88px;
    background-color: #ffffff;
    box-shadow: 0px 4px 20px 0px
    rgba(147, 172, 226, 0.1);
    z-index: 1;
}
.logo{
    float: left;
    background: url("../image/logo1.png");
    height: 42px;
    width: 119px;
    margin: 23px 100px 0 0;
}
.nav{
    float: left;
}
.nav li{
    position: relative;
    float: left;
    margin-right: 48px;
}
.nav li .site_menu_box{
    content: '';
    display: block;
    position: absolute;
    top: 68px;
    left: 50%;
    transform: translateX(-50%);
}
.nav li .site_menu{
    display: none;
    background: url("../image/menu_bg1.png");
    height: 238px;
    width: 632px;
    padding: 20px 47px 30px 47px;
}
.nav li .site_menu_sub{
    display: none;
    background: url("../image/menu_bg2.png");
    height: 240px;
    width: 234px;
    padding: 30px 47px 30px 47px;
}
.nav li .site_menu_sub>a{
    display: block;
    line-height: 60px;
    border-bottom: 1px solid #eeeeee;
    font-size: 15px;
    color: #303753;
    transition: .25s;
}
.nav li .site_menu_sub>a:last-child{
    border-bottom: none;
}
.nav li .site_menu_sub>a>img{
    vertical-align: middle;
    margin-right: 20px;
}
.nav li .site_menu_sub>a:hover{
    padding-left: 10px;
}
.site_menu_d1{
    line-height: 50px;
    border-bottom: 1px solid #eee;
}
.site_menu_d1>a{
    position: relative;
    display: block;
    width: 33.3%;
    float: left;
    text-align: center;
    color: #767e91;
    font-size: 15px;
    font-weight: 500;
}
.site_menu_d1>a>img{
    display: none;
    position: absolute;
    left: 0;
    top: 5px;
}
.site_menu_d1>a.active{
    color: #3355db;
    border-bottom: 1px solid #3355db;
}
.site_menu_d1>a.active>img{
    display: block;
}
.site_menu_d2{
    margin: 20px 0;
}
.site_menu_d2_l{
    float: left;
    width: 320px;
    font-size: 13px;
    line-height: 24px;
    color: #767e91;
    overflow: hidden;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    display: -webkit-box;
    display: box;
}
.site_menu_d2_r{
    float: right;
    margin-top: 5px;
}
.site_menu_d3>a{
    margin-right: 50px;
    color: #303753;
    font-size: 13px;
}
.site_menu_d3>a:last-child{
    margin-right: 0;
}
.site_menu_d3>a>img{
    vertical-align: middle;
    margin-right: 10px;
}
.site_menu_pro_list li{
    position: relative;
    width: 100%;
    display: none;
}
.site_menu_pro_list li.active{
    display: block;
}
.site_menu_d2_r>a{
    float: left;
    width: 90px;
    line-height: 36px;
    border-radius: 4px;
    font-size: 13px;
    margin-left: 10px;
}
.site_menu_d3{
    position: absolute;
    left: -20px;
    bottom: -47px;
    width: 580px;
    height: 50px;
    line-height: 50px;
    padding-left: 20px;
    background-color: #f3f6fd;
    border-radius: 4px;
}
.nav li>a{
    display: block;
    color: #303753;
    line-height: 88px;
    font-weight: 500;
}
.header_right{
    float: right;
    margin-top: 24px;
}
.header_right>a{
    display: block;
    float: left;
    margin-left: 20px;
    line-height: 40px;
    border-radius: 4px;
    padding: 0 20px;
    font-size: 14px;
    font-weight: 500;
}
.btn_sub{
    background-color: #f4f7ff;
    border: solid 1px #a3b6ff;
    color: #3355db;
    transition: .25s;
}
.btn_main{
    background-color: #3355db;
    color: #fff;
    transition: .25s;
}
.btn_main:hover{
    background-color: rgba(51, 85, 219, 0.9);
}
.btn_sub:hover{
    border: solid 1px #3355db;;
}
.foot1{
    position: relative;
    background: url("../image/foot_bg1.jpg") center no-repeat;
    max-width: 1400px;
    min-width: 1200px;
    height: 160px;
    margin: 120px auto 0 auto;
    padding-left: 400px;
}
.foot1>img{
    position: absolute;
    left: 40px;
    bottom: 10px;
}
.foot1>h3{
    padding: 40px 0 30px 0;
    font-size: 30px;
    color: #303753;
}
.foot1>p{
    font-size: 18px;
    color: #767e91;
}
.foot1>a{
    position: absolute;
    right: 40px;
    top: 56px;
    display: block;
    width: 160px;
    line-height: 48px;
    background-color: #3355db;
    border-radius: 4px;
    color: #fff;
}
.foot2{
    background: url("../image/foot_bg2.jpg") top center no-repeat;
    width: 100%;
    background-size: cover;
    margin: -80px 0 0 0;
    padding-top: 140px;
}
.f_left{
    float: left;
    margin-bottom: 40px;
}
.f_left>p{
    margin: 15px 0;
    font-size: 12px;
    color: rgba(255,255,255,0.6);
    line-height: 30px;
}
.f_left>a{
    display: inline-block;
    margin-right: 20px;
    font-size: 0;
}
.f_right{
    float: right;
    margin-right: 220px;
}
.f_right>li{
    float: left;
    margin-left: 80px;
    width: 68px;
}
.f_right>li>h3{
    padding-bottom: 20px;
    margin-bottom: 15px;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    border-bottom: 1px solid rgba(255,255,255,0.2);
}
.f_right>li>p{
    line-height: 30px;
}
.f_right>li>p>a{
    display: block;
    text-align: left;
    font-size: 12px;
    color: rgba(255,255,255,0.6);
}
.f_right>li>p>a:hover{color: #fff}
.line {
    border-top: 1px solid rgba(255,255,255,0.2);
}
.yq_lj{
    padding: 20px 0;
    font-size: 12px;
    line-height: 18px;
    color: rgba(255,255,255,0.6);
}
.yq_lj>span{
    font-weight: 600;
    margin-right: 20px;
    color: #ffffff;
}
.yq_lj>a{
    color: rgba(255,255,255,0.6);
    margin-right: 20px;
}
.yq_lj>a:hover{color: #fff}
.f_bottom{
    padding: 20px 0;
}
.f_bottom .p1{
    float: left;
    font-size: 12px;
    line-height: 18px;
    color: rgba(255,255,255,0.6);
}
.f_bottom .p2{
    float: right;
}
.f_bottom .p2>img{
    float: right;
    margin-left: 20px;
    vertical-align: middle;
}
.gzh{
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 20px;
    text-align: center;
}
.gzh>p{
    color: #fff;
    font-size: 12px;
    margin-top: 20px;
}
.tcdPageCode{font-size:12px;text-align:center;color: #767e91}
.tcdPageCode>a{position:relative;display: inline-block;transition:.2s;color: #767e91;height: 28px;	line-height: 28px;	padding: 0 10px;border: 1px solid #eee;	margin: 0 5px;border-radius: 4px;vertical-align: middle;}
.tcdPageCode>a:hover{text-decoration: none;border: 1px solid #3355db;color: #3355db;}
.select_page>input{position:relative;width: 60px;color: #808191;font-size:13px;background: none;border: none;cursor: pointer;z-index: 2}
.tcdPageCode>span.current{display: inline-block;height: 28px;line-height: 28px;padding: 0 10px;margin: 0 5px;color: #3355db;background-color: #f4f7ff;	border: 1px solid #3355db;border-radius: 4px;vertical-align: middle;}
.tcdPageCode>span.disabled{display: inline-block;height: 28px;line-height: 28px;padding: 0 10px;margin: 0 5px;	color: #767e91;background: #f9f9f9;border: 1px solid #eee;border-radius: 4px;vertical-align: middle;}
.mask{
    display: none;
    background: rgba(0,0,0,0.6);
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1000;
}
.modal{
    width: 600px;
    background-color: #ffffff;
    border-radius: 20px;
    padding: 30px 40px;
    position: fixed;
    left: 50%;
    top: 60%;
    transform: translate(-50%,-50%);
    z-index: -1;
    opacity: 0;
    transition: .25s;
}
.modal_show{
    opacity: 1;
    top: 50%;
    z-index: 1001;
}
.modal_close{
    position: absolute;
    top: 20px;
    right: 20px;
}
.mid_title{
    text-align: center;
    padding: 80px 0 60px 0;
}
.mid_title>h1{
    margin-bottom: 20px;
    font-size: 30px;
}
.mid_title>p{
    font-size: 16px;
    color: #a8a8b3;
}
.pro_list_card li{
    float: left;
    width: calc(25% - 30px);
    height: 200px;
    margin-right: 40px;
    padding: 30px 40px;
    border-radius: 10px;
    border: solid 1px transparent;
    transition: .25s;
}
.pro_list_card li:last-child{
    margin-right: 0;
}
.pro_list_card li:hover{
    background-color: #ffffff;
    box-shadow: 0px 4px 20px 0px
    rgba(147, 172, 226, 0.1);
    border: solid 1px #f3f2fc;
}
.pro_list_card li>h3{
    margin: 20px 0 15px 0;
    font-size: 18px;
    font-weight: 500;
}
.pro_list_card li>p{
    font-size: 14px;
    line-height: 24px;
    color: #a8a8b3;
}
.back_home{
    display: block;
    color: #3355db;
    font-weight: 500;
    padding: 0 15px;
    font-size: 14px;
    border-radius: 4px;
    position: absolute;
    left: 30px;
    top: 30px;
    line-height: 40px;
}
.back_home>img{
    vertical-align: text-bottom;
    margin-right: 4px;
}
.back_home:hover{
    color: #3355db;
}
.user_list{
    display: none;
    position: absolute;
    top: 64px;
    right: 0;
    width: 220px;
    background-color: #ffffff;
    box-shadow: 0px 4px 20px 0px rgb(147 172 226 / 10%);
    border-radius: 4px;
    border: solid 1px #ecebf6;
    text-align: left;
    color: #2e384d;
    overflow: hidden;
}
.user_list_d1{
    position: relative;
    padding: 10px 15px;
    font-size: 14px;
    line-height: 20px;
    background-color: #3355db;
    color: #fff;
}
.user_list_d1>h3{
    font-size: 14px;
    line-height: 20px;
}
.user_list_d1>p{
    font-size: 12px;
    color: rgba(255,255,255,0.6);
    line-height: 20px;
}
.user_list_d1 .rz{
    position: absolute;
    right: 15px;
    top: 15px;
    padding: 2px 6px;
    font-size: 12px;
}
.user_list_d1 .rz.rz1{
    color: #05caae;
    background: rgba(5, 202, 174, 0.2);
}
.user_list_d1 .rz.rz2{
    color: #ff6d5a;
    background: rgba(255, 109, 90, 0.2);
}
.user_list_d2{
    padding: 10px 15px;
}
.user_list_d2>a,.user_list_d2>.ye_top{
    position: relative;
    display: block;
    line-height: 36px;
    text-align: left;
    color: #767e91;
    font-size: 13px;
}
.user_list_d2>.ye_top .cz_btn{
    display: inline-block;
    height: 24px;
    line-height: 22px;
    padding: 0 10px;
    color: #ffaa2e;
    border: 1px solid #ffaa2e;
    margin-left: 15px;
}
.user_list_d2>.ye_top .cz_btn:hover{background: #ffaa2e;color: #ffffff}
.user_list_d2>a>span{
    position: absolute;
    right: 0;
    font-size: 12px;
    color: #fff;
}
.user_list_d2>.ye_top>span{
    float: right;
    display: inline-block;
    line-height: 36px;
    color: #ff6d5a;
}
.user_list_d2>a .circle{
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    height: 22px;
    min-width: 22px;
    line-height: 22px;
    text-align: center;
    border-radius: 11px;
    color: #fff;
    font-size: 12px;
    background: #ff6d5a;
    margin-top: 6px;
    transition: .25s;
}
.user_list_d2>a .circle:hover{
    margin-top: 4px;
}
.out_btn{
    display: block;
    padding: 0 15px;
    line-height: 40px;
    color: #767e91;
    border-top: 1px solid #ecebf6;
    font-size: 13px;
}
.out_btn:hover{
    color: #ff6d5a;
}
/*右侧漂浮*/
.right_fix{
    position: fixed;
    right: 2px;
    bottom: 30%;
    background-color: #ffffff;
    box-shadow: 0px 1px 4px 0px rgb(147 172 226 / 10%);
    border-radius: 4px;
    border: solid 1px #ecebf6;
    padding: 0 10px;
    z-index: 2100;
}
.right_fix>ul>li{
    position: relative;
    padding: 10px 0;
    border-bottom: 1px solid #ecebf6;
    text-align: center;
    cursor: pointer;
}
.right_fix>ul>li>img{
    height: 20px;
    margin-bottom: 8px;
}
.right_fix>ul>li>p{
    font-size: 12px;
    color: #767e91;
}
.right_fix_show{
    display: none;
    position: absolute;
    right: 48px;
    top: 0;
    padding-right: 20px;
    width: 200px;
}
.right_fix_show_d1{
    border: 1px solid #ecebf6;
    background-color: #ffffff;
    box-shadow: 0px 1px 4px 0px rgb(147 172 226 / 10%);
    border-radius: 4px;
    padding: 10px;
}
.right_fix_show_d1 li{
    border-bottom: 1px solid #ecebf6;
    padding: 15px 0;
}
.right_fix_show_d1 li:last-child{
    padding-bottom: 0;
    border: none;
}
.right_fix_show_d1 li>h3{
    font-size: 18px;
}
.right_fix_show_d1 li>p{
    font-size: 14px;
    color: #767e91;
    margin-bottom: 10px;
}
/* 客服弹窗 */
.kefu_fix{
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -180px;
    margin-top: -180px;
    width: 360px;
    background: #fff;
    border-radius: 10px;
    padding: 40px;
    text-align: center;
    box-shadow: 0px 4px 20px 0px rgb(147 172 226 / 20%);
    z-index: 10;
}
.kefu_fix>h3{
    font-size: 20px;
    margin-bottom: 30px;
}
.kefu_fix>p{
    font-size: 14px;
    color: #a8a8b3;
    margin: -15px 0 30px 0;
}
.kefu_fix>img{
    margin-bottom: 20px;
}
.kefu_fix>a{
    display: inline-block;
    margin: 0 20px;
    line-height: 40px;
    padding: 0 20px;
    font-size: 14px;
    border-radius: 4px;
}
.kefu_fix_close{
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
}
.index_news {
    text-align: left;
    display:inline-block;
    max-width: 320px;
    overflow: hidden;
    text-overflow:ellipsis;
}
/* 导航注册按钮下方问题 */
.free_tag{
    position: relative;
}
.free_tag:before{
    content: '免费领1000IP';
    position: absolute;
    background: linear-gradient(180deg, #f68262 0%, #ea6b48 100%);
    color: #fff;
    font-size: 12px;
    width: 110px;
    height: 22px;
    line-height: 22px;
    bottom: -32px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 11px;
    z-index: 1;
}
.free_tag:after{
    position: absolute;
    bottom: -18px;
    left: 50%;
    transform: translateX(-50%) rotate(-45deg);
    content: '';
    width: 12px;
    height: 12px;
    background-color: #f68262;
    border-top-color: #f68262;
    border-right-color: #f68262;
    z-index: 0;
}

/* 页面右侧免费广告 */
.free_fix{
    display: block;
    position: fixed;
    right: 2px;
    bottom: calc(20% + 360px);
    height: 56px;
    padding: 0 20px;
    line-height: 54px;
    text-align: center;
    z-index: 1000;
    border: 2px solid #ffe2d6;
    background: linear-gradient(0deg, #fff1ec 0%, #ffe2d6 100%);
    color: #ea6b48;
    font-weight: 600;
    font-size: 18px;
    border-radius: 30px;
    transition: .5s;
}
.free_fix:hover{
    background: linear-gradient(0deg, #fff1ec 0%, #fff1ec 100%);
}
.free_fix img{
    vertical-align: text-bottom;
    margin-right: 6px;
}
.free_fix_after{
    padding: 0 10px;
    font-size: 16px;
    height: 50px;
    line-height: 48px;
}
.free_fix_after img{
    height: 26px;
    margin-right: 4px;
}
.free_fix_after span{
    display: none;
}