@charset "UTF-8";
/*全局样式*/
* { padding: 0; margin: 0; }

li { list-style: none; }

a { display: block; }

a, u { text-decoration: none; }

a:hover { text-decoration: none; }

a:focus { text-decoration: none; outline: none; }

input { outline: none; box-sizing: border-box; }

input[type=text] { appearance: button; -webkit-appearance: button; }

textarea:focus { outline: none; }

textarea { resize: none; appearance: button; -webkit-appearance: button; }

button, select { outline: none; appearance: button; -webkit-appearance: button; }

button { border: none; }

label { display: block; }

img { /* width: 100%;  */max-width:100%;}

h1, h2, h3, h4, h5, h6, label, dt, th { font-weight: normal; }

h1, h2, h3, h4, h5, h6, ul, ol, dl, p, table, label { margin: 0; }

body { font-family: '微软雅黑'; }

.free_editing { color: #333; font-size: 14px; line-height: 24px; }

.header { width: 100%; height: 90px; position: fixed; top: 0px; left: 0px; z-index: 4; }
.header .header-box { width: 100%; height: 100%; position: relative; background-color: transparent; }
.header .header-logo { width: 60px; height: 70px; position: absolute; top: 10px; left: 4%; z-index: 2; }
.header .header-logo a { width: 100%; height: 100%; background-image: url(../images/logo.png); background-repeat: no-repeat; background-position: center; background-size: 100%; }
.header .header-menu { display: none; position: absolute; top: 18px; right: 15px; z-index: 4; }
.header .header-menu-btn { overflow: hidden; padding: 9px 8px; border-radius: 3px; border: 1px solid #fff; position: relative; z-index: 100; }
.header .header-menu-btn span { width: 18px; height: 2px; display: block; margin-top: 4px; border-radius: 1px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; background-color: #fff; -webkit-transform: rotate(0deg) translate3d(0px, 0px, 0); -moz-transform: rotate(0deg) translate3d(0px, 0px, 0); -ms-transform: rotate(0deg) translate3d(0px, 0px, 0); -o-transform: rotate(0deg) translate3d(0px, 0px, 0); transform: rotate(0deg) translate3d(0px, 0px, 0); }
.header .header-menu-btn span:first-child { margin-top: 0px; }
.header .header-menu-btn.open { border-color: #222; }
.header .header-menu-btn.open span { position: relative; background-color: #222; }
.header .header-menu-btn.open span:first-child { top: 6px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.header .header-menu-btn.open span:nth-child(2) { opacity: 0; }
.header .header-menu-btn.open span:nth-child(3) { top: -6px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.header .header-nav { text-align: center; position: absolute; left: 0px; right: 0px; bottom: 0px; z-index: 0; }
.header .header-nav .header-list-item { width: auto; padding: 0px 2%; display: inline-block; }
.header .header-list-title { width: 100%; position: relative; z-index: 2; }
.header .header-list-title a { color:#295fcc /* #fff */; font-size: 16px; line-height: 20px; padding: 20px 0px; border-bottom: 3px solid transparent; transition: border-bottom .2s ease-in-out; }
.header .header-nav-btn { width: 40%; height: 100%; display: none; position: absolute; top: 0px; right: 0px; z-index: 4; background-image: url(../images/off.png); background-repeat: no-repeat; background-position: 92%; background-size: 10px; }
.header .header-nav-btn.on { background-image: url(../images/on.png); }
.header .header-nav-box { opacity: 0; width: 100%; height: 0px; font-size: 0px; overflow: hidden; background: #fff; text-align: center; transition-duration: .2s; transition-property: opacity; transition-timing-function: ease; position: absolute; top: 60px; left: 0px; }
.header .header-nav-box-list { width: 960px; margin: 0px auto; padding-top: 20px; padding-bottom: 40px; }
.header .header-nav-box-list .header-two-nav { width: 240px; position: relative; display: inline-block;}
.header .header-nav-box-list .header-two-nav-con { width: 100%; position: relative; }
.header .header-nav-box-list .header-two-nav-con a { color: #000; font-size: 15px; line-height: 20px; position: relative; padding: 15px 60px; transition: color .2s ease-in-out; }
.header .header-nav-box-list .header-three-nav { margin-bottom: 20px; }
.header .header-nav-box-list .header-three-nav a { color: #333; font-size: 14px; line-height: 20px; padding: 10px 0px; }
.header .header-nav-box-list.pro-nav-list .header-two-nav { float: left; }
.header .header-nav-btn2 { width: 20px; height: 100%; display: block; position: absolute; top: 0px; left: 30px; background-image: url(../images/arrow06.png); background-repeat: no-repeat; background-position: center; background-size: 7px 13px; }
.header .header-nav-btn2.on { background-image: url(../images/arrow05.png); }
.header .header-operation { width: auto; position: absolute; top: 10px; right: 4%; z-index: 1; }
.header .header-operation .language { width: auto; float: left; font-size: 14px; line-height: 20px; }
.header .header-operation .language .yyicon { float: left; width: 20px; height: 20px; display: block; margin-top: 10px; margin-right: 6px; background-image: url(../images/icon01.png); background-repeat: no-repeat; background-position: center; background-size: 100%; }
.header .header-operation .language a { float: left; color: #ccc; padding: 10px 0px; }
.header .header-operation .language .cur { color: #fff; }
.header .header-operation .language u { float: left; color: #ccc; display: block; margin-top: 10px; padding: 0px 2px; }
.header .header-operation .login { width: auto; float: right; font-size: 14px; line-height: 20px; margin-left: 20px; }
.header .header-operation .login a { color: #ccc; padding: 10px 0px; }
.header.header-scroll { box-shadow: 0px 0px 10px #ccc; }
.header.header-scroll .header-box { background-color: #fff; }
.header.header-scroll .header-logo a { background-image: url(../images/logo02.png); }
.header.header-scroll .header-list-title a { color: #000; }
.header.header-scroll .header-operation .language .yyicon { background-image: url(../images/icon01-1.png); }
.header.header-scroll .header-operation .language .cur { color: #295fcc; }
.header.header-scroll .header-menu .header-menu-btn { border-color: #222; }
.header.header-scroll .header-menu .header-menu-btn span { background-color: #222; }

.topH { width: 100%; height: 90px; }

#main { width: 100%; position: relative; z-index: 2; }

.main-content { overflow-x: hidden; }

.banner-box { width: 100%; height: 100vh; overflow: hidden; min-height: 270px; text-align: center; position: relative; background-size: cover; background-color: #193264; background: none no-repeat center center transparent; /* .banner-content{ width:100%;height:100%; }
.banner-con{ width:100%;height:100%;position:relative; } */ }
.banner-box .banner-pc-video { /* width:100%;height:100%; */ display: block; }
.banner-box .banner-phone-img { display: none; }
.banner-box .video { width: auto; height: auto; min-width: 100%; min-height: 100%; position: absolute; top: 0px; left: 50%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); }
.banner-box .banner-phone-img { width: 100%; height: 100vh; position: absolute; top: 0px; left: 0px; z-index: 0; }
.banner-box .banner-phone-img .swiper-container { width: 100%; height: 100%; }
.banner-box .banner-phone-img .swiper-container .swiper-slide a { width: 100%; height: 100%; background: none no-repeat top center transparent; background-size: cover; position: absolute; top: 0px; left: 0px; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); transition: opacity 1s,transform 8s .4s linear; }
.banner-box .banner-phone-img .swiper-container .swiper-slide-active a { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.banner-box .banner-title { width: 100%; text-align: center; position: absolute; top: 50%; left: 0px; margin-top: 90px; }
.banner-box .banner-title h1 { color: #295fcc/* #fff */; font-size: 54px; mix-blend-mode: difference; transition: opacity 1s 1s ease-out, transform 1s 1s cubic-bezier(0.17, 0.67, 0.29, 0.92); opacity: 1; transform: translate3d(0, 0, 0); }
.banner-box .banner-title p { color:#fff/*  #dbdbdb */; font-size: 24px; margin-top: 10px; line-height: 30px; }

/* footer */
.footer { width: 100%; padding-top: 30px; background: #ededed; }
.footer .footer-list { float: left; width: 12.5%; }
.footer .footer-list dt { width: 100%; position: relative; }
.footer .footer-list dt a { color: #4c4c4c; font-size: 16px; line-height: 20px; position: relative; margin-bottom: 12px; padding-bottom: 8px; }
.footer .footer-list dt a:after { width: 50%; height: 1px; content: ""; display: block; background: #808080; position: absolute; left: 0px; bottom: 0px; }
.footer .footer-list dt .footer-btn { width: 40px; height: 40px; display: none; background-image: url(../images/off.png); background-repeat: no-repeat; background-position: center; background-size: 10px; position: absolute; top: 0px; right: 0px; }
.footer .footer-list dt .footer-btn.on { background-image: url(../images/on.png); }
.footer .footer-list dd a { color: #808080; font-size: 14px; line-height: 20px; padding: 5px 5px 5px 0px; }
.footer .footer-list dd a:hover { color: #295fcc; }
.footer .footer-info { width: 100%; margin-top: 30px; position: relative; padding-bottom: 10px; border-bottom: 1px solid #ccc; }
.footer .footer-info .footer-info-list { width: 100%; }
.footer .footer-info .footer-info-list li { padding-left: 25px; margin-right: 30px; position: relative; display: inline-block; }
.footer .footer-info .footer-info-list li span { width: 15px; display: block; position: absolute; top: 0px; left: 0px; }
.footer .footer-info .footer-info-list li p { color: #4c4c4c; font-size: 14px; line-height: 20px; }
.footer .footer-info .footer-topbtn { width: 40px; height: 40px; cursor: pointer; position: absolute; right: 0px; bottom: 0px; background: #295fcc url(../images/arrow04.png); background-repeat: no-repeat; background-position: center; background-size: 20px; }
.footer .footer-bottom { width: 100%; color: #808080; font-size: 12px; padding: 10px 0px; line-height: 20px; }
.footer .footer-bottom h6 { float: left; line-height: 20px; }
.footer .footer-bottom p { float: right; }
.footer .footer-bottom a { color: #808080; display: inline-block; }

.footerH { width: 100%; height: 30px; }

/* page */
.page { text-align: center; }
.page a { color: #666; width: 30px; height: 30px; font-size: 14px; line-height: 30px; text-align: center; display: inline-block; }
.page span { color: #fff; width: 30px; height: 30px; font-size: 14px; line-height: 30px; text-align: center; background: #295fcc; display: inline-block; }
.page u { width: 30px; height: 30px; color: #959595; line-height: 30px; text-align: center; display: inline-block; }
.page input { color: #666; width: 30px; height: 30px; border: none; line-height: 30px; margin-right: 10px; text-align: center; background: #ededed; }
.page button { width: 40px; height: 30px; color: #295fcc; font-size: 14px; background: none; line-height: 28px; text-align: center; border: 1px solid #295fcc; }

.load { text-align: center; }
.load a { color: #fff; font-size: 12px; line-height: 20px; padding: 6px 30px; border-radius: 5px; background: #295fcc; display: inline-block; }

/* banner */
.crumbs { width: 100%; height: auto; background-size: cover; background-repeat: no-repeat; background-position: center center; }

@media screen and (min-width: 768px) { .header:hover { box-shadow: 0px 0px 10px #ccc; }
  .header:hover .header-box { background-color: #fff; }
  .header:hover .header-logo a { background-image: url(../images/logo02.png); }
  .header:hover .header-list-title a { color: #000; }
  .header:hover .header-operation .language .yyicon { background-image: url(../images/icon01-1.png); }
  .header:hover .header-operation .language .cur { color: #295fcc; }
  .header .header-list-item:hover .header-list-title a { border-bottom-color: #295fcc; }
  .header .header-list-item:hover .header-nav-box { opacity: 1; height: auto; }
  .header .header-nav-box-list .header-two-nav-con a:hover, .header .header-nav-box-list .header-three-nav a:hover { color: #295fcc; }
  .header .header-box { transition: background-color .2s ease-in-out; } }
@media screen and (max-width: 1199px) { .footer .footer-list dt a { font-size: 14px; }
  .footer .footer-list dd a { font-size: 12px; } }
@media screen and (max-width: 1024px) { .banner-box .banner-pc-video { display: none; }
  .banner-box .banner-phone-img { display: block; }
  .banner-box .banner-title h1 { font-size: 60px; } }
@media screen and (max-width: 991px) { .header .header-nav .header-list-item { padding: 0px 1%; }
  .header .header-list-title a { font-size: 15px; }
  .header .header-nav-box-list { width: 720px; }
  .footer .footer-list { width: 25%; margin-bottom: 30px; }
  .footer .footer-info { margin-top: 0px; }
  .footer .footer-info .footer-info-list li p { font-size: 12px; }
  .footer .footer-info .footer-topbtn { width: 30px; height: 30px; background-size: 15px; } }
@media screen and (max-width: 767px) { .free_editing { font-size: 12px; }
  .header { height: 70px; }
  .header .header-logo { width: 50px; height: 60px; top: 5px; left: 15px; }
  .header .header-menu { display: block; }
  .header .header-main { width: 100%; background: rgba(0, 0, 0, 0.8); position: fixed; top: 0px; left: 0px; height: 0px; opacity: 0; z-index: 1; transition: height 0s 251ms ease-in-out,opacity 250ms 0s ease-in-out; }
  .header .header-con { width: 100%; height: 100%; padding-top: 70px; padding-bottom: 30px; overflow-x: hidden; overflow-y: auto; background-color: #fff; position: absolute; top: 0; right: -75%; -webkit-overflow-scrolling: touch; transition-property: right; transition-duration: .3s; transition-timing-function: ease; }
  .header .header-main.in { opacity: 1; height: 100%; z-index: 3; }
  .header .header-main.in .header-con { right: 0px; }
  .header .header-nav { text-align: left; position: static; border-top: 1px solid #efefef; }
  .header .header-operation { position: static; padding: 15px; }
  .header .header-operation .language .yyicon { background-image: url(../images/icon01-1.png); }
  .header .header-operation .language .cur { color: #295fcc; }
  .header .header-operation .language u, .header .header-operation .language a, .header .header-operation .login a { color: #666; }
  .header .header-nav .header-list-item { width: 100%; display: block; padding: 0px 15px; border-bottom: 1px solid #efefef; }
  .header .header-list-title a { color: #000; padding: 15px 0px; }
  .header .header-nav-btn { display: block; }
  .header .header-nav-box { opacity: 1; height: auto; display: none; position: static; text-align: left; border-top: 1px solid #eee; }
  .header .header-nav-box-list { width: 100%; padding: 5px 0px; }
  .header .header-nav-box-list .header-two-nav { width: 100%; display: block; }
  .header .header-nav-box-list .header-two-nav-con a { font-size: 14px; padding: 10px 15px; }
  .header .header-nav-btn2 { display: none; }
  .header .pro-nav-list .header-nav-btn2 { width: 40px; left: auto; right: 0px; z-index: 4; display: block; background-position: 50% 32%; transform: rotate(90deg); }
  .header .pro-nav-list .header-nav-btn2.on { transform: rotate(0deg); background-size: 13px 7px; background-position: 62% 50%; }
  .header .header-nav-box-list .header-three-nav { display: none; margin-top: 10px; padding-top: 10px; margin-bottom: 10px; border-top: 1px dashed #eee; }
  .header .header-nav-box-list .header-two-nav:first-child .header-three-nav { margin-top: 0px; padding-top: 0px; border-top: none; }
  .header .header-nav-box-list .header-three-nav a { padding: 10px 30px; }
  .topH { height: 70px; }
  .banner-box .banner-title { margin-top: -30px; }
  .banner-box .banner-title h1 { font-size: 30px; }
  .banner-box .banner-title p { font-size: 16px; margin-top: 0px; }
  .footer { padding-top: 5px; }
  .footer .footer-nav { margin: 0px -15px; }
  .footer .footer-list { width: 100%; float: none; margin-bottom: 0px; }
  .footer .footer-list dt a { padding: 10px 15px; margin-bottom: 5px; }
  .footer .footer-list dt a:after { width: 100%; background: #ccc; }
  .footer .footer-list dt .footer-btn { display: block; }
  .footer .footer-list dd { display: none; }
  .footer .footer-list dd a { padding: 10px 30px; }
  .footer .footer-info { width: auto; padding-bottom: 5px; margin: 5px -15px 0px; }
  .footer .footer-info .footer-info-list { padding: 0px 15px; }
  .footer .footer-info .footer-info-list li { width: 100%; display: block; margin-right: 0px; margin-bottom: 5px; }
  .footer .footer-info .footer-topbtn { display: none; }
  .footer .footer-bottom h6 { width: 100%; float: none; }
  .footer .footer-bottom p { width: 100%; float: none; } }

/*# sourceMappingURL=public.css.map */