﻿@charset "utf-8";/*关于我们*/
.about_banner{width:100%;height:auto;}
.location{height:62px;border-bottom:1px solid #dedede;
margin-top:5px;}
.location_box{width:1200px;height:62px;margin:0 auto;
margin-top:-20px;}
.location_left{float:left;padding-top:12px;}
.location_left h3{display:inline;float:left;width:204px;text-align:center;font-size:24px;font-weight:normal;height:50px;line-height:50px;border-bottom:2px solid #F57021;}
.location_left span{display:block;width:176px;float:left;font-size:16px;padding:20px 0 0 5px;}
.location_right{float:right;line-height:72px;}
.location_right span{background:url(weizhi_home.gif) no-repeat left center;padding-left:23px;float:left;}
.main{width:1200px;margin:0 auto;padding-top:15px;}
.main11{width:210px;margin:0 auto;padding-top:15px; margin-left:30px;}
.main_left{width:224px;float:left;top:660px;background:#FFF;}
.main_left h1{width:240px;height:40px;line-height:40px;text-align:center;font-size:23px;color:#fff;font-weight:normal;background:#F57021;}
.main_left dl{font-size:16px;}
.main_left dl dt{height:38px;line-height:38px;border-bottom:1px dashed #d7d7d7;padding-left:30px;background:url(left_b.png) no-repeat 14px center;cursor:pointer;}
.main_left ul dl.left_tab{background:#F57021 url(left_l.png) no-repeat 14px center;color:#fff;}
.main_left ul dl.left_tab:hover{color:#fff;}
.main_left ul{font-size:16px;}
.main_left ul li{height:38px;line-height:38px;border-bottom:1px dashed #d7d7d7;padding-left:30px;background:url(left_b.png) no-repeat 14px center;cursor:pointer;}
.main_left ul li.left_tab{background:#F57021 url(left_l.png) no-repeat 14px center;color:#fff;}
.main_left ul li.left_tab:hover{color:#fff;}
.main_left dl dd{margin-left:8px; height:25px; line-height:25px; font-size:13px; color:#666;border-bottom:1px dashed #dedede;background:url(cp_dian.jpg) no-repeat 20px center;}
.main_left dl dd a{padding-left:40px; display:block;}
.main_right{width:920px;float:right;min-height:720px;}
.main_right h1{height:47px;line-height:47px;padding-bottom:20px;}
.zhici_img img{border-bottom:4px solid #F57021;}
.zhici_pp{line-height:30px;font-size:15px;padding-top:20px;}
.zhici_pp p{text-indent:2em;padding:5px 0;}
.right_pp, .right_ppgs{line-height:30px;font-size:15px;}
.right_pp p, .right_ppgs p{text-indent:2em;padding:5px 0;}
.right_ppgs img{float:right;margin:0 0 25px 25px;}/*关于我们——文化理念*/
.haigu_wenhua{}
.hg_wenhua_top{background:#efefef;padding:10px;line-height:30px;font-size:15px;}
.hg_wenhua_top img{float:right;}
.hg_wenhua_img{padding-top:30px;}/*关于我们——风采*/
.haigu_fengcai{}
.haigu_fengcai ul li{float:left;width:282px;margin-right:35px;}
.haigu_fengcai ul li:nth-child(3n){margin-right:0;}
.haigu_fengcai ul li.right_img{margin-right:0;}
.haigu_fengcai ul li img{width:282px;height:188px;}
.haigu_fengcai ul li span{display:block;line-height:30px;text-align:center;padding-bottom:30px;}/*弹出大图效果样式*/
#images a{margin-right: 14px;}
#images a img{border: 1px solid #888;padding: 3px;vertical-align: top;}
#credit{clear: both;margin-top: 50px;padding-top: 20px;font-size: 10px;border-top: 1px solid #BBB;font-family: Verdana;}
#imgbox-loading{position: absolute;top: 0;left: 0;background: url('imgbox-spinner.gif') center center no-repeat;cursor: pointer;display: none;z-index: 90;}
#imgbox-loading div{background: #FFF;width: 100%;height : 100%;}
#imgbox-overlay{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;display: none;z-index: 80;}
.imgbox-wrap{position: absolute;top: 0;left: 0;background: #FFF;display: none;z-index: 90;}
.imgbox-img{padding: 0;margin: 0;border: none;width: 100%;height: 100%;vertical-align: top;}
.imgbox-close{position: absolute;top: -15px;right: -15px;height: 30px;width: 30px;background: url('imgbox-close.png') top left no-repeat;cursor: pointer;outline: none;}
.imgbox-title{padding-top: 10px;font-size: 11px;text-align: center;font-family: Arial;color: #333;display: none;}
.imgbox-bg-wrap{position: absolute;padding: 0;margin: 0;display: none;}
.imgbox-bg{position: absolute;width: 20px;height: 20px;}
.imgbox-bg-n{left: 0;top: -20px;width: 100%;background: url(imgbox-bg-n.png) repeat-x;}
.imgbox-bg-ne{right: -20px;top: -20px;background: url(imgbox-bg-ne.png) no-repeat;}
.imgbox-bg-e{right: -20px;top: 0;height: 100%;background: url(imgbox-bg-e.png) repeat-y;}
.imgbox-bg-se{right: -20px;bottom: -20px;background: url(imgbox-bg-se.png) no-repeat;}
.imgbox-bg-s{left: 0;bottom: -20px;width: 100%;background: url(imgbox-bg-s.png) repeat-x;}
.imgbox-bg-sw{left: -20px;bottom: -20px;background: url(imgbox-bg-sw.png) no-repeat;}
.imgbox-bg-w{left: -20px;top: 0;height: 100%;background: url(imgbox-bg-w.png) repeat-y;}
.imgbox-bg-nw{left: -20px;top: -20px;background: url(imgbox-bg-nw.png) no-repeat;}/*联系我们*/
.contact_banner{width:100%;background:url(contact_banner.jpg) no-repeat center top;}
.contact_left{width:586px;float:left;padding-top:30px;}
.contact_left img{padding-bottom:25px;}
.contact_left p{line-height:35px;font-size:16px;}
.contact_left p span{color:#999;}
.contact_right{width:552px;height:450px;float:right;margin-top:30px;border:5px solid #dedede;}/*海固资质*/
.zizhi_banner{width:100%;}
.hg_zizhi{}
.hg_zizhi ul li{float:left;width:220px;margin-right:35px;}
.hg_zizhi ul li img{width:220px;height:300px;}
.hg_zizhi ul li span{display:block;line-height:30px;text-align:center;padding-bottom:30px;}
.hg_zizhi dl{width:700px;}
.hg_zizhi dl dd{text-align:center;padding-bottom:30px;}/*海固资讯*/
.news_banner{width:100%;}
.right_news{}
.news_mm{margin-bottom:25px;}
.news_shijian{width:124px;float:left;}
.news_shijian .years{display:block;width:124px;height:36px;line-height:36px;text-align:center;background:#aeaeae;color:#fff;font-size:14px;}
.news_shijian .day{display:block;width:124px;height:46px;line-height:46px;text-align:center;background:#e6e6e6;font-size:32px;}
.news_news{width:754px;float:right;padding-bottom:26px;border-bottom:1px dashed #dedede;}
.news_news h3{font-size:20px;font-weight:normal;color:#333;}
.news_news h3 a{color:#333;}
.news_news h3 a:hover{color:#F57021;text-decoration:none;}
.news_news .news_text{font-size:14px;line-height:24px;height:48px;overflow:hidden;padding-top:12px;color:#888;}
.news_mm:hover .news_shijian .years{background:#F57021;}
.news_mm:hover .news_shijian .day{color:#F57021;}
.page{line-height:40px;}
.page a{border:1px solid #dedede;padding:0 10px;display:inline-block;margin-right:5px;}
.page a:hover{border:1px solid #F57021;color:#F57021;font-weight:bold;text-decoration:none;}
.page span{border:1px solid #dedede;padding:0 20px;display:inline-block;}
.page li{float:left;margin-right:10px;margin-bottom:10px;}
.page td{margin-right:10px;margin-bottom:10px;}
/*产品中心*/.product_banner{width:100%;}
.chanpin_con{}
.chanpin_con dl{float:left;margin:0 16px 10px 10px;width:280px;}
.chanpin_con dl dt{width:280px;height:278px;}
.chanpin_con dl dd{width:280px;height:60px;text-align:center;line-height:20px;padding-top:15px;}
.chanpin_con dl dt img{width:278px;height:276px;border:1px solid #dedede;}
.chanpin_con dl dt img:hover{border:1px solid #F57021;}
.chanpin_con1{}
.chanpin_con1 dl{float:left;margin:0 16px 10px 10px;width:280px;}
.chanpin_con1 dl dt{width:280px;height:278px;}
.chanpin_con1 dl dd{width:280px;height:60px;text-align:center;line-height:20px;padding-top:15px;}
.chanpin_con1 dl dt img{width:278px;border:1px solid #dedede;}
.chanpin_con1 dl dt img:hover{border:1px solid #F57021;}/*合作加盟*/
.join_banner{width:100%;height:350px;background:url(join_banner.jpg) no-repeat center top;}
.hezuo h1{font-size:30px;color:#F57021;font-weight:normal;padding-bottom:25px;}
.hezuo_h1{margin-top:25px;}
.hezuo h2{font-size:24px;font-weight:normal;text-align:center;height:45px;line-height:45px;}
.hezuo_xzwm{line-height:30px;font-size:15px;padding-top:15px;text-indent:2em;}
.hezuo_xzwm img{float:right;margin:0 0 10px 22px;}
.hezuo_four{padding-top:25px;}
.hezuo_four ul{display:block;width:1200px;height:220px;}
.hezuo_four ul li{float:left;padding:150px 75px 0 75px;width:150px;text-align:center;font-size:18px;cursor:pointer;}
.hezuo_four ul li.four_li1{background:url(jiameng_a1.png) no-repeat center top;}
.hezuo_four ul li.four_li2{background:url(jiameng_a2.png) no-repeat center top;}
.hezuo_four ul li.four_li3{background:url(jiameng_a3.png) no-repeat center top;}
.hezuo_four ul li.four_li4{background:url(jiameng_a4.png) no-repeat center top;}
.hezuo_four ul li.four_liv1{background:url(jiameng_b1.png) no-repeat center top;}
.hezuo_four ul li.four_liv2{background:url(jiameng_b2.png) no-repeat center top;}
.hezuo_four ul li.four_liv3{background:url(jiameng_b3.png) no-repeat center top;}
.hezuo_four ul li.four_liv4{background:url(jiameng_b4.png) no-repeat center top;}
.hezuo_four_p{background:#ececec;padding:10px 25px 30px 25px;}
.hezuo_four_p h3{font-size:16px;font-weight:bold;text-align:center;line-height:45px;color:#F57021;}
.hezuo_four_p span{line-height:26px;}
.hezuo_four_p span p{text-indent:2em;font-size:15px;}
.hezuo_xuzhi ul li{width:582px;height:76px;font-size:15px;background:#ececec;margin-top:12px;}
.hezuo_xuzhi ul li .xuzhi_shu{width:96px;height:76px;line-height:76px;display:block;float:left;background:#F57021;color:#fff;font-size:46px;text-align:center;}
.hezuo_xuzhi ul li .xuzhi_p{display:block;float:left;width:446px;padding:12px 20px 0 20px;line-height:30px;}/*如何购买*/
.buy_banner{width:100%;}
.buy_con{}
.buy_fuzhi{width:1200px;background:url(buy_05.jpg) no-repeat 241px top;height:800px;}
.fuzhi_dm1{width:584px;float:right;margin-right:168px;border:1px solid #555;margin-top:40px;padding:20px 0 12px 0;}
.fuzhi_dm2{width:584px;float:right;margin-right:168px;border:1px solid #555;margin-top:30px;padding:20px 0 12px 0;}
.fuzhi_tex1{border:none;background:none;font-size:16px;line-height:30px;width:562px;height:280px;}
.fuzhi_tex2{border:none;background:none;font-size:16px;line-height:30px;width:562px;height:280px;}
.fuzhi_button{margin-left:300px;line-height:30px;height:30px;width:250px;
}
.buy_yh{width:1200px;height:520px;background:url(buy_04.jpg) no-repeat left top;}
.buy_yh_right{width:753px;float:right;padding-top:40px;}
.buy_yh_right ul li{width:375px;height:175px;float:left;}
.buy_yh_right ul li p{padding:12px 0 0 0;line-height:26px;}
.buy_yh_right ul li img{border:1px solid #555;}
.buy_saosao{width:753px;float:right;padding-top:20px;}
.buy_saosao ul{float:left;background:#ececec;width:298px;margin-right:40px;padding:10px 0;}
.buy_saosao ul li{text-align:center;font-size:14px;}
.buy_saosao ul li h3{font-size:18px;font-weight:normal;}
.buy_saosao ul li img{border:0;line-height:0;margin:10px 0;}
.breadcrumb-item{float:left;margin-left:5px;}

/* ===== 通用兜底：图片/媒体不超出容器 ===== */
img, video {max-width:100%; height:auto;}
* {box-sizing: border-box;}

/* ===== 容器宽度从固定变自适应（保持最大宽度） ===== */
@media (max-width: 1200px){
  .main,
  .location_box {width:auto; max-width:1200px; padding:0 16px;}
}

/* ===== 面包屑区（location）在小屏换行显示 ===== */
@media (max-width: 992px){
  .location{height:auto; border-bottom:1px solid #dedede; margin-top:5px;}
  .location_box{height:auto; margin-top:0;}
  .location_left{float:none; padding-top:10px;}
  .location_left h3{width:auto; display:inline-block; padding:0 6px;}
  .location_left span{float:none; display:inline-block; padding:0 0 0 6px;}
  .location_right{float:none; line-height:1.6; padding:6px 0; white-space:normal;}
}

/* ===== 主体两栏：在平板/手机改为上下栈叠 ===== */
@media (max-width: 992px){
  .main{width:auto; padding-top:15px;}
  .main_left{float:none; width:auto; background:#fff; margin-bottom:12px;}
  .main_left h1{width:100%;}
  .main_right{float:none; width:auto; min-height:0;}
}

/* ===== 新闻列表：时间块与内容块改为纵向排列 ===== */
@media (max-width: 992px){
  .news_mm{padding-bottom:12px; margin-bottom:18px;}
  .news_shijian{float:none; width:auto; margin-bottom:8px;}
  .news_news{float:none; width:auto; padding-bottom:16px;}
  .news_shijian .years,
  .news_shijian .day{width:100%;}
}

/* ===== 关于我们-风采：3列→2列→1列 ===== */
@media (max-width: 992px){
  .haigu_fengcai ul{display:flex; flex-wrap:wrap; gap:16px;}
  .haigu_fengcai ul li{width:calc(50% - 8px) !important; margin:0 !important;}
  .haigu_fengcai ul li img{width:100% !important; height:auto !important;}
}
@media (max-width: 640px){
  .haigu_fengcai ul li{width:100% !important;}
}

/* ===== 资质：四列→三/二/一列 ===== */
@media (max-width: 1200px){
  .hg_zizhi ul{display:flex; flex-wrap:wrap; gap:16px;}
  .hg_zizhi ul li{width:calc(25% - 12px); margin:0 !important;}
  .hg_zizhi ul li img{width:100% !important; height:auto !important;}
}
@media (max-width: 992px){ .hg_zizhi ul li{width:calc(33.333% - 11px);} }
@media (max-width: 768px){ .hg_zizhi ul li{width:calc(50% - 8px);} }
@media (max-width: 480px){ .hg_zizhi ul li{width:100%;} }

/* ===== 产品卡片：四列→两列→一列 ===== */
@media (max-width: 992px){
  .chanpin_con dl,
  .chanpin_con1 dl{width:calc(50% - 14px) !important; margin:0 0 14px 0 !important;}
  .chanpin_con dl dt,
  .chanpin_con1 dl dt{width:100% !important; height:auto !important;}
  .chanpin_con dl dt img,
  .chanpin_con1 dl dt img{width:100% !important; height:auto !important;}
  .chanpin_con dl dd,
  .chanpin_con1 dl dd{width:100% !important; height:auto; padding:12px 8px;}
}
@media (max-width: 640px){
  .chanpin_con dl,
  .chanpin_con1 dl{width:100% !important;}
}

/* ===== 联系我们：左右两栏→上下栈叠；地图全宽 ===== */
@media (max-width: 992px){
  .contact_left{float:none; width:auto; padding-top:20px;}
  .contact_right{float:none; width:auto; height:auto; margin-top:16px;}
}

/* ===== 顶部横幅（固定高的背景/图片）在小屏降低高度 ===== */
@media (max-width: 768px){
  .contact_banner{height:220px;}
  .join_banner{height:220px;}
}

/* ===== 合作加盟四步图标行：横排→换行居中 ===== */
@media (max-width: 1200px){
  .hezuo_four ul{width:auto; height:auto;}
  .hezuo_four ul li{
    float:none; display:inline-block;
    width:45%; max-width:260px;
    padding:150px 0 0 0; margin:8px 8px 0 0; text-align:center;
    background-position:center top !important; background-size:auto 140px !important;
  }
}
@media (max-width: 640px){
  .hezuo_four ul li{width:100%; max-width:none;}
}

/* ===== “如何购买”大图排版：改为纵向并全宽 ===== */
@media (max-width: 1200px){
  .buy_con{width:auto;}
  .buy_fuzhi{width:auto; background:none; height:auto;}
  .fuzhi_dm1, .fuzhi_dm2{
    width:auto; margin:16px 0; padding:16px; float:none;
  }
  .fuzhi_tex1, .fuzhi_tex2{width:100%;}
  .fuzhi_button{margin:12px auto; width:100%; max-width:260px;}
  .buy_yh{width:auto; height:auto; background:none;}
  .buy_yh_right{width:auto; float:none; padding-top:20px;}
  .buy_yh_right ul li{width:100%; height:auto; float:none;}
  .buy_saosao{width:auto; float:none; padding-top:12px;}
  .buy_saosao ul{width:100%; margin:0 0 12px 0;}
}

/* ===== 新闻列表右侧宽度兜底（旧布局float+固定宽） ===== */
@media (max-width: 992px){
  .right_news{width:auto;}
}

/* ===== 分页：允许换行，不挤出屏幕 ===== */
@media (max-width: 768px){
  .page{line-height:36px;}
  .page a, .page span{display:inline-block; margin-bottom:8px;}
  .page li{float:none; display:inline-block; margin-bottom:8px;}
}

/* ===== 其它小细节：长单词/链接自动换行，图文并排时图片不外溢 ===== */
.right_ppgs img{float:none; max-width:100%; height:auto; margin:10px 0;}
.zhici_pp, .right_pp, .right_ppgs{word-break:break-word; overflow-wrap:anywhere;}

