@charset "utf-8";
/* CSS Document */
body, div, span, ul, li, h1, h2, h3, h4, h5, h6, p, input, dl, dt, dd, p { margin: 0; padding: 0; border: 0; }
body{overflow-x: hidden;}
td, th {padding: 0;margin: 0;}
table {border-spacing: 0;border-collapse: collapse;}
* { padding: 0; margin: 0; /*box-sizing: border-box;*/ } 
body, table, td, tr, th, input, select { font: 14px/25px Arial, Helvetica, sans-serif; color: #333; font-family:"Microsoft YaHei", "微软雅黑";}
li { list-style: none; }
img {padding: 0;margin: 0;border: 0;height: auto!important;max-width: 100%!important;/*image-rendering: -webkit-optimize-contrast;*/}
.clear { clear: both; visibility: hidden; }
.clearfix:after {content: "";display: block;clear: both;}
a { color: #666; text-decoration: none }
a:hover{color: #2989a0;}
.fl { float: left; }
.fr { float: right; }
i, cite, em { font-style: normal }
input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; outline: none }
h1, h2, h3, h4, h5, h6, dl, dd, dt, i, em {font-weight: normal;font-style: normal;}
h1 { font-size: 34px; line-height: 45px; }
h2 { font-size: 24px; line-height: 36px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 20px; }
h6 { font-size: 15px; }


/*********************/
.skinw { width: 100%; max-width: 1300px; margin: 0 auto; }
.wrapper{width: 100%; max-width: 1300px; margin: 0 auto;}
.container { margin: auto; width: 100%; max-width: 1280px; padding:60px 0; overflow: hidden; }
@media (max-width:1299px) {
.skinw, .wrapper{width: 95%;}
.container{width: 95%; margin: 0 auto;overflow: hidden;}
}

/*Header*/
.header {width: 100%;height:auto;background:#ffffff;box-shadow: 0 0 3px #eee;}

.headtop{height:120px;color:#333;overflow: hidden;border-bottom: 1px solid #e6e6e6;}
.headtop .logo {float: left;display: block;margin-top: 10px;}
.headtop .logo img{float: left;display: block}
.headtop .logo div {margin-top: 20px;float:left;margin-left:15px;padding-left:15px;border-left:1px solid #cacaca;font-size:13px;line-height:18px;}
.headtop .logo div span {font-weight:bold;font-size:26px;color: #2989a0;}
.headtop .logo div p {margin-top:10px;font-size:13px;font-weight:300;color:#a7a5a5;}
.headtop .right {float:right;padding-top: 20px;}
.headtop .tel {float:left;height:80px;padding-right:20px;position:relative;padding-left:65px;background:url(../images/tel.png) no-repeat left;color:#333;}
.headtop .tel span{display:inline-block;font-size:15px;color:#4c4c4c;line-height:80px;}
.headtop .tel strong {font-weight:bold;display:inline-block;font-size:28px;color:#bc3e49;font-family:Arial;line-height: 80px;vertical-align:top;}

.headNav{width: 100%;height: 73px;display: block;background: #ffffff;}
.Navlist {width: 100%; max-width: 1300px; margin: 0 auto;}
.Navlist .navbar-nav > li {float: left;font-size:16px;line-height: 45px;position: relative;transition:all .4s;}
.Navlist .navbar-nav > li > a {color:#333;text-decoration:none;display:block;text-align:center;padding:0 28px;margin:14px 0;position: relative;z-index: 1;}
.Navlist .navbar-nav > li > a::after {content: "";position: absolute;width: 0;height: 44px;left: 50%;top:0;transform: translate(-50%);transition: all 0.7s ease-in-out;-webkit-transition: all 0.7s ease-in-out;z-index:-1;background-image: linear-gradient(263deg,#1d7186 0%,#2989a0 100%);border-radius: 21px;}
.Navlist .navbar-nav > li.current > a {color: #ffffff;}
.Navlist .navbar-nav > li.current > a::after {width: 100%;}
.Navlist .navbar-nav > li:hover > a {color: #ffffff;}
.Navlist .navbar-nav > li:hover > a::after {width: 100%;}

.item2 { display: none;}
.Navlist .navbar-nav > li:hover .item2{min-width:100%;display: block;z-index: 999;position: absolute;}
.item2 > li {font-size:14px;line-height:25px;padding: 6px 0;background:rgba(55, 55, 55, 0.76);}
.item2 > li a {display:block;padding: 3px 10px;text-align:center;color:#fff;}
.item2 > li:hover {background: rgb(61, 153, 124, 0.76);}
.item2 > li:hover a {color:#fff; font-weight:normal;}
.m_Nav { display: none }

@media only screen and (max-width:1272px) {
.Navlist .navbar-nav > li > a{padding: 0 24px;}
}
@media only screen and (max-width:1199px) {
.Navlist .navbar-nav > li > a{padding: 0 20px;}
}
@media only screen and (max-width:1129px) {
.Navlist .navbar-nav > li > a{padding: 0 14px;}
}
@media only screen and (max-width:1100px) {
.headtop .logo img{width:220px;}
.headtop .logo div span{font-size: 20px;}
.headtop .logo div p{font-size:12px;}
.headtop .tel{padding-left: 55px;}
.headtop .tel strong{font-size:25px;}
}

.swiper-container img{display:block; width:100%!important;/*image-rendering:pixelated;*/}



/*------------手机站导航开始----------*/
.hidden-g{display: none;}
.hidden-g { position: relative; }
.hidden-g .h-nav-g { position: fixed; left: 0; top: 0; z-index: 1000; width: 100%; height: 60px; background: #fff; transition: 300ms; -webkit-transition: 300ms; }
.hidden-g .h-nav-g img { max-height: 96%; margin-left: 15px; }
.hidden-g .h-nav-g .btn_i {display: block; position:absolute;right: 15px; top: 50%; -webkit-transform: translateY(-50%); transform:translateY(-50%); }
.hidden-g .h-nav-g .btn_i small, .hidden-g .h-nav-g .btn_i:before, .hidden-g .h-nav-g .btn_i:after {display: block;content: '';width:24px;height:2px;background:#29868b;border-radius: 4px;margin: 6px 0;}
.hidden-g .h-nav-g .btn_i_click small { opacity: 0; }
.hidden-g .h-nav-g .btn_i_click:before { transform: rotateZ(45deg); transform-origin: 0px 6px; }
.hidden-g .h-nav-g .btn_i_click:after { transform: rotateZ(-45deg); transform-origin: 5px -1px; }
.hidden-g .ul-small {background:#29868b; width:220px; height:100%; position:fixed; right:0; top:0; z-index:100; -webkit-transition:300ms; -webkit-transform:translateX(220px); transform:translateX(220px); transition:300ms; }
.hidden-g .ul-small input { width: 160px; line-height: 40px; background: #fff; border: 0; border-radius: 20px; margin: 20px 30px 0 30px; text-indent: 10px; }
.hidden-g .ul-small ul { margin-top: 20px; }
.hidden-g .ul-small ul li a { color: #fff; padding-left: 30px; padding-right: 30px; line-height: 50px; display: block; }
.hidden-g .translate {-webkit-transform: translateX(-220px);  transform: translateX(-220px); }
.hidden-g .translate2 {-webkit-transform: translateX(0); transform: translateX(0);  }

@media (max-width: 1024px) {
.header{ display: none; }
.hidden-g{display: block;}
.swiper-button-next, .swiper-button-prev{height:0;}
.swiper-container{padding-top: 60px;}
}



/*NY-BANNEE*/
.nyban{display: block;overflow: hidden;}
.nyban img{width: 100%; display: block;}
@media (max-width: 1024px) {
.nyban{padding-top: 60px;}
}





/*底部*/
.footer{background:#1d2f52;overflow: hidden;padding:60px 0 20px 0;}

.ft-title h4{margin-bottom: 32px;}
.ft-title h4 i{display: block;height: 24px;line-height: 24px;font-size: 24px;color:#FFF;opacity:0.3;font-weight:300;}
.ft-title h4 em{display: block;height: 28px;line-height: 28px;font-size: 21px;color:#FFF;opacity: 0.9;font-weight: normal;}

.ft-nav {width:45%;float: left;}
.ft-nav .nav1 {width:49%;float: left;padding-right: 30px;box-sizing: border-box;}
.ft-nav .nav1:last-child {float: right;}
.ft-nav .nav1 ul li{height:36px;line-height: 36px;}
.ft-nav .nav1 ul li a{display: block; font-size: 15px;color:#FFF;opacity: 0.7;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.ft_con{width:25%;float: left;overflow: hidden;padding-right: 30px;box-sizing: border-box;}
.ft_con ul{margin-bottom:35px;}
.ft_con ul li{margin-bottom:6px;}
.ft_con ul li em{display:inline-block;height:auto;line-height:22px;font-size:15px;color:#FFF;opacity:0.7;}

.ft_follow {width:30%;float:left;}
.ft_follow .follow_share{display:flex;padding: 0 0px 25px;position:relative;}
.ft_follow .follow_share:after{content:"";display:block;position:absolute;height:1px;background: rgb(255 255 255 / 20%);width: 100%;left:0;bottom:0;}
.ft_follow .follow_share a{display:flex;justify-content:center;align-items:center;width:42px;height:42px;border-radius:50%;background:#525e6d;margin-right:15px;transition:.3s;}
.ft_follow .follow_share a i{display:none;position:absolute;bottom:100%;left:0;max-width:100px;}
.ft_follow .follow_share a:hover i{display:block;}
.ft_follow .follow_share a i img{width: 100px;}
.ft_follow .follow_share a:hover{background:#2989a0;}

.ft_follow .follow_tel{display:block;margin:20px 0px;}
.ft_follow .follow_tel h3{font-size:16px;color:#FFF;font-weight: normal;margin:0px 0px 10px;}
.ft_follow .follow_tel p{font-size:32px;color:#FFF;}

.ft_follow .ft_ewm li{width:50%;max-width: 150px;float: left;overflow: hidden;padding-right:20px;box-sizing: border-box;}
.ft_follow .ft_ewm li img{display:block;}
.ft_follow .ft_ewm li em{color: #F1F1F1;text-align: center;display: block;font-size:13px;}

.copy {border-top: 1px rgba(255,255,255,0.2) solid;padding:30px 0px;margin-top:60px;}
.copy section{font-size:16px;color:rgba(255,255,255,.66);display:flex;justify-content:space-between;line-height:32px;}
.copy section a{color:rgba(255,255,255,.66);}

@media only screen and (max-width:767px) {
.ft-title h4{margin-bottom:10px;}
.ft-nav{width: 100%;float: none;}
.ft-nav .nav1{width: 100%;float: none;padding-right: 0;}
.ft-nav .nav1 ul li{display:inline-block;margin-right: 15px;line-height:30px;}
.ft_con{width: 100%;float: none;padding-right: 0;}
.ft_follow{width: 100%;float: none;}
	
.copy section{display: block;}
}
@media only screen and (max-width:600px) {

}


/*BOTTOM*/
.button {
    --text: #fff;
    --font-size: 16px;
    --duration: .5s;
    --move-hover: -4px;
    font-family: 'Roboto';
    font-weight: 500;
    line-height: var(--font-size);
    display: block;
    outline: none;
    border: none;
    cursor: pointer;
    text-decoration: none;
    font-size: var(--font-size);
    letter-spacing: .5px;
    background: var(--background);
    color: var(--text);
    box-shadow: var(--shadow);
    -webkit-transform: translateY(var(--y));
    transform: translateY(var(--y));
    transition: box-shadow var(--duration) ease, -webkit-transform var(--duration) ease;
    transition: transform var(--duration) ease, box-shadow var(--duration) ease;
    transition: transform var(--duration) ease, box-shadow var(--duration) ease, -webkit-transform var(--duration) ease;
    -webkit-tap-highlight-color: transparent;
    -webkit-appearance: none;
}
.button span {
    text-align: center;
}
.button span i {
    display: inline-block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-style: normal;
}
.button span i:nth-child(1) {
    --d: 0.05s;
}
.button span i:nth-child(2) {
    --d: 0.1s;
}
.button span i:nth-child(3) {
    --d: 0.15s;
}
.button span i:nth-child(4) {
    --d: 0.2s;
}
.button span i:nth-child(5) {
    --d: 0.25s;
}
.button span i:nth-child(6) {
    --d: 0.3s;
}
.button span i:nth-child(7) {
    --d: 0.35s;
}
.button span i:nth-child(8) {
    --d: 0.4s;
}
.button span i:nth-child(9) {
    --d: 0.45s;
}
.button span i:nth-child(10) {
    --d: 0.5s;
}
.button span i:nth-child(11) {
    --d: 0.55s;
}
.button:hover {
    --y: var(--move-hover);
    --shadow: var(--shadow-hover);
    --move: -4px;
    --shadow-active: 0 3px 1px rgba(0, 0, 0, .2);
}
.button:hover i {
    -webkit-animation: move var(--duration) linear var(--d);
    animation: move var(--duration) linear var(--d);
}
@-webkit-keyframes move {
    40% {
        -webkit-transform: translateY(var(--move));
        transform: translateY(var(--move));
        text-shadow: var(--shadow-active);
    }
}
@keyframes move {
    40% {
        -webkit-transform: translateY(var(--move));
        transform: translateY(var(--move));
        text-shadow: var(--shadow-active);
    }
}