/* ====================== 全局基础样式 ====================== */
body, html {
    background: url(../images/body_bg.jpg);
    font-size: 12px;
    color: #585858;
    text-align: center;
    overflow-x: hidden;
    margin: 0;
    padding: 0;
}

/* 专门针对about_us区域的字体设置 */
.about_us_custom {
    font-size: 17px; /* 您想要的字体大小 */
}

.about_us_custom .left1 p {
    font-size: 17px; /* 确保段落文字也应用新大小 */
}

/* 通用元素重置 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, 
pre, form, fieldset, legend, input, textarea, p, 
blockquote, th, td, a {
    margin: 0;
    padding: 0;
} 

ul, li {
    list-style: none;
}

img {
    border: 0px;
    vertical-align: top;
}

input {
    margin: 0px;
    padding: 0px;
}

a {
    margin: 0px;
    padding: 0px;
    color: #0a0b0c;
    text-decoration: none;
}

/* ====================== 通用工具类 ====================== */
/* 清除浮动 */
.clear {
    clear: both;
    height: 0px;
    line-height: 0px;
    font-size: 0px;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}  

.clearfix {
    zoom: 1;
}  

/* 文字样式类 */
.bold {
    font-weight: bold;
    color: #000 !important;
}

.color_af0d00 {
    color: #af0d00 !important;
}

.f14 {
    font-size: 14px;
}

.en {
    font-style: normal;
    line-height: 15px;
    color: #9d9d9d;
    font-size: 11px;
}

/* ====================== 布局容器 ====================== */
.warp {
    width: 100%; 
    height: 100%; 
    margin: 0 auto; 
    background: url(../images/warp_bg.jpg) top center no-repeat;
}

#header {
    width: 1068px; 
    height: 150px; 
    margin: 0 auto;
}

/* ====================== 页头样式 ====================== */
.logo {
    float:center;
}

.menu_banner {
    width: 1068px; 
    height: auto !important; 
    margin: 0 auto; 
    text-align: left;
}

.menu_banner_c {
    width: 100%; 
    height: auto !important; 
    float: left; 
    background: url(../images/middle_bg.png) repeat-y;
}

/* 主导航菜单 */
.menu {
    width: 1010px; 
    height: 28px; 
    float: left; 
    line-height: 28px; 
    font-size: 14px;
    padding: 0 0 0 20px; 
    font-weight: bold; 
    margin-left: 10px;
}

.menu li {
    float: left;
}

.menu li a {
    text-decoration: none; 
    display: block; 
    float: left; 
    background: none; 
    padding: 0 10px; 
    color: #666666;
}

.menu li a:hover, 
.menu li a.hover {
    background: url(../images/menu_hover.png) center; 
    color: #0C7DFE;
}

.menu li.current a {
    background: url(../images/menu_hover.png) center; 
    color: #0C7DFE;
}

.menu li span {
    display: block; 
    float: left; 
    padding: 0 16px;
}

