@charset "utf-8";

/* 
|----------------------
|   全局设置
|----------------------
*/
* {transition: all .8s;}
body {font-size: 14px; font-family: arial, "Microsoft YaHei"; line-height: 1;}

.flex {
    display: flex;
    display: -webkit-box;
    /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box;
    /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox;
    /* 混合版本语法: IE 10 */
    display: -webkit-flex;
    /* 新版本语法: Chrome 21+ */
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.position {position: relative;}
.overflow {overflow: hidden;}
.background {background-position: center;background-repeat: no-repeat;background-size: cover;}
.container { max-width: 1400px; margin: 0 auto;padding-left: 15px; padding-right:15px;}
.w1200{ max-width: 1200px; margin: 0 auto;padding-left: 15px; padding-right:15px;}
@media (max-width:1200px) {
    .container,
    .w1200{max-width: 100%;}
}
.padding {padding-top: 50px;padding-bottom: 50px;}
.padding-top{padding-top: 50px;}
@media (max-width:768px) {
    .padding {padding-top: 30px;padding-bottom: 30px;}
    .padding-top{padding-top: 30px;}
}

/* 
|----------------------
|   主题色设置
|----------------------
*/
:root {
    /* 主色调 */
    --default: #005a69;
    /* 辅助色 */
    --fuColor: #045c68;
}

/* 
|----------------------
|   字体图标
|----------------------
*/
@font-face {
  font-family: 'iconfont';  /* Project id 2663723 */
  src: url('//at.alicdn.com/t/font_2663723_hjhhxne7rel.woff2?t=1626774161966') format('woff2'),
       url('//at.alicdn.com/t/font_2663723_hjhhxne7rel.woff?t=1626774161966') format('woff'),
       url('//at.alicdn.com/t/font_2663723_hjhhxne7rel.ttf?t=1626774161966') format('truetype');
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@font-face {
    font-family: 'iconpublic';
    src: url('../iconfont/public/iconfont.eot');
    src: url('../iconfont/public/iconfont.eot?#iefix') format('embedded-opentype'),
        url('../iconfont/public/iconfont.woff') format('woff'),
        url('../iconfont/public/iconfont.ttf') format('truetype'),
        url('../iconfont/public/iconfont.svg#iconfont') format('svg');
}

.iconpublic {
    font-family: "iconpublic" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* 
|----------------------
|   header
|----------------------
*/

.header {position: fixed; left: 0; top: 0;z-index: 106; width: 100%; }
@media (max-width:1000px) {
    .header {padding: 5px 0;}
    /* .header{ height: auto; flex-direction: row; align-items: center;} */
}

/*  */

.header-box{justify-content: space-between; align-items: center;}
.header-item{align-items: center;}
/* logo */
.header-logo{ text-align: center;}
.header-logo img {
    height: 60px;
    image-rendering:-moz-crisp-edges;
	image-rendering:-o-crisp-edges;
	image-rendering:-webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode:nearest-neighbor;
}
@media(max-width: 1200px) {
    .header-logo{margin: 0;}
    .header-logo img {height: 40px;}
}

/* nav */
.header-nav ul li {padding: 0 15px;}
.header-nav ul li a {position: relative; display: block; line-height: 40px; font-size: 16px; border-bottom: 2px solid transparent}
.header-nav ul li a i{font-size: 24px;}
.header-nav ul li.current-menu-item a,
.header-nav ul li a:hover{border-bottom-color: var(--default); color: var(--default);}


@media (max-width:1200px) {
    .header-nav ul li {padding: 0 15px;}
}

@media (max-width:1000px) {
    .header-nav{display: none;}
}



/* navbar */
.navbar { position: relative; width: 20px; height: 16px; cursor: pointer; display: none;}
.navbar::before,
.navbar::after,
.navbar span{position: absolute; left: 0; content: ''; width: 100%; height: 2px; background-color: var(--default); transition: .3s;}
.navbar::before{top: 0;}
.navbar::after{bottom: 0;}

.navbar span{top: 50%; margin-top: -1px;  display: block;}
.navbar span::before,
.navbar span::after{position: absolute; left: 0; content: ''; width: 100%; height: 2px; background-color: var(--default); transition: .3s;}
.navbar span::before{top: 0;}
.navbar span::after{top: 0;}

/* .active-navbar{animation: rot 1s forwards;} */
.active-navbar::before{top: 50%; opacity: 0; visibility: hidden;}
.active-navbar::after{bottom: 50%; opacity: 0; visibility: hidden;}
.active-navbar span{background: none;}
.active-navbar span::before{transform: rotate(45deg);}
.active-navbar span::after{transform: rotate(-45deg);}

@keyframes rot{
    from{transform: rotate(180deg);}
    to{transform: rotate(0);}
}
@media(max-width: 1000px) {
    .navbar {display: block;}
}
/*  */
.header-search{ padding: 0 30px;}
.header-search a i{ display: block; line-height: 50px; padding: 25px 0; font-size: 24px; font-weight: bold;}
@media (max-width:1200px) {
    .header-search{padding: 0 15px;}
    .header-search a i{padding: 15px 0;}
}

@media (max-width:1000px) {
    .header-search{padding: 0; display: none;}
    .header-search a i{padding: 0;}
}

/* tel */
.header-lang{ text-align: right;}
.header-lang a{ padding:0 10px; font-size: 16px;}
.header-lang a:nth-child(2) {color: var(--default);}
.header-lang a:nth-child(1) {position: relative;}
.header-lang a:nth-child(1)::before {position: absolute; top: 3px; right: 0; content: ''; height: 14px; width: 1px; background-color: #ccc;}
@media (max-width:1000px) {
    .header-lang{display: none;}
}


/* mobile-nav */
.mobile-nav {position: fixed; top: 0;left: 0;z-index: 1000;width: 70%;height: 100%;visibility: hidden;opacity: 0;transform: translateX(-120px); box-shadow: 0 0 15px rgba(0,0,0,.1);}
.mobile-backgroud{ width: 100%;padding: 5px 15px 15px; height: 100%; background-color: rgba(255,255,255,.9);}
.mobile-logo{ margin-bottom: 25px; }
.mobile-logo img{height: 40px;}
/* menu */
.mobile-menu {}
.mobile-menu ul {}
.mobile-menu ul li { margin-top: 10px; border-bottom: 1px solid #eee; overflow: hidden;}
.mobile-menu ul li a { position: relative; display: block;color: #666;font-size: 16px;line-height: 2.5;}

.mobile-menu ul li a::before{ position: absolute; top: 16px; right: 10px; content: ''; display: inline-block; width: 8px; height: 8px;border: 1px solid #333; transform: rotate(45deg);}
.mobile-menu ul li a::before{border-bottom: none;border-left: none;}

.mobile-menu ul li a:hover {color:var(--default);}

@media(max-width: 768px) {
    .mobile-menu ul {display: block; width: 100%; }
    .mobile-menu ul li { flex: auto; }
}
/* close */
.mobile-close {position: absolute;top: 12px;right: 12px;z-index: 9;}
.mobile-close span {position: relative; display: inline-block; width: 30px; height: 30px; cursor: pointer;}
.mobile-close span::before,
.mobile-close span::after{position: absolute; top: 50%; left: 0; content: ''; width: 100%; height: 1px; background-color: #666; transition: .3s; }
.mobile-close span::before{transform: rotate(45deg);}
.mobile-close span::after{transform: rotate(-45deg);}



/* onshow */
.show-mobile {opacity: 1;visibility: visible;transform: translateY(0);}
/* .show-mobile .mobile-menu ul li a {animation: xssss 1s 1;} */
@keyframes xssss {
    from {
        transform: translateX(-56px);
    }
}


/*  */
.header-fixed {border-bottom: none;}

@media (min-width:1000px) {
    .header-fixed {background-color: rgba(255,255,255,.9); }
    .header-fixed .header-nav ul li a { padding :15px 0; line-height: 40px; }
    .header-fixed .header-logo img {height: 40px;}
    .header-fixed .header-search{padding: 0 40px 0 20px;}
    .header-fixed .header-search a i{ line-height: 40px; padding: 5px 0; font-size: 20px; }
}
@media (max-width:768px) {
    .header-fixed {background-color: rgba(255,255,255,1); }
}
/* alert-search */
.alert-search{position: fixed;top: 0;left: 0;z-index: 1000; width: 100%;height: 100%; background-color: rgba(0,0,0,.7);  visibility: hidden; opacity: 0; transition: .6s;}
.alert-search-box {width: 100%; height: auto; padding: 50px 0; background-color: #fff ;transform: translateY(-10px);visibility: hidden;opacity: 0; transition: .6s;}
.alert-search-box .img{max-width: 150px; text-align: center; margin: 0 auto 25px;}
.alert-search-box .img img{max-width: 100%;}
/* form */
.alert-search-form {max-width: 600px; margin: 0 auto; padding: 0 15px;}
.alert-search-form form{display: flex; justify-content: space-between; align-items: center;}
.alert-search-form input { margin-right: -1px; flex: 1; padding:0 10px; background: none;border: 1px solid var(--default);line-height: 44px;color: #777;font-size: 12px;outline: none;}
.alert-search-form button {width: 120px; border: 1px solid var(--default); line-height: 42px;font-size: 16px;background-color: var(--default);color: #fff;outline: none;}

@media (max-width:768px) {
    .alert-search-box {height: 100%;}
    .alert-search-form input {line-height: 35px;font-size: 14px;}
    .alert-search-form button {width: 80px; line-height: 35px;font-size: 14px;}
}
.close-alert-search {position: absolute;top: 45px;right: 45px;width: 35px;height: 35px;cursor: pointer;}
.close-alert-search span {position: absolute;top: 17px;left: 6px;width: 25px;height: 2px;background-color: #333;}
.close-alert-search span:first-child {transform: rotate(45deg);}
.close-alert-search span:last-child {transform: rotate(-45deg);}
@media (max-width:768px) {
    .close-alert-search {top: 15px;right: 15px;width: 35px;height: 35px;cursor: pointer;}
}
.alert-search-show {visibility: visible; opacity: 1; transform: translateY(0);}



/* =================footer================ */
.footer{  background-color: var(--default);}
.footer>.container>.flex{justify-content: space-between; align-items: center;}
.footer-title{padding-bottom: 10px; font-weight: bold; color: #fff;}
.footer-left{width: 100%; justify-content:space-around; align-items: center;}
.footer-about{max-width: 285px;}
.footer-about img{max-width: 100%;}
.footer-about p{ margin-top: 35px; line-height: 24px; color: #fff;}
.footer-nav{ padding-left: 100px; }
.footer-nav ul li a{display: block; margin-top: 10px; color: #fff; line-height: 24px;}
.footer-nav li a:hover{opacity: .7;}
.footer-contact{ border-left: 1px solid #fff; border-right: 1px solid #fff; padding: 50px;}
.footer-contact ul li{display: block; margin-top: 5px; color: #fff; line-height: 24px; }
.footer-qr{ display: flex; flex-direction: column; justify-content: center; align-items: center; }
.footer-qr img{max-width: 120px;}
.footer-qr p{line-height: 28px; font-size: 14px; text-align: center; color: #fff;}
.footer-tel h3{ margin-bottom: 5px; font-size: 30px; font-weight: bold; color: #fff; }
.footer-tel p{font-size: 12px; color: #fff; padding: 5px 0;}

@media (max-width:1420px) {
	.footer-title{ padding-bottom: 5px;}
	.footer-about p{ margin-top: 15px; }
	.footer-nav{display: none;}
	/* .footer-contact{ max-width: 400px; padding-left: 50px; } */
	/* .footer-contact{ max-width: 400px;}
    .footer-left{width: 60%;} */
}

@media (max-width:1200px) {
	/* .footer-left{width: 70%;} */
    .footer-contact{ border-left: 1px solid #fff; border-right: 1px solid #fff; padding: 50px 80px;}
}

@media (max-width:1100px) {
    .footer-about{display: none;}
    .footer-left,
    /* .footer-info{width: 50%;} */
	.footer-contact{ margin-top: 0; padding-left: 0;}
    .footer-contact{ border-left: none; border-right: none;}
    .footer-left{justify-content:space-between;}
}

@media (max-width:768px) {
    .footer>.container{
        padding-top: 30px;
        padding-bottom: 30px;
    }
	.footer-left,
	.footer-info{width: 100%;}
    .footer-contact{ width: 100%; padding: 0;  display: flex; flex-direction: column; justify-content: center;}
    .footer-contact h3{margin-bottom: 15px;}
    .footer-contact ul li{ margin-top: 0; color: #fff;}
	.footer-qr{ display: block; margin-top: 10px; }
    .footer-qr p{ line-height: 20px; font-size: 14px; margin: 0; text-align: center;}
    .footer-qr img{ margin: 5px 0;}
    .footer-tel{ margin-top: 25px; text-align: left;}
    .footer-tel h3{ margin-bottom: 5px; font-size: 24px; font-weight: bold; color: #fff; }
    .footer-tel h3 i{font-size:28px; vertical-align: middle;}
    
    .site-copyright-item span{display: block;}
}


.footer-tag {padding:0;background-color: var(--default);}
.footer-tag ul li {float: left;margin-right: 10px;color: #ccc;line-height: 30px;}
.footer-tag ul li a {color: #ccc;}
.footer-tag ul li a:hover {color: #fff;}




.site-copyright { padding: 10px 0; border-top: 1px solid #0a6976; background-color: var(--default);}
.site-copyright p{line-height: 24px;font-size: 12px; color: #ccc;}
.site-copyright p.flex{justify-content: space-between;}
.site-copyright a{ color: #ccc;}
.site-copyright a:hover{ color: #fff;}

@media (max-width:1200px) {
	.site-copyright p span{display: block;}
}
@media (max-width:640px) {
	.site-copyright p:last-child{display: block;}
}


/*  */

.item-animate li:nth-child(1){animation-delay: .1s;}
.item-animate li:nth-child(2){animation-delay: .2s;}
.item-animate li:nth-child(3){animation-delay: .3s;}
.item-animate li:nth-child(4){animation-delay: .4s;}
.item-animate li:nth-child(5){animation-delay: .5s;}
.item-animate li:nth-child(6){animation-delay: .6s;}
.item-animate li:nth-child(7){animation-delay: .7s;}
.item-animate li:nth-child(8){animation-delay: .8s;}
.item-animate li:nth-child(9){animation-delay: .9s;}
.item-animate li:nth-child(10){animation-delay: 1s;}
.item-animate li:nth-child(11){animation-delay: 1.1s;}
.item-animate li:nth-child(12){animation-delay: 1.2s;}
.item-animate li:nth-child(13){animation-delay: 1.3s;}
.item-animate li:nth-child(14){animation-delay: 1.4s;}
.item-animate li:nth-child(15){animation-delay: 1.5s;}
.item-animate li:nth-child(16){animation-delay: 1.6s;}