@charset "utf-8";
/* CSS Document */




/*-----------CSS Reset-----------*/
.clearfloat{clear:both;height:0;font-size: 1px;line-height: 0px;}
::selection {
	color:#fff;
    background-color: #36aaf4;
}

::-moz-selection {
	color:#fff;
    background-color: #36aaf4;
}

::-webkit-selection {
	color:#fff;
    background-color: #36aaf4;
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #E2E2E2;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #555;
}

* {
    padding: 0;
    margin: 0;
}

body {
    font: 14px/1.231 "微软雅黑", 'Microsoft YaHei', arial, helvetica, clean, sans-serif;
    color: #333;
    margin: 0;
    line-height: 1.5;
}

:focus {
    outline: 1;
}

article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
    display: block;
}

a {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}

mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

del {
    text-decoration: line-through;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}

input,
select {
    vertical-align: middle;
}


li,
ul {
    list-style-type: none;
}

img {
    border: none;
}

a {
    color: #333;
    text-decoration: none;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

a:link,
a:hover,
a:active,
a:visited {
    text-decoration: none;
}

input,
textarea {
    outline: 0;
    border: 0;
}

textarea {
    resize: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
dl,
dd,
dt,
i,
em {
    font-weight: normal;
    font-style: normal;
}





/* flexslider */
.flexslider{position:relative;height:841px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:841px;}
.slides li a{ width:100%; height:841px; display:block;}
.flex-control-nav{position:absolute;bottom:30px;z-index:999;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:50%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}



.jianjiebg{ width:100%; background:url(../images/jianjiebg.jpg) center no-repeat; height:940px; padding-top:80px;}
.jianjiebg .jjt{ width:1436px; margin:0 auto; background:url(../images/jjtbg.png) center no-repeat; text-align:center; height: 70px;
padding-top: 80px;}
.jianjiebg .jjt a{ font-size:39px;}

.jjfenlei{width:1436px; margin:0 auto; height:236px;}
.jjfenlei ul li{   float: left;
  height: 249px;
  text-align: center;
  padding-top: 31px;
  width: 350px;
}
.jjfenlei ul li h3{ font-size:24px;}
.jjfenlei ul li span{ font-size:14px; text-transform:uppercase; color:#818181;}
.jjfenlei ul li.jj1 img:hover{ background:url(../images/jj1hover.png) no-repeat; }
.jjfenlei ul li.jj2 img:hover{ background:url(../images/jj2hover.png) no-repeat;}

.jjfenlei ul li.jj3 img:hover{ background:url(../images/jj3hover.png) no-repeat; }
.jjfenlei ul li.jj4 img:hover{ background:url(../images/jj4hover.png) no-repeat;}

.jjfenlei ul li:hover a{ font-size:30px;}


.jianjie{ width:1436px; margin:0 auto;}

.jianjie .jjpic{ float:left; background:url(../images/jianjiepicbg.png) no-repeat; width:626px; height:487px;padding: 28px 0px 0px 38px;}

.jianjie .jjpic img{ width:584px; height:336px;}


.jianjie .jjneirong{ width:747px; float:right; line-height:41px; text-align:right;  }
.jjneirong .jj1{ float:left;height:322px;overflow:hidden; padding:20px 0px;}

.jjneirong .jjmore{ float:right; width:232px; height:45px; background:#0063b6; border-radius:20px; text-align:center;}
.jjneirong .jjmore a{ font-size:18px; color:#FFF;}

.anlibg{ width:100%; background:url(../images/anlibgbg.jpg) center top no-repeat; height:650px; padding-top:67px;}
.anlibg .ant{ width:1436px; margin:0 auto; height: 102px; text-align:center; color:#FFF;}
.anlibg .ant h3 a{ font-size:45px; font-weight:bold;color:#FFF;}
.anlibg .ant h3{font-size:20px;}

.anlibg .anli{ width:1436px; margin:0 auto; /*! height:813px; */} 
.anli .altitle{ float:left; margin-bottom:30px;}
.altitle ul li{ float:left;  /*! width:170px; */ height:36px; background:#0063b6; text-align:center; line-height:36px; margin:0 20px; border-radius:20px;padding: 5px 30px;}
.altitle ul li a{ font-size:18px; color:#FFF;}
.altitle ul li:hover a{ font-size:25px;  display:block;border-radius:30px;}

.anlineirong{ float:left;}
.anlineirong ul li{ background:#f3f3f3; float:left; padding:5px; width:255px; height:420px; margin:10px 10px;}
.anlineirong ul li h3{ float:left;}
.anlineirong ul li h3 img{ width:256px; height:222px;/*! object-fit: contain; */} 
.anlineirong ul li h4{ float:left;width:100%; text-align:center;height:50px; overflow:hidden;/*! font-size: 5rem; */}
.anlineirong ul li h4 a{ font-size:0.25rem; height:50px; line-height:50px;}
.anlineirong ul li h5{width:293px;font-size:16px; line-height:27px; overflow:hidden; height:84px; padding:0px 15px; color:#868686;}
.anlineirong ul li h6{ margin:0 auto; width:33px; height:33px; margin:0 auto;}

.anlineirong ul li:hover{ background:#0063b6; color:#FFF;}
.anlineirong ul li:hover a{color:#FFF;}
.anlineirong ul li:hover h5{color:#FFF;}



.zhizao{ width:1436px; margin:0 auto;height: 530px;}

.zhizao .zztitle{ width:1436px; margin:0 auto; height: 127px; text-align:center;}
.zhizao .zztitle h3 a{ font-size:45px; font-weight:bold;}
.zhizao .zztitle h3{font-size:20px;}
.zhizao .zzneirong{ float:left;}
.zzneirong ul li{ float:left;width:329px; margin: 10px 12px; text-align:center;}
.zzneirong ul li img{ width:329px; height:298px; padding:5px; background:#f3f3f3;object-fit: cover;}
.zzneirong ul li a{ font-size:18px;}
.zzneirong ul li:hover{ background:#0063b6;}
.zzneirong ul li:hover a{ color:#FFF;} 

.youshibg{ background:url(../images/youshibg.jpg) center no-repeat; height:945px; width:100%;}
.youshibg .youshi{height:945px; width:1436px; margin:0 auto; position:relative;}
.youshi .ys1{position: absolute;
width: 245px;
text-align: center;
left: 387px;
top: 165px;}
.ys1t{ font-size:31px; color:#FFF; font-weight:bold;}
.ys1neirong{ font-size:16px; color:#888b91;}



.youshi .ys2{position: absolute;
width: 245px;
text-align: center;
left: 206px;
top: 447px;}


.youshi .ys3{position: absolute;
width: 245px;
text-align: center;
left: 387px;
top: 740px;}

.youshi .ys4{position: absolute;
width: 245px;
text-align: center;
left: 799px;
top: 163px;}
.youshi .ys5{position: absolute;
width: 245px;
text-align: center;
left: 997px;
top: 458px;}


.youshi .ys6{position: absolute;
width: 245px;
text-align: center;
left: 792px;
top: 747px;}

.youshi .ys7{ width:248px; height:205px; text-align:center; position:absolute; left:586px; top:386px;}
.ys7 h3{ font-size:31px; color:#FFF; font-weight:bold;}
.ys7 h4{ color:#76afe5; font-size:20px;}
.ys7 h5{ width:145px; background:#FFF; height:31px; background:url(../images/yszx.jpg) #fff 13px center no-repeat; text-align:center;border-radius: 20px;margin: 20px 0px 0px 51px;}
.ys7 h5 a{ font-size:16px; color:#0063b6;}



.news {
  background: url(../images/newsBg.jpg) no-repeat center;
  background-size: cover;
  padding-top: 0.65rem;
  padding-bottom: 0.8rem;
}
.news .newsTitle {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.news .newsTitle .title em {
  margin: 0.3rem 0 0;
}
.news .newsTitle .newsTitleR ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  height: 100%;
  align-items: center;
}
.news .newsTitle .newsTitleR ul li {
  width: 1.46rem;
  height: 0.5rem;
  line-height: 0.5rem;
  font-size: 0.16rem;
  color: #fff;
  text-align: center;
  display: block;
  background: #0063b6;
  border-radius: 0.05rem;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  margin-left: 0.4rem;
}
.news .newsTitle .newsTitleR ul li a {
  color: #fff;
  font-size: 0.16rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.news .newsTitle .newsTitleR ul li:hover {
  background: #333;
}
.news .newsTitle .newsTitleR ul li.on {
  background: #333;
}
.news .newsBox {
  margin-top: 0.4rem !important;
}
.news .newsBox .newsList .newsListTop {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.news .newsBox .newsList .newsListTop .newsL {
  flex: 0 0 47.75%;
  justify-content: center;
  float: left;
  width: 47.75%;
}
.news .newsBox .newsList .newsListTop .newsL ul li {
  margin-bottom: 0.16rem;
}
.news .newsBox .newsList .newsListTop .newsL ul li .newsLBox {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}
.news .newsBox .newsList .newsListTop .newsL ul li .newsLBox .newsLImg {
  flex: 0 0 32%;
  justify-content: center;
  float: left;
  width: 32%;
}
.news .newsBox .newsList .newsListTop .newsL ul li .newsLBox .newsLImg a {
  position: relative;
  display: block;
  padding: 34% 0;
  overflow: hidden;
}
.news .newsBox .newsList .newsListTop .newsL ul li .newsLBox .newsLImg a img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  object-fit: cover;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.news .newsBox .newsList .newsListTop .newsL ul li .newsLBox .newsLImg a::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
  content: '';
  transition: transform 0.6s;
  transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -130%, 0);
}
.news .newsBox .newsList .newsListTop .newsL ul li .newsLBox .newsLText {
  flex: 0 0 65.4%;
  justify-content: center;
  float: left;
  width: 65.4%;
}
.news .newsBox .newsList .newsListTop .newsL ul li .newsLBox .newsLText .newsLTextMore {
  display: block;
  font-size: 0.18rem;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1;
  margin-top: 5px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.news .newsBox .newsList .newsListTop .newsL ul li .newsLBox .newsLText p {
  font-size: 0.14rem;
  line-height: 0.26rem;
  color: #666666;
  padding-top: 0.28rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.news .newsBox .newsList .newsListTop .newsL ul li .newsLBox .newsLText .newsLTime {
  background: url(../images/news_more.png) no-repeat center right;
  line-height: 4;
  font-size: 0.14rem;
  color: #666666;
  width: 100%;
  display: block;
  border-bottom: 1px solid #e4e4e4;
}
.news .newsBox .newsList .newsListTop .newsL ul li .newsLBox:hover .newsLImg a img {
  transform: scale(1.1);
}
.news .newsBox .newsList .newsListTop .newsL ul li .newsLBox:hover .newsLImg a::after {
  transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 130%, 0);
}
.news .newsBox .newsList .newsListTop .newsL ul li .newsLBox:hover .newsLText .newsLTextMore {
  color: #0063b6;
}
.news .newsBox .newsList .newsListTop .newsR {
  flex: 0 0 47.75%;
  justify-content: center;
  float: left;
  width: 47.75%;
}
.news .newsBox .newsList .newsListTop .newsR ul li {
  border-bottom: 1px dashed #ccc;
  margin-bottom: 0.2rem;
}
.news .newsBox .newsList .newsListTop .newsR ul li .newsRList {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.news .newsBox .newsList .newsListTop .newsR ul li .newsRList .newsRL {
  flex: 0 0 82%;
  justify-content: center;
  float: left;
  width: 82%;
}
.news .newsBox .newsList .newsListTop .newsR ul li .newsRList .newsRL a {
  font-size: 0.18rem;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  width: 100%;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.news .newsBox .newsList .newsListTop .newsR ul li .newsRList .newsRL p {
  margin: 0.3rem 0;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  line-height: 1;
  font-size: 0.14rem;
  color: #999;
}
.news .newsBox .newsList .newsListTop .newsR ul li .newsRList .newsRR {
  flex: 0 0 15%;
  justify-content: center;
  float: left;
  width: 15%;
  text-align: right;
  font-size: 0.16rem;
  line-height: 0.27rem;
  color: #999999;
  background: url(../images/news_err2.png) no-repeat right 70%;
}
.news .newsBox .newsList .newsListTop .newsR ul li .newsRList:hover {
  transform: translateY(-5px);
}
.news .newsBox .newsList .newsListTop .newsR ul li .newsRList:hover .newsRL a {
  color: #0063b6;
}
.news .newsBox .newsList .newsListBottom {
  width: 100%;
}
.news .newsBox .newsList .newsListBottom ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.news .newsBox .newsList .newsListBottom ul li {
  flex: 0 0 47.75%;
  justify-content: center;
  float: left;
  width: 47.75%;
  border-bottom: 1px dashed #ccc;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.news .newsBox .newsList .newsListBottom ul li a {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0.18rem 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.news .newsBox .newsList .newsListBottom ul li a span {
  flex: 0 0 82%;
  justify-content: center;
  float: left;
  width: 82%;
  font-size: 0.16rem;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.news .newsBox .newsList .newsListBottom ul li a span i {
  width: 0.2rem;
  height: 3px;
  background: #a9a9a9;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.1rem;
}
.news .newsBox .newsList .newsListBottom ul li a em {
  flex: 0 0 18%;
  justify-content: center;
  float: left;
  width: 18%;
  text-align: right;
  font-size: 0.16rem;
  line-height: 0.27rem;
  color: #999999;
}
.news .newsBox .newsList .newsListBottom ul li:hover {
  transform: translateY(-5px);
}
.news .newsBox .newsList .newsListBottom ul li:hover a span {
  color: #0063b6;
}

.title h3 {
  display: block;
  text-align: center;
}
.title h3 a {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-end;
}
.title h3 a i {
  font-size: 0.32rem;
  line-height: 1;
  font-weight: bold;
  text-transform: uppercase;
}
.title h3 a span {
  padding-left: 0.1rem;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 0.24rem;
  line-height: 1;
  text-transform: uppercase;
}
.title em {
  display: block;
  width: 0.42rem;
  height: 3px;
  background: #0063b6;
  margin: 0.3rem auto 0;
}