.area{width: 100%;padding: 0 15px;}
.area h2{display: inline-block;width: 100%;text-align: center;font-weight: bold;position: relative;line-height: 110px; margin-top:0px;}
.area h2 p{font-size: 42px;color: rgba(0, 0, 0, 0.8);position: relative;z-index: 2;}
.area h2 p b{color: rgba(7,138,156, 1);font-size: 55px;}
.area h2 span{font-size: 120px;color: rgba(7,138,156, 0.03);font-weight: normal;position: absolute;font-weight: bold;left: 50%;transform: translate(-50%,-50%);z-index: 1;top: 50%;text-transform:uppercase;display: block;width: 100%;font-family: fantasy;}
.n-area{width: 100%;max-width: 1600px;margin: 0 auto;overflow: hidden;}

.area .more{font-size: 15px;padding: 15px 35px;line-height: 20px;border: 1px solid rgba(7,138,156, 1);color: rgba(0, 0, 0, 0.6);}
.area .more b{display: inline-block;width: 20px;height: 20px;margin-left: 50px;background-color: #034ea2;color: #fff;font-weight: bold;border-radius: 50%;text-align: center;font-family: cursive;}


.area .more2{font-size: 15px;padding: 15px 35px;line-height: 20px;border: 1px solid rgba(255,255,255, 1);color: rgba(255, 255, 255, 0.9);}
.area .more2 b{display: inline-block;width: 20px;height: 20px;margin-left: 50px;background-color: #fff;color: #333;font-weight: bold;border-radius: 50%;text-align: center;font-family: cursive;}






/* foot */
/*-------footer -------*/
.footer {overflow: hidden;background-color: #034ea2;background-size: cover;}
.footer .n-area{border-bottom: 1px solid #fff;}
.footer .flogo{width: 100%;padding: 0px 0;border-bottom: 1px solid #0997AB;border-right: 1px solid #0997AB;}
.footer .flogo img{max-width: 90%;}
.footer .flm {padding: 0;overflow: hidden;position: relative;min-height: 185px;}
.footer .flm:after {content: "";width: 1px;height: 100%;background: #0997AB;position: absolute;right:0;top:0;bottom: 0;}
.footer .fnav {padding: 0;overflow: hidden;}
.footer .fnav {padding-top:30px;margin-bottom: 10px; margin-left:30px;}
.footer .fnav dl{float: left; margin-right:0px;width: 17%;text-align: center;}
.footer .fnav dd a{ line-height:22px;}
.footer .fnav dt a {color: #fff;font-size: 16px;line-height: 60px;display: block;margin-bottom: 15px;text-align: left;font-weight: normal;position: relative;}
.footer .fnav dt a::after{position: absolute;content: "";display: inline-block;width: 25px;height: 2px;background-color: #fff;top: 100%;left: 0;}
.footer .fnav dd a { text-align:left;color: #fff;font-size: 14px; line-height:30px;}
.footer .fnav dt a:hover,.footer .fnav dd a:hover {color: #fff;}

.footer .fnav dl2{float: left; margin-right:20px;width: 22%;text-align: center;}

.footer .fnav dl22{float: left; margin-right:20px;width: 15%;text-align: center;}

.footer .flx {padding: 0;overflow: hidden;}
.footer .flx h3 {color: #fff;font-size: 16px;line-height: 60px;display: block;padding-top: 40px;margin-bottom: 30px;position: relative;}
.footer .flx h3::after{position: absolute;content: "";display: inline-block;width: 25px;height: 2px;background-color: #fff;top: 100%;left: 0;}
.footer .flx p {color: #fff;font-size: 15px;line-height: 35px}
.footer .fewm {padding: 10px 0 0;overflow: hidden;}
.footer .fewm .fewml {float: left;padding: 0;overflow: hidden;}
.footer .fewm .fewml .fewmimg {width: 90%;height: 105px;margin:0 auto;text-align: center;}
.footer .fewm .fewml .fewmimg img {height: 100%;width: auto;max-width: 100%;object-fit: contain;}
.footer .fewm .fewml p {color: #637182;font-size: 14px;line-height: 30px;text-align: center;}
/*-------友链-------*/
.links {padding: 0 0 10px;overflow: hidden;color: #818181;font-size: 14px;line-height: 25px;}
.links a {display: inline-block;color: #818181;font-size: 14px;line-height: 25px;margin-right: 15px;}
.links a:hover {color: #cf0b0f;}
/*-------友链 end-------*/
.footer .copryright {padding:5px 15px; margin-top:20px;overflow: hidden;text-align: center;}
.footer .copryright,.footer .copryright p,.footer .copryright span,.footer .copryright a {color: #fff;background:#000;font-size: 15px; text-align:center; padding-top:10px;line-height: 30px;}
.footer .copryright a:hover {color: #fff; }


@media screen and (min-width: 0px) and (max-width:1400px){
  .headright .headtel{width: 279px;}
  .headright .nav{width: calc(100% - 0px);}
  .headright .nav .navBox ul .child>a{font-size: 15px;}
  .headright .headtel img{left: 40px;}
}
@media screen and (min-width: 0px) and (max-width:1200px){
  .area h2 p{font-size: 36px;}
  .adv .adv-r .li .info{padding-left: 0;}
}

@media screen and (min-width: 0px) and (max-width:992px){
  .area h2{line-height: 80px;}
  .area h2 p{font-size: 34px;}
  .area h2 span{font-size: 90px;}

  .adv{padding: 40px 15px;background-size: cover;}
  .adv .adv-l{width: 100%;}
  .adv .adv-l .img{display: none;}
  .adv .adv-r{width: 100%;}
  .adv .adv-r .li{height: auto;padding: 25px 0;}
}
@media screen and (min-width: 0px) and (max-width:768px){
  .col-xs-6:nth-child(2n-1){padding-right: 7.5px;}
  .col-xs-6:nth-child(2n){padding-left: 7.5px;}
  .adv .adv-l{ padding:0 15px}
  .area h2{line-height: 70px;}
  .area h2 p{font-size: 30px;}
  .area h2 span{font-size: 80px;}

  .footer .flogo{padding: 20px 0;}
  .footer .flm{min-height: auto;}
  .footer .fnav dl dd{display: none;}
  .footer .fnav{padding-top: 10px;}
  .footer .fnav dt a{font-size: 15px;line-height: 55px;}
  .footer .fnav dl{margin-bottom: 5px;}
  .footer .flx h3{padding-top: 0;font-size: 15px;margin-bottom: 20px;}
  .footer .n-area{padding-bottom: 15px;}
  .footer .copryright, .footer .copryright p, .footer .copryright span, .footer .copryright a{font-size: 14px;}
}
@media screen and (min-width: 0px) and (max-width:640px){
  .footer .fnav dl{width: 25%;}
  .footer .fnav dt a::after{display: none;}
  .footer .fnav dt a{line-height: 30px;margin-bottom: 10px;}
}

@media screen and (min-width: 0px) and (max-width:550px){
  .head,.headleft, .headright{height: 70px;}
  .head.tr,.head.tr .headleft,.head.tr .headright{height: 60px;}
}
@media screen and (min-width: 0px) and (max-width:440px){
  .menu-list > li > a{font-size: 14px;line-height: 48px;height: 48px;}
  .menu-list{padding-top: 80px;}

  .area h2 p{font-size: 26px;}
  .area h2 span{font-size: 60px;}

  .adv .adv-l>p{font-size: 14px;}
  .adv .adv-r .li .info{font-size: 14px;line-height: 28px;}
  .adv .adv-r .li .img h4{font-size: 14px;font-weight: normal;}
  .adv .adv-r .li{margin-bottom: 15px;}
  .adv .adv-l>p{margin-bottom: 20px;}

  .footer .fnav{padding-top: 20px;}
  .footer .fnav dt a{margin-bottom: 0px;font-size: 14px;}

  .news .info>span{font-size: 14px;line-height: 35px;}
}
@media screen and (min-width: 0px) and (max-width:320px){

}