html,body{ font-family:'微软雅黑'}

.flex{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.flex-box-1{height:100%;display: block;-webkit-box-flex: 1;-moz-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;}

/*高度*/
.h5{ height: 5px;}
.h8{ height: 8px; }
.h10{ height: 10px; }
.h15{ height: 15px;}
.h20{ height: 20px;}
.h25{ height: 25px;}
.h30{ height: 30px;}
.h35{ height: 35px;}
.h40{ height: 40px;}
.h45{ height: 45px;}
.h50{ height: 50px;}
.h55{ height: 55px;}
.h60{ height: 60px;}

/*margin类*/
.mt5{margin-top:5px;}.mt10{margin-top:10px;}.mt15{margin-top:15px;}.mt20{margin-top:20px;}.mt25{margin-top:25px;}.mt30{margin-top:30px;}.mt35{margin-top:35px;}.mt40{margin-top:40px;}.mt45{margin-top:45px;}.mt50{margin-top:50px;}
.mb5{margin-bottom:5px;}.mb10{margin-bottom:10px;}.mb15{margin-bottom:15px;}.mb20{margin-bottom:20px;}.mb25{margin-bottom:25px;}.mb30{margin-bottom:30px;}.mb35{margin-bottom:35px;}.mb40{margin-bottom:40px;}.mb45{margin-bottom:45px;}.mb50{margin-bottom:50px;}
.ml5{margin-left:5px;}.ml10{margin-left:10px;}.ml15{margin-left:15px;}.ml20{margin-left:20px;}.ml25{margin-left:25px;}.ml30{margin-left:30px;}.ml35{margin-left:35px;}.ml40{margin-left:40px;}.ml45{margin-left:45px;}.ml50{margin-left:50px;}
.mr5{margin-right:5px;}.mr10{margin-right:10px;}.mr15{margin-right:15px;}.mr20{margin-right:20px;}.mr25{margin-right:25px;}.mr30{margin-right:30px;}.mr35{margin-right:35px;}.mr40{margin-right:40px;}.mr45{margin-right:45px;}.mr50{margin-right:50px;}
/*mpadding类*/
.pt5{padding-top:5px;}.pt10{padding-top:10px;}.pt15{padding-top:15px;}.pt20{padding-top:20px;}.pt25{padding-top:25px;}.pt30{padding-top:30px;}.pt35{padding-top:35px;}.pt40{padding-top:40px;}.pt45{padding-top:45px;}.pt50{padding-top:50px;}
.pb5{padding-bottom:5px;}.pb10{padding-bottom:10px;}.pb15{padding-bottom:15px;}.pb20{padding-bottom:20px;}.pb25{padding-bottom:25px;}.pb30{padding-bottom:30px;}.pb35{padding-bottom:35px;}.pb40{padding-bottom:40px;}.pb45{padding-bottom:45px;}.pb50{padding-bottom:50px;}
.pl5{padding-left:5px;}.pl10{padding-left:10px;}.pl15{padding-left:15px;}.pl20{padding-left:20px;}.pl25{padding-left:25px;}.pl30{padding-left:30px;}.pl35{padding-left:35px;}.pl40{padding-left:40px;}.pl45{padding-left:45px;}.pl50{padding-left:50px;}
.pr5{padding-right:5px;}.pr10{padding-right:10px;}.pr15{padding-right:15px;}.pr20{padding-right:20px;}.pr25{padding-right:25px;}.pr30{padding-right:30px;}.pr35{padding-right:35px;}.pr40{padding-right:40px;}.pr45{padding-right:45px;}.pr50{padding-right:50px;}

.layui-nav .layui-this:after, .layui-nav-bar{background:var(--global-primary-color);}
.layui-nav.layui-bg-gray .layui-this a{color:var(--global-primary-color);}

/*分页*/
.pagination{justify-content: center;display:-ms-flexbox;display:flex;padding-left:0;list-style:none;border-radius:.25rem}.page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:var(--global-primary-color) ;background-color:#fff;border:1px solid #dee2e6}.page-link:hover{z-index:2;color:var(--global-primary-color) ;text-decoration:none;background-color:#e9ecef;border-color:#dee2e6}.page-link:focus{z-index:3;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.page-item:first-child .page-link{margin-left:0;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.page-item.active .page-link{z-index:3;color:#fff;background-color:var(--global-primary-color) ;border-color:var(--global-primary-color) }.page-item.disabled .page-link{color:#6c757d;pointer-events:none;cursor:auto;background-color:#fff;border-color:#dee2e6}.pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.25rem;line-height:1.5}.pagination-lg .page-item:first-child .page-link{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.pagination-lg .page-item:last-child .page-link{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}.pagination-sm .page-link{padding:.25rem .5rem;font-size:.875rem;line-height:1.5}.pagination-sm .page-item:first-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}.pagination-sm .page-item:last-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}

.layui-center{ text-align: center;}

.m-header{ height:60px; background:#fff;border-bottom:#eee 1px solid;}
.m-header .layui-container{ position:relative;}
.m-header .logo{ position:absolute;top:10px;left:0px;}
.m-header .layui-nav{ position:absolute;left:200px;top:0px;}
.m-header .layui-nav *{font-size:16px !important;}
.m-header .user_info{ position:absolute;right:0px;top:20px; font-size:16px;}
.m-header .btns{ position:absolute;right:0px;top:11px;font-size:16px;}

.m-banner{height:760px; background:url('/resources/web/images/banner_bg.jpg') repeat-x;}
.m-banner .banner_in{height:760px; background:url('/resources/web/images/banner.jpg') 50% 0 no-repeat; overflow: hidden;border-bottom:#eee 1px solid;}
.m-banner h1{ text-align:center;font-size:50px;color:#333;margin:60px 0 0 0;}
.m-banner h2{ text-align:center;font-size:40px;color:#333; font-weight:normal;}
.m-banner .btns{ text-align:center;margin:20px 0 0 0;}

.m-01{ text-align:center;margin:50px 0 0 0;}
.m-01 .header{ font-size:30px;color:#0096ff;font-weight:bold;}
.m-01 .content{ font-size:20px;}


.m-02{margin:100px 0 0 0;}
.m-02 h1{font-size:36px;}
.m-02 .header{ font-size:24px;margin:20px 0 0 0;}
.m-02 .content{ font-size:18px;}
.m-02 .btns{}

.m-03{ text-align:center;margin:80px 0 0 0;}
.m-03 h1{font-size:50px;}

.m-04{ text-align:center;margin:80px 0 0 0;}
.m-04 .item{}
.m-04 .title{font-size:20px;font-weight:bold; height:40px; line-height:40px; overflow: hidden;margin:10px 0 0 0;}
.m-04 .author{font-size:16px;}

.g-footer{ padding:60px 0;color:#999;}
.g-footer .copyright{margin:10px 0 0 0;}
.g-footer a{color:#999;}
.g-footer a:hover{ text-decoration: underline;}

/* 产品列表切换 */
.m-tab{width:60%;height:46px;border:var(--global-primary-color) 1px solid;margin:0 auto;border-radius:24px;}
.m-tab a{ text-align: center; line-height: 46px; font-size:16px;}
.m-tab a:first-child{border-radius:23px 0 0 23px;}
.m-tab a:last-child{border-radius:0 23px 23px 0;}
.m-tab a.active{ background:var(--global-primary-color) ;color:#fff;}


/* 合作详情 */
.m-html{ }
.m-html h1.title{ font-size:36px;}
.m-html .content{margin:20px 0 0 0;}
.m-html .content p{line-height: 1.8;}