@charset "utf-8";
@font-face {
  font-family: 'PingFang-SC-Semibold';
  src: url('../fonts/PingFang-SC-Semibold.ttf');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'PingFang Bold';
  src: url('../fonts/PingFang Bold.ttf');
  font-weight: normal;
  font-style: normal;
}
@font-face{
  font-family: 'pingFangSC-Light';
  src: url('../fonts/pingFangSC-Light.ttf');
  font-weight: normal;
  font-style: normal;
}
@font-face{
  font-family: 'pingFangSC-Regular';
  src: url('../fonts/PingFang-SC-Regular.otf');
  font-weight: normal;
  font-style: normal;
}
@font-face{
  font-family: 'PingFangSC-Medium';
  src: url('../fonts/PingFang-Medium.otf');
  font-weight: normal;
  font-style: normal;
}
@font-face{
  font-family: 'DidotLTStd-Bold';
  src: url('../fonts/DidotLTStd-Bold.otf');
  font-weight: normal;
  font-style: normal;
}
@font-face{
  font-family: 'MingLiu';
  src: url('../fonts/MINGLIU.TTF');
  font-weight: normal;
  font-style: normal;
}

*{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,p,blockquote,pre,form,fieldset,legend,input,button,textarea,hr,span{margin:0;padding:0;}
body{font-size:14px;font-family: "Microsoft YaHei" ! important;color:#000000;background:#f8f8f8;margin:0 auto;padding:0px;max-width: 480px;min-width: 360px;position: relative;}
a{text-decoration:none;color:#666;outline:none;}
a:active{star:expression(this.onFocus=this.blur());}
img{border:0px;vertical-align: middle;}
li{list-style: none;}
.pt10{padding-top: 10px;}
.pl10{padding-left: 10px;}
.pr10{padding-right: 10px;}
.pb10{padding-bottom: 10px;}
.pn5{padding: 5px;}
.pt5{padding-top: 5px;}
.pl5{padding-left: 5px;}
.pr5{padding-right: 5px;}
.pb5{padding-bottom: 5px;}
.mt10{margin-top: 10px;}
.mt30{margin-top: 30px;}
.ml10{margin-left: 10px;}
.mr10{margin-right: 10px;}
.mb10{margin-bottom: 10px;}
.mn5{margin: 5px;}
.mt5{margin-top: 5px;}
.ml5{margin-left: 5px;}
.mr5{margin-right: 5px;}
.mb5{margin-bottom: 5px;}
.wrap{width: 100%;padding: 0 2%;}

.header {
width:100%;
height: 44px;
position: relative;
z-index: 1002;
background: #fff;
}
.header .wrap {
width:100%;
margin: 0 auto;
padding: 0;
}
.logo {
width:176px;
height: 44px;
text-align: center;
margin: 0 auto;
display: flex;
padding: 10px 0;
align-items: center;
position: relative;
z-index: 3;
}
.logo img {
height:25px;
}




.nav ul li h3 {
    float: left;
}

.nav ul li h3 a {
    display: inline-block;
    float: left;
    font-size: 16px;
    color: #333;
    line-height: 50px;
    font-weight: normal;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.nav ul li h3 a:hover {
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}



.nav a.gotel{display: inline-block;float: right;width: 44px;height: 44px;}
.nav a.gotel i{width: 44px;height: 44px;display: inline-block;background: url(../images/gotel.png) no-repeat center center / 50% 50%;}
.nav a.gonav {display: inline-block;float: left;width: 44px;height: 44px;}
.nav a.gonav i{width: 44px;height: 44px;display: inline-block;float: right;background: url(../images/gonav.png) no-repeat center center / 50% 50%;}

.nav{display: block;position: absolute;top: 0;height: 44px;margin-top: 0;width: 100%;}
.nav ul{position: absolute;width: 100%;left: 0;top: 44px;background: #FFFFFF ;height: auto;display: none;z-index: 1001;padding: 0 2%;}
.nav ul li {float: left;width: 100%;border-top: 1px solid #EEEEEE;margin: 0;}
.nav ul li h3{width: 100%;padding-left: 2%;padding-right: 11px;}
.nav ul li h3 a {display: block;width: 100%;height: 46px;line-height: 46px;border-bottom: 0 none;color: #333;}
.nav ul li h3 a:hover{border-bottom: 0 none;}
.nav ul li h3 a.current{border-bottom: 0 none;}
.nav ul li .snav{
    width: 100%;
    float: left;
    display: none;

}
.nav ul li .snav dl{
    width: 100%;
    float: left;
    padding-left: 30px;
    border-bottom: 1px solid #eeeeee;
    padding-right: 11px;
}
.nav ul li .snav dl:last-child{border-bottom: 0 none;
}
.nav ul li .snav dl dt{
    width: 100%;
    float: left;
    display: block;

}
.nav ul li .snav dl dt a{
    width: 100%;
    float: left;
      display: block;
  color: rgba(51, 51, 51, 1);
  font-size: 16px;
  font-family: PingFangSC-Medium;
  line-height: 40px;
  text-align: left;

}
.nav ul li .snav dl dd{
    width: 100%;
    float: left;

}
.nav ul li .snav dl dd a{
    width: 100%;
    float: left;
  display: block;
  color: rgba(102, 102, 102, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  text-align: left;
  line-height: 40px;
}
.nav ul li h3 a i{
width: 11px;
height: 6px;
float: right;
display: inline-block;
margin-top: 18px;
background: url(../images/navdown.png) no-repeat center center;

}
.nav ul li h3 a i.up{
background: url(../images/navup.png) no-repeat center center;
}
.nav ul li h3 a i.down{
}

.snav dl dt a i{
width: 11px;
height: 6px;
float: right;
display: inline-block;
margin-top: 18px;
background: url(../images/navdown.png) no-repeat center center;

}
.snav dl dt a i.up{
background: url(../images/navup.png) no-repeat center center;
}
.snav dl dt a i.down{
}
.scone {
width: 100%;
height: 100%;
}
.scone .swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.scone .swiper-slide img{width: 100%;}
.scone .swiper-button-next,.scone  .swiper-button-prev{
color: #777777;
opacity: 0.7;
display: none;
}
.scone .swiper-pagination-bullet {
    cursor:pointer;
    display:inline-block;
    *display:inline;
    zoom:1;
    border-radius: 16px;
    width:16px;
    height:16px;
    margin:4px;
    background:url(../images/dot-black.png) no-repeat center center;
    overflow:hidden;
    line-height:9999px;
    filter:alpha(opacity=50);
    opacity:0.5;
}
.scone .swiper-pagination-bullet-active {
    filter:alpha(opacity=100);
    opacity:1;
    border: 1px solid #fff;

}
.scone .swiper-pagination {
text-align: center;
}
.scone .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 6px;
}
.scone .swiper-container-horizontal > .swiper-pagination-bullets,.scone .swiper-pagination-custom, .swiper-pagination-fraction {
bottom: 40px;
}
.scone .swiper-button-prev,.scone .swiper-container-rtl .swiper-button-next{
    left: 70px;
}
.scone .swiper-button-next,.scone .swiper-container-rtl .swiper-button-prev{
    right: 70px;
}

.h2tit {
    width:100%;
    height:auto;
    float:left;
    margin-top: 20px;
    margin-bottom: 15px;
}
.h2tit h2 {
  display: inline-block;
height: 24px;
font-size: 18px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #008284;
line-height: 24px;

}
.h2tit a.more{
float: right;
height: 24px;
line-height: 24px;
font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #BBBBBB;
background: url(../images/h2more.png) no-repeat right center;
padding-right: 10px;
}

.subnav {
    width:100%;
    overflow: hidden;
    margin-top: 30px;
}
.subnav ul {
    width:100%;
    height:auto;
    float:left;
}
.subnav ul li {
    width:23.5%;
    height:0;
    padding-bottom: 23.5%;
    float:left;
    margin-right: 2%;
    margin-bottom: 2%;
    position: relative;
}
.subnav ul li:nth-child(4n) {margin-right: 0;}
.subnav ul li.isn1 {background: url(../images/isn1.png) no-repeat center center / 100% 100%;}
.subnav ul li.isn2 {background: url(../images/isn2.png) no-repeat center center / 100% 100%;}
.subnav ul li.isn3 {background: url(../images/isn3.png) no-repeat center center / 100% 100%;}
.subnav ul li.isn4 {background: url(../images/isn4.png) no-repeat center center / 100% 100%;}
.subnav ul li.isn5 {background: url(../images/isn5.png) no-repeat center center / 100% 100%;}
.subnav ul li.isn6 {background: url(../images/isn6.png) no-repeat center center / 100% 100%;}
.subnav ul li.isn7 {background: url(../images/isn7.png) no-repeat center center / 100% 100%;}
.subnav ul li.isn8 {background: url(../images/isn8.png) no-repeat center center / 100% 100%;}
.subnav ul li.isn9 {background: url(../images/isn9.png) no-repeat center center / 100% 100%;}
.subnav ul li.isn10 {background: url(../images/isn10.png) no-repeat center center / 100% 100%;}
.subnav ul li.isn11 {background: url(../images/isn11.png) no-repeat center center / 100% 100%;}
.subnav ul li.isn12 {background: url(../images/isn12.png) no-repeat center center / 100% 100%;}
.subnav ul li a {
width:100%;
height:100%;
float:left;
font-size: 12px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #FFFFFF;
padding-top: 65%;
position: absolute;
top: 0;
left: 0;
text-align: center;
}
.yydt {
    width:100%;
overflow: hidden;
}.yydtlist {
    width:100%;
    height:auto;
    float:left;
}
.yydtlist ul {
    width:100%;
    height:auto;
    float:left;
}
.yydtlist ul li {
    width:100%;
    height:auto;
    float:left;
    margin-bottom: 20px;
}
.yydtlist ul li .picbox {
    width:88px;
    height:88px;
    float:left;
    margin-right: 22px;
}
.yydtlist ul li .picbox img {
    width:88px;
    height:88px;
    float:left;
}
.yydtlist ul li .info {
    width:calc(100% - 110px);
    height:auto;
    float:left;
}
.yydtlist ul li .info h3 {
    width:100%;
    height:auto;
    float:left;
    height: 22px;
font-size: 15px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #666666;
line-height: 22px;
white-space: nowrap;text-overflow:ellipsis; overflow:hidden; display:block;
}
.yydtlist ul li .info p {
    width:100%;
    height:auto;
    float:left;
    height: 38px;
font-size: 13px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #999999;
line-height: 19px;
margin-top: 4px;
}
.yydtlist ul li .info span {
    width:100%;
    height:auto;
    float:left;
    height: 15px;
font-size: 11px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #CCCCCC;
line-height: 15px;
margin-top: 9px;
}


.yuyue {
    width:100%;
    overflow: hidden;
}

.yybox {
    width:100%;
    height:auto;
    float:left;
    background: #FFFFFF;
}
.yybox .yyboxtit {
    width:100%;
    height:44px;
    float:left;
    background: #008284;
}
.yybox .yyboxtit span {
    float:left;
    height: 44px;
    font-size: 14px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 44px;
    padding-left: 10px;
}
.yybox .yyboxtit a.more {
    display: inline-block;
    float:right;
    height: 44px;
    font-size: 14px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 44px;
    background: url(../images/morerjt2.png) no-repeat right center;
    padding-right: 17px;
    margin-right: 10px;
}
.yybox .yya {
    width:100%;
    height:auto;
    float:left;
    padding: 0 35px;
    margin-top: 20px;
    margin-bottom: 5px;
}
.yybox .yya li {
    float:left;
    width: 48%;
    height: 36px;
    background: #FFFFFF;
    border-radius: 2px;
    border: 1px solid #008284;
    margin-bottom: 15px;
}
.yybox .yya li:nth-child(2n) {
    float: right;
}
.yybox .yya li a {
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333333;
    line-height: 34px;
    display: inline-block;
    float: left;
    width: 100%;
    -webkit-transition:all 0.3s ease 0s;
    -moz-transition:all 0.3s ease 0s;
    -o-transition:all 0.3s ease 0s;
    -ms-transition:all 0.3s ease 0s;
    transition:all 0.3s ease 0s;
}
.yybox .yya li i {
    width:26px;
    height:26px;
    float:left;
    margin-left: 20px;
    margin-top: 6px;
    margin-right: 10px;
}
.yybox .yya li i.iyy1 {
    background: url(../images/iyy1.png) no-repeat center center;
}
.yybox .yya li i.iyy2 {
    background: url(../images/iyy2.png) no-repeat center center;
}
.yybox .yya li i.iyy3 {
    background: url(../images/iyy3.png) no-repeat center center;
}
.yybox .yya li i.iyy4 {
    background: url(../images/iyy4.png) no-repeat center center;
}
.yybox .yyb {
    width:100%;
    height:auto;
    float:left;
    padding: 0 35px;
    margin-bottom: 6px;
}
.yybox .yyb li {
    width:100%;
    height:54px;
    float:left;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    margin-bottom: 10px;
    background: #D6F3F3;
}
.yybox .yyb li a {
    width: 100%;
    height: 54px;
    float: left;
    height: 17px;
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #008284;
    line-height: 17px;
}
.yybox .yyb li i {
    width:54px;
    height:54px;
    float:left;
    margin-right: 20px;
}
.yybox .yyb li i.iyy1 {
    background: url(../images/iyyb1.png) no-repeat center center;
}
.yybox .yyb li i.iyy2 {
    background: url(../images/iyyb2.png) no-repeat center center;
}
.yybox .yyb li span {
    width:calc(100% - 74px);
    height:auto;
    float:left;
    height: 24px;
    font-size: 18px;
    font-family: Futura-Medium, Futura;
    font-weight: 500;
    color: #008284;
    line-height: 25px;
    margin-top: 6px;
}
.yybox .yyb li p {
    width:calc(100% - 74px);
    height:auto;
    float:left;
    height: 17px;
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #008284;
    line-height: 17px;
    margin-top: 1px;
}














.rqzj {
    width:100%;
    overflow: hidden;
}
.rqzjqh {
    position:relative;
    width: 100%;
    float: left;
    margin-bottom: 20px;
}
.rqzjqh .hd {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.rqzjqh .hd .prev {
    display:block;
    width:20px;
    height:100px;
    overflow:hidden;
    position: absolute;
    left: -80px;
    cursor:pointer;
    background:url("../images/arrowleft.png") 0 0 no-repeat;
}
.rqzjqh .hd .next {
    display:block;
    width:20px;
    height:100px;
    overflow:hidden;
    position: absolute;
    right: -80px;
    cursor:pointer;
    background:url("../images/arrowright.png") 0 0 no-repeat;
}
.rqzjqh .hd ul {
    float:right;
    overflow:hidden;
    zoom:1;
    display: none;
}
.rqzjqh .bd {
    padding:0px;
    width: 100%;
    overflow:hidden;
}
.rqzjqh .bd ul {
    width: 100%;
    overflow:hidden;
    zoom:1;
}
.rqzjqh .bd ul li {
    background: #33C1C3;
    width: 150px;
    margin-right:10px;
    height: 70px;
    float:left;
    _display:inline;
    overflow:hidden;
    text-align:center;
    -webkit-transition:all 0.3s ease 0s;
    -moz-transition:all 0.3s ease 0s;
    -o-transition:all 0.3s ease 0s;
    -ms-transition:all 0.3s ease 0s;
    transition:all 0.3s ease 0s;
}
.rqzjqh .bd ul li:hover {
    background: #008284;
    -webkit-transition:all 0.3s ease 0s;
    -moz-transition:all 0.3s ease 0s;
    -o-transition:all 0.3s ease 0s;
    -ms-transition:all 0.3s ease 0s;
    transition:all 0.3s ease 0s;
}
.rqzjqh .bd ul li .picbox {
    width: 60px;
    height: 60px;
    margin: 5px;
    text-align:center;
    float: left;
}
.rqzjqh .bd ul li .picbox img {
    width:60px;
    height:60px;
    display:block;
}
.rqzjqh .bd ul li h3 {
    width: 76px;
    float: left;
height: 20px;
font-size: 14px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #FFFFFF;
line-height: 20px;
margin-top: 12px;
margin-bottom: 5px;
text-align: left;
}
.rqzjqh .bd ul li p {
  float: left;
    width: 76px;
    text-align: left;
height: 17px;
font-size: 12px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #FFFFFF;
line-height: 17px;
}


.mys {
    width:100%;
    overflow: hidden;
    position: relative;
    background: #ffffff;
}

.mysqh {
    position:relative;
    width: 100%;
    float: left;
}
.mysqh .hd {
    width: 100%;
    float: left;
    margin-top: 20px;
    margin-bottom: 20px;
}
.mysqh .hd ul {
    float:left;
    overflow:hidden;
    zoom:1;
    width: 100%;
    text-align: center;

}
.mysqh .hd ul li{
      cursor:pointer;
    display:inline-block;
    *display:inline;
    zoom:1;
    border-radius: 16px;
    width:16px;
    height:16px;
    margin:4px;
    background:url(../images/dot-blackb.png) no-repeat center center;
    overflow:hidden;
    line-height:9999px;
    filter:alpha(opacity=50);
    opacity:0.5;
}
.mysqh .hd ul li.on {
    filter:alpha(opacity=100);
    opacity:1;
    border: 1px solid #008284;
}
.mysqh .bd {
    padding:0px;
    width: 100%;
    overflow:hidden;
}
.mysqh .bd ul {
    width: 100%;
    overflow:hidden;
    zoom:1;
}
.mysqh .bd ul li {
    width: 100%;
    float:left;
    _display:inline;
    overflow:hidden;
    -webkit-transition:all 0.3s ease 0s;
    -moz-transition:all 0.3s ease 0s;
    -o-transition:all 0.3s ease 0s;
    -ms-transition:all 0.3s ease 0s;
    transition:all 0.3s ease 0s;

}
.mysqh .bd ul li .picbox {
    width: 30.5%;
    height: 0;
    padding-bottom: 37%;
    float: left;
    position: relative;
    margin-top: 16px;
}
.mysqh .bd ul li .picbox img {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.mysqh .bd ul li .info {
    width: 64%;
    float: right;
}
.mysqh .bd ul li .info h3 {
    width:100%;
    float:left;
height: 25px;
font-size: 18px;
font-family: PingFang-SC-Heavy, PingFang-SC;
font-weight: 800;
color: #008284;
line-height: 25px;
margin-top: 23px;
}
.mysqh .bd ul li .info h3 i {
    display: inline-block;
    height: 28px;
    line-height: 28px;
    background: rgb(51,155,156);
    font-style: normal;
    border-radius: 14px;
    font-size: 14px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
    margin-left: 20px;
    vertical-align: middle;
    padding: 0 15px;
}
.mysqh .bd ul li .info .shanchang {
    width:100%;
    height:auto;
    float:left;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #FFBE00;
    line-height: 20px;
    margin-top: 20px;
}
.mysqh .bd ul li .info p {
  width: 100%;
  float: left;
height: 72px;
font-size: 11px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #999999;
line-height: 18px;
margin-top: 15px;
}
.mysqh .bd ul li .info p a.more {
    display: inline-block;
    vertical-align: middle;
    color: #33C1C3;
}
.mysqh .bd ul li .yybtn{
  width: 100%;
  float: left;
  text-align: center;
  margin-top: 20px;
}
.mysqh .bd ul li .yybtn a.yy {
    width: 106px;
height: 36px;
background: #FF9200;
border-radius: 2px;
display: inline-block;
font-size: 14px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #FFFFFF;
line-height: 36px;
text-align: center;
margin: 0 15px;
}




















.jsys{width: 100%;overflow: hidden;}
.jsyslist {
    width:100%;
    height:auto;
    float:left;
    margin-bottom: 20px;
}
.jsyslist ul {
    width:100%;
    height:auto;
    float:left;
}
.jsyslist ul li {
    width:50%;
    height:200px;
    float:left;
    text-align: center;
}
.jsyslist ul li:nth-child(1) {
    background: url(../images/jsys1.png) no-repeat bottom right / 100% auto;
}
.jsyslist ul li:nth-child(2) {
    background: url(../images/jsys2.png) no-repeat bottom right / 100% auto;
}
.jsyslist ul li:nth-child(3) {
    background: url(../images/jsys3.png) no-repeat bottom right / 100% auto;
}
.jsyslist ul li:nth-child(4) {
    background: url(../images/jsys4.png) no-repeat bottom right / 100% auto;
}
.jsyslist ul li:nth-child(5) {
    background: url(../images/jsys5.png) no-repeat bottom right / 100% auto;
}
.jsyslist ul li:nth-child(6) {
    background: url(../images/jsys6.png) no-repeat bottom right / 100% auto;
}
.jsyslist ul li span {
    width:100%;
height: 20px;
font-size: 14px;
font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600;
color: #333333;
line-height: 20px;
display: block;
margin-top: 20px;
}
.jsyslist ul li i {
    width: 20px;
    height: 2px;
    background: #333;
    display: inline-block;
    margin-bottom: 15px;
    margin-top: 10px;
}
.jsyslist ul li p {
    width:100%;
    padding: 0 11px;
    display: block;
font-size: 12px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #666666;
line-height: 16px;
}
.jsyslist ul li:nth-child(2) span {color: #fff;}
.jsyslist ul li:nth-child(2) i {background: #fff;}
.jsyslist ul li:nth-child(2) p {color: #fff;}

.jsyslist ul li:nth-child(3) span {color: #fff;}
.jsyslist ul li:nth-child(3) i {background: #fff;}
.jsyslist ul li:nth-child(3) p {color: #fff;}

.jsyslist ul li:nth-child(6) span {color: #fff;}
.jsyslist ul li:nth-child(6) i {background: #fff;}
.jsyslist ul li:nth-child(6) p {color: #fff;}

.footer {
    width:100%;
    overflow: hidden;
    background: #fff;
    border-bottom: 5px solid #008284;
}


.ftcontact {
    width:100%;
    height:auto;
    float:left;
}
.ftcontact .ftlogo {
    width:100%;
    height:auto;
    float:left;
    margin-bottom: 22px;
    margin-top: 20px;
}
.ftcontact .ftlogo img {
    max-width:100%;
    height:auto;
    float:left;
}
.ftcontact p {
    width:100%;
    height:auto;
font-size: 12px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #666666;
line-height: 17px;
float: left;
margin-bottom: 10px;

}

.yyhjlist {
    width:100%;
    height:auto;
    float:left;
    margin-bottom: 20px;
}
.yyhjlist ul {
    width:100%;
    height:auto;
    float:left;
}
.yyhjlist ul li {
    width:49%;
    height:auto;
    float:left;
    margin-right: 2%;
    margin-bottom: 2%;
}
.yyhjlist ul li:nth-child(2n) {
    margin-right: 0
}
.yyhjlist ul li .picbox {
    width:100%;
    height:0;
    position: relative;
    padding-bottom: 75%;
    float:left;
    overflow: hidden;
}
.yyhjlist ul li .picbox img {
    width:100%;
    height:100%;
    float:left;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition:all 0.3s ease 0s;
    -moz-transition:all 0.3s ease 0s;
    -o-transition:all 0.3s ease 0s;
    -ms-transition:all 0.3s ease 0s;
    transition:all 0.3s ease 0s;
}
.yyhjlist ul li:hover .picbox img {
    -webkit-transform:scale(1.1, 1.1);
    -moz-transform:scale(1.1, 1.1);
    -o-transform:scale(1.1, 1.1);
    -ms-transform:scale(1.1, 1.1);
    transform:scale(1.1, 1.1);
    -webkit-transition:all 0.3s ease 0s;
    -moz-transition:all 0.3s ease 0s;
    -o-transition:all 0.3s ease 0s;
    -ms-transition:all 0.3s ease 0s;
    transition:all 0.3s ease 0s;
}
.main{
    width: 100%;
    overflow: hidden;
}
.pt33 {
    padding-top: 2%;
}
.nbanner {
    overflow: hidden;
    width: 100%;
}
.nbanner img {
    width: 100%;
}





.news_list {
    float: left;
    width: 100%;
}
.news_list .news-date {
    background: #f2f2f2 none repeat scroll 0 0;
    display: inline-block;
    float: left;
    height: 5rem;
    text-align: center;
    width: 5rem;
}
.news_list ul {
    float: left;
    padding-left: 0;
    width: 100%;
}
.news_list li {
    border-bottom: 1px dashed #ddd;
    float: left;
    margin-bottom: 10px;
    padding-bottom: 5px;
    width: 100%;
}
.news_list .news-date1 {
    color: #666666;
    font-size: 24px;
    margin-top: 10px;
    text-align: center;
}
.news_list .news-date2 {
    color: #999999;
    font-size: 14px;
    text-align: center;
}
.news_list .news-bodys {
    overflow: hidden;
    padding: 0 10px;
}
.news_list .news-bodys h3 a {
    overflow: hidden;
    overflow-wrap: break-word;
    transition: all 0.3s ease 0s;
    font-size: 16px;
    color: #333;
    line-height: 1.8;
white-space: nowrap;text-overflow:ellipsis; overflow:hidden; display:block;
}
.news_list .news-bodys h3 a:hover {
    color: #008284;
    transition: all 0.3s ease 0s;
}
.news_list .news-bodys p {
    color: #999;
    font-size: 14px;
    line-height: 1.6;
    margin-top: 10px;
    overflow: hidden;
    overflow-wrap: break-word;
}
.abcontent {
    border-bottom: 1px solid #e8e8e8;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 30px;
    margin: 0 auto;
    padding: 2%;
    float: left;
    width: 100%;
}
.abcontent img{
    min-width: 100%;
}
.abcontent p{
font-size: 14px;
color: #333333;
text-indent: 2em;
}
.article {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 20px;
    margin-bottom: 20px;
}
.article h1 {
    width: 100%;
    height: auto;
    float: left;
    font-size: 20px;
    color: #666;
    margin-bottom: 20px;
    font-weight: normal;
    text-align: center;
}
.article .info {
    width: 100%;
    height: auto;
    float: left;
    border-top: dashed 1px #aaa;
    border-bottom: dashed 1px #aaa;
    padding: 10px;
    text-align: center;
    margin-bottom: 20px;
}
.article .content {
    width: 100%;
    height: auto;
    float: left;
    line-height: 24px;
    color: #666;
    font-size: 14px;
}
.article .content img {
    max-width: 100%;
    height: auto;
}
.article .content h2 {
    width: 100%;
    height: 24px;
    float: left;
    line-height: 24px;
    margin: 5px 0;
    color: #333;
    font-size: 16px;
}
.article .content p {
    width: 100%;
    height: auto;
    float: left;
    line-height: 24px;
    margin: 5px 0;
    color: #666;
}
.article .content video {
    max-width: 100%;
}
.tg_pages {
    float: right;
    overflow: hidden;
    padding-bottom: 40px;
    padding-top: 20px;
    text-align: center;
    width: 100%;
}
.tg_pages span {
    display: inline-block;
}
.tg_pages span a {
    border: 1px solid #bebebe;
    color: #bebebe;
    display: inline-block;
    font-size: 13px;
    height: 26px;
    line-height: 26px;
    margin-left: 10px;
    padding-left: 10px;
    padding-right: 10px;
}
.tg_pages span a.page-num-current {
    background: #008284 none repeat scroll 0 0;
    border: 1px solid #008284;
    color: #ffffff;
}
.typetit {
    float: left;
    height: auto;
    margin-bottom: 10px;
    margin-top: 10px;
    text-align: center;
    width: 100%;
}
.typetit h2 {
    color: #333;
    float: left;
    font-size: 30px;
    font-weight: normal;
    height: auto;
    line-height: 40px;
    width: 100%;
}
.typetit h2 i {
    background: #333 none repeat scroll 0 0;
    display: inline-block;
    height: 2px;
    vertical-align: middle;
    width: 60px;
}
.typetit h2 span {
    display: inline-block;
    margin: 0 40px;
    vertical-align: middle;
}
.typetit h2 span font {
    color: #97ca3d;
}
.typetit p {
    color: #999999;
    float: left;
    font-size: 14px;
    height: auto;
    width: 100%;
}
.sidebar {
    float: left;
    height: auto;
    margin-top: 10px;
    width: 100%;
}
.sidebar ul {
    float: left;
    height: auto;
    text-align: center;
    width: 100%;
}
.sidebar ul li {
    width: 49%;
    float: left;
    display: inline-block;
    margin-right: 2%;
}
.sidebar ul li:nth-child(2n) {margin-right: 0;}
.sidebar ul li a {
    border: 1px solid #cccccc;
    border-radius: 30px;
    color: #333;
    display: inline-block;
    font-size: 16px;
    height: 38px;
    letter-spacing: 1px;
    line-height: 36px;
    margin-bottom: 2%;
    text-align: center;
    display: block;

    transition: all 0.3s ease 0s;
}
.sidebar ul li a:hover {
    background: #008284 none repeat scroll 0 0;
    border: 1px solid #008284;
    color: #fff;
    transition: all 0.3s ease 0s;
}
.sidebar ul li a.current {
    background: #008284 none repeat scroll 0 0;
    border: 1px solid #008284;
    color: #fff;
    transition: all 0.3s ease 0s;
}
.icpzslist {
    float: left;
    height: auto;
    padding: 0 2%;
    width: 100%;
}
.icpzslist ul {
    float: left;
    height: auto;
    width: 100%;
}
.icpzslist ul li {
    float: left;
    height: auto;
    margin-bottom: 2%;
    margin-right: 2%;
    width: 49%;
}
.icpzslist ul li:nth-child(2n) {
    margin-right: 0;
}
.icpzslist ul li .picbox {
    float: left;
    height: 0;
    padding-bottom: 100%;
    position: relative;
    width: 100%;
}
.icpzslist ul li .picbox img {
    float: left;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.icpzslist ul li .info {
    float: left;
    height: auto;
    width: 100%;
}
.icpzslist ul li .info h3 {
    float: left;
    height: auto;
    width: 100%;
}
.icpzslist ul li .info h3 a {
    color: #333333;
    display: block;
    float: left;
    font-size: 16px;
    font-weight: normal;
    height: 30px;
    line-height: 30px;
    margin-top: 6px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    transition: all 0.3s ease 0s;
    white-space: nowrap;
    width: 100%;
}
.icpzslist ul li .info h3 a:hover {
    color: #008284;
    transition: all 0.3s ease 0s;
}
.icpzslist ul li .info span {
    color: #666;
    float: left;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    width: 100%;
}
.icpzslist ul li .info p {
    color: #999999;
    float: left;
    font-size: 13px;
    height: 60px;
    line-height: 20px;
    overflow: hidden;
    text-indent: 0;
    width: 100%;
}
.bgfff{background: #fff;}
.mhide{
    display: none;
}
.human_join_bg{ width: 100%; background: url(../images/join_bg.jpg) no-repeat center bottom; background-size: cover; padding: 60px 0;}
.human_join{ max-width: 1440px; padding: 20px 0 80px 0; box-sizing: border-box; background-color: #fff; margin: 0 auto; min-height: 500px;}
.human_join .hidden{ display: none;}
.human_join .title{ max-width: 1140px; text-align: center; font-size: 24px; margin: 0 auto 48px auto; position: relative;}
.human_join .title::after{ content: ""; width: 32px; height: 1px; background-color: #dbdbdb; display: inline-block; position: relative; top: -6px; margin: 0 auto;}
.human_join .search{ width: 120px; height: 34px; line-height: 34px; border-radius: 36px; text-align: left; padding-left: 56px; box-sizing: border-box; font-size: 15px; color: #fff; background-color: #004ea2; display: block; top: 0; right: 0; position: absolute; transition: 0.3s ease-in-out;}
.human_join .search::before{ content: ""; width: 15px; height: 15px; background: url(../images/search.png) no-repeat; background-size: 100%; display: block; position: absolute; left: 33px; top: 10px; transition: 0.3s ease-in-out;}
.human_join .search:hover{ background-color: #0055ac; text-decoration: none;}
.human_join .search:hover::before{ left: 26px;}

.human_join .box{ max-width: 1140px; margin: 0 auto; border: 1px solid #dbdbdb;}

.human_join .rows{ border-bottom: 1px solid #dbdbdb; line-height: 30px;display: flow-root;}
.human_join .rows:last-child{ border-bottom: none;}
.human_join .col{ width: 50%; padding: 15px 30px; float: left; box-sizing: border-box;}
.human_join .rows .col:nth-child(1){ border-right: 1px solid #dbdbdb;}
.human_join .text{ float: left;}
.human_join .input input,.human_join .input select{ width: 96%; line-height: 30px; background-color: #f4f4f4; border: 0; padding: 0 10px; box-sizing: border-box;}
.human_join .radio input{ width: 25%; }
.human_join .input select{ height: 30px; }

.human_join .input1{ margin-left: 125px;}

.human_join .row2,.human_join .row3{ padding: 15px 30px; box-sizing: border-box;}
.human_join .input2{ margin-left: 240px;}

.human_join .row4{ padding: 20px; min-height: 300px;}

.human_join .input3{ margin-left: 297px;}
.human_join .input3 p{ padding-bottom: 10px;}
.human_join .input3 input{ width: auto; background-color: #fff; padding: 0;}

.human_join textarea.text_class{ width: 100%; height: 560px; line-height: 30px;}

.human_join .submit{ width: 130px; height: 42px; line-height: 42px; background-color: #008284; color: #fff; margin: 38px auto 0 auto; display: block; cursor: pointer; transition: 0.3s ease-in-out;}
.human_join .submit:hover{ background-color: #135aa3;}

.human_join .human_join_result .input3{ margin-left: 170px;}
.human_join img{ margin-bottom: 20px;}
.human_join label{
    width: 100%;
}
.human_join .no_box{ text-align: center;}
.tender_join .input1{ margin-left: 90px;}
.tender_join .input2{ margin-left: 90px;}
.tender_join textarea.text_class{ height: 160px;border:0}
.tender_join .input3{ margin-left: 233px;}

.human_join_search{ text-align: center; line-height: 40px; padding-bottom: 30px;}
.human_join_search input{ margin:0 12px 0 5px; width:300px; border:1px solid #ddd; background:#fff; padding:0 8px; line-height:38px;}
.human_join_search button{ background:#004ea2; line-height:40px; height: 40px; display: inline-block; color:#fff; width:100px; cursor: pointer; transition: 0.3s ease-in-out;}
.human_join_search button:hover{ background-color: #135aa3;}
@media screen and (max-width:1520px) and (min-width:1200px){
    .human_join{ margin: 0 40px; padding: 20px 20px 80px 20px;}

}
@media screen and (max-width:1199px) and (min-width:970px){
    .human_join_bg{ padding: 50px 0;}
    .human_join{ margin: 0 20px; padding: 50px 20px 68px 20px;}
    .human_join .title{ margin-bottom: 30px;}
    .human_join .col,.human_join .row2, .human_join .row3{ padding: 15px 20px;}

    .join_picture .bg{ height: 20px; background-size: 13px 20px;}
}

@media screen and (max-width:969px){
    .human_join_bg{ padding: 40px 0;}
    .human_join{ margin: 0 20px; padding: 40px 20px 58px 20px;}
    .human_join .title{ margin-bottom: 30px;}

    .human_join .col,.human_join .row2,.human_join .row3{ width: 100%; padding: 15px 20px;}
    .human_join .row .col:nth-child(1){ border-bottom: 1px solid #dbdbdb; border-right: none;}
    .human_join .border_bottom{ border-bottom: none;}

    .human_join .text3{ width: 100%; float: none;}
    .human_join .input3,.human_join .human_join_result .input3{ margin-left: 0;}

    .join_picture .bg{ height: 16px; background-size: 10px 16px;}
}

@media screen and (max-width:639px){
    .human_join{ margin: 0 14px; padding: 30px 14px 40px 14px; font-size: 15px;}
    .human_join .title{ font-size: 22px; margin-bottom: 10px;}
    .human_join .title::after{ top: -10px;}

    .human_join .col, .human_join .row2, .human_join .row3{ padding: 10px 12px;}
    .human_join .input1{ margin-left: 105px;}
    .human_join .text2{ width: 100%; float: none;}
    .human_join .input3 input{ width: 100%;}
    .human_join .input2{ margin-left: 0;}

    .human_join .row4{ padding: 10px 12px; line-height: 24px;}
    .human_join textarea.text_class{ line-height: 24px;}

    .tender_join .input1{ margin-left: 80px;}
    .tender_join .input2{ width: 100%; margin-left: 0;}

    .human_join .search{ position: relative; top: 0; left: 0; margin: 0 auto 20px auto;}
    .human_join_search span{ display: none;}
    .human_join_search input{ width: 73%; margin: 0; box-sizing: border-box; float: left;}
    .human_join_search button{ width: 25%; float: right;}

}