body { margin: 0 auto; overflow-x: hidden; font-family: "\5FAE\8F6F\96C5\9ED1","Microsoft Yahei","Hiragino Sans GB",tahoma,arial,"\5B8B\4F53"; }

.bodyCon { width: 100%; overflow-x: hidden; }


.container { max-width: 1260px; margin: 0 auto; height: 100%; position: relative; }
/*2022-08-19去掉首页内容部分最大宽度限制*/
.container_home { max-width: 100%; }
/*2022-08-19调整首页新闻中心左右留白*/
.container_news { padding: 0px 30px 0px 50px; }

@media screen and (max-width: 1366px) { 
.container { max-width: 960px; } 
/*2022-08-19去掉首页内容部分最大宽度限制（小屏幕）*/
.container_home { max-width: 100%; }
}
}

/*2022-09-07去掉首页内容部分最大宽度限制（手机端）*/
@media screen and (max-width: 960px) { 
.container { padding: 0px; } 
/*2022-09-07，新增，新闻中心左右间距（手机端）*/
.container_news { padding: 0 8px; }
}

/*2022-08-19去掉首页内容部分最大宽度限制（手机端）*/
@media screen and (max-width: 768px) { 
.container { padding: 0px; } 
/*2022-09-07，新增，新闻中心左右间距（手机端）*/
.container_news { padding: 0 5px; }
}

.sub-banner { width: 100%; position: relative; margin-left:auto;margin-right:auto;max-width: 1920px;}

/*23-09-26 去掉关于联美，产业集群上方图片的高度与宽度*/
.sub-banner img { 
  display: block; 
  width: 100%;
  /*height: 640px; */
}

.sub-banner .wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.sub-banner .wrap .wrap-con { display: table; width: 100%; height: 100%; }

.sub-banner .wrap .wrap-con .wrap-cell { display: table-cell; vertical-align: middle; text-align: center; }

