@charset "UTF-8";
* { padding: 0; margin: 0; text-decoration: none; list-style: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; font-family: 'arial','Microsoft Yahei', 'Hiragino Sans GB','Helvetica Neue','Helvetica','tahoma','Verdana','sans-serif', "WenQuanYi Micro Hei","\5B8B\4F53"; }
@font-face {
  font-family: 'aaweilaihei';
  src: url('../font/aaweilaihei.woff') format('woff'),    /* WOFF 格式 */
  url('../font/aaweilaihei.ttf') format('truetype');  /* TTF 格式 */
  font-weight: normal;
  font-style: normal;
}
html, body { width: 100%; background: #fafcff; }

input, button { border: none; outline: none; background: none; }

textarea { border: none; outline: none; background: none; resize: none; overflow: hidden; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #999999; }
input:-moz-placeholder, textarea:-moz-placeholder { color: #999999; opacity: 1; }
input::-moz-placeholder, textarea::-moz-placeholder { color: #999999; opacity: 1; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #999999; }

img { border: none; display: block; }

.main { width: 1200px; height: 100%; margin: 0 auto; }
.header-symain {width: 100%; padding: 0 8.33vw;height: 100%;display: flex;}
.footer-symain { width: 100%; height: 100%; margin: 0 auto; display: flex; flex-direction: column; padding-bottom: 1.56vw;}
.footer-symain .bottom {width: 100%; height: 100%; display: flex; justify-content: space-between; align-items: center; }
.footer-symain .bottom .contact_info {flex: 1;}

.footer-symain .footer-annotation {color: #fff;font-size: 0.8vw;font-family: PingFang SC;opacity: 0.6;text-align: center;}
.footer-symain .footer-beian {text-align: center;color: #fff;font-size: 0.8vw;font-family: PingFang SC;opacity: 0.6;}

/* @media screen and (max-width: 1660px) { .symain { width: 1200px; } }
@media screen and (max-width: 1260px) { .main, .symain { padding: 0 80px; width: auto; } }
@media screen and (max-width: 780px) { .main, .symain { width: 92%; padding: 0; } } */
.fl { float: left; }

.fr { float: left;margin-left: 160px; }

.text-italic { font-style: italic; }

.two-lines-over{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.ellipsis-nowrap { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

.zhisong { width: 1500px; height: 100%; margin: 0 auto; }

@media screen and (max-width: 1660px) { .zhisong { width: 1200px; } }
@media screen and (max-width: 1260px) { .main, .zhisong { padding: 0 80px; width: auto; } }
@media screen and (max-width: 780px) { .main, .zhisong { width: 92%; padding: 0; } }

.clear{font-size:0;line-height:0;height:0;clear:both;visibility:hidden;overflow:hidden}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
html { font-size: 12px; }

@media screen and (max-width: 480px) { html { font-size: 48px; } }
@media screen and (max-width: 414px) { html { font-size: 41.4px; } }
@media screen and (max-width: 411px) { html { font-size: 41.1px; } }
@media screen and (max-width: 412px) { html { font-size: 41.2px; } }
@media screen and (max-width: 360px) { html { font-size: 36px; } }
@media screen and (max-width: 375px) { html { font-size: 37.5px; } }
@media screen and (max-width: 320px) { html { font-size: 32px; } }
/*头部导航*/
.header {position: fixed;left: 0;top: 0;width: 100%;height: 80px;z-index: 10;transition: all 0.3s;background: rgba(0,0,0,0.4);}
.header.scroll { height: 68px; background: #f0f0f0; z-index:20;}
.header.scroll .logo{ line-height:70px; font-size:20px; color:#128f99;display: flex;align-items: center;}
.header.scroll .headerNav li {line-height: 2vw;}
.header.scroll .headerNav li:after {background: #81D4C2;bottom: 0;}
.header.scroll .headerNav li a { color: #333333; }
.header.scroll .headerNav li.active a { color: #128f99; }
.header.scroll .headerTel { color: #333333; line-height: 68px; }
.header.scroll .headerTel::before { top: 7px; }
.header.scroll .headerTel a { color: #128f99; font-size:24px;}
.header.scroll:after { display: none; }
.header .logo { display: flex; align-items: center; height: 100%; line-height:80px; font-size:22px;  color:#81D4C2; transition: all 0.3s;white-space: nowrap;}
.header .logo img {  height:70px; transition: all 0.3s; float:left; margin-right:15px;display:none;}
.header .logo .logo_img2{display:block;}
.header.scroll .logo .logo_img {  height:60px;display: block; }
.header.scroll .logo .logo_img2 { display: none; }
.header .fr {width: auto;height: 100%;flex: 1;display: flex;justify-content: flex-end;}
.header .headerNav { height: 100%; float: left; display: flex; align-items: center; }
.header .headerNav li {position: relative;float: left;margin-left: 6vw;font-size: 1vw;line-height: 3vw;z-index: 2;white-space: nowrap;}
.header .headerNav li:nth-of-type(1).active a { background-image: url("../../images/header/1.png"); background-size: 100%; background-position: center center; background-repeat: no-repeat; }
.header .headerNav li:nth-of-type(2).active a { background-image: url("../../images/header/2.png"); background-size: 100%; background-position: center center; background-repeat: no-repeat; }
.header .headerNav li:nth-of-type(3).active a { background-image: url("../../images/header/3.png"); background-size: 100%; background-position: center center; background-repeat: no-repeat; }
.header .headerNav li:nth-of-type(4).active a { background-image: url("../../images/header/4.png"); background-size: 100%; background-position: center center; background-repeat: no-repeat; }
.header .headerNav li:nth-of-type(5).active a { background-image: url("../../images/header/5.png"); background-size: 100%; background-position: center center; background-repeat: no-repeat; }
.header .headerNav li:first-child {margin-left: 0px;}
.header .headerNav li:after { content: ""; display: block; position: absolute; left: 0; right: 0; bottom: -2px; margin: 0 auto; width: 0px; height: 3px; background: #81D4C2; transition: all 0.3s; }
.header .headerNav li a { color: #fff; }
.header .headerNav li.active:after { width: 100%; }
.header .headerNav li.active > a { font-weight: bold; }
.header .headerNav li.active  a span {color: transparent;}
.header .headerNav li:hover a span { color: transparent; }
.header .headerNav li:nth-of-type(1):hover a { background-image: url("../../images/header/1.png"); background-size: 100%; background-position: center center; background-repeat: no-repeat; }
.header .headerNav li:nth-of-type(2):hover a { background-image: url("../../images/header/2.png"); background-size: 100%; background-position: center center; background-repeat: no-repeat; }
.header .headerNav li:nth-of-type(3):hover a { background-image: url("../../images/header/3.png"); background-size: 100%; background-position: center center; background-repeat: no-repeat; }
.header .headerNav li:nth-of-type(4):hover a { background-image: url("../../images/header/4.png"); background-size: 100%; background-position: center center; background-repeat: no-repeat; }
.header .headerNav li:nth-of-type(5):hover a { background-image: url("../../images/header/5.png"); background-size: 100%; background-position: center center; background-repeat: no-repeat; }
.header .headerNav li .sonNav a{background:#fff;background-image: none!important;}

.header .headerNav li:hover:after { width: 100%; }
.header .headerTel { float: left; font-size: 28px; color: #ffffff; line-height: 80px;position: relative; }
.header .headerTel span { display: inline-block;  }
.header .headerTel { color: #FF6A19;  transition:.5s;margin-left: 18px; white-space: nowrap;}
.header .sonNav { position: absolute; left: 50%; top: 100%; margin-left: -62px; padding-top: 2px; width: 124px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12); background: rgba(255, 255, 255, 0.9); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E6FFFFFF', endColorstr='#E6FFFFFF'); display: none; }
.header .sonNav div { border-top: 1px dashed #cccccc; text-align: center; }
.header .sonNav div:first-child { border-top-width: 0px; }
.header .sonNav div a { display: block; margin-top: 0; font-size: 14px; color: #666666; line-height: 52px; transition: all 0.16s; }
.header .sonNav div a:hover { color: #81D4C2; }
.header .navBtn {float: right;margin-top: 21px;width: 30px;height: 30px;font-size: 0;display: none;cursor: pointer;}
.header .navBtn.active .nav__icon { background: rgba(17, 99, 201, 0); }
.header .navBtn.active .nav__icon:before { margin-top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.header .navBtn.active .nav__icon:after { margin-top: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.header .nav__icon {display: inline-block;position: relative;width: 100%;height: 3px;background-color: #81D4C2;margin-top: 13.5px;-webkit-transition-property: background-color, -webkit-transform;transition-property: background-color, -webkit-transform;transition-property: background-color, transform;transition-property: background-color, transform, -webkit-transform;-webkit-transition-duration: 300ms;transition-duration: 300ms;border-radius: 1px;}
.header .nav__icon:before, .header .nav__icon:after { content: ''; display: block; width: 100%; height: 3px; background-color: #81D4C2; border-radius: 1px; position: absolute; -webkit-transition-property: margin, -webkit-transform; transition-property: margin, -webkit-transform; transition-property: margin, transform; transition-property: margin, transform, -webkit-transform; -webkit-transition-duration: 300ms; transition-duration: 300ms; }
.header .nav__icon:before { margin-top: -10px; }
.header .nav__icon:after { margin-top: 10px; }
.header.ny_header { background: #ffffff; }
.header.ny_header .headerNav li:after { background: #81D4C2; bottom: 0; }
.header.ny_header .headerNav li > a { color: #333333; }
.header.ny_header .headerNav li.active > a { color: #81D4C2; }
.header.ny_header:after { display: none; }
.header.ny_header .headerTel { color: #333333; }
.header.ny_header .headerTel span { background: url(../../images/programme/phone2.png) no-repeat center; background-size: 100% 100%; }
.header.ny_header .headerTel a { color: #81D4C2; }





/*首页--banner*/
@keyframes rotate { 0% { transform: translateY(0); }
  25% { transform: translateY(4px); }
  50% { transform: translateY(8px); }
  75% { transform: translateY(4px); }
  100% { transform: translateY(0); } }
.banner { width: 100%; height: 47.92vw; overflow:hidden; background:#000; position:relative;}
.banner .swiper-container.banner-container.swiper-container-horizontal {width: 100%;}
.banner .swiper-container.banner-container.swiper-container-horizontal .swiper-slide img { width: 100%;}
.banner video{ opacity:0.8;}
.banner_txt{ position:absolute; z-index:2; width:100%; top:50%; transform: translateY(-50%);}
.banner_txt img{ display:block; margin:0 auto; max-width:80%;}





/*footer*/
.footer { width: 100%; height: 30.31vw; background-color: #026871; padding: 0 8.33vw; }

.footer .bNav { display: flex; flex-direction: column; align-items: center; justify-content: center;}
.footer .bNav img { width: 5.63vw; height: 5.95vw; margin-bottom: 3.65vw; }
.footer .bNav p { color: #fff; font-size: 1.25vw; }


.footer .bNav dl { display: inline-block; float: left; overflow: hidden; text-align: left; padding-top: 0.52vw; margin-right: 0.36vw;}
.footer .bNav dl dt { display: block;}
.footer .bNav dl dt a { display: block; font-size: 0.89vw; color: #fff; line-height:1.83vw;}
.footer .bNav dl dd { display: block;}
.footer .bNav dl dd a { display: block; font-size:0.78vw; color: #939393; line-height:1.3vw;}
.footer .bNav dl dd a:hover { color: #128f99;}
.footer .ewm {  text-align: center; }
.footer .ewm dl { float: left; display: block; }
.footer .ewm dl dt { background-color: #fff; text-align: center;}
.footer .ewm dl dt img { width: 10.13vw; height: 10.13vw; display: inline-block; background-size: 100%; margin-top: 0.26vw;}
.footer .ewm dl dd { font-size: 1.3vw; color: #fff; line-height: 3.23vw; }
.footer .contact_info { flex: 1; display: flex; flex-direction: column; }
.footer .contact_info .contact_info_item {width: 100%;display: flex;justify-content: flex-start;font-size: 1.25vw;color: #fff;line-height: 3vw;}
.footer .contact_info .contact_info_item .contact_info_item_label {width: 20.83vw;padding-left: 7.29vw; text-align: left; }
.footer .contact_info .contact_info_item .contact_info_item_text {flex:1;  }
.footer .contact_info .contact_info_item:nth-of-type(1) { font-size: 2.04vw; line-height: 4.42vw;}

/*copyright*/
.copyright { height:60px; line-height:60px; color: #666; background: #111; text-align:center;}
.copyright span{ color: #939393; margin-right:15px;}
.copyright a { color: #939393;
  -webkit-transition: all ease 300ms;
  -moz-transition: all ease 300ms;
  -ms-transition: all ease 300ms;
  -o-transition: all ease 300ms;
  transition: all ease 300ms;
}
.copyright a:hover { color: #0e87db;}
.copyright em{ float:right;}

@media screen and (max-width: 1660px) {
  .header { height: 72px; }
  .header .logo img { height: 42px; }
  .header .fr { width: 890px; }
  .header .headerNav li {margin-left: 3vw;/* white-space: nowrap; */}
  .header .headerTel { line-height: 72px; }
  .header .sonNav { margin-left: -45px; width: 90px; }
  .header .sonNav div a { line-height: 42px; } }
@media screen and (max-width: 1260px) {
  .header .fr { width: 776px; }
  .header .headerNav li { margin-left: 20px; }
  .header .headerTel { margin-left: 20px; }
}
@media screen and (max-width: 1210px) {
  .header.active { background: #f0f0f0; }
  .header.active .logo_img2{
    display:none;
  }
  .header.active .logo_img{
    display:block;
  }
  .header.scroll .fr { top: 68px; }
  .header .fr { float: none; position: fixed; right: 100%; top: 72px; width: 100%; height: 100%; background: #ffffff; -webkit-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; z-index: 9; }
  .header .fr.active { transform: translate(100%, 0); -webkit-transform: translate(100%, 0); }
  .header .headerTel {float: none;margin: 0 auto;flex: 1;text-align: center;color: #81D4C2;}
  .header .headerTel span { background: url(../../images/programme/phone2.png) no-repeat center; background-size: 100% 100%; }
  .header .headerTel a { color: #81D4C2; }
  .header.ny_header .headerTel,.header.scroll .headerTel { color: #81D4C2; }
  .header .headerNav { float: none; margin: 0 auto; width: 92%; height: auto; }
  .header .headerNav li { position: relative; float: none; margin-left: 0; width: 100%; border-bottom: 1px solid #cccccc; }
  .header .headerNav li:after { display: none; }
  .header .headerNav li > a { display: block; height: 100%; font-size: 16px; color: #666666; line-height: 60px; }
  .header .headerNav li.active > a, .header .headerNav li:hover > a { color: #81D4C2; }
  .header .headerNav li.down:after { display: block; position: absolute; width: 16px; height: 16px; left: auto; right: 0; top: 0; margin-top: 22px; background: url(../../images/programme/navdown.png) no-repeat center; background-size: 100% 100%; transition: all 0.2s; }
  .header .headerNav li.on:after { transform: rotate(90deg); }
  .header .sonNav { position: relative; padding: 10px 0; width: 100%; margin-left: 0; box-shadow: none; left: 0; border-top: 1px solid #cccccc; }
  .header .sonNav div { height: 48px; line-height: 48px; width: 100%; }
  .header .sonNav div a { display: block; font-size: 14px; color: #666666; text-align: left; }
  .header .navBtn {display: block;}
  .banner > .symain .bannerdown {display: none;}
}
@media screen and (max-width: 780px) {
  .banner .symain img { left: 0; width: 54%; }
  .banner .leftbtn { width: 40px; height: 40px; left: 0; bottom: 24px; }
  .banner .rightbtn { width: 40px; height: 40px; left: 56px; bottom: 24px; }
  .banner > .symain > a { right: 0; bottom: 24px; width: 150px; height: 44px; }
  .banner > .symain > a span { font-size: 15px; line-height: 44px; }
  .banner > .symain > a .iconfont { padding-right: 12px; font-size: 24px; color: #ffffff; }
  .banner > .symain .bannerdown { bottom: 30px; }
  .banner .swiper-pagination .swiper-pagination-bullet { margin: 10px auto; }
}

@media screen and (max-width: 750px) {
  .header {height: 10.67vw!important;}
  .header .header-symain {display: flex;padding: 0 3vw;justify-content: space-between;align-items: center;/* background: none; */}
  .header .logo {line-height: 10.67vw!important;font-size: 4vw!important;}
  .header .logo img {height: 8vw!important;margin-right: 2vw;}
  .header .fr {top: 10.67vw;}
  .header.scroll .fr {top: 10.67vw;}
  .header .headerTel {display: none;display: flex;justify-content: flex-start;line-height: 10.67vw;padding-left: 0.5vw;color: #FF6A19;font-size: 4vw;}
  .header.ny_header .headerTel, .header.scroll .headerTel {color: #FF6A19;flex: 1;font-size: 24px;display: none;}
  .header .navBtn {margin-top: 0;}
  .header .nav__icon { background-color: #81D4C2; }
  .header .nav__icon::before, .header .nav__icon::after { background-color: #81D4C2; }
  .header .headerNav { width: 100%; height: 100%; display: block;}
  .header .headerNav li {padding-left: 2vw;}
  .header .headerNav li.active > a, .header .headerNav li:hover > a {
    color: #81D4C2;
  }
  .header .headerNav li:nth-of-type(1).active a,
  .header .headerNav li:nth-of-type(2).active a,
  .header .headerNav li:nth-of-type(3).active a,
  .header .headerNav li:nth-of-type(4).active a,
  .header .headerNav li:nth-of-type(5).active a { background-image: none; }
  .header .headerNav li.active a span {color: #81D4C2;}
  .header .headerNav li:nth-of-type(1):hover a,
  .header .headerNav li:nth-of-type(2):hover a,
  .header .headerNav li:nth-of-type(3):hover a,
  .header .headerNav li:nth-of-type(4):hover a,
  .header .headerNav li:nth-of-type(5):hover a {background-image: none;}
  .footer { height: 96.7vw; }
  .footer .bNav {display: none;}
  .footer .ewm {flex: 1;}
  .footer .ewm dl dt img {width: 25.87vw; height: 25.87vw;}
  .footer .ewm dl dd {font-size: 3.33vw;line-height: 6vw;}
  .footer-symain .bottom {flex-direction: column;padding-top: 13vw;}
  .footer .contact_info .contact_info_item .contact_info_item_label {display: none;}
  .footer .contact_info .contact_info_item { font-size: 3.2vw;line-height: 6.8vw;}
  .footer .contact_info .contact_info_item:nth-of-type(1) {font-size: 5.2vw;line-height: 7.5vw;}
  .footer-symain .bottom .contact_info {}
  .footer-symain .footer-annotation {font-size: 2.25vw; text-align: center;}
  .footer-symain .footer-beian {font-size: 2.25vw; text-align: center;}
}
/* 
@media screen and (max-width: 580px) { 
  .header { height: 68px;  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.12); }
  .header.scroll { background: #ffffff; }
  .header.scroll .logo img { margin-top: 14px; height: 40px; }
  .header.active { background: #f0f0f0; }
  .header .logo img { margin-top: 14px; height: 40px; }
  .header .fr { top: 68px; }
  .banner {margin-top: 68px;} 
}
@media screen and (max-width: 480px) { 
  .header { height: 1.44rem; }
  .header .logo img { margin-top: 0.32rem; height: 0.8rem; }
  .header.scroll { height: 1.44rem; }
  .header.scroll .logo img { margin-top: 0.32rem; height: 0.8rem; }
  .header.scroll .fr { top: 1.44rem; }
  .header .fr { top: 1.44rem; }
  .header .headerTel { margin-top: 0.48rem; font-size: 0.54rem; line-height: 1.5; }
  .header.scroll .headerTel {line-height: 1.5;}
  .header .headerTel span { margin-right: 0.16rem; margin-top: -0.053333rem; width: 0.64rem; height: 0.64rem; }
  .header .headerNav li > a { font-size: 0.4rem; line-height: 1.28rem; }
  .header .headerNav li.down:after { width: 0.4rem; height: 0.4rem; margin-top: 0.426667rem; }
  .header .sonNav { padding: 0.16rem 0; }
  .header .sonNav div { height: 1.12rem; line-height: 1.12rem; }
  .header .sonNav div a { font-size: 0.373334rem; }
  .header .navBtn { margin-top: 0.4rem; width: 0.64rem; height: 0.64rem; }
  .header .nav__icon { height: 2px; margin-top: 0.266667rem; }
  .header .nav__icon:before, .header .nav__icon:after { height: 2px; }
  .header .nav__icon:before { margin-top: -0.213333rem; }
  .header .nav__icon:after { margin-top: 0.213334rem; }
  .banner {margin-top: 1.44rem;}

} */
@media screen and (max-width: 350px) {
  .header {height: 15.33vw;}
  .header .logo {line-height: 15.33vw;font-size: 4.71vw; color: #81D4C2;}
  .header .fr {top: 15.14vw;}
  .header.scroll {height: 15.33vw;}
  .header.scroll .logo img {height: 8vw;}
  .header.scroll .logo {line-height: 15.33vw;font-size: 4.71vw;}
  .header .headerTel {font-size: 4.5vw; margin-top: 0; display: none; display: flex;justify-content: flex-start; line-height: 15.33vw; padding-left: 0.5vw;color: #FF6A19;  }
  .header.ny_header .headerTel, .header.scroll .headerTel {color: #FF6A19; flex: 1;font-size: 4.5vw;}
  .header.scroll .headerTel {line-height: 15.33vw;}
  .header .navBtn {margin-top: 4.32vw; }
  .header .nav__icon { background-color: #81D4C2; }
  .header .nav__icon::before, .header .nav__icon::after { background-color: #81D4C2; }
  .header .headerNav { width: 100%; height: 100%; }
  .header .headerNav li {padding-left: 2vw;}
  .header .headerNav li.active > a, .header .headerNav li:hover > a {color: #81D4C2;}
  .header .headerNav li:nth-of-type(1).active a,
  .header .headerNav li:nth-of-type(2).active a,
  .header .headerNav li:nth-of-type(3).active a,
  .header .headerNav li:nth-of-type(4).active a,
  .header .headerNav li:nth-of-type(5).active a { background-image: none; }
  .header .headerNav li.active a span {color: #81D4C2;}
  .header .headerNav li:nth-of-type(1):hover a,
  .header .headerNav li:nth-of-type(2):hover a,
  .header .headerNav li:nth-of-type(3):hover a,
  .header .headerNav li:nth-of-type(4):hover a,
  .header .headerNav li:nth-of-type(5):hover a {background-image: none;}
  .footer { height: 100vw;}
  .footer .bNav {display: none;}
  .footer .contact_info .contact_info_item .contact_info_item_label {display: none;}
}