@charset "utf-8";


a,a:hover{text-decoration: none;}

.container1400{
    width: 1400px;
    max-width: 100%;
    margin: 0 auto;
}

p{margin-bottom: 0;}
ul{padding: 0;margin: 0;}

.bg-f4{background: #f4f4f4;}
.bg-f5{background: #f5f5f5;}
.bg-12a3e6{background: #12a3e6;}
.bg-f3fbff{background: #f3fbff;}




.c-3a{color: #3a3a3a;}
.c-444{color: #444;}
.c-555{color: #555;}
.c-666{color: #666;}
.c-888{color: #888;}
.c-999{color: #999;}
.c-424242{color: #424242;}
.c-434343{color: #434343;}
.c-12a3e6{color: #12a3e6;}
.c-383838{color: #383838;}
.c-1d1f21{color: #1d1f21;}

.f-12{font-size: 12px !important;}
.f-14{font-size: 14px;}
.f-18{font-size: 18px;}
.f-20{font-size: 20px;}
.f-22{font-size: 22px;}
.f-24{font-size: 24px;}
.f-28{font-size: 28px !important;}
.f-32{font-size: 32px;}
.f-36{font-size: 36px;}
.f-42{font-size: 42px;}
.f-80{font-size: 80px;}

.banner_text{top: 50%;left:50%; transform: translate(-50%,-50%);}
.nav_sub
.nav_subtitle_l div:hover{border-bottom: 2px solid #12a3e6;}








/* news_detail */
.news_detail_title{padding-top: 100px;}


/* news */
.news_item{padding-top: 60px; cursor: pointer;}
.news_btn{ padding: 10px 40px; border: 2px solid #999;display: inline-block;}
.news_item_r_height{height: 48px;overflow: hidden;}
.news_item_sub:hover {background: #f4f4f4; box-shadow: 0px 10px 30px 0px rgba(8, 1, 3, 0.07);}

.news_item_sub:hover .news_btn{color: #fff !important; background: #12a3e6;border: 2px solid #fff;}



/* service */
.service_title{padding-top: 70px;}
.service_title_txt{line-height: 2.5;}
.service_item{padding-top: 99px;}
.service_item p{line-height: 2.5;}
.service_lc i{width: 60px; height: 3px;}
.service_lc{padding-top: 78px;}


/* case_detail */
.case_detail_title{padding-top: 100px;}
.case_detaile_list p{line-height: 2.5;}


/* case */
.case_item{padding-top: 62px;}
.case_box .card-body{border-bottom: 2px solid transparent;}
.case_box:hover .card-body{border-bottom: 2px solid #12a3e6;}
.case_box:hover .card-body i{color: #12a3e6;}


/* System */
.system_title i{width: 60px; height:3px;}
.system_title{padding-top: 77px; padding-bottom: 50px;}

.system_1 p{height: 48px; overflow: hidden;}
.system_2{padding-bottom: 60px;}

.system_3_img{bottom: 0;left: 0;background:rgba(0, 0, 0, 0.5); width: 100%;height: 100px;line-height: 100px;}
.system_right{position: relative;}
.system_right::before{content:"";top: 30%; right: -15%; position: absolute; background: url(../images/system_right.png) no-repeat center; display: block; width: 120px; height: 30px;}
.system_right:last-child::before{display: none;}

.system_4{padding-bottom: 60px;}
.system_box:hover{background: #12a3e6 !important; color: #fff !important; cursor: pointer;}


.system_7{padding-bottom: 60px;}


/* sys_in */

.sys_in_2{padding-top: 60px;}
.sys_in_3_box{padding-top: 60px;}
.sys_in_3_item{padding-bottom: 60px;}


/* about */
.about_1title{padding-top: 83px;padding-bottom: 42px;}
.about_i{width: 60px;height: 3px; }
.about_p{line-height: 2.5;}

.about_2{background: url(../images/about_bg2.jpg) no-repeat center;background-size: cover; height: 360px;}

.about_2_itme{padding-top: 180px;}

.about_4_txt{top: 50%;left: 50%; transform: translate(-50%,-50%);}

.about_4_item{padding-bottom: 60px;}

.about_img_txt{top: 50%; left: 50%; transform: translate(-50%,-50%);}


/* 2021-4.28 主营业务 */
.zyyw-btn{margin-right: 10px;}
.zyyw-cur{background: #12a3e6  !important; color: #fff !important;}
.zyyw-btn a{ padding: 10px 30px ; border-radius: 25px; background: #f5f5f5  ; color: #666; font-size: 15px;}
.zyyw-btn:hover a{background: #12a3e6  !important; color: #fff !important;}

.card-deck .card {
    width: 31%;
    -ms-flex: 1 0 0%;
    flex: inherit;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px;
}

.case-more a{padding:10px 30px; border: 1px solid #eaeaea; background: #f5f5f5;
    font-size: 14px; color: #999;
}

.case_box:hover .case-more a{background: #12a3e6; color: #fff;}
.case-nav .page-item a{border-radius: 50%; background: #f5f5f5; color: #666; margin: 0 10px; padding: 10px 15px;} 

.case-nav .page-item:last-child a{border-radius: 25px;padding: 10px 30px;}
.case-nav .page-item:first-child a{border-radius: 25px;padding: 10px 30px;}
.case-nav .page-item:hover a{background: #12a3e6; color: #fff;}
.case-nav .disabled a{background: #12a3e6 !important; color: #fff !important;}