@charset "utf-8";

/*--------------------------------------------------------------------------公共样式--------------------------------------------------------------------------*/
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
html, body { font-family:Arial,"微软雅黑", sans-serif; width:100%; margin:0 auto; outline:none; color:#666; font-size: 16px; padding:0!important;  }
* { margin: 0; padding: 0;  outline: none; }
a { color:#666; text-decoration: none; background: transparent; outline: none; font-size: 16px; }
a:focus, a:active, a:hover, a:after  { text-decoration: none;  outline: 0;  transition: all 0.3s ease;}
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align:middle; max-width: 100%; transition: all 0.5s ease;  }
button { border:none; }
button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; }
button, input { line-height: normal; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
input.submit { border: 0; margin: 0; cursor: pointer; }
input.radio { display: inline; }
textarea { overflow: auto; vertical-align: top; }
table { width: 100%; border-collapse: collapse; border-spacing: 0;  }
ul, ol { list-style: none; transition: all 0.3s ease; }
li { list-style: none;  transition: all 0.3s ease; }
div { box-sizing: border-box; }
.clear { clear: both; }
.fl { float: left; }
.fr { float: right; }
p { line-height: 200%; font-size: 16px; transition: all 0.3s ease; }
h1,h2,h3,h4,h5 { line-height: 160%;  color:#333;  transition: all 0.3s ease; }
i,em,b { font-style: normal; box-sizing: border-box;  display: inline-block; vertical-align: middle; transition: all 0.3s ease; }
span::after{ transition: all 0.3s ease;}
.clearfix::after { content: ""; display: block; height: 0; clear: both; }
.clearfix { zoom: 1; }
.hid { display: none; }
/*
::-webkit-scrollbar{width: 8px;height: 8px;background-color: #ccc;}
::-webkit-scrollbar-track{background-color: #ccc;}
::-webkit-scrollbar-thumb{background-color: #057174;}
*/

.iconfont { display: inline-block; }

.imgs { width: 100%; overflow: hidden; }
.imgs img { width: 100%; height: 100%; object-fit: cover; object-position:  center center; transition: all 0.5s ease-in-out;}
.imgs:hover img, li:hover .imgs img, .item-left:hover .imgs img, .item-sec:hover .imgs img { transform:scale(1.08);  }
.flex-normal { display: flex; flex-wrap: wrap;  }
.flex-normal-mid { display: flex; flex-wrap: wrap; align-items: center; }
.flex-betw { display: flex; flex-wrap: wrap; justify-content: space-between; }
.flex-betw-mid { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;  }
.flex-center { display: flex; flex-wrap: wrap; justify-content: center;   }
.flex-center-mid { display: flex; flex-wrap: wrap; justify-content: center;  align-items: center; }
.midbox { display: table; }
.miditem { display: table-cell; vertical-align: middle; }
.ellipsis {text-overflow: ellipsis;overflow: hidden; white-space: nowrap; display: block; }
.ellipsis2 {text-overflow: ellipsis; overflow: hidden; display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.ellipsis3 {text-overflow: ellipsis; overflow: hidden; display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.ellipsis4 {text-overflow: ellipsis; overflow: hidden; display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.ellipsis5 {text-overflow: ellipsis; overflow: hidden; display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
.p100 { padding:100px 0; }
.p80 { padding:80px 0; }
.p60 { padding:60px 0; }
.tleft { text-align: left; }
.tright { text-align: right; }
.tcenter { text-align: center; }
.tc-white { color:#fff!important; }
.tc-dark { color:#333; }
.tc-default { color:#666; }
.tc-light { color:#999; }
.tc-ccc { color:#ccc; }
.tc-green { color:#057174; }
.tbold { font-weight:bold; }
.tnormal { font-weight:normal; }
.tupp { text-transform:uppercase; }
.bg-white { background:#fff; }
.bg-dark { background:#333; }
.bg-light { background:#f6f6f6; }
.bg-green { background:#057174; }
.iboxbg { background-position: center center; background-size:cover; background-repeat: no-repeat;}
.ww { width:1400px; margin:0 auto; }
.ptr { position:relative; z-index: 1; }
.pta { position:absolute; z-index: 9; }
.font-tnr { font-family: "Times New Roman", "Noto Serif SC"; }

@keyframes movecircle {
  	0% { left:0; }
	50% { left:30px; }
	100% { left:0; }
}

@keyframes movecircle2 {
  	0% {  left:30px; }
	50% { left:0;}
	100% { left:30px;}
}

.slideUp{
    animation:slideUp 1s both;-webkit-animation:slideUp 1s both;
}
@keyframes slideUp{
    0%{opacity:0;-webkit-transform: translateY(60px);transform: translateY(60px);}
    100%{opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}
}


.slideDown{
    animation:slideDown 0.5s both;-webkit-animation:slideDown 0.5s both;
}
@keyframes slideDown{
    0%{opacity:0;-webkit-transform: translateY(-60px);transform: translateY(-60px);}
    100%{opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}
}

.slideLeft{
    animation:slideLeft 0.5s both;-webkit-animation:slideLeft 0.5s both;
}
@keyframes slideLeft{
    0%{opacity:0;-webkit-transform: translateX(-60px);transform: translateX(-60px);}
    100%{opacity: 1;-webkit-transform: translateX(0px);transform: translateX(0px);}
}
.slideRight{
    animation:slideRight 0.5s both;-webkit-animation:slideRight 0.5s both;
}
@keyframes slideRight{
    0%{opacity:0;-webkit-transform: translateX(60px);transform: translateX(60px);}
    100%{opacity: 1;-webkit-transform: translateX(0px);transform: translateX(0px);}
}
.tobig{
    animation:tobig 0.5s both;-webkit-animation:tobig 0.5s both;
}
@keyframes tobig{
    0%{opacity:0;-webkit-transform: scale(0);transform: scale(0);}
    100%{opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
}
.toRotate{
    animation:toRotate 0.5s both;-webkit-animation:toRotate 0.5s both;
}
@keyframes toRotate{
    0%{opacity:0;-webkit-transform: rotate(90deg);transform: rotate(90deg);}
    100%{opacity: 1;-webkit-transform: rotate(0deg);transform: rotate(0deg);}
}

/*--------------------------------------------------------------------------移动端--------------------------------------------------------------------------*/
@media only screen and (max-width:981px){
	::-webkit-scrollbar{width: 6px;height: 6px; }
	html, body,a, p, li span { font-size:0.38rem; line-height: 180%; }
	.ww, .cw { width: calc(100% - 0.72rem); margin:0 auto;  }
	.p20, .p30, .p40, .p50 { padding:0.36rem 0; }
	.p60, .p80, .p80, .p100, .p120 { padding:0.72rem 0; }
	
}