/* ====================== Banner区域 ====================== */
.banner {
    width: 1030px;
    height: 360px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.banner img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

/* ====================== 页脚版权 ====================== */
.copyright {
    width: 1068px;
    height: 108px;
    margin: 0 auto;
}

.copy {
    width: 1060px;
    height: 83px;
    margin: 0 auto;
    padding-top: 25px;
    font-size: 14px;
}

.copy span {
    float: left;
    width: 100%;
    line-height: 21px;
    color: #606060;
    text-align: left;
}

.copy ul {
    width: 344px;
    float: right;
}

.copy ul li {
    float: left;
    margin-left: 10px;
}

.copy ul li a {
    display: block;
    text-align: center;
    color: #000000;
    line-height: 30px;
    padding: 0 20px;
    background: #42bee7;
    border: 1px solid #d9d9d9;
}

.copy ul li a:hover {
    background-color: #e9977c;
}

/* ====================== 子导航 ====================== */
.subNav {
    width: 1010px; 
    height: 38px; 
    float: left; 
    display: inline; 
    margin: 5px 0 0 12px;
}

/* 各种子导航变体 */
.subNav_con, .subNav_con4, .subNav_con5, .subNav_con6 {
    width: 1033px;
    height: 38px; 
    float: left; 
    display: inline;
    margin-top: 2px;
}

.subNav_con { background: url(../images/workhead.png) no-repeat; }
.subNav_con4 { background: url(../images/workhead4.png) no-repeat; }
.subNav_con5 { background: url(../images/workhead5.png) no-repeat; }
.subNav_con6 { background: url(../images/workhead6.png) no-repeat; }

.subNav_con ul, .subNav_con4 ul, .subNav_con5 ul, .subNav_con6 ul {
    float: right; 
    margin: 9px 15px 0 0;
}

.subNav_con li, .subNav_con4 li, .subNav_con5 li, .subNav_con6 li {
    float: left;
}

.subNav_con a, .subNav_con4 a, .subNav_con5 a, .subNav_con6 a {
    display: block; 
    text-align: center;  
    width: 69px; 
    height: 21px; 
    line-height: 21px; 
    color: #878787;
}

/* 子导航状态样式 */
.subNav_con4 a:link { color: #9d9d9d; }
.subNav_con4 a:hover { background: url(../images/worknav-1.jpg); color: #69a508; }
.subNav_con4 a:visited { background: url(../images/worknav.jpg); color: #5fbd00; }
.subNav_con4 a:active { background: url(../images/worknav-2.jpg); color: #ef9c19; }
.subNav_con4 a:focus { background: url(../images/worknav-2.jpg); color: #ef9c19; }

.subNav_con a:hover, .subNav_con5 a:hover, .subNav_con6 a:hover {
    background: url(../images/worknav.jpg); 
    color: #098dba;
}

/* ====================== 工作内容区域 ====================== */
.work_con {
    width: 1060px; 
    height: auto !important; 
    margin: 0px auto; 
    padding-top: 30px; 
    text-align: left;
}

.work_list {
    width: 290px; 
    height: 229px; 
    float: left; 
    background: url(../images/work_list_bj.png) no-repeat; 
    padding: 12px 30px 20px 13px; 
    margin: 10px; 
    display: inline;
    position: relative;
}

.work_list dd {
    width: 290px; 
    height: 200px; 
    float: left;
}

.work_list dt {
    width: 290px; 
    line-height: 30px; 
    height: 30px; 
    float: left;
}

.work_list dt a {
    color: #8a8a8a; 
    font-size: 12px; 
    text-overflow: ellipsis;
    overflow: hidden; 
    word-break: keep-all; 
    white-space: nowrap; 
    width: 280px; 
    display: block;
}

.work_list dt a:hover {
    color: #0c7dfe; 
    text-decoration: underline;
}

/* 工作项悬停效果 */
.work {
    width: 290px; 
    height: 200px; 
    float: left;   
    cursor: pointer;
    position: relative;
}

.work_image {
    position: relative;
    float: left; 
    width: 290px; 
    height: 200px;
}

.work:hover .work_image::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/twitter.png) no-repeat center center;
    background-color: rgba(255, 255, 255, 0.3);
    z-index: 2;
}

.work_image img {
    width: 290px; 
    height: 200px;
    position: relative;
    z-index: 1;
}

/* 分页样式 */
.filp {
    width: 1030px; 
    padding-top: 10px; 
    margin-left: 10px;
}

.filp a {
    width: 40px; 
    height: 10px; 
    display: inline-block; 
    background: #8e8e8e; 
    margin-left: 2px; 
    float: left;
}

.filp a:hover {
    background: #9dbc32;
}

.fc {
    width: 290px; 
    height: 200px; 
    position: absolute; 
    left: 13px; 
    top: 12px; 
    z-index: 10000;
}

/* ====================== 博客样式 ====================== */
.blog_contert {
    width: 1068px; 
    height: auto !important; 
    margin: 10px auto 0 auto; 
    text-align: left;
}

.BC_left, .BC_left_con {
    width: 1068px; 
    height: auto !important; 
    float: left; 
    display: inline;
}

.BC_left_con {
    background: url(../images/con_left_c.jpg) repeat-y;
}

/* 博客标题样式 */
.blog_title, .blog_title3 {
    width: 1000px;
    height: auto;
    float: left;  
    position: relative; 
    padding-left: 35px; 
    display: inline;
    margin-bottom: 15px;
}

.blog_title3 {
    padding-left: 70px;
    height: 41px;
}

.blog_title dl, .blog_title3 dl {
    width: 1000px;
    height: auto;
}

.blog_title dl dd, .blog_title3 dl dd {
    width: 78px; 
    height: 41px; 
    display: block; 
    float: left;
}

.blog_title dl dt, .blog_title3 dl dt {
    width: 1000px;
    height: auto; 
    display: block; 
    float: left;
}

.blog_title3 dl dt {
    padding-left: 6px;
    height: 41px;
}

.blog_title dl dt b {
    line-height: 1.5;
    font-size: 18px; 
    font-weight: bold; 
    color: #3498db;
    display: block;
    padding-bottom: 8px;
}

.blog_title3 dl dt b {
    line-height: 16px; 
    font-size: 14px; 
    color: #91bb1c;
    padding-bottom: 4px;
}

.blog_title dl dt p, .blog_title3 dl dt p {
    display: block; 
    line-height: 1.6;
}

.blog_title dl dt p span, .blog_title3 dl dt p span {
    padding: 0 4px; 
    display: block; 
    float: left; 
    color: #818181;
}

.blog_title dd.img, .blog_title3 dd.img {
    position: absolute; 
    left: -7px;
}

/* 博客列表样式 */
.list_con {
    width: 1068px; 
    height: auto !important; 
    float: left; 
    margin: 15px 0;
}

.blog_list {
    width: 1000px; 
    height: auto !important; 
    float: left; 
    padding: 10px 50px 0px 45px;
}

.blog_list dt {
    float: right; 
    display: inline; 
    width: 360px; 
    margin: 10px 0 0 0;
}

.blog_list dd {
    float: right; 
    display: inline; 
    width: 650px;
}

.blog_list dd.img {
    float: left; 
    width: 302px;
}

.blog_list dd.img a {
    background-color: #d2d2d2; 
    padding: 5px;
}

.blog_list dd.img a img {
    width: 290px; 
    height: 200px;
}

.blog_list dd.img img {
    border: 1px solid #f3f3f3;
}

.blog_list dd a {
    display: block; 
    padding-bottom: 10px; 
    line-height: 22px; 
    color: #8a8989;
}

.blog_list dd a:hover {
    color: #8a8989; 
    text-decoration: underline;
}

.blog_list dd.txt {
    height: 180px; 
    overflow: hidden;
    text-indent: 2em;
}

.blog_list dd.txt3 {
    text-indent: 0em;
}

/* ====================== 分页导航 ====================== */
.wp-pagenavi {
    clear: both;
}

.wp-pagenavi a, .wp-pagenavi span {
    border: 1px solid #bfbfbf;
    padding: 3px 5px;
    margin: 2px;
    text-decoration: none;
}

.wp-pagenavi a:hover {
    border-color: #000;
}

.wp-pagenavi span.current {
    border-color: #000;
    font-weight: bold;
}

.fanye {
    width: 1068px; 
    height: 50px; 
    float: left;  
    padding-top: 10px;
}

/* ====================== 联系页面样式 ====================== */
.contact_banner {
    width: 1008px; 
    height: 125px; 
    padding: 10px 11px; 
    margin-left: 15px;
}

.contact_con01 {
    width: 988px; 
    height: auto;
    margin: 0; 
    margin-left: 36px;
}

.contact_con {
    width: 988px; 
    height: auto !important; 
    padding: 10px 21px 50px 21px;
    margin-left: 15px;
}

/* 联系表单样式 */
.contact_left_c {
    width: 448px; 
    height: auto !important; 
    float: left; 
    background: url(../images/line_leftbj.jpg) top right no-repeat; 
    padding-right: 50px;
}

.contact_right_con {
    width: 370px; 
    height: auto !important; 
    float: left; 
    padding-left: 40px;
}

.input_bottom {
    width: 299px; 
    height: 28px; 
    line-height: 28px; 
    background: #FFFFFF; 
    border: 1px solid #d7d7d7; 
    text-indent: 1em; 
    color: #698e31;
}

.textarea_bottom {
    width: 299px; 
    height: 120px; 
    background: #FFFFFF; 
    border: 1px solid #d7d7d7;
    text-indent: 1em; 
    color: #698e31;
}

/* ====================== 服务页面样式 ====================== */
.ser_box {
    width: 220px; 
    height: auto !important; 
    float: left;
}

.liucheng {
    width: 988px; 
    height: auto !important;
}

/* ====================== 博客子页面样式 ====================== */
.blogsub {
    width: 950px; 
    margin-left: 42px;
}

.blogsub .cont {
    width: 950px; 
    margin: 10px auto 0 auto;
    font-size: 17px;
    letter-spacing: 2px;
    word-spacing: 2px;
    text-align: justify;
}

.blogsub .cont p {
    line-height: 25px; 
    text-indent: 0em; 
    margin: 10px 0;
}

/* ====================== 辅助样式 ====================== */
.line {
    width: 1000px;
    height: 2px; 
    overflow: hidden; 
    background: url(../images/line_08.jpg) repeat-x;
    margin-left: 45px; 
    display: inline; 
    float: left;
}

.meg a, .djl a, .bq {
    line-height: 20px; 
    padding-left: 20px; 
    display: inline-block; 
    margin-right: 5px; 
    float: left; 
    color: #949494;
}

.meg a { background: url(../images/iconmeg.jpg) left no-repeat; }
.djl a { background: url(../images/icondjl.jpg) left no-repeat; }
.bq { background: url(../images/iconbq.jpg) left no-repeat; }

.meg a:hover, .bq a:hover {
    text-decoration: underline;
}