@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{padding:0;margin:0}fieldset,a img{border:0}address,caption,cite,code,dfn,em,th,var{font-weight:normal;font-style:normal}ol,ul{list-style:none}caption,th{text-align:left}q:before,q:after{content:''}abbr,acronym{border:0}
html{font-size:14px;}
body{font-size:1rem;line-height:1.8;font-family:"\5FAE\8F6F\96C5\9ED1",Verdana,Tahoma,Geneva,sans-serif;text-align:left;margin:0;padding:0;color:#444;background:#f7f7f7;}hr{color:#e3e3e3;height:1px;border:0px;border-top:1px solid #e3e3e3;margin:0px;padding:0px;overflow:hidden}.font-yh{font-family:"\5FAE\8F6F\96C5\9ED1",Verdana, Geneva, sans-serif;}.font-vd{font-family:Verdana, Geneva, sans-serif;}.lineb{display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;vertical-align:top;}a{text-decoration:none;color:#666666}a:hover{color:#e7a279}.fl{float:left;display:inline}.fr{float:right;display:inline}.clear{clear:both;font-size:0px;line-height:0;height:0}.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}* html .clearfix{zoom:1}*:first-child+html .clearfix{zoom:1}.bka{display:block}.cell,.cell2,.cell3{border-collapse:collapse;border-spacing:0}.time{float:right}.none{background:none}.sub{display:none;}
img{max-width:100%;}
a:hover{text-decoration:none;}
ul,li{list-style: none;}
* {
	box-sizing:border-box;
    -moz-box-sizing:border-box;
	-webkit-box-sizing: border-box;
}
.trans,
.cube {
    -webkit-transition: all .6s cubic-bezier(0.245, 0.145, 1.355, 1);
    -moz-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1);
    -o-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1);
    -ms-transition: all .6s cubic-bezier(0.445, 1.045, 0.355, 1);
    transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1);
}
.my_fr {
    float: right;
}
.my_fl {
    float: left;
}
.pol {
    position: relative;
}
.poa {
    position: absolute;
}
i , em {font-style: normal;}
.scale_img {
    overflow: hidden;
}
.scale_img img {
    transition: all 0.4s;
    display: block;
	margin: 0 auto; width: 100%;
}
.swiper-slide img {
	margin: 0 auto;
}
.scale_img img:hover{transform: scale(1.1);}
.page {
    height: 36px;
    text-align: center;
    font-size: 14px;
    margin-top: 40px;
}

.page a {
    border: 1px solid #c3c3c3;
    background: #fff;
    height: 30px;
    line-height: 30px;
    padding: 0 16px;
    color: #746d64;
    display: inline-block;
    margin: 0 4px;
    vertical-align: bottom;
}

.page a:hover {
    border: 1px solid #db300e;
    background-color: #fff;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #db300e;
    padding: 0 16px;
}

.page strong {
    display: inline-block;
    border: 1px solid #db300e;
    background-color: #db300e;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    margin: 0 4px;
    padding: 0 16px;
}

.article img, .single_C img , .article iframe {
    max-width: 100%;
}
.text-center {
    text-align: center;
}
.text-right {
    text-align: right;
}
.red {color: red;}
.tag_C {
    display: none;
}
.wap_show {
    display: none;
}
.wap_menu {
	display: none;
}
/*=======================*/
.colorful-bar {
    width: 100%;
    height: 10px;
    background: #000;
    position: relative;
    display: flex;
    overflow: hidden;
  }
  .colorful-bar .bar {
    height: 100%;
    width: 25%;
    position: relative;
  }
  .colorful-bar .colorful-bar_blue::after,
  .colorful-bar .colorful-bar_green::after,
  .colorful-bar .colorful-bar_yellow::after {
    content: '';
    display: inline-block;
    position: absolute;
    height: 10px;
    width: 50px;
    z-index: 1;
    top: 0;
    right: -26px;
    transform: rotate(135deg);
  }
  .colorful-bar .colorful-bar_blue {
    background: #088BD4;
  }
  .colorful-bar .colorful-bar_blue::after {
    background: #088BD4;
  }
  .colorful-bar .colorful-bar_green {
    background: #0bbe63;
  }
  .colorful-bar .colorful-bar_green::after {
    background: #0bbe63;
  }
  .colorful-bar .colorful-bar_yellow {
    background: #FFCB48;
  }
  .colorful-bar .colorful-bar_yellow::after {
    background: #FFCB48;
  }
  .colorful-bar .colorful-bar_orange {
    background: #FF562E;
  }
  .banner {
      width: 100%;
  }
  .banner .swiper-pagination-bullets{
    bottom: 20px !important;
}
  .banner .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 100%;
    background: #fff;
    opacity: 1;
	margin: 0 5px;
}
.banner .swiper-pagination-bullet {
    background: none;
    border: 1px solid #fff;
}
.banner .swiper-pagination-bullet-active {
	background: #fff;
}
.wmain {
    width: 1055px;
    margin: 0 auto;
}
.I_main1 {
    padding: 20px 0 30px 0;
}
.I_T {
    border-bottom: 3px solid #0781cd;
    height: 88px;
}
.I_T h4::before  , .I_T h4::after  {
    position: absolute;
    content: "";
    width: 20px;
    height: 10px;
    bottom: 0;
    background-size: 100% 100%;
}

