@charset "utf-8";
*{margin:0; padding:0;}
body,html{min-width: 320px;max-width: 1920px;margin: 0 auto;color: #333;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin: 0; padding: 0; font-family: "微软雅黑" !important; }
img { border: 0; }
ul, ol, li { list-style: none; font-family:'Microsoft YaHei'; }
input, button, textarea{ *font-size: 100%;}
ol, ul { list-style: none; }
a{text-decoration:none;color: #333;}
a:hover{text-decoration:none;color: #333;}
i,em{font-style:normal }
input,textarea{outline:none;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{-webkit-appearance: none !important;margin: 0;}
input[type="number"]{-moz-appearance:textfield;}

/*字体*/
.f12{font-size: 12px;}
.f14{font-size: 14px;}
.f16{font-size: 16px;}
.f18{font-size: 18px;}
.f20{font-size: 20px;}
.f22{font-size: 22px;}
.f24{font-size: 24px;}
.f26{font-size: 26px;}
.f28{font-size: 28px;}
.f30{font-size: 30px;}

/*颜色*/
.cMain{color: #59C32B!important;}
.cBlue{color: #4896dc!important;}
.cRed{color: red!important;}
.cOrange{color: #ff6803!important;}
.cccc{color: #ccc!important;}
.cddd{color: #ddd!important;}
.ceee{color: #eee!important;}
.cfff{color: #fff!important;}
.c000{color: #000!important;}
.c333{color: #333!important;}
.c666{color: #666!important;}
.c888{color: #888!important;}
.c999{color: #999!important;}

::-webkit-input-placeholder{color:#ccc;}
::-webkit-input-placeholder{color:#ccc;}
::-moz-placeholder{color:#ccc;}
:-moz-placeholder{color:#ccc;}
:-ms-input-placeholder{color:#ccc;}

/* input错误提示 */
.errorColor::-webkit-input-placeholder{color:#FF6803;}
.errorColor::-webkit-input-placeholder{color:#FF6803;}
.errorColor::-moz-placeholder{color:#FF6803;}
.errorColor:-moz-placeholder{color:#FF6803;}
.errorColor:-ms-input-placeholder{color:#FF6803;}

/* 背景色 */
.bgMain{background: #59C32B !important;}
.bgFFF{background: #ffffff !important;}
.bgBlue{background: #4896dc !important;}
.bgCCC{background: #ccc!important;}
.bgOrange{background: #ff6803 !important;}

/* 其他 */
.fwb{font-weight: bold;}
.fw6{font-weight: 600;}
.borderNo{border: none!important;}
.ellipsis{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.spot{width: 5px;height: 5px;background: #4896dc;border-radius: 50%;display: inline-block;margin: 0 10px;margin-bottom: 8px;}
.mgBottom110{margin-bottom: 110px;}

/* 布局 */
.space{width: 100%;height: 10px;overflow: hidden;background: #f5f5f5;}
.bdNo{border: none;}
.flex{display:box;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;}
.ac{align-items: center;}
.as{align-items: start;}
.afd{align-items: flex-end;}
.flexdc{flex-direction:column;}
.fwrap{flex-wrap:wrap;}
.jcs{justify-content: space-between;}
.jcc{justify-content: center;}
.jcfd{justify-content: flex-end;}
.tc{text-align: center;}
.tr{text-align: right;}
.tl{text-align: left;}
.fl{float: left;}
.fr{float: right;}

/* 超出省略号 */
.line1{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.line{text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical}
.line2{text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}
.line3{text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical}
.line4{text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical}

/* 页面相关 */
/* title样式 */
.pageTitle{width: 100%;font-size: 30px;text-align: center;position: relative;font-weight: bold;}
.pageTitle::after{width: 50px;height: 4px;border-radius: 4px;background: #0F45AC;content: "";position: absolute;bottom: -4px;left: 50%;transform: translateX(-50%);}
/* 公用banner */
.publicBannerBox{width: 100%;height: 420px;overflow: hidden;box-sizing: border-box;color: #fff;background-repeat: no-repeat;background-size: 100% 100%;}
.publicBannerBox .publicDetail{width: 1200px;max-width: 100%;margin: 0 auto;padding: 0 30px;box-sizing: border-box;}
.publicBannerBox .publicDetail .publicTitle{width: 100%;font-size: 34px;padding-top: 140px;}
.publicBannerBox .publicDetail .publicDescribe{width: 100%;font-size: 18px;padding-top: 10px;}
/* 公用轮播 */
.commonBannerBox{width: 100%;height: 520px;position: relative;}
.commonBannerBox .swiper-wrapper .swiper-slide{display: block;}
.commonBannerBox .commonBannerImg{width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;}
.commonBannerBox .commonBannerBtnBox{width: 1200px;max-width: 100%;height: 100%;margin: 0 auto;position: relative;z-index: 10;}
.commonBannerBox .commonBannerBtnBox .commonBannerBtn{padding: 15px;border-radius: 8px;background: #4AA829;color: #fff;position: absolute;top: 50%;transform: translateY(-50%);margin-top: 60px;margin-left: 10px;box-sizing: border-box;}