.sub-banner .wrap .wrap-con .wrap-cell .title { font-size: 44px; color: #fff; }

.sub-banner .wrap .wrap-con .wrap-cell .en { font-size: 36px; color: #fff; opacity: 0.2; letter-spacing: 10px; margin-top: -38px; }

.sub-banner .wrap .wrap-con .wrap-cell p { font-size: 18px; color: #fff; margin-top: 10px; }

/*23-02-20 新增1920 125%的产业集群内banner图片高度*/
/*23-09-26 去掉关于联美，产业集群上方图片的高度与宽度*/
@media screen and (max-width: 1536px){
  .sub-banner img { 
    /*height: 506px; */
  }
}
/*23-09-26 去掉关于联美，产业集群上方图片的高度与宽度*/
@media screen and (max-width: 1366px){
  .sub-banner img { 
    /*height: 450px; */
  }
}
/*23-02-20 新增1920 175%的产业集群内banner图片高度*/
/*23-09-26 去掉关于联美，产业集群上方图片的高度与宽度*/
@media screen and (max-width: 1100px){
  .sub-banner img { 
    /*height: 372px; */
  }
}
/*23-09-26 去掉关于联美，产业集群上方图片的高度与宽度*/
@media screen and (max-width: 1024px){
  .sub-banner img { 
    /*height: 335px; */
  }
}

@media screen and (max-width: 960px) { .sub-banner { margin-top: 80px; }
  .sub-banner .wrap .wrap-con .wrap-cell .title { font-size: 32px; }
  .sub-banner .wrap .wrap-con .wrap-cell .en { font-size: 28px; margin-top: -26px; }
  .sub-banner .wrap .wrap-con .wrap-cell p { margin-top: inherit; } }

@media screen and (max-width: 768px) { .sub-banner { margin-top: 50px; }
  /*23-09-26 去掉关于联美，产业集群上方图片的高度与宽度*/
  .sub-banner img { /*width: 768px;*/ max-width: inherit; position: relative; /*left: 50%; margin-left: -384px;*/ }
  .sub-banner .wrap .wrap-con .wrap-cell .title { font-size: 26px; }
  .sub-banner .wrap .wrap-con .wrap-cell .en { font-size: 24px; margin-top: -26px; }
  .sub-banner .wrap .wrap-con .wrap-cell p { font-size: 14px; } }

.header { height: 116px; }

.header .container{
  max-width: 1400px;
}

.header .logo { width: 205px; height: 100%; float: left; display: table; }

.header .logo a { display: table-cell; vertical-align: middle; }

.header .logo a img { width: 100%; height: auto; }

.header .nav { float: right; height: 100%; position: relative; z-index: 999; }

.header .nav .lang{
  float: right;
  line-height: 116px;
  color: #676767;
}
.header .nav .lang a{
  display: inline-block;
  margin: 0 5px;
}
.header .nav .lang a:hover{
      color: #b71254;
}

.header .nav ul { display: inline-block; height: 100%; position: relative; z-index: 20; }

.header .nav ul li { display: block; height: 100%; padding: 0 25px; float: left; position: relative; }

.header .nav ul li.on { background: #b71254; }

.header .nav ul li.on > a { color: #fff; }

.header .nav ul li:hover { background: #b71254; }

.header .nav ul li:hover > a { color: #fff; }

.header .nav ul li > a { display: table; height: 100%; padding: 0 10px; }
/*7月19日修改，调整首页导航栏文字间距*/
.header .nav ul li > a span { display: table-cell; vertical-align: middle; letter-spacing:4px; text-indent:4px; }

.header .nav ul li .nav-child-list { display: none; width: 390px; position: absolute; top: 116px; left: 0; background: #fff; }

.header .nav ul li .nav-child-list .nav-child-list-con { padding: 10px; }
/*7月19日修改，调整首页导航中小图大小*/
.header .nav ul li .nav-child-list .nav-child-list-con img { float: left; margin-right: 10px; width:122px; height:75px }

.header .nav ul li .nav-child-list .nav-child-list-con dl { text-align: left; padding: 10px 0; }

.header .nav ul li .nav-child-list .nav-child-list-con dl dt { display: inline-block; font-size: 14px; padding: 5px 0; margin-right: 10px; }

.header .nav ul li .nav-child-list .nav-child-list-con dl dt a { display: inline-block; color: #333; padding-left: 10px; background: url("../images/nav-icon.png") no-repeat left center; }

.header .nav ul li .nav-child-list .nav-child-list-con dl dt a:hover { color: #b71254; }

.header .nav ul li:last-child .nav-child-list { left: inherit; right: 0; }

.header .nav ul li .nav-child-list2 { width: 320px;}

.header .admin { 
  float: right; 
  height: 100%; 
  display: none; 
  margin-left: 40px; 
}

.header .admin .btn-a { height: 100%; display: table-cell; vertical-align: middle; }

.header .admin .btn-a a { display: inline-block; width: 19px; height: 19px; margin: 0 10px; }

.header .admin .btn-a a.searchBtn { background: url("../images/search.png") no-repeat center; }

.header .admin .btn-a a.loginIn { background: url("../images/admin.png") no-repeat center; }

.header .mobile-btn { display: none; width: 40px; height: 40px; margin-top: 20px; background: #000; float: right; background: url("../images/menu.png") no-repeat center; -moz-background-size: 100%; background-size: 100%; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; cursor: pointer; }

.header .mobile-btn.on { background: url("../images/close.png") no-repeat center; -moz-background-size: 100%; background-size: 100%; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

@media screen and (max-width: 1366px) { 
  .header { height: 80px; }
  .header .container{
    max-width: 1200px;
  }
  .header .logo { width: 150px; }
  .header .nav ul li { padding: 0 16px; }
  .header .nav ul li .nav-child-list { top: 80px; } 
  .header .nav .lang{
    line-height: 80px;
  }
}

@media screen and (max-width: 960px) { 
  .header { position: fixed; top: 0; left: 0; z-index: 8; width: 100%; background: #fff; }
  .header .nav { display: none; position: fixed; top: 80px; left: 0; width: 100%; height: auto; margin-left: 0; background: #b71254; padding: 20px 0; }
  .header .nav ul { width: 100%; height: inherit; }
  .header .nav ul li { float: none; height: inherit; padding: 5px 0; }
  .header .nav ul li a { display: block; font-size: 14px; color: #fff; }
  .header .nav ul li .nav-child-list { position: inherit; top: inherit; width: auto; background: #b71254; }
  .header .nav ul li .nav-child-list .nav-child-list-con img { display: none; }
  .header .nav ul li .nav-child-list .nav-child-list-con dl { text-align: left; padding: 0; }
  .header .nav ul li .nav-child-list .nav-child-list-con dl dt { display: block; padding: 10px 20px 0; }
  .header .nav ul li .nav-child-list .nav-child-list-con dl dt a { padding: 0 10px; color: #fff; background: inherit; }
  .header .nav ul li .nav-child-list .nav-child-list-con dl dt a:hover { color: #fff; }
  .header .admin { float: left; display: block; margin-left: inherit; margin-top: 20px; }
  .header .mobile-btn { display: block; } 
  .header .nav .lang{
    float: left;
    color: #fff;
    line-height: 40px;
  }
  .header .nav .lang a{
    color: #fff;
  }
  .header .nav .lang a:hover{
    color: #fff;
  }
}

@media screen and (max-width: 768px) { .header { height: 50px; }
  .header .logo { width: 110px; margin-left: 20px; }
  .header .nav { top: 50px; }
  .header .mobile-btn { margin-top: 5px; } }

.footer { width: 100%; background: #eee; }
/*8月19日修改，padding 由156px改为50px*/
.footer .container { max-width: inherit; padding: 0 50px; }

.footer .container .t { padding: 125px 0 45px; border-bottom: 1px solid rgba(102, 102, 102, 0.3); }

.footer .container .t .f-logo { float: left; }
/*7月19日修改，调整首页底部，去掉LOGO图片后，网站导航左移*/
.footer .container .t .f-nav { /*float: right;*/ }
/*7月19日修改，调整首页底部，去掉LOGO图片后，网站导航标题样式调整*/
.footer .container .t .f-nav h4 { font-size: 16px; color: #333; font-weight: bold; letter-spacing:3px; }

.footer .container .t .f-nav ul { margin-top: 28px; }
/*7月19日修改，调整首页底部，网站导航内容调整，margin左边改为右边*/
.footer .container .t .f-nav ul li { float: left; /*margin-left: 40px;*/ margin-right: 40px; }

.footer .container .t .f-nav ul li a { font-size: 16px; color: #333; }

.footer .container .b { padding: 68px 0; }

.footer .container .b .f-link { float: left; width: 42%; }
/*7月19日修改，调整首页底部标题文字加粗，并调整间距*/
.footer .container .b .f-link h4 { font-size: 16px; color: #333; font-weight: bold; letter-spacing:3px; }

.footer .container .b .f-link > span { display: block; width: 30px; height: 1px; background: #666; margin: 20px 0; }

.footer .container .b .f-link .link-con { width: 100%; }

.footer .container .b .f-link .link-con .link-l { float: left; width: 60%; }

.footer .container .b .f-link .link-con .link-l ul li { float: left; width: 33.33%; margin: 10px 0; }

.footer .container .b .f-link .link-con .link-l ul li a { font-size: 14px; color: #666; }

.footer .container .b .f-link .link-con .link-r { float: left; width: 34%; margin-left: 6%; }

.footer .container .b .f-link .link-con .link-r ul li { margin: 10px 0; }

.footer .container .b .f-link .link-con .link-r ul li a { font-size: 14px; color: #666; }

/*8月31日为底部联系人左移修改样式*/
.footer .container .b .f-link .line { width: 1px; height: 100%; background: #666; position: absolute; top: 0; left: 0; opacity: 0.3; }
.footer .container .b .f-link h4 { font-size: 16px; color: #333; font-weight: bold; letter-spacing:3px; }
.footer .container .b .f-link > span { display: block; width: 30px; height: 1px; background: #333; margin: 20px 0; }
.footer .container .b .f-link .contact-con .contact-l { /*float: left; width: 45%;*/height:110px;overflow: hidden; }
.footer .container .b .f-link .contact-con .contact-l p { font-size: 14px; color: #666; margin: 10px 0; }
.footer .container .b .f-link .contact-con .contact-r { /*float: left; width: 55%;*/ }
.footer .container .b .f-link .contact-con .contact-r p { float: left; /*width: 33.33%;*/width: 20%; text-align: center; }

.footer .container .b .f-contact { float: left; width: 53%; padding-left: 5%; position: relative; }

.footer .container .b .f-contact .line { width: 1px; height: 100%; background: #666; position: absolute; top: 0; left: 0; opacity: 0.3; }
/*7月19日修改，调整首页底部标题文字加粗，并调整间距*/
.footer .container .b .f-contact h4 { font-size: 16px; color: #333; font-weight: bold; letter-spacing:3px; }

.footer .container .b .f-contact > span { display: block; width: 30px; height: 1px; background: #333; margin: 20px 0; }
/*8月19日修改，调整首页底部二维码位置，height由130px改为110px*/
.footer .container .b .f-contact .contact-con .contact-l { /*float: left; width: 45%;*/height:110px;overflow: hidden; }
/*7月19日修改，调整首页底部联系我们的高度*/
.footer .container .b .f-contact .contact-con .contact-l p { font-size: 14px; color: #666; margin: 10px 0; }
/*7月19日修改，调整首页底部二维码位置*/
.footer .container .b .f-contact .contact-con .contact-r { /*float: left; width: 55%;*/ }
/*7月19日修改，调整首页底部二维码大小*/
.footer .container .b .f-contact .contact-con .contact-r p { float: left; /*width: 33.33%;*/width: 20%; text-align: center; }
/*7月20日修改，去掉首页底部二维码白色背景*/
.footer .container .b .f-contact .contact-con .contact-r p img { display: block; max-width: 100%; /*padding: 10px;*/ margin: 0 auto; /*background: #fff;*/ -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
/*7月19日修改，调整首页底部二维码位置*/
.footer .container .b .f-contact .contact-con .contact-r p span { display: inline-block; font-size: 14px; color: #333; /*margin-top: 10px;*/margin-top: 4px;margin-bottom: 9px; }
/*7月19日修改，增加首页底部二维码大小*/
.footer .container .b .f-contact .contact-con .contact-r p img { width: 110px; }

.copyright { padding: 20px; text-align: center; }

.copyright .text { font-size: 14px; color: #333; }
.copyright .text a:hover{
  color: #b71254;
}
/*8月19日修改，padding 由60px改为50px*/
@media screen and (max-width: 1366px) { .footer .container { padding: 0 50px; }
  .footer .container .t { padding: 60px 0 30px; }
  .footer .container .t .f-logo { width: 150px; }
  .footer .container .t .f-nav ul { margin-top: 14px; }
  /*7月20日修改，左改右（低分辨率电脑和手机端）*/
  .footer .container .t .f-nav ul li { margin-right: 40px; }
  .footer .container .b { padding: 50px 0; }
  /*7月20日修改，调整首页底部二维码大小（低分辨率电脑和手机端）*/
  .footer .container .b .f-contact .contact-con .contact-r p img { width: 70px; } }

@media screen and (max-width: 960px) { .footer .container .b .f-link { float: none; width: 100%; }
  .footer .container .b .f-contact { float: none; width: 100%; padding-left: inherit; margin-top: 20px; }
  .footer .container .b .f-contact .line { display: none; } }

@media screen and (max-width: 768px) { 
  .footer .container { padding: 0 20px; }
  .footer .container .t { padding: 30px 0 30px; }
  .footer .container .t .f-logo { width: 110px; }
  .footer .container .t .f-nav ul { margin-top: 4px; }
  .footer .container .t .f-nav ul li a { font-size: 14px; }
  .footer .container .b { padding: 20px 0; }
  .footer .container .b .f-link > span { margin: 10px 0; }
  .footer .container .b .f-contact > span { margin: 10px 0; } 
  /*8月19日，新增首页底部二维码位置，height90px（手机端）*/
  .footer .container .b .f-contact .contact-con .contact-l { height:90px; }
}

@media screen and (max-width: 480px) { .footer .container .t { padding: 30px 0 10px; }
  .footer .container .t .f-logo { float: none; }
  .footer .container .t .f-nav { float: none; }
  .footer .container .t .f-nav span { margin-left: 10px; }
  .footer .container .t .f-nav ul { margin-top: 10px; }
  .footer .container .t .f-nav ul li { margin: 0 20px 0 0; }
  .footer .container .b .f-link .link-con .link-l { float: none; width: 100%; }
  .footer .container .b .f-link .link-con .link-l ul { overflow: hidden; }
  .footer .container .b .f-link .link-con .link-l ul li { width: auto; margin: 4px 10px 4px 0; }
  .footer .container .b .f-link .link-con .link-r { float: none; width: 100%; margin-left: inherit; margin-top: 20px; }
  .footer .container .b .f-contact .contact-con .contact-l { float: none; width: 100%; }
  .footer .container .b .f-contact .contact-con .contact-r { float: none; width: 100%; margin-top: 20px; } 
  /*7月19日修改，调整首页底部二维码位置（手机端）*/
  .footer .container .b .f-contact .contact-con .contact-r p { float: left; /*width: 33.33%;*/width: 33.33%; text-align: center; }
  }

.b-tit { width: 100%; background: #f2f2f2; }

.b-tit ul.li6 { width: 100%; margin: 0 auto; }

.b-tit ul.li6 li { width: 16.66%; }

.b-tit ul.li5 { width: 100%; margin: 0 auto; }

.b-tit ul.li4 { max-width: 1008px; margin: 0 auto; }

.b-tit ul.li4 li { width: 25%; }

.b-tit ul.li3 { max-width: 757px; margin: 0 auto; }

.b-tit ul.li3 li { width: 33.33%; }

.b-tit ul.li2 { max-width: 504px; margin: 0 auto; }

.b-tit ul.li2 li { width: 50%; }

.b-tit ul.li1 { max-width: 252px; margin: 0 auto; }

.b-tit ul.li1 li { width: 100%; }

.b-tit ul li { display: block; float: left; width: 20%; padding: 5px 0; text-align: center; }

.b-tit ul li:last-child a { border-right: 1px solid #ccc; }

.b-tit ul li.on { background: #b71254; }

.b-tit ul li.on a { color: #fff; border: none; }

.b-tit ul li:hover { background: #b71254; }

.b-tit ul li:hover a { color: #fff; border: none; }

.b-tit ul li a { display: block; font-size: 16px; color: #333; padding: 20px 0; border-left: 1px solid #ccc; }

@media screen and (max-width: 960px) { .b-tit ul li a { padding: 10px 0; } }

@media screen and (max-width: 768px) { .b-tit ul li a { font-size: 14px; } }

.crumbs { padding: 20px 0; margin-top: 20px; background: #fff; position: relative; }

.crumbs ul li { display: inline-block; }

.crumbs ul li.on a { color: #b71254; }

.crumbs ul li a { font-size: 14px; color: #333; }

@media screen and (max-width: 960px) { .crumbs { padding: 10px 10px; margin-top: 10px; } }

.subTit { text-align: center; margin-top: 40px; margin-bottom: 60px; }

.subTit h2 { font-size: 34px; color: #333; font-weight: normal; letter-spacing: 10px; }

.subTit .titEn { font-size: 28px; color: #ccc; opacity: 0.3; margin-top: -30px; letter-spacing: 6px; }

@media screen and (max-width: 960px) { .subTit { margin-top: 20px; margin-bottom: 40px; }
  .subTit h2 { font-size: 26px; }
  .subTit .titEn { font-size: 24px; } }

.page-number { width: 100%; margin: 40px 0 80px; }

.page-number .page-con { max-width: 480px; margin: 0 auto; padding: 0 50px; line-height: 50px; position: relative; }

.page-number .page-con .page-prev { position: absolute; top: 0; left: 0; }

.page-number .page-con .page-prev a { display: block; width: 50px; height: 50px; background: url("../images/page-prev.png") no-repeat center; -moz-background-size: 100%; background-size: 100%; }

.page-number .page-con .page-prev a:hover { background: url("../images/page-prev-on.png") no-repeat center; }

.page-number .page-con .page-next { position: absolute; top: 0; right: 0; }

.page-number .page-con .page-next a { display: block; width: 50px; height: 50px; background: url("../images/page-next.png") no-repeat center; -moz-background-size: 100%; background-size: 100%; }

.page-number .page-con .page-next a:hover { background: url("../images/page-next-on.png") no-repeat center; }

.page-number .page-con ul { width: 100%; text-align: center; }

.page-number .page-con ul li { display: inline-block; }

.page-number .page-con ul li:hover a { color: #b71254; }

.page-number .page-con ul li a { padding: 10px; }

@media screen and (max-width: 768px) { .page-number .page-con { line-height: 30px; padding: 0 30px; }
  .page-number .page-con .page-prev a { width: 30px; height: 30px; }
  .page-number .page-con .page-next a { width: 30px; height: 30px; } }

@media screen and (max-width: 480px) { .page-number .page-con ul li a { padding: 4px; } }
