/* 初始化样式 */

html {overflow-x: hidden;}
body,html {width: 100%;height: 100%;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
ul { list-style: none; }
a { text-decoration: none; }
a:focus,a:hover{ outline: none;text-decoration:none; }
input, select, textarea { font-family: 'Open Sans', sans-serif; }
a:focus, a:active, a:hover { outline: none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; color: #353F4F; }
button:focus { outline: none; }
img, input { border: 0px; }
i { font-style: normal; }
.clearfix:before { content: "."; display: block; clear: both; height: 0; font-size: 0; visibility: hidden; overflow: hidden; }
.clearfix:after { content: "."; display: block; clear: both; height: 0; font-size: 0; visibility: hidden; overflow: hidden; }
/* 通用样式 */
/* .scollAuto{overflow-y: scroll !important;} */
.text-qctc{color:#6286ed !important}
.bg-qctc{background-color:#6286ed !important}
.bg-white{background: #ffffff !important;}
.color-white{color: #fff !important;}
.padding-30{padding: 30px 0;}
.menu-bg{background-color: #141a2a;}
.pad-b50{padding-bottom: 50px !important;}
.buttons-sy{--move-hover: -4px;--duration: .5s; letter-spacing: .5px;--shadow: 0 2px 8px -1px rgba(39, 94, 254, 0.32);--shadow-hover: 0 4px 20px -2px rgba(39, 94, 254, 0.5);background: var(--background);color: var(--text);text-align: center;padding: 5px 32px;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;}
.buttons-sy:hover {--y: var(--move-hover);--shadow: var(--shadow-hover);--move: -4px;--shadow-active: 0 3px 1px rgba(0, 0, 0, .2);}
.buttons-sy:hover i {-webkit-animation: move var(--duration) linear var(--d);animation: move var(--duration) linear var(--d);}
.buttons-sy span {display: flex;}
.buttons-sy span i {display: block;-webkit-backface-visibility: hidden;backface-visibility: hidden;font-style: normal;}
.buttons-sy span i:nth-child(1) {--d: 0.05s;}
.buttons-sy span i:nth-child(2) {--d: 0.1s;}
.buttons-sy span i:nth-child(3) {--d: 0.15s;}
.buttons-sy span i:nth-child(4) {--d: 0.2s;}
.buttons-sy span i:nth-child(5) {--d: 0.25s;}
.buttons-sy span i:nth-child(6) {--d: 0.3s;}
.buttons-sy span i:nth-child(7) {--d: 0.35s;}
.buttons-sy span i:nth-child(8) {--d: 0.4s;}
.buttons-sy span i:nth-child(9) {--d: 0.45s;}
.buttons-sy span i:nth-child(10) {--d: 0.5s;}
.buttons-sy span i:nth-child(11) {--d: 0.55s;}
.buttons-sy.drive {--move: 16px;--skew: 25deg;--skew-fast: 40deg;--skew-bounce: -12px;}
.buttons-sy.drive:hover i {--duration: 1s;-webkit-transform-origin: 50% 100%;transform-origin: 50% 100%;-webkit-animation: drive var(--duration) linear var(--d);animation: drive var(--duration) linear var(--d);}
/* 按钮动画 */
@-webkit-keyframes drive {
  40% {opacity: 1;}
  55% {-webkit-transform: skewX(var(--skew)) translateX(var(--move));transform: skewX(var(--skew)) translateX(var(--move));}
  56% {-webkit-transform: skewX(var(--skew-fast)) translateX(calc(var(--move) * -1));transform: skewX(var(--skew-fast)) translateX(calc(var(--move) * -1));}
  55%,56% {opacity: 0;}
  75% {-webkit-transform: skewX(var(--skew));transform: skewX(var(--skew));}
  85% {-webkit-transform: skewX(var(--skew-bounce));transform: skewX(var(--skew-bounce));}
}
@keyframes drive {
  40% {opacity: 1;}
  55% {-webkit-transform: skewX(var(--skew)) translateX(var(--move));transform: skewX(var(--skew)) translateX(var(--move));}
  56% {-webkit-transform: skewX(var(--skew-fast)) translateX(calc(var(--move) * -1));transform: skewX(var(--skew-fast)) translateX(calc(var(--move) * -1));}
  55%,56% {opacity: 0;}
  75% {-webkit-transform: skewX(var(--skew));transform: skewX(var(--skew));}
  85% {-webkit-transform: skewX(var(--skew-bounce));transform: skewX(var(--skew-bounce));}
}
/* 顶部样式 */
.navbar{min-height: 70px;}
.header .navbar-expand-md:hover{background: #141a2a;}
.header .navbar-expand-md .navbar-nav .nav-link {color: #fff;margin:0 10px;font-family: 'Poppins', sans-serif;position: relative;}
.header .navbar-expand-md .navbar-nav .nav-link:before {content: '';position: absolute;bottom: -1px;left: 0;width: 0;height: 2px;background: rgba(98,134,237,1);-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;}
.header .navbar-brand{padding:0;}
.header .navbar-brand img { height:60px;margin-top: 10px;}
.navbar-header i{color: #fff;}
.navbar-nav>li>a{line-height: 50px;}
.header .navbar-expand-md .navbar-nav .active a{color:#fff;}
.header .navbar-expand-md .navbar-nav .active a::before,
.header .navbar-expand-md .navbar-nav .nav-link:hover::before {width: 100%;}
.header .navbar-expand-md .navbar-nav .nav-link{background: transparent !important;}
.header .navbar-expand-md .navbar-nav .drop-down ul {display: block;position: absolute;left: 0px;top: 200px;z-index: 99;opacity: 0;visibility: hidden;padding: 10px 0;background:rgba(38,48,77,1);transition: ease all 0.3s;}
.header .navbar-expand-md .navbar-nav .drop-down:hover > ul {opacity: 1;top: 100%;visibility: visible;}
.header .navbar-expand-md .navbar-nav .drop-down li {min-width: 150px;position: relative;}
.header .navbar-expand-md .navbar-nav .drop-down ul a {padding: 10px;font-size: 14px;font-weight: 500;text-transform: none;display: block;color: #fff;text-align: center;}
.header .navbar-expand-md .navbar-nav .drop-down ul a:hover,
.header .navbar-expand-md .navbar-nav .drop-down ul .active > a,
.header .navbar-expand-md .navbar-nav .drop-down>ul>li:hover > a {color:#fff;background:rgba(98,134,237,1);}
.header .navbar-expand-md .navbar-nav .drop-down .drop-down>ul {top: 0;left: calc(100% - 30px);}
.header .navbar-expand-md .navbar-nav .drop-down .drop-down:hover > ul {opacity: 1;top: 0;left: 100%;}
.header .navbar-expand-md .navbar-nav .drop-down .drop-down>ul>li{min-width: 250px;}

.header .navbar-expand-md .navbar-nav .about-down ul {left: -20px;}
.header .navbar-expand-md .navbar-nav .yun-down ul {left: -15px;transition: ease all 0.3s;}
.header .navbar-expand-md .navbar-nav .yun-down ul li {min-width: 120px;position: relative;}
.header .navbar-expand-md .navbar-nav .drop-down ul.downUl {position: relative;left: 10px;top: 0;width: calc(100% - 20px);opacity: 1;visibility: inherit;padding: 10px 0;background:rgba(38,48,77,1);transition: ease all 0.3s;}
.header .navbar-expand-md .navbar-nav .drop-down ul.downUl li a{text-align: left;padding-left: 30px;}

.footers{background:rgba(35,37,38,1);position: relative;z-index: 99;}
.footers .foot-top{padding: 60px 0 20px;color: #fff;letter-spacing: 2px;}
.footers .foot-top dl{height: 180px;}
.footers .foot-top dl dt{margin-bottom: 15px;text-align: center;}
.footers .foot-top dl dd{line-height: 28px;text-align: center;}
.footers .foot-top dl dd a{color: #fff;}

.footers .lxwm{color: #fff;padding: 20px 0 20px 20px;}
.footers .lxwm h4{font-size: 1.5rem;padding-left: 15px;font-weight: 700;}
.footers .lxwm ul{margin-top:10px;display: flex;justify-content: space-around;}
.footers .lxwm ul li{width: 20%;padding: 0 10px;}
.footers .lxwm ul li h5{line-height: 30px;}
.footers .lxwm ul li p{font-size: 13px;}
.footers .links{width: 100%;height: 1px;background-color: #343434;}
.footers .foot-bot{padding: 40px 0 30px;text-align: center;color: #fff;position: relative;}
.footers .foot-bot p{line-height: 30px;}
.footers .foot-bot .cove{text-align: center;position: absolute;right: 0;top: 10px;}
.footers .foot-bot .cove img{height: 100px;width: 100px;}
.footers .foot-bot .cove p{line-height: 25px;}

.main .section{width: 100%;}
.main .section .section_Title{letter-spacing: 0.5rem;padding:40px 0;position: relative;}
.main .section .section_Title h2{font-size: 3rem;margin-top: -45px;position: relative;z-index: 9;}
.main .section .section_Title h4{color:#eee;font-size: 6rem;font-weight: 700;font-family:Open Sans;letter-spacing: 5px;text-transform:uppercase;}
.main .section .section_Title .links{width: 60px;height: 3px;background:rgba(1,136,251,1);position: absolute;left: 50%;margin-left: -30px;bottom:0;}
/* 分页 */
.customBootstrap .pagination>li>a {margin-right: 5px;border-radius: 2px;background: #fff;color: #333;border-color: #ccc;padding: 6px 15px}
.customBootstrap .pagination>li>a:hover,
.customBootstrap .pagination>li>a:focus {color: #fff;background: rgba(98, 134, 237, 1);border-color: rgba(98, 134, 237, 1)}
.customBootstrap .pagination>.active>a,
.customBootstrap .pagination>.active>a:hover,
.customBootstrap .pagination>.active>a:focus {color: #fff;background: rgba(98, 134, 237, 1);border-color: rgba(98, 134, 237, 1)}
.customBootstrap .pagination .arrow2 {margin: 3px 8px 5px 0}
.customBootstrap .pagination a:hover .arrow2 {border-right-color: #fff}
.customBootstrap .pagination .arrow3 {margin: 3px 0 5px 8px}
.customBootstrap .pagination a:hover .arrow3 {border-left-color: #fff}

/* 向上按钮 */
.back-to-top {display: none;position: fixed;z-index: 999;bottom: 18px;right: 15px;width: 45px;height: 45px;line-height: 50px;cursor: pointer;text-align: center;border-radius: 4px;background-color: rgba(98, 134, 237, 1);box-shadow: 0px 0px 9px 0px rgba(98, 134, 237, 1);border-radius: 50%;}
.back-to-top i {color: #fff;font-size: 20px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}

@media screen and (max-width: 770px) {
	.navbar{min-height: 50px;}
	.header .navbar-brand{padding-left: 10px;}
	.header .navbar-brand img { height:40px;margin-top: 10px;}
	.main .section .section_Title{padding:20px 0;}
	.main .section .section_Title h2{font-size: 2rem;margin-top: -28px;}
	.main .section .section_Title h4{color:#eee;font-size: 3rem;font-weight: 700;font-family:Open Sans;letter-spacing: 5px;text-transform: uppercase;}
	.footers .lxwm{padding:20px;}
	.footers .lxwm ul{margin-top:10px;display:inline-block;flex-wrap:wrap}
	.footers .lxwm ul li{width: 100%;padding: 0 10px;margin-bottom: 10px;}
	.footers .foot-bot .cove{text-align: center;position: relative;margin-bottom: 20px;}
	
}