/* cclhuo21 模板样式 - 来源参考站 home_00011，class/id/层级按原站保留 */

/* ===== 基础 reset ===== */
body.tpl-cclhuo21{margin:0;padding:0;color:#5E5E5E;font-size:13px;line-height:22px;font-family:"微软雅黑",Arial;-webkit-text-size-adjust:none}
body.tpl-cclhuo21,body.tpl-cclhuo21 div,body.tpl-cclhuo21 span,body.tpl-cclhuo21 ul,body.tpl-cclhuo21 li,body.tpl-cclhuo21 p,body.tpl-cclhuo21 a,body.tpl-cclhuo21 input,body.tpl-cclhuo21 i,body.tpl-cclhuo21 h1,body.tpl-cclhuo21 h2,body.tpl-cclhuo21 h3,body.tpl-cclhuo21 h4{margin:0;padding:0}
body.tpl-cclhuo21 img{border:0}
body.tpl-cclhuo21 ul,body.tpl-cclhuo21 li{list-style:none;list-style-type:none;padding:0;margin:0}
body.tpl-cclhuo21 a{color:#333;text-decoration:none}
body.tpl-cclhuo21 a:hover{text-decoration:none}
body.tpl-cclhuo21 input{font-size:12px;line-height:16px}
body.tpl-cclhuo21 input[type="text"]:focus,body.tpl-cclhuo21 input[type="password"]:focus,body.tpl-cclhuo21 textarea:focus{outline:none}

/* ===== 头部 header ===== */
body.tpl-cclhuo21 .header{margin:0 auto;width:100%;overflow:hidden}
body.tpl-cclhuo21 .headerTop{height:auto}
body.tpl-cclhuo21 .containertop{overflow:hidden;width:1200px;margin:0 auto}
body.tpl-cclhuo21 .top-box1{height:100px;overflow:hidden;width:1050px;margin:0 auto}
body.tpl-cclhuo21 .top-box1-logo{height:80px;margin-top:10px;overflow:hidden}
body.tpl-cclhuo21 .top-box1-logo img{max-height:80px}
body.tpl-cclhuo21 .top-box1-logo .logo1{display:block;max-height:80px}
body.tpl-cclhuo21 .headerNav{overflow:hidden;width:100%;height:58px;background-color:#006281}
body.tpl-cclhuo21 .headerNav ul{display:block;width:1200px;margin:0 auto}
body.tpl-cclhuo21 .headerNav li{float:left;line-height:58px;font-size:14px;background:url(/static/templates/cclhuo21/images/nav-bor.png) right top repeat-y}
body.tpl-cclhuo21 .headerNav li a{color:#fff;text-decoration:none;display:block;padding:0 19px}
body.tpl-cclhuo21 .headerNav li.cur a,body.tpl-cclhuo21 .headerNav li a:hover{color:#ffe478}
body.tpl-cclhuo21 .headerNav li.last{background:none}
body.tpl-cclhuo21 .headerNav li.cur{background:#00506b}
body.tpl-cclhuo21 .headerNav li.cur a{color:#fff}

/* ===== 工具 class ===== */
body.tpl-cclhuo21 .clear{clear:both;overflow:hidden;height:0;margin-top:5px}

/* ===== banner ===== */
body.tpl-cclhuo21 .index_brand{height:450px;margin:auto;position:relative;background:#c5cde4}
body.tpl-cclhuo21 .banner{position:relative;height:100%}
body.tpl-cclhuo21 .banner ul{list-style:none;margin:0;padding:0;position:relative;height:100%}
body.tpl-cclhuo21 .banner li{width:100%;height:450px;position:absolute;left:0;top:0;display:none;list-style:none}
body.tpl-cclhuo21 .banner li a{display:inline-block;width:100%;height:100%}
body.tpl-cclhuo21 .banner li img{width:100%;height:100%;display:block;object-fit:cover}
body.tpl-cclhuo21 .banner .number{height:6px;position:absolute;left:20%;bottom:20px;margin-left:481px}
body.tpl-cclhuo21 .banner .number span{display:inline-block;width:30px;height:8px;background:#fff;cursor:pointer;margin-left:3px;position:relative;overflow:hidden}
body.tpl-cclhuo21 .banner .number span.on{background:#d40000}

/* ===== 视频主区 dpspbox ===== */
body.tpl-cclhuo21 .dpspbox{width:1200px;margin:20px auto;overflow:hidden}
body.tpl-cclhuo21 .dpspcpimgvideo{width:580px;float:left;margin-right:20px}
body.tpl-cclhuo21 .videobox2024{position:relative;width:100%;height:340px;background:#000;overflow:hidden}
body.tpl-cclhuo21 .videobox2024 img{width:100%;height:100%;object-fit:cover;display:block}
body.tpl-cclhuo21 .playvideo2024{position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;cursor:pointer;background:rgba(0,0,0,.3);border-radius:50%;display:flex;align-items:center;justify-content:center}
body.tpl-cclhuo21 .playvideo2024 img{width:36px;height:36px}
body.tpl-cclhuo21 .dpspycbox{margin-left:0;overflow:hidden}
body.tpl-cclhuo21 .moreimglist2024{list-style:none;margin:0;padding:0;width:600px}
body.tpl-cclhuo21 .moreimglist2024 li{width:180px;float:left;margin:0 10px 15px 0}
body.tpl-cclhuo21 .tuijianimgbox2024{position:relative;width:180px;height:120px;overflow:hidden;background:#eee}
body.tpl-cclhuo21 .tuijianimgbox2024 img{width:100%;height:100%;object-fit:cover;display:block}
body.tpl-cclhuo21 .playvideo2{position:absolute;left:50%;top:50%;width:40px;height:40px;margin:-20px 0 0 -20px;cursor:pointer;background:rgba(0,0,0,.4);border-radius:50%;display:flex;align-items:center;justify-content:center}
body.tpl-cclhuo21 .playvideo2 img{width:24px;height:24px}
body.tpl-cclhuo21 .cp-title2024{line-height:30px;font-size:13px;color:#333;text-align:center;margin-top:5px}

/* ===== 视频介绍 ===== */
body.tpl-cclhuo21 .video_intro1{width:1200px;margin:15px auto;text-align:center;font-size:16px;color:#006281;line-height:30px}

/* ===== 通用 container 区块 ===== */
body.tpl-cclhuo21 .container{width:100%;padding:0;margin:0}
body.tpl-cclhuo21 .main{width:1200px;margin:0 auto}
body.tpl-cclhuo21 .main_aa{padding-top:30px}
body.tpl-cclhuo21 .main_aa .text{text-align:center;padding:5px 0}
body.tpl-cclhuo21 .main_aa .text p{font-size:36px;font-weight:300;line-height:100%;margin-bottom:15px}
body.tpl-cclhuo21 .main_aa .text.b{display:block;color:#5e7387;font-size:16px;font-weight:300}
body.tpl-cclhuo21 .main_aa .text.b p{color:#5e7387;font-family:"Open Sans",Arial,sans-serif}

/* ===== main_c 新闻中心 ===== */
body.tpl-cclhuo21 .main_c{height:520px;background:#006281;padding:30px 0;width:100%}
body.tpl-cclhuo21 .main_c .main_aa .text.b p{color:#fff}
body.tpl-cclhuo21 .cpfl{margin-top:13px;width:1100px;overflow:hidden;height:320px;margin:13px auto 0}
body.tpl-cclhuo21 .cpfl ul{list-style-type:none;margin:0;padding:0}
body.tpl-cclhuo21 .cpfl ul li{background-color:#fff;height:40px;line-height:40px;margin-bottom:13px;border:1px dashed #CCCCCC;float:left;width:520px;margin-right:10px;margin-left:10px}
body.tpl-cclhuo21 .cpfl ul li a{color:#000;text-align:left;font-weight:normal;text-decoration:none;padding-left:15px;font-size:14px;width:440px;float:left;overflow:hidden;margin-right:8px;display:inline-block}
body.tpl-cclhuo21 .cpfl ul li a:hover{color:#006281;text-decoration:underline}
body.tpl-cclhuo21 .cpfl ul li span{float:right;color:#999;font-size:12px;padding-right:10px}
body.tpl-cclhuo21 .xwymore{width:120px;height:40px;text-align:center;margin:0 auto;background-color:#1BB3D5;line-height:40px;border-radius:8px}
body.tpl-cclhuo21 .xwymore a{color:#FFFFFF;font-family:"Open Sans",Arial,sans-serif;font-size:16px;font-weight:300;display:block}

/* ===== main_b 产品 ===== */
body.tpl-cclhuo21 .main_b{background:#fff;padding:30px 0}
body.tpl-cclhuo21 .main_b .main_aa .text.b p{color:#000;font-family:"Open Sans",Arial,sans-serif}
body.tpl-cclhuo21 .main_b .main_aa h2{color:#464646;font-size:32px;height:20px;margin-bottom:35px;background:url(/static/templates/cclhuo21/images/title-bg.jpg) no-repeat center bottom}
body.tpl-cclhuo21 .casescro{overflow:hidden;width:1200px;margin:0 auto}
body.tpl-cclhuo21 .casescro ul{overflow:hidden;width:1200px;margin-bottom:20px;list-style:none;padding:0}
body.tpl-cclhuo21 .casescro li{float:left;width:228px;margin:5px;overflow:hidden;background:#f5f5f5}
body.tpl-cclhuo21 .casescro li a{display:block;color:#333}
body.tpl-cclhuo21 .casescro li img{width:100%;height:160px;object-fit:cover;display:block}
body.tpl-cclhuo21 .casescro li span{display:block;padding:8px 10px;text-align:center;font-size:14px;line-height:1.5}
body.tpl-cclhuo21 .casescro li:hover{background-color:#006281}
body.tpl-cclhuo21 .casescro li:hover a,body.tpl-cclhuo21 .casescro li:hover span{color:#fff}

/* ===== main_d 公司简介 ===== */
body.tpl-cclhuo21 .main_d{background:url(/static/templates/cclhuo21/images/a-bg.png);height:400px;background-position:center top;background-repeat:no-repeat}
body.tpl-cclhuo21 .acont{width:600px;height:350px;overflow:hidden;color:#fff;float:right;background:#006281;padding:20px;position:relative;margin-top:20px}
body.tpl-cclhuo21 .acont img{float:left;margin:0 26px 0 6px;width:170px;height:130px;object-fit:cover}
body.tpl-cclhuo21 .acont p{font-size:14px;text-indent:24px;line-height:27px;color:#fff;padding-left:5px;padding-right:5px}
body.tpl-cclhuo21 .main_d .main_aa .text{text-align:left;padding:5px 0}
body.tpl-cclhuo21 .main_d .main_aa .text p{font-size:24px;font-weight:300;line-height:100%}
body.tpl-cclhuo21 .main_d .main_aa .text.b p{color:#fff;font-family:"Open Sans",Arial,sans-serif}
body.tpl-cclhuo21 .main_d .more-about{position:absolute;right:0;width:46px;height:37px;margin-right:10px;bottom:10px;display:block}
body.tpl-cclhuo21 .main_d .more-about a{display:block}
body.tpl-cclhuo21 .main_d .more-about img{width:46px;height:37px;display:block;float:none;margin:0}

/* ===== main_e 新闻资讯 ===== */
body.tpl-cclhuo21 .main_e{background:#fff;height:520px;padding:30px 0}
body.tpl-cclhuo21 .main_e .main_aa .text.b p{color:#000;font-family:"Open Sans",Arial,sans-serif}
body.tpl-cclhuo21 .main_e .main_aa h2{color:#464646;font-size:32px;height:20px;margin-bottom:35px;background:url(/static/templates/cclhuo21/images/title-bg.jpg) no-repeat center bottom}
body.tpl-cclhuo21 .casemare{overflow:hidden;width:1200px;margin:0 auto;height:330px}
body.tpl-cclhuo21 .casemare ul{overflow:hidden;width:1200px;margin-bottom:20px;list-style:none;padding:0}
body.tpl-cclhuo21 .casemare li{float:left;width:280px;margin:10px;overflow:hidden;background:#f5f5f5}
body.tpl-cclhuo21 .casemare li a{display:block;color:#333}
body.tpl-cclhuo21 .casemare li img{width:100%;height:200px;object-fit:cover;display:block}
body.tpl-cclhuo21 .casemare li span{display:block;padding:8px 10px;text-align:center;font-size:14px;line-height:1.5}

/* ===== 友情链接 ===== */
body.tpl-cclhuo21 .ljys{width:100%;background:#2a333c;padding:20px 0}
body.tpl-cclhuo21 .mainyq{width:1200px;margin:0 auto;background-repeat:repeat-x}
body.tpl-cclhuo21 .mainyq .tab{width:1200px;margin:0 auto;padding:0}
body.tpl-cclhuo21 .tab .tabspan{float:left;background:#dcdcdc;font-size:12px;color:#000;font-weight:bold;line-height:24px;padding:0 10px}
body.tpl-cclhuo21 .tab-hd{padding:0;margin:0;height:24px;zoom:1;color:#fff;list-style:none}
body.tpl-cclhuo21 .tab-bd{padding:10px 15px;margin:0;background:#fff;list-style:none}
body.tpl-cclhuo21 .tab-bd li{line-height:24px;font-size:12px;color:#333}
body.tpl-cclhuo21 .tab-bd li a{color:#333;display:inline-block;margin:0 5px}
body.tpl-cclhuo21 .tab-bd li a:hover{color:#006281;text-decoration:underline}

/* ===== 页脚 ===== */
body.tpl-cclhuo21 .foot{margin:0 0 10px 0;padding:10px 0;text-align:center;width:100%;background:#333;line-height:28px;color:#fff;min-width:300px;font-size:14px;overflow:hidden}
body.tpl-cclhuo21 .foot a{color:#fff}
body.tpl-cclhuo21 .foot a:hover{color:#ffe478}
body.tpl-cclhuo21 .foot p{margin:0;padding:0;color:#fff}

/* ===== 业务文字 class 颜色 ===== */
body.tpl-cclhuo21 .dptygjc8,body.tpl-cclhuo21 .dptygjc10,body.tpl-cclhuo21 .dptygjc{color:#ff6600;font-weight:bold}
body.tpl-cclhuo21 .dpsbm8,body.tpl-cclhuo21 .dpsbm10{color:#ff0000;font-weight:bold}
body.tpl-cclhuo21 .tylxr{color:#ff6600}
body.tpl-cclhuo21 .tydz{color:#ff6600}
body.tpl-cclhuo21 .sjys18{color:#ff0000;font-weight:bold}