@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"; }

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; }

.symain { width: 1600px; height: 100%; margin: 0 auto; display: flex; justify-content: flex-start; }

@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; }

.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-color:rgba(255,255,255,0.1);}
.header.scroll { height: 68px; background: #f0f0f0; z-index:20;}
.header.scroll .logo{ line-height:70px; font-size:20px; color:#128f99;}
.header.scroll .logo img { margin-top:5px; height:60px;display: block; }
.header.scroll .headerNav li { line-height: 68px; }
.header.scroll .headerNav li:after { background: #128f99; 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 { height: 100%; line-height:80px; font-size:22px; font-weight:700; color:#fff; transition: all 0.3s;white-space: nowrap;}
.header .logo img { margin-top:4px; height:70px; transition: all 0.3s; float:left; margin-right:15px;display: none;}
.header .fr { width: auto; height: 100%; flex: 1;}
.header .headerNav { height: 100%; float: left; }
.header .headerNav li { position: relative; float: left; margin-left: 60px; font-size: 16px; line-height: 80px; z-index: 2; }
.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;color: #81D4C2; }
.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; font-weight: bold; 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%; max-height:922px; overflow:hidden; background:#000; position:relative;}
.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%;}


@media screen and (max-width: 1660px) { 
  .header { height: 72px; }
  .header .logo img { margin-top: 15px; height: 42px; }
  .header .fr { width: 890px; }
  .header .headerNav li { margin-left: 34px; font-size: 15px; line-height: 72px; }
  .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.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; width: 92%; 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;}
  .header .logo {line-height: 10.67vw;}
  .header .headerTel { display: none; display: flex;justify-content: flex-start; line-height: 10.67vw; padding-left: 0.5vw;color: #FF6A19;  }
  .header.ny_header .headerTel, .header.scroll .headerTel {color: #FF6A19; flex: 1;}
  .header .navBtn {margin-top: 3.32vw; }
  .header .nav__icon { background-color: #81D4C2; }
  .header .nav__icon::before, .header .nav__icon::after { background-color: #81D4C2; }
  .footer { display: none; }
  .header .headerNav { width: 100%; height: 100%; }
   .header .headerNav li {padding-left: 2vw;}
  .header .headerNav li.active > a, .header .headerNav li:hover > a {
    color: #81D4C2;
  }
}

@media screen and (max-width: 580px) { 
  .header { height: 68px; background: #ffffff; 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 .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;}

}



/*footer*/
.footer { width: 100%; height: 30.885vw; background-image: url('../../images/footer/bg.png'); background-size: 100% 100%; background-position: center center; background-repeat: no-repeat; }

.footer .bNav { height: 180px; margin-top: 48px; border-right: 1px solid #1a1d21; width:45%;}
.footer .bNav dl { display: inline-block; float: left; overflow: hidden; text-align: left; padding-top: 10px; margin-right:7%;}
.footer .bNav dl dt { display: block;}
.footer .bNav dl dt a { display: block; font-size: 17px; color: #fff; line-height:35px;}
.footer .bNav dl dd { display: block;}
.footer .bNav dl dd a { display: block; font-size:15px; color: #939393; line-height:25px;}
.footer .bNav dl dd a:hover { color: #128f99;}
.footer .ewm { height: 180px; text-align: center; padding-left: 48px; margin-top: 48px; border-left: 1px solid #464a50;}
.footer .ewm dl { width: 140px; float: left; display: block; margin-right: 30px; margin-top: 10px; height: 164px; }
.footer .ewm dl dt { width: 140px; height: 140px; background-color: #fff; text-align: center;}
.footer .ewm dl dt img { width: 130px; height: 130px; display: inline-block; background-size: 100%; margin-top: 5px;}
.footer .ewm dl dd { font-size: 14px; color: #939393; line-height: 24px; padding-top: 5px; }
.footer .contact_info { width:30%; height: 180px; padding-left:5%; border-right: 1px solid #1a1d21; border-left: 1px solid #464a50; margin-top: 48px; }
.footer .contact_info p.tel { font-size:15px; color: #eee; line-height:28px; width: 100%; }
.footer .contact_info i { display: block; line-height:50px; font-size:30px; color: #128f99;}
.footer .contact_info i a { display: inline-block; color: #fff; padding-right: 12px;}


/*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;}