@charset "gb2312";
body {
  font-size: 16px;
}

.wbox {
  width: 100%;
}

.mbox {
  width: 1200px;
  margin: 0 auto;
}

a:hover {
  color: #0082D0;
}

.top {
  width: 100%;
  height: 10px;
  line-height: 10px;
  background: #CCCCCC;
}

.header {
  height: 99px;
  display: flex;
  flex-wrap: nowrap;
  margin-top: 10px;
  align-items: center;
}
.header .logo {
  height: 99px;
  border-right: 1px solid #dddddd;
}
.header .logo img {
  width: 267px;
  height: 99px;
  object-fit: cover;
  margin-right: 10px;
}
.header .logo-txt {
  width: 530px;
  margin-left: 10px;
  height: 99px;
  display: flex;
  align-items: center;
  line-height: 180%;
  font-family: '楷体';
  font-size: 18px;
}
.header .qrcode {
  height: 100%;
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
}
.header .qrcode span {
  margin-right: 7px;
}
.header .qrcode span img {
  width: 99px;
  height: 99px;
  object-fit: cover;
}
.header .qrcode p {
  width: 10px;
  line-height: 100%;
}
.header .tel {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 20px;
}
.header .tel strong {
  font-size: 18px;
  color: #000;
  margin-bottom: 10px;
}
.header .tel span {
  font-size: 18px;
  line-height: 130%;
}

