@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Regular.woff2') format('woff2'),
        url('../fonts/Poppins-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@charset "UTF-8";*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
::selection{background:#00758e;color:#fff}
::-moz-selection{background:#00758e;color:#fff}
::-webkit-selection{background:#00758e;color:#fff}
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-track{border-radius:10px;background-color:rgba(0,0,0,.3);-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.2)}
::-webkit-scrollbar-thumb{border-radius:10px;background-color:rgba(0,0,0,.3);-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.2)}
body,html,button{height:100%;text-align: center;font-size:100%;}
body{font-family:PingFang SC,Microsoft YaHei,Helvetica,Helvetica Neue,Arial,sans-serif;color: #333;}
body,dd,div,dl,h1,h2,h3,h4,h5,h6,li,p,section,ul,figure{margin:0;padding:0}
a{outline:0}
button{border:none}
li{list-style:none}
a img{border:none}
img{max-width:100%}
a:link,a:visited{color:#333;text-decoration:none}
a:hover{color:#00758d;}
h2{font-size: 2rem;}
h3{font-size: 1.75rem;}
h4{font-size: 1.5rem;
}
.row{width: 1540px;margin: auto;display: flex;text-align: left;position: relative;}
.row-bg{background-color: #fff;margin-bottom: 3.75rem;border-radius: 3px;}
.df{display: flex;}
.dfc{flex-direction: column;}
.pdall{padding: 2rem;}
.mgtb{margin: 2rem auto !important;}
.mgb{margin-bottom: 2rem !important;}
.jcsb{justify-content: space-between;}
.col2{width: 50%;padding: 1rem;}
.col3{width: 33.3333%;padding: 1rem;}
.col4{width: 25%;padding: 1rem;}
.col5{width: 20%;padding: 1rem;}
.ta-l{text-align: left !important}
.ta-r{text-align: left !important}
.ta-c{text-align: center !important}
a.abtn{display: inline-block;padding: 2px 15px;background-color: #00758d;color: #fff;border-radius: 1.25rem;}
a.abtn:hover{background-color: #f98e2b;}
a.abtn-line{font-size: .75rem !important;border: 1px solid #00758d;color: #00758d;padding: 1px .625rem; border-radius: 50px; text-transform: uppercase;}
a.abtn-line:hover{background-color:#00758d;color:#fff ;}

.box{flex: 1;}
.box-head{padding: 1.5rem;text-align: center;}
.box-head h2{display: block;text-align: center;min-width: 186px;font-size: 28px;color: #00758d;position: relative;text-align: center;padding:10px .625rem;}
.box-head h2:before,.box-head h2:after{content:"";display: block;position: absolute;}
.box-head h2:before{width: 12rem;height: 1px;margin-left: -6rem;background-color: #ccc;bottom: 1px;left: 50%;right: 0;}
.box-head h2:after{height: 3px;background-color: #00758d;bottom: 0;width: 4em;margin-left: -2em;left: 50%;}
.box-head h2 span{display:block;color: rgba(178, 178, 178, .3);text-transform: uppercase;position: absolute;left:0;right:0;text-align: center; margin-top: -0.875rem;z-index: 1; white-space: nowrap;}
.box-head h2 strong{display: block;width: 100%;position: relative;z-index: 2;}
.box-body{width: 100%;text-align: left;}


.topbar{width: 100%;background-color: #333;position: fixed;left: 0;height: 1.75rem;z-index: 20;}
.topbar ul{display: flex;max-width: 1540px;padding-right: 1rem;margin: auto;justify-content: flex-end;}
.topbar li{margin-left: .625rem;line-height: 1.75rem;font-size: .875rem;}
.topbar li:before{content: "|";display: inline-block;font-size: .75rem;margin: 0 15px 0 .625rem;}
.topbar li:first-child:before{display: none;}
.topbar a:link,.topbar a:visited{color: #fff; display: inline-block;line-height: 1.75rem;}
header{display: flex;height:5rem;flex-direction: column; align-items:center;background-color: #fff;position: fixed;top:1.75rem;width: 100%;z-index: 20; }



.logo{width:12.5rem;height:5.625rem;margin-top: -1rem;background:url(../images/logo.png) no-repeat left center;background-size:auto 100%;overflow:hidden;font-size:0;line-height:200px;animation:backInRight 1s 1;-webkit-animation:backInRight 1s 1;}
.toptel{display:block;width: 15rem;height: 5rem;padding:1.25rem 0 0 3.5rem;background: url(../images/tel.png) no-repeat left center;background-size: auto 60%;text-align: left;}
.toptel a{display: block;font-size: 1.5rem;font-family: "Poppins";line-height: 1;}

.menu {padding:0 15rem 0 5rem;flex: 1;}
.menu ul{display: flex;justify-content: space-between;margin: 0;}
.menu li a{display: block;font-size: 1.25rem;color: #333;height: 5rem;line-height: 5rem;position: relative;}
.menu li.active a,.menu li:hover a{font-weight: bold;color: #00758e;}
.menu li.active a:after{display:block;content: "";width: 100%;height: 3px; background-color: #00758e;margin-bottom: 0;position: absolute;left: 0;bottom: 0;}
.mobile-btn{display: none;}


.banner-item{height: 65rem;background-color: #00758d;background-size: auto 100%; background-repeat: no-repeat;background-position: center center;}
.banner-con{position: relative;width: 1540px;margin: auto;}
.banner-info{position: absolute;top: 10rem;left:1rem;width: 46rem;min-height: 14rem;padding: 2rem;border-top: .5rem solid #d3eb8f;border-radius: .5rem;background-color: rgba(0, 0, 0, .5);color: #fff;text-align: left;animation:zoomIn 1s 1;-webkit-animation:zoomIn 1s 1;}
.banner-info h3{font-size: 3.75rem;padding-top: .5rem;animation:backInLeft 1s 1;-webkit-animation:backInLeft 1s 1;}
.banner-info h4{font-weight: normal;text-align: left;font-size: 2rem;padding: .5rem 0;text-transform: uppercase;animation:backInRight 1s 1;-webkit-animation:backInRight 1s 1;}
.banner-info p{padding: .5rem 0 ;line-height: 1.8;font-size: 1.25rem;animation:backInUp 1s 1;-webkit-animation:backInUp 1s 1;}
.banner-info a{padding: 1rem 3rem;color: #fff;background-color: #f98e2b;display: inline-block;margin:1rem auto auto;border-radius: .25rem;animation:backInRight 1s 1;-webkit-animation:backInRight 1s 1;}


.to-menu{position: fixed;bottom:200px;z-index: 9;right: 0;border-radius: 6px;overflow: hidden;}
.to-menu li{border-bottom: 1px solid #c7cbcc;}
.to-menu li:last-child{border-bottom-width: 0;}
.to-menu a:link,.to-menu a:visited {display: block;color: #868c8d;padding:40px 1.25rem .625rem;}
.to-menu a.totop{background: url(../images/itotop.png) no-repeat center 15px #d9d9d9;}
.to-menu a.back{background: url(../images/itoback.png) no-repeat center 15px #d9d9d9;}
.to-menu a.msg{background: url(../images/imsg.png) no-repeat center 15px #d9d9d9;} 
.to-menu a:hover{background-color: #ebeaea;color: #f18e38}



.row-title{padding: 1.5rem 1rem;}
.row-title h2{font-size: 3rem;line-height: 1.5;}
.row-title h3{font-size: 3rem;padding-left: 2rem;position: relative;margin: 2rem 0 1rem;}
.row-title h3:after{content: "";display:inline-block;width: 7px;height: 3rem;background-color: #f18e38;border-radius: 3px;position: absolute;left: 0;top: .75rem;}
.row-title p{font-size: 1.5rem;font-weight: 400;line-height: 1.5;}
.twcard{border: 1px solid #ddd;position: relative;border-radius:10px;text-align: left;transition: all .3s;}
.twcard img{border-radius: 10px 10px 0 0;width: 100%;}
.twcard h3{display: block;padding: 1.5rem;font-size:2.25rem;}
.twcard span{display: block;padding: 0 1.5rem 1.5rem;font-size: 1rem;text-indent: 2em;line-height: 1.75;}
.twcard:hover{background-color: #00758d;color: #fff;transform: translate(-10px,-10px);box-shadow: 10px 10px 0 #d8d8d8;}

.card{}
.card-item{transition: all .3s;border-radius: .5rem;}
.card-front{position: relative; border-radius: 1rem;}
.card-front h2{position: absolute;left: 1rem; bottom: 1rem;font-size: 4rem;width: 4em;color: #fff;text-shadow: 1px 1px #333;}
.card-back{position: absolute;height: 0;width: 100%;left: 0;top:-5rem;overflow: hidden;transition: all .3s;background-color: #00758e;color: #fff;border-radius: .5rem;padding: 2rem;line-height: 1.8;}
.card-back h3{font-size: 2rem;}
.card-back p{}
.card-item:hover .card-back{height: 100%;top: 0;}

.report img{border-radius: .5rem .5rem 0 0 ;width: 100%;}
.report h3{font-size: 1.5rem;padding: .5rem 0;height: 5rem;overflow: hidden;}
.report p{padding: .5rem 0;}

.feat{background: url(../images/b21.png) no-repeat center center #333333; height: 65.375rem;background-attachment: fixed;}
.featbox{display: flex;justify-content:space-between}
.feat-item{width:30%;color: #fff;}
.feat-item h3{padding: 1rem;font-weight: 400;}
.feat-item p{padding: 2rem 1rem;position: relative;margin-top: 2rem;line-height: 2;}
.feat .row-title h3{color: #fff;}
.feat-item p:after{content: "";display:inline-block;height: 7px;width: 7rem;background-color: #f18e38;border-radius: 3px;position: absolute;left: 1rem;top: -3px;}

.newslist{flex-wrap: wrap;display: flex;}
.newslist .col2:nth-child(odd){padding-right: 2rem;}
.newslist .col2:nth-child(even){margin-top: -5rem;padding-left:2rem;}
.news-item{border: 1px solid #ddd;position: relative;border-radius:10px;text-align: left;transition: all .3s;}
.news-item img{border-radius: 10px 10px 0 0;width: 100%;}
.news-item h3{display: block;margin: 5rem 1.5rem 1.5rem;font-size:1.75rem; height: 4.5rem;overflow: hidden;}
.news-item p{display: block;margin: 0 1.5rem 1.5rem;font-size: 1rem;line-height: 1.75;min-height: 3rem;}
.news-item span{color: #fff;display: block; width: 8.5rem;height: 8.5rem;padding-top: 1rem;border-radius: 6px; position: absolute;left: 1rem;top:29rem;background-color: #00758d;text-align: center;font-size: 1.25rem;font-family: "Poppins";}
.news-item strong{display: block;font-size: 3rem;}
.news-item:hover{background-color: #d3eb8f;color: #fff;transform: translate(-10px,-10px);box-shadow: 10px 10px 0 #d8d8d8;}
.news-item:hover h3{color: #00758d}
.news-item:hover span{color: #d3eb8f}
.news-tags{margin: 1.5rem; text-align: right;}
.news-tags a{display: inline-block;border: 1px solid #00758d;color: #00758d;padding: .5rem 1rem;border-radius: .25rem;margin-left: .5rem;}
.news-item:hover .news-tags a{background-color: #00758d; color: #d3eb8f}
.ext{padding-bottom: 8rem;}
.ext span{top: 18rem;}
.ext p{height: 7rem; overflow: hidden;}

a.more{padding: 1.5rem 9rem 1.5rem 6rem;color: #fff;display: inline-block;margin: auto;border-radius: .25rem;margin: 2rem auto 3rem;background: url(../images/arrow.png) no-repeat 11rem center #f98e2b;}
a.more:hover{background-color: #ff7e07;}
a.more.blue{background-color: #00758e;}
a.more.blue:hover{background-color: #18a3c1;}


.video{position: relative;background-color: #333;}
.videocon{position: absolute;width: }
.video-info{position: absolute;top: 2rem;right: 5rem;width: 28rem;z-index: 10; min-height: 14rem;border-top: .5rem solid #f98e2b;border-radius: .5rem;background-color: rgba(0, 0, 0, .5);color: #fff;padding: 1rem;line-height: 1.8;text-align: center}
.video-info h4{font-weight: normal;text-align: left;font-size: 1rem;padding: .5rem 0;}
.video-info p{padding: .5rem 0 ;}
.video-info a{padding: .5rem 3rem;color: #fff;background-color: #f98e2b;display: inline-block;margin: auto 1rem;border-radius: .25rem;}
.video-info a:last-child{background-color: #00758d;}
.video-info a:hover{background-color: #d3eb8f;color: #18a3c1}

.album{background-color: #231f20;color: #fff;line-height: 1.7;}
.album-head{width: 22rem;border-top: 6px solid #00758d;border-radius: .5rem;background-color: #353132;padding: 1.5rem;margin-top: -6rem;}
.album-head h2{font-size: 2.25rem;line-height: 1.25rem;padding: .5rem 0;}
.album-head p{font-size: 1rem;padding-top: 1rem;}
.album-info{max-width: 30rem;margin-top: 20rem;}
.album-body{display: flex;padding-bottom: 3rem;}
.album-left{width: 40%;padding-left: 1rem;}
.album-left h3{font-size: 3rem;}
.album-left p{font-size: 1rem; padding-top: .75rem;}
.album-right{display: flex;justify-content:  flex-end;}
.album-right img{display: inline-block;border-radius: .5rem;border: 1rem solid #353132;}
.album-right .p1{padding:8rem 6rem; flex: 1;}
.album-right .p2{display: flex;flex-wrap: wrap;width: 15rem;}
.album-right .p2 img:nth-child(2){border-top-width: 0;border-bottom-width: 0;border-radius: 0;}
.album-right .p2 img:nth-child(1){border-radius: .5rem .5rem 0 0;}
.album-right .p2 img:nth-child(3){border-radius:  0 0 .5rem .5rem ;}
.album-right .p3{position: absolute;top: 40rem;right: 8rem; z-index: 10;}

footer{ margin:auto;color:#fff;background-color: #333333;padding: 1.25rem 0;}
footer .row{padding: 4rem 0;}
.lx-logo{width: 25%;height: auto;flex: none;}
.lxbox{display: flex;}
.lx-info{display: flex;flex-wrap: wrap;padding: 0 3rem;}
.lx-info p{text-align: left;width: 100%;line-height: 2;}

.lx-code{font-size: 1rem;width: 20%;}
.lx-code h4{width: 100%;font-weight: normal;font-size: 1rem;padding-bottom: .25rem;}
.lx-code ul{display:flex;padding: 1.25rem 1.25rem1.875rem 0;justify-content: space-between;}
.lx-code li {margin-left: 2rem;}
.lx-code li:first-child{margin-left: 0;}
.lx-code li span{display: block;text-align: center;}
.copyright{border-top: 1px solid #414141;font-size: .875rem;color: #ccc;padding-top: 1rem;}
.copyright a{font-size: .875rem;color: #ccc}

.focus{padding-top:100px;background-size: auto 100%;height: 48rem;background-repeat: no-repeat;background-position: center center;}
.focus-info{position: absolute;top: 10rem;left: 1rem;width: 58rem;min-height: 14rem;padding: 2rem;border-top: .5rem solid #d3eb8f;border-radius: .5rem;background-color: rgba(0, 0, 0, .5);color: #fff;}
.focus-info h3{font-size: 3.75rem;padding-top: .5rem;}
.focus-info h4{font-weight: normal;text-align: left;font-size: 2.5rem;padding: .5rem 0;text-transform: uppercase;}
.focus-info p{padding: .5rem 0 ;line-height: 1.8;}
.focus-info a{padding: .5rem 3rem;color: #fff;background-color: #f98e2b;display: inline-block;margin: auto 1rem;border-radius: .25rem;}
.focus-info a:last-child{background-color: #00758d;}
.focus5{height: 24rem;}

.fmmsg{position:fixed;right: -20rem;bottom:133px; z-index: 8;width: 200px;background-color: #00758d;border-radius: 6px;padding: .75rem;}
.fmmsg h4{font-size:1rem; font-weight: normal; text-align: left;padding-bottom: .25rem;color: #fff;}
.fmmsg .close{width: 20px;height: 20px; position: absolute;right:10px;top:10px;color:#ddd; }
.fmmsg .close:hover{color:#f98e2b ;}
.fmmsg li{padding: .25rem 0}
.fmmsg input,.fmmsg textarea{width: 100%;border: 1px solid #00758d;padding: .25rem .5rem;border-radius: .25rem;outline: none;}
.fmmsg input:focus,.fmmsg textarea:focus{border-color: #fa8e2c;}
.fmmsg button{background-color: #f98e2b;color: #fff;padding: .25rem  2rem;border-radius: .25rem;width: 100%;}


.page{padding: 1.25rem;text-align: center;}
.page a{display: inline-block;margin:3px;padding:4px;}
.page a.page-prev,.page a.page-next{background-color: #d9d9d9;color: #424242;border-radius: 3px;padding: 4px .625rem;}
.page a.page-next{color: #00758d}
.page a.active{color: #00758d;font-weight: bold;}


.details{background-color: #fff;padding-top: 3rem;max-width: 1200px;margin: auto;}
.details-head h2{font-size: 3.5rem;padding: 2rem 5rem;text-align: center;}
.details-head h5{font-weight: normal;font-size: 1rem;padding: 1.5rem 0;text-align: center;}
.details-body{text-align: left;line-height: 2;}
.details-body:after{content: "";display: block;clear: both;}
.details-body div,.details-body p{padding:1rem 0;color: #424242;}
.details-body img{display: inline-block;margin: auto;}


@media screen and (max-width:1500px){
  html {font-size: 87.5%;}
  .row,.banner-con,.topbar ul{width: 100%;}
 .bx-wrapper .bx-prev{left: 10px;}
 .bx-wrapper .bx-next{right: 10px;}
  .logo{margin-left: 1rem;}
  footer .row{padding: 2rem 1rem;}
}
@media screen and (max-width:1300px){
  html {font-size: 87.5%;}
  .newslist .col3,.newslist .col2,.feat-item{width: 50%;}
  .album-right .p1,.album-right .p2,.album-right .p3,.card-item{width: 50%;}


  h2,.banner-info h3,.row-title h3,.details-head h2,.card-front h2{font-size: 2.5rem;}
  h3,.album-left h3,.focus-info h3,.feat-item h3,.card-back h3{font-size: 2rem;}
  h4,.banner-info h4,.focus-info h4{font-size: 1.25rem;}
  p,.banner-info p{font-size: 1rem;}

  .banner-item,.focus{height: 40rem;}
  .banner-info{width: 94%;max-width: 46rem;top: 8rem;}
  .focus-info{width: 94%;max-width: 46rem;top: 8rem;}


  .menu{padding: 0 1rem;}
  .menu li a{font-size: 1rem;}
  .toptel a{font-size: 1.25rem;}
  .toptel{width: 12rem;background-size: auto 50%;padding-left: 2.75rem;}
  .news-item span{top: 15rem;}
  .album-left{padding-right: 1rem;width: 45%;padding-top: 10rem;}
  .album-right {position: relative;width: 55%;}
  .album-right .p1{padding-left: 2rem;padding-right: 2rem;}
  .album-right .p1{padding: 0;margin-top: 10rem;}
  .album-right .p3{right: 50%;top: 36rem;}
  .lx-info,.lx-code{padding: 1rem;}

  .album{padding: 1rem;margin-top: 5rem;}
  .album-head{top: 3rem;}
  .album-info{margin-top: 2rem;padding: 1rem;}


  .lx-info{width: 35%}
  .lx-code{width: 45%;}
  .lx-code li{margin-left: .5rem;}
  .lx-code li span{font-size: .75rem;}

  .video-info{width: 94%;right: 3%;max-width: 46rem;}

  .details{margin-top: 0;}
  .details-body{padding: .25rem 1rem;}
  .copyright a{display: block;}

  .feat-item p{margin-top: .5rem;padding: 1rem;}
  .row-title h3:after{top: .25rem;height: 2rem;}

  .focus5{height: 10rem;}
  .details{padding-top: 1rem;}
  .details-head h2{padding: 1rem;}

  .bxslider,.report{display: flex;flex-wrap: wrap;}
  .card-item{padding: 1rem;}
  .card-back{position: static;height: auto;background-color: transparent;color: #333;padding: 0;}
  .news-tags a{margin-left: .25rem;}
  .newslist .col2:nth-child(even){margin-top: 0;}
}

@media screen and (max-width: 640px){
  html {font-size: 75%;}
  body{padding-top: 4.75rem;}
  .topbar,.toptel,.to-menu,footer .lx-logo, .focus5,.fmmsg .close{display: none !important;}
  .row,.banner-con,.newslist .col3,.newslist .col2,.album-head,.album-left,.album-right,.lx-code,.feat-item,.lx-info{width: 100%;}
  .album-right .p1,.album-right .p2,.album-right .p3,.card-item{width: 50%;}
  .album-body,  .featbox,footer .row{flex-direction: column !important;}

  h2,.row-title h3,.details-head h2,.card-front h2{font-size: 2rem;}
  h3,.banner-info h3,.album-left h3,.focus-info h3,.feat-item h3,.card-back h3{font-size: 1.5rem;}
  h4,.banner-info h4,.focus-info h4{font-size: 1.25rem;}
  p,.banner-info p{font-size: 1rem;}

  .newslist .col2:nth-child(odd){padding-right: 1rem;}
  .newslist .col2:nth-child(even){margin-top: 0;padding-left: 1rem;}
  .news-item h3{height: auto;}
  .news-item span{top: 18rem;}

  .fmmsg{position: relative;width: 100%;bottom: 0;right: 0;border-radius: 0;padding: 1rem;}
  .fmmsg input, .fmmsg textarea{padding: .75rem 1rem;}
  .fmmsg button{width: auto;padding: .5rem 4rem;}

  header{position: fixed;height: 5rem;width: 100%;left: 0;top: 0;z-index: 110;display: block;}
  .logo{margin: 0 1rem;height: 4.5rem;}
  .menu{display: none;padding: 0;position: absolute;right: .75rem;top: 5rem;}
  .menu ul{padding: .5rem;flex-direction: column;background-color: rgba(55, 55, 55, .85);border-radius: .5rem;width: 12rem;}
  .menu li a{color: #fff;line-height: 1rem;height: 3rem;padding: 1rem;}
  .menu li.active a{color: #f98e2b}
  .menu li.active a:after{top: 1rem;width: 4px;height: 1rem;bottom: auto;background-color: #f98e2b;}

  .mobile-btn{display:block;position: fixed;right:10px;top: 1.5rem;z-index: 115;}
  .mobile-btn i{display: block;width: 3rem;height: 3rem;background-repeat: no-repeat;background-position: center center;background-size: auto 100% ;}
  .mobile-btn i.icon-menu {background-image:url(../images/imenu.png) ;}
  .mobile-btn i.icon-close {background-image:url(../images/iclose.png) ;}
  
  .album-left{padding-top: 2rem;}
}