.I_T h4 {
    position: relative;
    display: inline-block;
    min-width: 140px;
    font-size: 30px;
    line-height: 88px;
    font-weight: bold;
    margin-left: 18px;
    color: #000;
    background-size: 100% 10px;
    background-position: center bottom;
}
.article .I_T h4 , .article .I_T{
    line-height: 30px;
    height: 30px;
}
.I_T a.fr {
    color: #999;
    font-style: 14px;
    line-height: 88px;
}
.I_main1 .my_C {
    font-size: 16px;
    line-height: 28px;
    color: #666;
    padding-top: 30px;
}

.I_main2 .my_C ul  {
    float: left;
    margin-left: -20px;
}
.I_main2 .my_C ul li {
    float: left;
    width: 337px;
    margin: 40px 0 0 20px;
}
.I_main2 .my_C ul li .my_img img {
    width: 337px;
    height: 219px;
}
.I_main2 .my_C ul li .my_word {
    background: #e4f4fa;
    height: 118px;
    padding: 10px 18px;
}
.I_main2 .my_C ul li a .my_word h4 {
    font-size: 18px;
    font-weight: 400;
    color: #000000;
    line-height: 24px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    height: 50px;
    margin-bottom: 30px;
}
.I_main2 .my_C ul li a .my_word p.date {
    font-size: 12px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.4);
    line-height: 14px;
}
.I_main3 {
    margin-top: 30px;
}
.I_main3 .my_C {
    box-sizing: border-box;
    width: 1063px;
    margin: 30px auto 0 auto;

  }

  .top-box {
    height: 454px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
  }

  .left-big {
    height: 100%;
    width: 703px;
  }

  .right-box {
    height: 100%;
    width: 340px;
  }

  .left-big .img-box {
    width: 100%;
    height: 100%;
  }

  .left-big .img-box .font-box {
    font-size: 24px;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 33px;
  }

  .right-box .img-box {
    width: 100%;
    height: 220px;
  }

  .right-box .img-box:first-child {
    margin-bottom: 14px;
  }

  .bottom-box {
    margin-top: 14px;
    height: 221px;
    display: flex;
    justify-content: space-between;
  }

  .bottom-box .img-box {
    width: 341px;
    height: 100%;
  }

  .img-box {
    position: relative;
    overflow: hidden;
    display: block;
  }

  .img-box:hover .box-bg-img {
    transform: scale(1.1);
  }

  .img-box:hover .font-box {
    opacity: 1;
  }

  .img-box .box-bg-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .5s;
  }

  .img-box .font-box {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    padding: 10px 20px;
    opacity: .9;
    display: flex;
    align-items: flex-end;
  }

  .img-box .font-box label {
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 25px;
    font-size: 18px;
    font-weight: 600;
    color: #FFFFFF;
  }
  .I_main4 {
      margin-top: 30px;
  }
  .I_main4 .my_C  {
      margin-left: -38px;
  }
  .I_main4 .my_C .item {
    float: left;
    margin-left: 38px;
    margin-top: 30px;
  }
  .I_main4 .my_C .item img {
    width: 180px;
    height: 108px;
    object-fit: contain;
}
.footer {
    position: relative;
    width: 100%;
    height: 298px;
    overflow: hidden;
    background: url(../images/copyright-bg.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    margin-top: 40px;
}
.footer .content {
    width: 1240px;
    position: relative;
    padding-top: 28px;
    margin: 0 auto;
}
.footer  .content .copyright-info {
    margin-top: 20px;
    font-size: 16px;
    color: #f1f9ff;
    text-align: center;
    line-height: 36px;
}
a.top_btn_box {
    text-decoration: none;
    position: fixed;
    bottom: 160px;
    right: 0;
    min-width: 100px;
    line-height: 60px;
    padding: 0 12px;
    border: none;
    z-index: 9999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    background: #0074be;
    text-align: center;
}
.top_btn_box img {
    transform: rotate(90deg);
    height: 18px;
    width: 36px;
}
.news_list {
    margin-top: 10px;
}
.news_list ul li {
	border-bottom:1px solid #ceccc6;
	padding:40px 0;
}
.news_list ul li .my_date {
	width:100px;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #606060;
	text-align: center;
	float: left;
	margin-left: 25px;
}
.news_list ul li .my_date  h4 {
	font-size: 48px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 50px;
	letter-spacing: 0px;
	color: #332c2b;
}
.news_list ul li .my_img {
	width:242px;
	float: left;
} 
.news_list ul li .my_img img {
    width:242px;
    height: 159px;
	display: block;
}
.news_list ul li .my_word {
	width:774px;
	float: right;
}
.news_list ul li .my_word  h4 a {
	font-size: 24px;
	font-stretch: normal;
	line-height: 27px;
	color: #000;
	padding-bottom:10px;
}
.news_list ul li .my_word p {
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 28px;
	color: #888;
	margin-top: 10px;
    height: 90px;
}
.news_list ul li .my_word p.date {
	font-size: 13px;
    color: #999;
    height: auto;

}
.news_list ul li .my_word a.my_more:hover {
	background: #9fdfdf;
	color: #fff;
}
.article {
    padding: 50px 0;
}
.article h1 {
    font-size: 30px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 40px;
	color: #000;
}
.article .info {
    font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 25px;
	color: #aaa;
    padding: 20px 0;
}
.article .my_C {
    font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 28px;
	color: #000;
    padding: 30px 0;
    min-height: 300px;
}
.news_main {
    padding: 40px 0 20px 0;
}