body,input,h1,h2,h3,h4,h5,h6,p,textarea,table,div,ul,li,select{margin:0;padding:0;color:inherit;line-height: inherit;font-family: "microsoft yahei";}
img{border:0;display: inline-block;max-width:100%;vertical-align: middle;}
.fl{float:left;}
.fr{float:right;}
ul,li{ list-style:none; }
a{ text-decoration:none; color:inherit;}
:focus{outline:none!important;border-color:inherit;}
.clearfix{*zoom: 1;}
.clearfix:before,.clearfix:after
{display: table;line-height: 0;content: "";}
.clearfix:after{clear: both;}
table{border-collapse:collapse;border-spacing:0;width:100%}
h3,h4,h5,h6{font-weight: normal;}
em,i{font-style:normal;}
*{/*box-sizing:border-box;*/}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;}
input[type="button"]{border:none;}
textarea {  -webkit-appearance: none;}  
.auto{width: 1200px;margin:0 auto;}
:hover{/*transition: all .2s;*/}
.img_hover_wrap{overflow: hidden;}
.img_hover{transition: all .3s;}
.img_hover:hover{transform: scale(1.05,1.05);}
.img_traslate{transition: all .3s;}
.img_traslate:hover{transform: translateY(-10px);}
.img_rotate{transition: all .3s;}
.img_rotate:hover{transform:rotate(-360deg);}
.bold{font-weight: bold;}
.normal{font-weight: normal!important;}
.center{text-align: center;}
.img{width: 100%;display: block;}
body{min-width:1200px;}
.ellipsis{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.ele{position:relative;}
.ele:before,.ele:after{content:'';position:absolute;display: block;}
.ipt{display: block;border:none;}
.submit{cursor: pointer;}
.item_scale .icon{transition: all .3s;}
.item_scale:hover .icon{transform: scale(1.05,1.05);}
.text-left{text-align: left!important;}
.text-right{text-align: right!important;}
.clamp{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;/*-webkit-line-clamp: 3;*/}
.c_org{color: #ff8400!important;}


/*index*/
.hd_bar{background: #e3ebf7;box-sizing:border-box;}
.hd_bar .fz{font-size: 14px;color: #666666;line-height: 40px;}
.hd_bar .info .fz{margin-left: 50px;}

.head{padding:10px 0;background: #fff;box-sizing:border-box;}
.hd_logo{}
.hd_logo .img{height: 80px;width: auto;}
.hd_nav{margin-left: 50px;    margin-top: 20px;}
.hd_nav li{font-size: 16px;color: #333333;margin:0 8px;display: inline-block;vertical-align: middle; padding:10px 0px; transition:all .3s;}
.hd_nav li a{ padding:10px 10px; transition:all .3s;}
.hd_nav li.cur,.hd_nav li:hover,.hd_nav li:hover>a,.hd_nav li.cur>a{color: #fff;  background-color:#1a7df9; 
    border-radius: 8px;}

.hd_sign{margin-top: 22px;}
.hd_sign .lk{font-size: 16px;color: #1a7df9;width: 80px;line-height: 36px;border:1px solid #1a7df9;border-radius:8px;text-align: center;display: inline-block;vertical-align: middle;margin-left: 10px;}
.hd_sign .lk.this,.hd_sign .lk:hover{color: #fff;background: #1a7df9;}

.idx_ban{box-sizing:border-box;}
.idx_ban .item{height: 435px;overflow: hidden;}
.idx_ban .owl-theme .owl-controls{position:absolute;width: 100%;left: 0;bottom:45px;margin-top: 0;}
.idx_ban .owl-theme .owl-controls .owl-page span{width: 10px;height: 10px;background: rgba(255,255,255,.5);}
.idx_ban .owl-theme .owl-controls .owl-page.active span{background: #fff;}

.idx_ban .title{font-size: 54px;color: #fff;margin-top: 110px;letter-spacing: 6px;}
.idx_ban .fz{font-size: 28px;color: #fff;margin-top: 15px;line-height: 46px;}
.idx_ban .btn{font-size: 24px;color: #198df9;line-height: 50px;background: #fff;padding:0 20px;border-radius:10px;margin-top: 45px;display: inline-block;}
.idx_ban .btn:after{width: 10px;height: 16px;background: url(../images/arrow.png) no-repeat center;background-size:contain;content:'';margin-left: 15px;display: inline-block;vertical-align: middle;}

.pub_tit{text-align: center;margin-bottom: 45px;box-sizing:border-box;}
.pub_tit .cn{font-size: 32px;color: #333333;}
.pub_tit .smfz{font-size: 20px;color: #999999;margin-top: 20px;}
.pub_tit .smfz em{font-size: 24px;}
.pub_tit.white .cn{color: #fff;}
.pub_tit.white .smfz{color: #fff;}

.idx_top{}
.idx_top .box{border-radius:12px;background: #fff;padding:45px 0;margin-top: -25px;position:relative;box-shadow:0 0 16px rgba(26,125,249,.1);box-sizing:border-box;}
.idx_top .box li{width: 33.3%;float: left;padding-left: 85px;position:relative;box-sizing:border-box; }
.idx_top .box li img{transition:all 1.2s;}
.idx_top .box li:hover{cursor: default;}
.idx_top .box li:hover>img,.idx_top .box li:hover>.icon{ transform:rotateY(360deg); }

.idx_top .box .icon{height: 52px;width: auto;display: block;float: left;margin-right: 20px;}
.idx_top .box .info{}
.idx_top .box .title{font-size: 20px;color: #333333;}
.idx_top .box .fz{font-size: 14px;color: #999999;margin-top: 5px;}
.idx_top .box li:after{content:'';position:absolute;right: 0;top: 50%;width: 1px;height: 50px;background: #e4e4e4;margin-top: -25px;}
.idx_top .box li:last-child:after{display: none;}

.idx_pro{padding:75px 0;box-sizing:border-box;}
.idx_pro .list{margin-left: -20px;}
.idx_pro .list .item{width: 385px;height: 300px;border-radius:8px;box-shadow:0 0 16px rgba(66,66,66,.1);float: left;margin-left: 20px;}
.idx_pro .list .top{padding:35px 25px 20px;box-sizing:border-box;}
.idx_pro .list .icon{width: 50px;display: block;float: left;}
.idx_pro .list .info{margin-left: 65px;}
.idx_pro .list .title{font-size: 20px;color: #333333;}
.idx_pro .list .txt{font-size: 14px;color: #666666;line-height: 20px;margin-top: 10px;height: 60px;-webkit-line-clamp: 3;}
.idx_pro .list .bot{margin:0 25px;border-top:1px dashed #e5e5e5;padding:20px 0;font-size: 0;box-sizing:border-box;}
.idx_pro .list .bot li{font-size: 14px;color: #666666;width: 33.3%;display: inline-block;vertical-align: middle;background: url(../images/idx_08.png) no-repeat left center;background-size:9px;padding-left: 15px;line-height: 35px;box-sizing:border-box;}
.idx_pro .list .btns{padding:15px 0;background: #f1faff;text-align: center;box-sizing:border-box;}
.idx_pro .list .lk{display: inline-block;vertical-align: middle;font-size: 14px;color: #198df9;width: 90px;line-height: 28px;border:1px solid #198df9;border-radius:14px;text-align: center;margin:0 10px;}
.idx_pro .list .lk:hover{color: #fff;background: #198df9;}

.idx_advan{padding:60px 0 75px;background: url(../images/idx_17.jpg) no-repeat center;background-size:cover;box-sizing:border-box;}
.idx_advan .list{}
.idx_advan .list li{border-radius:20px;width: 300px;height: 265px;padding:38px 30px 0;text-align: center;float: left;box-sizing:border-box; transition:all .1s;}
.idx_advan .list .icon{width: 76px;height: 76px;display: block;margin:0 auto;}
.idx_advan .list .title{font-size: 20px;color: #fff;margin-top: 20px;}
.idx_advan .list .txt{font-size: 14px;color: #b4d5ff;line-height: 20px;max-width:195px;margin:10px auto 0;}
.idx_advan .list li:hover{background: #e9f2fb;}
.idx_advan .list li:hover .title{color: #333;}
.idx_advan .list li:hover .txt{color: #666666;}






/*手机注册*/
.inner_top{background: url(../images/img_01.jpg) no-repeat center;background-size:cover;/*height: 345px;*/padding-top: 1px;height: 325px;box-sizing:border-box;}
.inner_top .title{text-align: center;font-size: 34px;color: #fff;margin-top: 80px;}

.inner_main{padding:1px 0 55px;background: #eff7ff;box-sizing:border-box;}
.inner_wrap{width: 600px;margin:-125px auto 0;border-radius:8px;box-shadow:0 5px 20px rgba(64,147,254,.5);background: #fff;position:relative;padding:35px 60px 65px;box-sizing:border-box;}

.reg_wrap{height: 570px;}

.i_menu{margin-bottom:40px;text-align: center;}
.i_menu .lk{display: inline-block;vertical-align: middle;position:relative;font-size: 20px;color: #333333;margin:0 40px;line-height: 50px;}
.i_menu .lk:after{content:'';position:absolute;left: 50%;width: 0;height: 4px;background: #4093fe;border-radius:4px;transition: all .3s;bottom: 0;}
.i_menu .lk.cur,.i_menu .lk:hover{color: #4093fe;}
.i_menu .lk.cur:after,.i_menu .lk:hover:after{width: 80px;margin-left: -40px;}

.c_blue{color: #119eff!important;}
.c_red{color: #ff0000!important;}

.i_form{width: 420px;margin:0 auto;}
.i_form .item{margin-bottom: 15px;}
.i_form .ipt_txt{border-radius:4px;height: 44px;line-height: 44px;border:1px solid #e5e5e5;width: 100%;font-size: 14px;color: #444;padding:0 20px;box-sizing:border-box;}
.i_form .code{width: 280px;}
.i_form .imgcode{width: 125px;height: 44px;border-radius:4px;overflow: hidden;border:1px solid #e5e5e5;box-sizing:border-box;}
.i_form .imgcode img{width: 190px;height: 50px;display: block;}
.i_form .getcode{font-size: 14px;color: #fff;width: 125px;line-height: 44px;height: 44px;background: #119eff;border-radius:4px;border:none;cursor: pointer;}
.i_form .nogetcode{font-size: 14px;color: #fff;width: 125px;line-height: 44px;height: 44px;background: #C0C0C0;border-radius:4px;border:none;cursor: pointer;}
.i_form .getcode:hover{background: #1196f2;}
.i_form .deal{font-size: 14px;color: #999999;margin-top: 15px;}
.i_form .sel{width: 16px;height: 16px;display: inline-block;vertical-align: middle;background: url(../images/img_03.png) no-repeat center;background-size:contain;margin-right: 5px;border-radius:3px;}
.i_form .sel.checked{background: url(../images/img_03-1.png) no-repeat center;background-size:contain;}
.i_form .sel input{opacity: 0;}
.i_form .deal a:hover{text-decoration: underline;}
.i_form .submit{font-size: 16px;color: #fff;line-height: 46px;border:none;border-radius:4px;width: 100%;text-align: center;letter-spacing: 4px;background: #119eff;border-radius:4px;margin-top: 20px;letter-spacing: 5px;box-sizing:border-box;}
.i_form .submit:hover{background: #1196f2;}

.reg_wrap .i_form .item{margin-bottom: 15px;}
/*申请试用*/
.apply_wrap{padding:80px 0 70px;/*height: 445px;*/}
.apply_wrap .i_form .submit{margin-top: 50px;}

/*.main_nr_all{float:none;} */

.our_services {
    width: 100%;
    background-color: #ffffff;
    overflow: hidden;
}

.our_services_mian {
    max-width: 1200px;
    padding: 0px 0 0px;
    box-sizing: border-box;
    margin: 0 auto;
}

.our_services_content {
    margin: 35px -10px 0;
    display: flex;
    flex-wrap: wrap;
}

.our_services_list {
    width: 285px;
    height: 300px;
    padding: 40px 30px 30px;
    margin: 10px;
    box-sizing: border-box;
    background: #ffffff;
    border: 1px solid #e1e6f0;
    border-radius: 5px;
    position: relative;
    box-shadow: -5px 0px 20px 5px rgba(82, 88, 120, 0.05);
    transition: all 0.4s;
}

.our_services_list .title {
    display: flex;
    align-items: center;
}

.our_services_list .title img {
    width: 42px;
    height: 42px;
    object-fit: cover;
}

.our_services_list .title div {
    flex: 1;
    overflow: hidden;
    margin-left: 15px;
    font-size: 20px;
    color: #3b3e4e;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
}

.our_services_list .describe {
    color: #828699;
    font-size: 14px;
    margin-top: 15px;
    line-height: 1.6;
    text-align: justify;
}

.view_details {
    position: absolute;
    bottom: 40px;
    left: 30px;
    width: 100px;
    height: 35px;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #198df9;
    border: 1px solid #198df9;
    transition: all 0.6s;
    cursor: pointer;
}

.our_services_list:hover {
    padding: 20px 30px 30px;
    box-shadow: 0 5px 20px 0 rgba(59, 73, 145, 0.15);
}

.our_services_list:hover .view_details {
    color: #ffffff;
    background: #198df9;
}


/*xinwen*/
.news_information {
    width: 100%;
    background-color: #ffffff;
    overflow: hidden;
}

.news_information_main {
    max-width: 1200px;
    padding: 60px 0 50px;
    box-sizing: border-box;
    margin: 0 auto;
}

.news_nav {
    display: flex;
    align-items: center;
    justify-content: center;
}

.news_nav_list {
    min-width: 100px;
    padding: 0 20px;
    height: 35px;
    margin: 20px 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    border: 1px solid #e1e6f0;
    color: #3b3e4e;
    font-size: 14px;
    transition: all 0.6s;
    cursor: pointer;
}

.news_nav_list.active, .news_nav_list:hover {
    color: #ffffff;
    border-color: #198df9;
    background-color: #198df9;
}

.news_information_content {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 20px;
}

.news_information_item {
    width: calc((100% - 20px)/2);
}
.news_information_img{
    width: 100%;
    overflow: hidden;
}
.news_information_item img {
    width: 100%;
    height: 381px;
    object-fit: cover;
    transition: all 0.6s;
}

.news_information_list {
    width: 100%;
    height: 170px;
    padding: 30px;
    box-sizing: border-box;
    background: #ffffff;
    border: 1px solid #e1e6f0;
    position: relative;
    margin-bottom: 20px;
}
.news_information_list>a{
    width: 100%;
    height:100%;
    display: block;
}
.news_information_list .title {
    font-size: 20px;
    font-weight: bold;
    color: #3b3e4e;
}

.news_information_list .describe {
    margin-top: 15px;
    font-size: 14px;
    color: #828699;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.news_information_list .bottom {
    position: absolute;
    bottom: 20px;
    left: 30px;
    right: 30px;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.news_information_list .bottom .time {
    color: #828699;
}

.news_information_list .bottom .more {
    color: #198df9;
    position: relative;
    opacity: 0;
    transition: all 0.6s ease;
}

.news_information_list .bottom .more::after {
    position: absolute;
    left: -70px;
    top: calc((100% - 1px)/2);
    content: '';
    width: 0;
    height: 1px;
    background: #198df9;
    transition: all 0.6s ease;
}

.news_information_item.active:hover,
.news_information_list:hover{
    box-shadow: -5px 0px 20px 5px rgba(82,88,120,0.15); 
}
.news_information_item.active:hover .title,
.news_information_list:hover .title{
    color: #198df9;
}
.news_information_item.active{
    margin-bottom: 20px;
}
.news_information_item.active:hover .news_information_img img{
    transform: scale(1.2);
}
.news_information_item.active:hover .news_information_list{
    box-shadow:none;
}
.news_information_item.active .news_information_list{
    margin-bottom: 0;
}

.news_information_list:hover .more{
    opacity: 1;
}
.news_information_list:hover .more::after {
    width: 65px;
}



/* hezuohuoban */
.serve {
    width: 100%;
    background-image: url(../images/bg_case.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.cooperative_partner {
    width: 100%;
    max-width: 1920px;
    padding: 60px 0;
    margin: 0 auto;
}

.cooperative_partner .public_module {
    max-width: 1200px;
    margin: 0 auto;
}

.partner_content{
    width: 100%;
    margin-top: 60px;
    width: 100%;
    height: 230px;
    position: relative;
    overflow: hidden;
}
.partner_swiper{
    width: 100%;
    margin-bottom: 12px;
    overflow: hidden;
}
.partner_swiper ul{
    width: 100%;
    overflow: hidden;
}
.partner_swiper ul>li{
    display: inline-block;
    font-size: 0;
    margin: 0 6px;
    width: 225px;
    height: 90px;
    background: #ffffff;
    border: 1px solid #e1e6f0;
    overflow: hidden;
}
.partner_swiper ul>li img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .6s;
}
.partner_swiper ul>li:hover{
    border: 1px solid #198df9;
    box-shadow: -10px 0px 25px 10px rgba(216,216,216,0.40); 
}
.partner_swiper ul>li:hover img{
    transform:scale(1.2)
}

.serve_main {
    max-width: 1200px;
    margin: 80px auto 0;
    display: flex;
    flex-wrap: wrap;
}

.serve_main_list {
    width: 300px;
    height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
    margin-top: 0;
    transition: all 0.6s;
}
.serve_main_list::after{
    content: "";
    position: absolute;
    top: 10%;
    left: -1px;
    width: 1px;
    height: 80%;
    background: #d6dce7;
}
.serve_main_list:first-child::after{
    display: none;
}
.serve_main_list .C__icon {
    font-size: 50px;
    color: #3B3E4E;
}

.serve_main_list .text {
    font-size: 16px;
    color: #3B3E4E;
    margin-top: 20px;
}

.serve_main_list .up_icon {
    display: none;
    position: absolute;
    bottom: -25px;
    left: calc((100% - 50px)/2);
    width: 50px;
    height: 50px;
    font-size: 24px;
    color: #ffffff;
    line-height: 50px;
    text-align: center;
    background: #198df9;
    border-radius: 100%;
}

.serve_main_list:hover {
    background-color: #ffffff;
    box-shadow: -5px 0px 20px 5px rgba(82, 88, 120, 0.10);
    z-index: 2;
    margin-top: -20px;
}
.serve_main_list:hover::after{
    display: none;
}
.serve_main_list:hover .up_icon {
    display: block;
}



/* zhuce */
.immediately_login {
    width: 100%;
    background-image: url(../images/bg_form.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.immediately_login_main {
    max-width: 1200px;
    padding: 70px 0 100px;
    margin: 0 auto;
}

.immediately_login_bot {
    margin: 40px auto 0;
    width: 210px;
    height: 50px;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #198df9;
    background: #fefefe;
    border: 1px solid #198df9;
}

/* footer */
.footer_main {
    width: 100%;
    background: #252531;
}

.footer_nav {
    width: 100%;
    border-bottom: 1px solid rgba(235, 237, 247, 0.2);
}

.footer_nav_main {
    max-width: 1200px;
    padding: 45px 0;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}

.footer_nav_main_item {
    color: #828699;
    font-size: 13px;
}

.footer_nav_main_item img {
    max-width: 100%;
    margin-bottom: 35px;
}

.footer_nav_item_content {
    width: 100%;
}

.footer_nav_list {
    width: 100%;
    color: #828699;
    font-size: 13px;
    margin-bottom: 10px;
}

.footer_nav_list>a {
    color: #828699;
    font-size: 13px;
}

.footer_nav_1 {
    width: 300px;
    margin-right: 60px;
}

.footer_nav_2 {
    width: 230px;
    margin-right: 60px;
}

.footer_nav_3 {
    width: 200px;
    margin-right: 60px;
}

.connect_us {
    width: 280px;
}

.footer_nav_product_main {
    width: 100%;
    margin: 0 auto;
}

.footer_nav_title {
    font-size: 16px;
    color: #ffffff;
    margin-bottom: 20px;
}

.footer_nav_product {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.footer_nav_product a {
    width: 100px;
    display: block;
    margin-bottom: 10px;
    color: #828699;
    font-size: 13px;
}

.footer_nav_product_main.active .footer_nav_product a {
    width: 50%;
}

.connect_us .footer_nav_title {
    margin-bottom: 10px;
}

.contact_information,
.contact_information a {
    color: #828699;
    font-size: 13px;
}

.contact_information {
    margin-bottom: 10px;
}

.contact_information.active {
    font-size: 24px;
    color: #ffffff;
    font-weight: bold;
    margin-bottom: 14px;
}

.contact_information.active a {
    font-size: 24px;
    color: #ffffff;
}

.connect_us .Chat_Touch {
    width: 150px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #ffffff;
    background: #198df9;
    cursor: pointer;
    margin-top: 25px;
}

.connect_us .Chat_Touch .C__icon {
    margin-right: 5px;
    font-size: 18px;
}


/* copyright */
.footer_copyright {
    width: 100%;
    padding: 26px 0;
    display: flex;
    align-items: center;
}

.footer_copyright_main {
    max-width: 1200px;
    margin: 0 auto;
    color: #828699;
    font-size: 13px;
    padding: 0 50px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    text-align: center;
    flex-wrap: wrap;
}

.footer_copyright_main a,
.footer_copyright_main p {
    color: #828699;
    font-size: 13px;
    padding: 0;
    margin: 0;
}
.footer_main a:hover{
    color: #ffffff;
}

.user_login .fa_password {
    width: 100%;
    height: 50px;
    padding: 0 10px 0 15px;
    font-size: 14px;
    color: #333333;
    box-sizing: border-box;
    margin-top: 15px;
    background: #ffffff;
    border: 1px solid #e1e6f0;
    display: flex;
    align-items: center;
}
.user_login .fa_password input{
    flex:1;
    height:100%;
    font-size: 14px;
    color: #333333;
    background: #ffffff;
    outline:none;
    border:none;
    overflow:hidden;
    margin:0;
    margin-right:10px;
    padding:0;
}
.fa_password i{
    font-size:20px;
    color:#b7b7b7;
    display:none;
    cursor:pointer;
}
.fa_password i:nth-child(2){
    display:block;
}
.fa_password.active i:nth-child(2){
    display:none;
}
.fa_password.active i:nth-child(3){
    display:block;
}






/*neiye   ---------START*/

.view_top_nav {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.view_top_nav .title {
    font-size: 30px;
    color: #3b3e4e;
    font-weight: bold;
    position: relative;
}

.view_top_nav .title::after {
    position: absolute;
    bottom: -10px;
    left: calc((100% - 36px)/2);
    content: '';
    width: 36px;
    height: 4px;
    background: #198df9;
}
/*start-----about*/





.view_introduce {
    width: 100%;
    background: #FFFFFF;
    overflow: hidden;
}

.view_introduce_main {
    max-width: 1200px;
    height: 100%;
    padding: 50px 0 80px;
    box-sizing: border-box;
    margin: 0 auto;
}

.view_introduce_content {
    width: 100%;
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
}

.view_imageText_con {
    flex: 1;
    /* overflow: hidden; */
}

.view_imageText_con div {
    width: 100%;
}

.view_imageText_con div p {
    margin: 30px 0 0 0;
    font-size: 14px;
    color: #3b3e4e;
}

.view_introduce_content img {
    width: 530px;
    margin-left: 100px;
    object-fit: contain;
}

.view_imageText_con a {
    margin-top: 60px;
    width: 150px;
    height: 40px;
    font-size: 14px;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #198df9;
    cursor: pointer;
    box-shadow: 1px 6px 18px 0px rgba(25, 141, 249, 0.30);
}



/*33*/

.view_capacity {
    width: 100%;
    background: #f2f4fa;
    overflow: hidden;
}

.view_capacity_main {
    max-width: 1200px;
    height: 100%;
    padding: 60px 0;
    box-sizing: border-box;
    margin: 0 auto;
}

.view_capacity_content {
    width: 100%;
    margin-top: 50px;
}

.view_capacity_content ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.view_capacity_content ul li {
    width: 360px;
    height: 270px;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 40px;
}

.view_capacity_content ul li img {
    width: 183px;
    height: 102px;
    margin-bottom: 25px;
}

.view_capacity_content ul li div {
    width: 230px;
    font-size: 18px;
    text-align: center;
    color: #3b3e4e;
}

.view_capacity_content ul li:hover {
    box-shadow: -5px 0px 20px 0px rgba(59, 73, 145, 0.15);
}

.view_capacity_content>div {
    font-size: 16px;
    color: #3b3e4e;
    text-align: center;
}

/*44*/


.view_explain {
    width: 100%;
    background: #FFFFFF;
    overflow: hidden;
}

.view_explain_main {
    max-width: 1200px;
    height: 100%;
    padding: 60px 0;
    box-sizing: border-box;
    margin: 0 auto;
}

.view_explain_content {
    width: 100%;
    margin-top: 50px;
}

.view_explain_content ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.view_explain_content ul li {
    width: 585px;
    height: 190px;
    display: flex;
    align-items: center;
    background: #f7f8fc;
    border: 1px solid #e1e6f0;
    padding: 30px;
    position: relative;
    margin-bottom: 30px;
}
.view_explain_content ul li::after{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 3px;
    transition: all 0.6s;
    background: #198df9;
}
.view_explain_content ul li:hover::after{
    width: 100%;
}
.view_explain_content ul li .C__icon {
    width: 91px;
    height: 91px;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 40px;
    color: #198df9;
    border-radius: 100%;
}
.view_explain_content_r{
    flex: 1;
    overflow: hidden;
    margin-left: 30px;
}
.view_explain_content_r .title{
    font-size: 24px;
    color: #3b3e4e;
}
.view_explain_content_r .des{
    font-size: 16px;
    color: #828699;
    margin-top: 12px;
}


/*55*/
.view_top_nav .describe{
    font-size: 16px;
    text-align: center;
    color: #3b3e4e;
    margin-top: 30px;
}
.view_serve {
    width: 100%;
    background: #F2F4FA;
    overflow: hidden;
}

.view_serve_main {
    max-width: 1200px;
    height: 100%;
    padding: 60px 0;
    box-sizing: border-box;
    margin: 0 auto;
}

.view_serve_content {
    width: 100%;
    margin-top: 50px;
}

.view_serve_content ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.view_serve_content ul li{
    width: 380px;
    overflow: hidden;
    position: relative;
    margin-bottom: 30px;
}
.view_serve_content ul li img{
    width: 100%;
    object-fit: cover;
    transition: all 0.6s;
}
.view_serve_content ul li div{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 20px 50px;
    font-size: 24px;
    text-align: center;
    color: #ffffff;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing:border-box;
    word-wrap: break-word;
    word-break: normal;
}
.view_serve_content ul li:hover img{
    transform:scale(1.3)
}

/*66*/

.view_contactUs {
    width: 100%;
    background: #FFFFFF;
    overflow: hidden;
}

.view_contactUs_main {
    max-width: 1200px;
    height: 100%;
    padding: 60px 0 70px;
    box-sizing: border-box;
    margin: 0 auto;
}

.view_contactUs_content {
    width: 100%;
    margin-top: 50px;
}
.view_contactUs_item{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.view_contactUs_item li{
    width: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.view_contactUs_item li .C__icon{
    width: 100px;
    height: 100px;
    color: #198df9;
    background: #ffffff;
    border: 2px solid #198df9;
    border-radius: 100%;
    font-size: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition:all 1.5s ease;
}
.view_contactUs_item li img{
    width: 100px;
    height: 100px;
    object-fit: cover;
    transition:all 1.5s ease;
}
.view_contactUs_item li:hover .C__icon,
.view_contactUs_item li:hover img{
    transform:rotateY(360deg);
}
.view_contactUs_item li .name{
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    color: #3b3e4e;
    margin-top: 15px;
}
.view_contactUs_item li .des{
    margin-top: 10px;
    font-size: 14px;
    text-align: center;
    color: #3b3e4e;
}
.view_contactUs_map{
    margin-top: 40px;
    width: 1200px;
    height: 377px;
    overflow: hidden;
    position: relative;
}
.view_contactUs_msg{
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.view_contactUs_msg>div{
    width: 590px;
    /* height: 168px; */
    background: #f2f4fa;
    padding: 40px 30px;
}
.view_contactUs_msg>div:hover {
    box-shadow: 0px 5px 12px 0px rgba(59, 73, 145, 0.15);
}
.view_contactUs_msg>div>div{
    display: flex;
    align-items: center;
}
.view_contactUs_msg>div>div>span{
    display: block;
    width: 200px;
    font-size: 20px;
    font-weight: bold;
    color: #3b3e4e;
}
.view_contactUs_msg>div>div>div{
    font-size: 14px;
    color: #3b3e4e;
    display: flex;
    align-items: center;
}
.view_contactUs_msg>div>div>div .C__icon{
    color: #3B3E4E;
    font-size: 20px;
    margin-right: 5px;
}
.view_contactUs_msg>div>p{
    margin: 25px 0 0;
    font-size: 14px;
    color: #3b3e4e;
}





/*article_list*/

.view_article {
    width: 100%;
    background: #f2f4fa;
}

.view_article_main {
    max-width: 1200px;
    padding: 30px 0 20px;
    box-sizing: border-box;
    margin: 0 auto;
}

.view_article_content {
    width: 100%;
}

.view_article_content_ul {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    overflow:hidden;
}
.view_article_content_ul li{
    width: calc((100% - 20px)/2);
    min-height: 240px;
    background: #ffffff;
    padding: 30px 35px 20px;
    margin-bottom: 20px;
    transition: all 0.6s;
}
.view_article_content_ul li a{
    height: 100%;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
}
.view_article_content_ul li .time{
    font-size: 24px;
    color: #828699;
}
.view_article_content_ul li .title{
    margin-top: 10px;
    font-size: 20px;
    font-weight: bold;
    color: #3b3e4e;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.view_article_content_ul li .des{
    margin-top: 20px;
    font-size: 14px;
    color: #828699;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.view_article_content_ul li .more {
    margin-top: 20px;
    display: flex;
    align-items: center;
}
.view_article_content_ul li .more span{
    color: #3b3e4e;
    font-size: 14px;
}
.view_article_content_ul li .more span:first-child{
    display: none;
}
.view_article_content_ul li .more .C__icon{
    font-size: 36px;
    margin-left: 5px;
}
.view_article_content_ul li:hover{
    background: #1a7df9;
    box-shadow: 0 5px 20px 0 rgba(121,121,121,0.30); 
}
.view_article_content_ul li:hover div{
    color: #ffffff;
}
.view_article_content_ul li:hover .more span{
    color: #ffffff;
    display: block;
}

/* layui分页样式更改 */
.clearfix{ clear:both;}
.pager{ font-size:18px;  background:#fff; width:100%; overflow:hidden; padding:30px 0; text-align:center;}
.pager a{ padding:0px 20px; height:50px; line-height:50px; color:#666; background:#fff; font-family:Arial, Helvetica, sans-serif; display:inline-block; border-radius:3px; margin:0 2.5px; vertical-align: middle;
    -webkit-transition: all 300ms ease 0s;
    -moz-transition: all 300ms ease 0s;
    -o-transition: all 300ms ease 0s;
    transition: all 300ms ease 0s; border:solid 1px #e6e6e6;}
.pager span{ width:50px; height:50px; line-height:50px; font-size:18px; color:#fff; background:#1a7df9; font-family:Arial, Helvetica, sans-serif; display:inline-block; border-radius:3px; margin:0 2.5px; vertical-align: middle;
    -webkit-transition: all 300ms ease 0s;
    -moz-transition: all 300ms ease 0s;
    -o-transition: all 300ms ease 0s;
    transition: all 300ms ease 0s;}	
.pager .pa_cur{ padding:0px 20px;height:50px; line-height:50px; font-size:18px; color:#666; background:#fff;}
.pager .current,.pager a:hover{ padding:0px 20px; height:50px; line-height:50px; font-size:18px; color:#fff; background:#1a7df9;}

/*news_detail*/

.view_article {
    width: 100%;
    background: #f2f4fa;
}

.view_article_main {
    max-width: 1300px;
    padding: 30px 0 50px;
    box-sizing: border-box;
    display: flex;
    margin: 0 auto;
}

.view_article_content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.nav_mianbao{ font-size:15px; margin:30px 30px;}

.view_article_left {
    flex: 1;
    overflow: hidden;
    margin-right: 20px;
    background: #ffffff;
    padding: 0 30px;
    display: flex;
    flex-direction: column;
    width: 880px;
    float: left;
}

.view_article_top {
    padding: 40px 0 20px;
}

.view_article_title {
    font-size: 24px;
    text-align: center;
    color: #3b3e4e;
    word-wrap: break-word;
    word-break: normal;
}

.view_article_text {
    text-align: center;
    margin-top: 20px;
}

.view_article_text span {
    font-size: 14px;
    color: #828699;
    margin: 0 10px;
}

.article_content {
    flex: 1;
    width: 100%;
    position: relative;
    padding: 30px 0 60px;
    border-top: 1px dashed #D6D6D6;
    border-bottom: 1px dashed #D6D6D6;
}

.article_content {
    font-size: 14px;
    color: #3b3e4e;
    line-height: 1.7;
    word-wrap: break-word;
    word-break: normal;
    text-align: justify;
/*    white-space: pre-line;*/
}

.article_content img,
.article_content video,
.article_content audio {
    max-width: 100%;
}

.view_article_bot {
    padding: 30px 0 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.view_article_bot>div {
    display: flex;
    align-items: center;
    color: #3b3e4e;font-size: 14px;
}

.view_article_bot > div a {
    font-size: 14px;
    color: #3b3e4e;
    margin: 0 15px;
}
.view_article_bot>div a:first-child{
    margin-left: 0;
}
.view_article_bot>div a:last-child{
    margin-right: 0;
}
.view_article_bot>div .text {
    display: inline-block;
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.view_article_bot>div.prev_null,
.view_article_bot>div.prev_null a{
    /*color: #bbbbbb;*/
}
/* 右边 */
.view_article_right {
    width: 280px;
 
    position:relative;
}
.view_article_right>div{
    width: 280px;
    display:table;
}
.view_article_r_title{
    width: 100%;
    height: 50px;
    padding: 0 15px;
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #3b3e4e;
    background: #ffffff;
    margin-bottom: 1px;
}
.view_article_r_item{
    width: 100%;
    padding: 20px 15px 5px;
    background: #ffffff;
}
.view_article_r_item li{
    width: 100%;
    border-bottom: 1px dashed #D6D6D6;
}
.view_article_r_item li:last-child{
    border: none;
}
.view_article_r_item li img{
    width: 100%;
    height: 140px;
    object-fit: cover;
    display: none;
}
.view_article_r_item li:first-child img{
    display: block;
}
.view_article_list_content{
    padding: 15px 0;
}
.view_article_list_content .list_title{
    font-size: 14px;
    color: #3b3e4e;
    word-wrap: break-word;
    word-break: normal;
}
.view_article_list_content .list_text{
    font-size: 12px;
    color: #828699;
    margin-top: 5px;
}
.view_article_list_content .list_text span:first-child{
    margin-right: 10px;
}
.view_article_right_adv{
    width: 100%;
    height: 190px;
    margin-top: 15px;
    display: block;
    overflow: hidden;
}
.view_article_right_adv img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/*caozuo liucheng*/

.view_flow_path {
    width: 100%;
    background: #ffffff;
    overflow: hidden;
}

.view_flow_path_main {
    max-width: 1200px;
    height: 100%;
    padding: 80px 0 70px;
    box-sizing: border-box;
    margin: 0 auto;
}

.view_flow_path_content {
    margin-top: 35px;
    width: 100%;
}

.view_flow_path_content>ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.view_flow_path_content>ul>li {
    flex: 1;
    text-align: center;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.view_flow_path_content>ul>li .C__icon {
    width: 90px;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 40px;
    color: #3B3E4E;
    background: #ffffff;
    border: 1px solid #e6e8f3;
    border-radius: 100%;
    margin: 0 auto;
    transition: all 0.3s;
}

.view_flow_path_content>ul>li .title {
    max-width: 240px;
    font-size: 20px;
    font-weight: bold;
    color: #3b3e4e;
    margin: 25px auto 0;
    transition: all 0.6s;
}

.view_flow_path_content>ul>li .describe {
    max-width: 240px;
    color: #828699;
    font-size: 14px;
    line-height: 1.6;
    margin: 10px auto 0;
}
.view_flow_path_content>ul>li .list_con{
    flex: 1;
    overflow: hidden;
    padding: 15px 0 0;
    transition:all 0.6s ease;
}
.view_flow_path_content>ul>li .tag {
    margin-top: 40px;
    width: 100%;
    height: 60px;
    border-top: 1px solid #e6e8f3;
    position: relative;
}

.view_flow_path_content>ul>li .tag span {
    font-size: 18px;
    font-weight: bold;
    color: #3b3e4e;
    position: absolute;
    width: 100%;
    text-align: center;
    top: 25px;
    left: 0;
    transition: all 0.6s;
}

.view_flow_path_content>ul>li .tag::after {
    position: absolute;
    content: '';
    top: -10px;
    left: calc((100% - 17px)/2);
    width: 15px;
    height: 15px;
    border-radius: 100%;
    background: #ffffff;
    border: 2px solid #e6e8f3;
    z-index: 3;
    transition: all 0.6s;
}

.view_flow_path_content>ul>li:hover .list_con{
    padding: 0 0 15px;
}
.view_flow_path_content>ul>li:hover .C__icon {
    color: #198df9;
    border: 1px solid #198df9;
}

.view_flow_path_content>ul>li:hover .title {
    color: #198df9;
}

.view_flow_path_content>ul>li:hover .tag span {
    color: #198df9;
}

.view_flow_path_content>ul>li:hover .tag::after {
    border-color: #198df9;
}

.view_flow_path_content>ul>li:hover .tag::before {
    position: absolute;
    content: '';
    top: -16px;
    left: calc((100% - 29px)/2);
    width: 29px;
    height: 29px;
    border-radius: 100%;
    background: #ffffff;
    border: 1px solid #198df9;
    z-index: 2;
}

.view_flow_path .view_link {
    width: 180px;
    height: 40px;
    margin: 20px auto 20px;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    background: #198df9;
    transition:all .3s;
}

.view_flow_path .view_link:hover { border-radius: 8px; color: #198df9; border:solid  1px #198df9 ; background-color: #fff; box-shadow: 0px 7px 12px 1px rgba(25, 141, 249, 0.30); letter-spacing:.2em;
}

.view_flow_path .view_text {
    font-size: 16px;
    text-align: center;
    color: #3b3e4e;
}

/*jiage */

.ihuyi-block{
  .ihuyi-block-wrapper{
    width: 1200px;
    margin: 0 auto;
    padding-top: 58px;
    padding-bottom: 80px;
    & > .title{
      font-size: 28px;
      color: $text-color-black;
      text-align: center;
      line-height: 1;
      margin-bottom: 20px;
    }
    & > .vice-title{
      font-size: 16px;
      color: $text-color-gray;
      text-align: center;
      line-height: 1;
      margin-bottom: 58px;
    }
    & > div{
      opacity: 0;
      &.noscroll{
        opacity: 1 !important;
      }
      &.fade-box{
        opacity: 1;
        animation: show 1s;
      }
    }
  }
}




}

    .bd_zzdx ul{
          width:100%;
          display: flex;
          justify-content: flex-start;
      }
      .bd_zzdx ul li{
          display: block;
          float: left;
          margin: 0 25px;
      }

      .bd_zzdx ul li:last-child{
          margin-right: 0;
      }
      .bd_zzdx ul li .bd_zzdx-img{
          font-size:24px;
          color: #198df9;
          line-height: 80px;
          text-align: center;
          font-weight: bold;
          position: relative;
      }
      .bd_zzdx ul li .bd_zzdx-img .hot{
          position: absolute;
          left: 0px;
          top: 0;
          background: #f00;
          color:#fff;
          width: 130px;
          height: 130px;
          margin: -91px 0 0 -91px;
          transform: rotateZ(45deg);
      }
      .bd_zzdx ul li .bd_zzdx-img .hot span{
          display: block;
          position: absolute;
          top: 25px;
          left: 108px;
          font-size: 10px;
          transform: rotate(-90deg);
      }
      .bd_zzdx ul li .bd_zzdx-img span{
          font-size: 16px;
          font-weight: normal;
      }
      .bd_zzdx ul li .bd_zzdx-img::after{
          width: 80%;
          border: .5px solid #eee;
          content: '';
          position: absolute;
          bottom: 0;
          left: 10%;
      }
      .bd_zzdx ul li .bd_zzdx-detail{
          height: 175px;
          display: flex;
          justify-content: center;
          flex-direction: column;
          align-items: center;
      }
      .bd_zzdx ul li .bd_zzdx-detail p.bd_zzdx-detail-price{
          font-size:24px;
          color:#666;
          text-align: center;
          font-weight: bold;
      }
      .bd_zzdx ul li .bd_zzdx-detail p.bd_zzdx-detail-price_single{
          font-size: 14px;
          color:#666;
          margin-top: 10px;
      }
      .bd_zzdx ul li .bd_zzdx-detail p span{
          font-size: 14px;
      }
      .bd_zzdx ul li .bd_zzdx-detail a{
          display: inline-block;
          width:150px;
          height:38px;
          background:#198df9;
          color:#fff;
          font-size:14px;
          text-align: center;
          line-height: 38px;
          margin-top: 24px;
          transition: all .3s;
      }
      
    .bd_zzdx ul li .bd_zzdx-detail a:hover {border-radius: 8px;
    color: #198df9;
    border: solid 1px #198df9;
    background-color: #fff;
    box-shadow: 0px 7px 12px 1px rgba(25, 141, 249, 0.30);
    letter-spacing: .2em;
    }
      
      
      .bd_zzdx .bd_zzdx-more{
          margin-top: 62px;
      }
      .bd_zzdx .bd_zzdx-more h4{
          text-align: center;
          color:#333333;
          line-height:100px;
          font-size: 20px;
      }
      .bd_zzdx .bd_zzdx-more a{
          display: block;
          width:160px;
          height:48px !important;
          line-height: 48px;
          text-align: center;
          border:1px solid #198df9;
          margin: 0 auto;
          color: #198df9;
      }
      .bd_zzdx ul li {
          width: 270px;
          margin-right: 45px;
          box-shadow: 0px 3px 27px 0px rgba(0, 0, 0, 0.11);
          background-color: #fff;
          overflow: hidden;
      }
    .six ul {
        flex-wrap: wrap;
        margin: 0 auto;
        margin-right: -55px;
    }
    .six ul li {
        width: 237.25px;
        margin-bottom: 45px;
    }
/*liuyan*/

.jiage{ }

.cxei {
	border: 1px solid rgba(255,255,255,0.9);
	width: 420px;
	margin: 0 13px;
	margin-left: 10px;
	padding-left: 25px;
	font-size: 18px;
	line-height: 50px;
	color: rgba(255,255,255,0.9);
	letter-spacing: 1px;
    height: 50px;
    border-radius: 5px;
     
    
}
.cxdi {
	width: 730px;
	height: 50px;
	line-height:50px;
	margin-left: 10px;
	display:block; 
	margin:0 auto; 
	text-align:center; padding-top:20px;
}

.cxjgi {
    background-color:transparent;
    letter-spacing:5px;
    transition: all 0.4s;
	position: relative;
    padding-left: 10px;
	border: 1px solid rgba(255,255,255,0.9);
    color: rgba(255,255,255,0.9);
    border-radius: 5px;
	display: block;
    font-size: 18px;
    text-align: center;
	line-height: 50px;
	width: 201px;
	height: 50px;
	float: right;
    -moz-transition:all .3s ease 0s; -ms-transition:all .3s ease 0s; -o-transition:all .3s ease 0s; -webkit-transition:all .3s ease 0s; transition:all .3s ease 0s;
}




.jiage .cxjgi{
    background-color:transparent;
    letter-spacing:5px;
    transition: all 0.4s;
    padding-left: 10px;
	border: 1px solid rgba(255,255,255,0.9);
    color: rgba(255,255,255,0.9);
    border-radius: 5px;
	display: block;
    font-size: 18px;
    text-align: center;
	line-height: 50px;
	width: 201px;
	height: 50px;
	float: right;
    -moz-transition:all .3s ease 0s; -ms-transition:all .3s ease 0s; -o-transition:all .3s ease 0s; -webkit-transition:all .3s ease 0s; transition:all .3s ease 0s;
}
.cxjgi:hover{background-color: #fff; letter-spacing:8px; color:#198df9;}

.frlinks{  max-width: 1200px; margin: 0 auto;  padding: 26px 0;  display:block; align-items: center; color: #828699; font-size:12px;}
.frlinks span{ display：block; color: #828699;  float:left;}
.frlinks a { color: #828699;  display：block;  float:left; margin:0px 5px;}