.nav {
  height: 50px;
  line-height: 50px;
  background: #0082D0;
}
.nav ul {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.nav ul li {
  font-size: 16px;
  width: 8.3%;
  text-align: center;
}
.nav ul li.active a {
  background: #DA1010;
}
.nav ul li a {
  height: 50px;
  color: #ffffff;
  display: block;
}
.nav ul li a:hover {
  background: #DA1010;
}

a.cur:link{color: #ffffff;text-decoration:none;display: block; width:100%; background-color:#DA1010;_display:inline-block;_width:100%;}
a.cur:visited{color: #ffffff;text-decoration:none;display: block; width:100%; background-color:#DA1010;_display:inline-block;_width:100%;}
a.cur:hover{color: #ffffff;text-decoration:none;display: block; width:100%; background-color:#DA1010;_display:inline-block;_width:100%;}
a.cur:active{color: #ffffff;text-decoration:none;display: block; width:100%; background-color:#DA1010;_display:inline-block;_width:100%;}

/* 百度分享代码 */
.baidushare{/*position:absolute; margin:45px 0px 0px 50px;*/ width:375px; height:30px; margin:10px auto;}

.banner .swiper-slide {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
}

.search {
  height: 50px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.search .left {
  width: 820px;
  display: flex;
  flex-wrap: nowrap;
}
.search .left .icon-1 {
  width: 25px;
}
.search .left .hot-word {
  flex: 1;
  margin-left: 10px;
  display: flex;
  flex-wrap: nowrap;
}
.search .left .hot-word p {
  color: #ff0000;
}
.search .left .hot-word ul {
  display: flex;
  flex-wrap: nowrap;
}
.search .left .hot-word ul li {
  margin-left: 10px;
}
.search .right {
  width: 330px;
}
.search .right ul {
  display: flex;
  flex-wrap: nowrap;
}
.search .right ul .txt {
  width: 280px;
}
.search .right ul .txt input {
  width: 100%;
  height: 30px;
  line-height: 30px;
  text-indent: 5px;
  border: 2px solid #0082D0;
}
.search .right ul .btn input {
  width: 50px;
  height: 30px;
  line-height: 30px;
  background: #0082D0;
  color: #ffffff;
  border: none;
  cursor: pointer;
}

.about {
  height: 220px;
  background: #0082D0;
  border-top: 10px solid #ff0000;
}
.about .cont {
  display: flex;
  flex-wrap: nowrap;
}
.about .cont .about-empty {
  width: 280px;
}
.about .cont .about-box {
  flex: 1;
  padding: 15px;
}
.about .cont .about-box h3 {
  display: inline-block;
  color: #ffffff;
  font-size: 26px;
  margin-bottom: 15px;
  position: relative;
  margin-left: 60px;
}
.about .cont .about-box h3:before, .about .cont .about-box h3:after {
  content: '';
  width: 40px;
  height: 1px;
  background: #ffffff;
  position: absolute;
  top: 50%;
}
.about .cont .about-box h3:before {
  left: -50px;
}
.about .cont .about-box h3:after {
  right: -50px;
}
.about .cont .about-box h3 span {
  font-weight: normal;
}
.about .cont .about-box .desc {
  line-height: 180%;
  text-indent: 20px;
  color: #ffffff;
  font-size: 16px;
}

.pro-new {
  display: flex;
  flex-wrap: nowrap;
}
.pro-new .left {
  width: 280px;
  position: relative;
}
.pro-new .left .img {
  width: 100%;
  background: #ffffff;
  position: absolute;
  top: -180px;
  display: flex;
  justify-content: center;
  padding-top: 7px;
}
.pro-new .left .img img {
  width: 268px;
  height: 410px;
  object-fit: cover;
}
.pro-new .right {
  flex: 1;
  margin-left: 20px;
  margin-top: 15px;
}
.pro-new .right h3 {
  font-size: 18px;
  color: #000;
  font-weight: normal;
  position: relative;
  margin-bottom: 15px;
}
.pro-new .right h3:after {
  content: '';
  width: 90%;
  height: 1px;
  line-height: 1px;
  background: #dddddd;
  position: absolute;
  top: 50%;
  right: 0;
}

.pro-list {
  display: flex;
  flex-wrap: nowrap;
  /*background:#FFFFFF;*/
}
.pro-list dl {
  width: 200px;
  margin-right: 30px;
}
.pro-list dl:nth-of-type(4n) {
  margin-right: 0;
}
.pro-list dl dt {
  width: 200px;
  height: 135px;
  overflow: hidden;
  border: 1px solid #dddddd;
}
.pro-list dl dt img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pro-list dl dd {
  width: 100%;
  text-align: center;
  margin-top: 10px;
}

.product {
  width: 100%;
  background: #f1f1f1;
  padding-top: 10px;
}
.product .cont {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.product .cont .left {
  width: 260px;
}
.product .cont .left .cate-top {
  width: 100%;
  height: 100px;
  background: #004D91;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #ffffff;
}
.product .cont .left .cate-top h3 {
  font-size: 22px;
  margin-bottom: 10px;
}
.product .cont .left .cate-top span {
  font-size: 16px;
}
.product .cont .left .cate-box dl {
  margin-bottom: 20px;
}
.product .cont .left .cate-box dl dt {
  height: 50px;
  line-height: 50px;
  background: #E4E4E4 url("icon_2.jpg") no-repeat 240px center;
  padding: 0 10px;
  font-size: 16px;
}
.product .cont .left .cate-box dl dt a {
  display: block;
  color: #000;
}
.product .cont .left .cate-box dl dt a:hover {
  color: #0082D0;
}
.product .cont .left .cate-box dl dd {
  margin-top: 5px;
  padding: 0 10px;
  font-size: 15px;
}


.linkleft {
  width: 260px;
  /*min-height:1520px;
  max-height:2000px;*/
}
.linkleft .cate-top {
  width: 100%;
  height: 100px;
  background: #004D91;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #ffffff;
}
.linkleft .cate-top h3 {
  font-size: 22px;
  margin-bottom: 10px;
}
.linkleft .cate-top span {
  font-size: 16px;
}
.linkleft .cate-box {
  display: block;
  min-height:1420px;
}
.linkleft .cate-box dl {
  margin-bottom: 20px;
}
.linkleft .cate-box dl dt {
  height: 50px;
  line-height: 50px;
  background: #E4E4E4 url("icon_2.jpg") no-repeat 240px center;
  padding: 0 10px;
  font-size: 16px;
}
.linkleft .cate-box dl dt a {
  display: block;
  color: #000;
}
.linkleft .cate-box dl dt a:hover {
  color: #0082D0;
}
.linkleft .cate-box dl dd {
  margin-top: 5px;
  padding: 0 10px;
  font-size: 15px;
}



.product .cont .right {
  flex: 1;
  margin-left: 40px;
}
.product .cont .right .pro-list {
  margin-top: 20px;
  flex-wrap: wrap !important;
}
.product .cont .right .pro-list dl {
  margin-bottom: 20px;
}

.apply {
  background: #F7F5F6;
  padding-top: 20px;
  padding-bottom: 30px;
}
.apply .title {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  align-items: center;
}
.apply .title h3 {
  font-size: 26px;
  color: #0082D0;
}
.apply .title span {
  position: relative;
  margin-top: 5px;
}
.apply .title span:after {
  content: '';
  width: 100%;
  height: 5px;
  background: url("tt_bg_1.png");
  position: absolute;
  bottom: -5px;
  left: 0;
}
.apply .cont-item {
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
}
.apply .cont-item dl {
  width: 380px;
  margin-right: 30px;
  margin-bottom: 20px;
  /*margin-left:180px;*/
}
.apply .cont-item dl:nth-of-type(3n) {
  margin-right: 0;
}
.apply .cont-item dl dt {
  width: 380px;
  height: 250px;
  overflow: hidden;
  /*padding-left:180px;*/
}
.apply .cont-item dl dt img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.apply .cont-item dl dd {
  width: 100%;
  text-align: center;
  margin-top: 5px;
}

.news {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.news .n-title {
  position: relative;
  height: 35px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.news .n-title:after {
  content: '';
  width: 100%;
  height: 5px;
  background: url("tt_bg_1.png");
  position: absolute;
  bottom: -5px;
  left: 0;
}
.news .n-title h3 {
  font-weight: normal;
  color: #000;
  font-size: 18px;
}
.news .n-title p {
  width: 80px;
  height: 25px;
  line-height: 25px;
  border: 1px solid #dddddd;
  text-align: center;
  border-radius: 100px;
}
.news .n-title p a {
  display: block;
}
.news .left {
  width: 728px;
}
.news .left .news-list {
  margin-top: 20px;
}
.news .left .news-list dl {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px dashed #dddddd;
}
.news .left .news-list dl:last-child {
  border-bottom: none;
}
.news .left .news-list dl dt {
  width: 100px;
  height: 68px;
  overflow: hidden;
}
.news .left .news-list dl dt img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.news .left .news-list dl dd {
  flex: 1;
  margin-left: 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.news .left .news-list dl dd .tt a {
  color: #000;
  font-size: 16px;
  font-weight: bold;
  line-height:150%;
}
.news .left .news-list dl dd .tt a:hover {
  color: #0082D0;
}
.news .left .news-list dl dd .desc {
  color: #555555;
  line-height:150%;
}
.news .center {
  width: 1px;
  height: 480px;
  background: #dddddd;
  margin-top: 70px;
}
.news .right {
  width: 430px;
}
.news .right .news-list-2 {
  margin-top: 15px;
}
.news .right .news-list-2 dl {
  margin-bottom: 14px;
  padding-bottom: 14px;
  border-bottom: 1px solid #dddddd;
}
.news .right .news-list-2 dl:last-child {
  border-bottom: none;
}
.news .right .news-list-2 dl dt {
  background: url("icon_3.jpg") no-repeat left center;
  padding-left: 20px;
  margin-bottom: 5px;
}
.news .right .news-list-2 dl dt a {
  color: #000;
  font-size: 18px;
}
.news .right .news-list-2 dl dt a:hover {
  color: #0082D0;
}
.news .right .news-list-2 dl dd {
  text-indent: 20px;
  color: #555555;
  line-height: 150%;
}

.footer {
  min-height: 340px;
  background: #0082D0;
  padding-top: 30px;
  color: #ffffff;
}
.footer .cont {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.footer .cont .left {
  width: 620px;
}
.footer .cont .left ul li {
  margin-bottom: 10px;
}
.footer .cont .left ul li span {
  margin-left: 10px;
}
.footer .cont .left ul li a {
  color: #ffffff;
  /*margin-left: 10px;*/
}
.footer .cont .left ul li a:hover {
  text-decoration: underline;
}
.footer .cont .left ul li.img {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: center;
  margin-top: 20px;
}
.footer .cont .left ul li.img .img-1 {
  width: 80px;
  text-align: center;
}
.footer .cont .left ul li.img .img-1 img {
  width: 100%;
  object-fit: cover;
}
.footer .cont .left ul li.img .img-1 span {
  font-family: '宋体';
  color: #FFFFFF;
  flex-wrap: nowrap;
  margin:0;
  padding:0;
}
.footer .cont .left ul li.img .img-2 {
  display: flex;
  flex-wrap: nowrap;
}
.footer .cont .center {
  width: 1px;
  height: 335px;
  background: #59A1C7;
}
.footer .cont .right {
  width: 465px;
}
.footer .cont .right h3 {
  font-size: 30px;
  text-align: center;
  margin-bottom: 20px;
}
.footer .cont .right .message {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.footer .cont .right .message img {
  margin-top:20px;
  width:150px;
  height:40px;
}
.footer .cont .right .message li {
  width: 49%;
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
}
.footer .cont .right .message li label {
  margin-bottom: 10px;
}
.footer .cont .right .message li label span {
  color: #ff0000;
}
.footer .cont .right .message li input {
  width: 100%;
  height: 40px;
  line-height: 40px;
  background: #ffffff;
  border: none;
  border-radius: 100px;
  text-indent: 10px;
}
.footer .cont .right .message li.btn {
  margin-top: 10px;
  width: 100%;
}
.footer .cont .right .message li.btn input {
  background: #ED3C46;
  color: #ffffff;
  cursor: pointer;
}

.bread-crumb {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  height: 50px;
  align-items: center;
  position: relative;
}
.bread-crumb:after {
  content: '';
  width: 100%;
  height: 5px;
  background: url("tt_bg_1.png");
  position: absolute;
  left: 0;
  bottom: -5px;
}
.bread-crumb .left {
  width: 50%;
}
.bread-crumb .left h3 {
  font-weight: normal;
  font-size: 18px;
  color: #0082D0;
}
.bread-crumb .right {
  flex: 1;
  display: flex;
  flex-wrap: nowrap;
  justify-content: right;
  margin-right: 15px;
}
.bread-crumb .right p {
  width:100%;
  /*border:1px dashed #FF0000;*/
  text-align:right;
  color: #555555;
}

#mainpagebody{
  width:100%;
  line-height:200%;
}
a.y:link {  font-size: 16px; color: #555555; text-decoration: none}
a.y:visited {  font-size: 16px; color: #555555; text-decoration: none}
a.y:hover {  font-size: 16px; color: #0082D0; text-decoration: none}
a.y:active {  font-size: 16px; color: #555555; text-decoration: none}
a.y span{color: #FF0000;font-weight:bolder;}

a.y6:link {  font-size: 16px; color: #555555; text-decoration: none}
a.y6:visited {  font-size: 16px; color: #555555; text-decoration: none}
a.y6:hover {  font-size: 16px; color: #0082D0; text-decoration: none}
a.y6:active {  font-size: 16px; color: #555555; text-decoration: none}
a.y6 span{color: #FF0000;font-weight:bolder;}

a.scii:link{color:#FFFFFF; text-decoration:none;font-size:16px;}
a.scii:visited{color:#FFFFFF; text-decoration:none; font-size:16px;}
a.scii:hover{color:#FFEA00; text-decoration:none;font-size:16px;}
a.scii:active {color: #FFFFFF; text-decoration: none;font-size: 16px;}

.linkbutton{ border: #373946 1px solid; background-color: #00549D;padding-top:3px;padding-right:8px; padding-left:8px; padding-bottom:2px;border-radius: 20px; display: inline-block; white-space:nowrap; margin-top:10px;}
.linkpre{color:#555555;font-size:16px; font-weight:bold;color: #FF0000;/*#00549D;*/}
.linktext{font-size:16px;color: #555555;}

.text15x {
        font-size: 16px;
        color: #000000;
        line-height:180%;
}
.tstxt06 {
        font-size: 20px;
        font-weight: bolder;
        color: #FF0000;
        text-align:center;
        line-height:30px;
}
.tdborder{border-top: 1px dashed #000000;line-height:200%;}
.point{cursor:pointer;}

/*# sourceMappingURL=basic.css.map */
/* 2023.4.15 add  页面右下角返回顶部按钮样式 start */
#myTopBtn{bottom: 5px; right: 5px; position:fixed;z-index:500000;}

/* 以下是另一种模拟图片的样式 */
.go-top {
    display: none;
    opacity: 0.6;
    z-index: 999999;
    position: fixed;
    bottom: 13px;
    left: 90%;
    margin-left: 70px;
    border: 1px solid #a38a54;
    width: 38px;
    height: 38px;
    background-color: #eddec2;
    border-radius: 3px;
    cursor: pointer;
}

.go-top:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.go-top .arrow {
    position: absolute;
    left: 10px;
    top: -1px;
    width: 0;
    height: 0;
    border: 9px solid transparent;
    border-bottom-color: #cc3333;//设置一个没有高度 没有宽度 只有边框的元素，仅仅设置下边框颜色，其它边框都是透明，则可以实现一个向上的三角形
}

.go-top .stick {
    position: absolute;
    left: 15px;
    top: 15px;
    width: 8px;
    height: 14px;
    display: block;
    background-color: #cc3333;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

/* 2023.4.15 add  页面右下角返回顶部按钮样式 end */

/* 2023.4.15 add  页面右上角屏幕置底按钮样式 start */
#myDownBtn{top: 5px; right: 5px; position:fixed;z-index:500000;}

/* 以下是另一种模拟图片的样式 */
.go-down {
    display: inline;
    opacity: 0.6;
    z-index: 999999;
    position: fixed;
    top: 13px;
    left: 90%;
    margin-left: 70px;
    border: 1px solid #a38a54;
    width: 38px;
    height: 38px;
    background-color: #eddec2;
    border-radius: 3px;
    cursor: pointer;
}

.go-down:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.go-down .stick {
    position: absolute;
    left: 15px;
    top: 10px;
    width: 8px;
    height: 14px;
    display: block;
    background-color: #cc3333;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}
.go-down .arrow {
    position: absolute;
    left: 10px;
    top: 24px;
    width: 0;
    height: 0;
    border: 9px solid transparent;
    border-top-color: #cc3333;//设置一个没有高度 没有宽度 只有边框的元素，仅仅设置上边框颜色，其它边框都是透明，则可以实现一个向下的三角形
}

/* 2023.4.15 add  页面右上角屏幕置底按钮样式 end */
/*多行(兼容各个浏览器),通过覆盖最后几个字的形式*/
.detailtext{
position:relative;
line-height:1.4em;
height:4.2em;/* 3 倍line-height 多少倍就是多少行*/
overflow:hidden;
}
.detailtext::after {
content:"…";
font-weight:bold;
position:absolute;
bottom:0;
right:0;
padding:0 20px 1px 0px;/*控制后面省略号的位置*/
}

/*文本最多显示几行，其余用省略号...代替*/
/*用less代码实现*/
.t-ellipsis(@lines){
overflow:hidden;
text-overflow: ellipsis;
display: box;
display: -webkit-box;
-webkit-line-clamp: @lines;
/*! autoprefixer: off */
-webkit-box-orient: vertical;
/* autoprefixer: on */
}
/*对应的css代码*/
.detail-text{
width:100%;
font-size:16px;
overflow: hidden;
text-overflow: ellipsis;
display: box;
display: -webkit-box;
-webkit-line-clamp: 10;
/*! autoprefixer: off */
-webkit-box-orient: vertical;
/* autoprefixer: on */
}
.detail-text font{/*display:block;*/ width:100%; text-align:center;}
.detail-text img{/*display:table-cell; text-align:center;border:1px dashed #FF0000;*/}
.detail-text3{
.t-ellipsis(3);/*显示3行*/
}
.detail-text5{
.t-ellipsis(5);/*显示3行*/
}
/*注意：
-webkit-box-orient: vertical;这行样式上下需要加上上文中的注释，
否则用webpack后-webkit-box-orient样式会丢失 */