@keyframes seq-preloader {
	50% {
	opacity:1;
}
100% {
	opacity:0;
}
}a:hover {
	cursor:url(../img/3122.png),default;
	text-decoration:none
}
::-webkit-scrollbar {
	width:8px;
	height:8px;
	background-color:#F5F5F5;
}
/*轨道*/
::-webkit-scrollbar-track {
	box-shadow:inset 0 0 6px rgba(0,0,0,0.3);
	-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);
	background-color:rgba(0,0,0,0.8);
}
/*滑块*/
::-webkit-scrollbar-thumb {
	border-radius:0px;
	box-shadow:inset 0 0 6px rgba(0,0,0,.1);
	-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.1);
	background-color:rgba(176, 176, 176,0.8);
}
.seq-preloader {
	background:#004f66;
	visibility:visible;
	opacity:1;
	position:absolute;
	z-index:9999;
	height:100%;
	width:100%;
	top:0;
	left:0;
	right:0;
	bottom:0;
}
.slides .slide .ricon {
	position:absolute;
	top:22px;
	left:12px;
}
.slides .slide .center{
	display: none;
}
.slides .slide .xicon {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	overflow:hidden;
}
.slides .slide .TopIco {
	width: 35px;
	height: 35px;
	background: url(../image/TopIco.png);
	top: -2px;
	left: 13px;
	position: absolute;
}
.slides .slide .NewIco {
	width:47px;
	height:43px;
	background:url(../image/NewIco.png) -6px -3px no-repeat;
	top:0px;
	left:15px;
	position:absolute;
}
.slides .slide .ricon img {
	width:40px;
	height:40px;
	padding:0;
	border-radius:2px;
}
}.seq-preloader.seq-preloaded {
	opacity:0;
	visibility:hidden;
	transition:visibility 0s .5s,opacity .5s;
}
.seq-preload-indicator {
	overflow:visible;
	position:relative;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
.seq-preload-circle {
	display:inline-block;
	height:12px;
	width:12px;
	fill:#ffffff;
	opacity:0;
	animation:seq-preloader 1.25s infinite;
}
.seq-preload-circle-2 {
	animation-delay:.15s;
}
.seq-preload-circle-3 {
	animation-delay:.3s;
}
.seq-preload-indicator-fallback {
	width:42px;
	overflow:visible;
}
.seq-preload-indicator-fallback .seq-preload-circle {
	width:8px;
	height:8px;
	background-color:#f4f4f4;
	border-radius:100%;
	opacity:1;
	display:inline-block;
	vertical-align:middle;
}
.seq-preload-indicator-fallback .seq-preload-circle-2 {
	margin-left:3px;
	margin-right:3px;
	width:12px;
	height:12px;
}
.seq-preload-indicator-fallback .seq-preload-circle-3 {
	width:16px;
	height:16px;
}
@-webkit-keyframes fill {
	0% {
	width:0%;
	height:1px;
}
50% {
	width:100%;
	height:1px;
}
100% {
	width:100%;
	height:100%;
	background:#fff;
}
}@keyframes fill {
	0% {
	width:0%;
	height:1px;
}
50% {
	width:100%;
	height:1px;
}
100% {
	width:100%;
	height:100%;
	background:#fff;
}
}@-webkit-keyframes fillColour {
	0% {
	color:#fff;
}
50% {
	color:#fff;
}
100% {
	color:#333;
}
}@keyframes fillColour {
	0% {
	color:#fff;
}
50% {
	color:#fff;
}
100% {
	color:#333;
	color:hsl(28deg 96% 46%);
}
}* {
	margin:0;
	padding:0;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	font-family:mwf-segoe,Segoe UI,Segoe,sans-serif;
}
html {
	overflow:hidden;
}
body {
	overflow:hidden;
	font-size:100%;
	font-family:mwf-segoe,Segoe UI,Segoe,sans-serif;
	cursor:url(../img/3122.png),default;
}
input{
   outline: none;
 }
.top_search {
	max-width: 100%;
	margin: 0 auto;
	padding: 7px 9px 0 14px;
	height: 49px;
	overflow: hidden;
}
.top_search .input-wrapper {
	background-color: #fff;
	border-radius: 2px;
	font-size: 14px;
	float: left;
}
input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]), select, textarea {
	border: none;
	color: #ffffff;
	transition: .25s;
	height: 42px;
	border-radius: 2px;
	padding: .75rem;
}
.top_search_wrapper{
	height: 54px;
position: sticky;
	z-index: 2223122;
	background: #004e6a;
	top: 0;
box-shadow: 0 0 6px 0 #000000;
}
.sbtn {
	background-color: #ff5e3a;
	margin-right: 5px;
	font-size: 14px;
	border-radius: 2px;
	color: #ffffff;
	line-height: 4rem;
	font-weight: bold;
	height:42px;
	float: left;
	padding: 0px 8px;
}
.top_search .hot{
	cursor:pointer;
	background: #787878;
	color: #ffffff;
	box-shadow: 0 4px 12px rgb(0 0 0 / 10%);
}
.top_search .hot1 {
	margin-left: 5px;
}
.top_search .hotend {
	margin-right:0
}
.top_search .hot:hover{
	color: #ffffff;
	background-color: #1296db;
	border-color: #14171B;
}
.top_search_wrapper .top_search .HotY{
	background-color: #1296db;
}
.input-wrapper input[type=button], .input-wrapper input[type=submit] {
	border: none;
	background-color: transparent;
	line-height: 36px;
	width: 36px;
	font-size: 18px;
}
.input-wrapper {
	background-color: #fff;
	border-radius: 2px;
	font-size: 14px;
}
nav {
	text-align:center;
	background-color:hsla(0,0%,0%,.7);
	position:fixed;
	z-index:100;
	height:100vh;
	left:0;
	font-weight:300;
	font-size:1rem;
	width:14vw;
}
nav em {
	font-style:normal;
	margin-left:5px;
	font-size:1.6rem;
	font-weight:600;
}
nav a.active em {
	color:hsl(28deg 96% 46%);
}
nav ul li .fa {
	}.daohang1 .fa {
	background:url(../image/leftIco-1-1.png) no-repeat center center;
}
.daohang2 .fa {
	background:url(../image/leftIco-2-1.png) no-repeat center center;
}
.daohang3 .fa {
	background:url(../image/leftIco-3-1.png) no-repeat center center;
}
.daohang4 .fa {
	background:url(../image/leftIco-4-1.png) no-repeat center center;
}
.daohang5 .fa {
	background:url(../image/leftIco-5-1.png) no-repeat center center;
}
.daohang6 .fa {
	background:url(../image/leftIco-6-1.png) no-repeat center center;
}
.daohang7 .fa {
	background:url(../image/leftIco-7-1.png) no-repeat center center;
}
nav ul li i {
	width:8%;
}
nav ul > em:first-child {
	}.daohang1 em {
	font-size:2rem;
}
nav ul li a {
	font-size:18px;
	color:hsla(0,0%,100%,.66);
}
nav ul li a i {
	display:inline-block;
	font:normal normal normal 14px/1 FontAwesome;
	font-size:inherit;
	text-rendering:auto;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}
nav .mini-logo {
	display:none;
}
nav .logo {
	margin-top:45px;
}
nav .logo img {
	max-width:100%;
	overflow-y:hidden;
}
nav ul {
	user-select:none;
	margin:60px 15px 0 15px;
	text-align:left;
	list-style-type:none;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	-ms-flex-pack:distribute;
	justify-content:space-around;
}
nav ul li {
	margin:25px 0px;
}
nav a,nav a:visited,nav a:active {
	color:#fff;
}
nav a {
	text-decoration:none!important;
	font-size:14px;
	letter-spacing:0.5px;
	-webkit-transition:color 2s,background 1s;
	transition:color 2s,background 1s;
	padding:20px 30px;
	position:relative;
	z-index:0;
}
nav a.active {
	background-color:#fff;
	color:#d73100;
}
nav a::before {
	content:"";
	position:absolute;
	height:0%;
	width:0%;
	bottom:0;
	left:0;
	opacity:1;
	z-index:-1;
}
nav a:hover {
	text-decoration:none;
	cursor:url(../img/3122.png),default;
	color:#d73100;
}
nav a:hover em {
	color:hsl(207deg 99% 35%);
	color:hsl(28deg 96% 46%);
	cursor:url(../img/3122.png),default;
}
nav a:hover::before {
	-webkit-animation:fill 0.7s forwards ease-in-out;
	animation:fill 0.7s forwards ease-in-out;
	opacity:1;
}
.slides {
	width:900vw;
	height:100vh;
	-webkit-transition:-webkit-transform 0.8s ease;
	transition:-webkit-transform 0.8s ease;
	transition:transform 0.8s ease;
	transition:transform 0.8s ease,-webkit-transform 0.8s ease;
}
.slides .slide {
	height:100vh;
	width:91.5vw;
	float:left;
	text-align:center;
	background-size:cover;
	position: relative;
	z-index:2
}
.diyi .slides .slide .content {
	height:auto;
}
.diyi .bj{
	background-size: 300px auto;
	width: 3900px;
	
	-moz-animation: bg 60s linear infinite;
	-webkit-animation: bg 60s linear infinite;
	-o-animation: bg 60s linear infinite;
	-ms-animation: bg 60s linear infinite;
	animation: bg 60s linear infinite;
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-transform: translate3d(0,0,0);
	-webkit-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	background-color: #348cb2;
	background-image: url(../image/bj2.jpg);
	background-position: bottom left;
	background-repeat: repeat-x;
	height: 100%;
	left: 0;
	opacity: 1;
	position: fixed;
	top: 0;
}
.slides .slide .content {
	height:auto;
}
.slides .slide .content {
	width:100%;
	text-align:center;
}
.content::-webkit-scrollbar {
	width:5px;
	height:8px;
	background-color:rgba(0,0,0,0.5);
}
.content::-webkit-scrollbar-thumb {
	background:rgba(250,250,250,0.5);
}
.slides .bj1 {
	background-image:url(../image/1.jpg)
}
.slides .bj2 {
	background-image:url(../image/2.jpg)
}
.slides .bj3 {
	background-image:url(../image/3.jpg)
}
.slides .bj4 {
	background-image:url(../image/4.jpg)
}
.slides .bj5 {
	background-image:url(../image/5.jpg)
}
.slides .bj6 {
	background-image:url(https://www.3122.cn/inc/skin/2022/cn/img/randomi/6.jpg)
}
.slides .bj7 {
	background-image:url(https://www.3122.cn/inc/skin/2022/cn/img/randomi/7.jpg)
}
.slides .bj8 {
	background-image:url(../image/8.jpg)
}
.slides .bj9 {
	background-image:url(../image/9.jpg)
}
.slides .bj10 {
	background-image:url(../image/10.jpg)
}
.slides .bj11 {
	background-image:url(../image/11.jpg)
}
.slides .bj12 {
	background-image:url(../image/12.jpg)
}
.slides .bj13 {
	background-image:url(../image/13.jpg)
}
.slides .bj14 {
	background-image:url(../image/14.jpg)
}
.slides .bj15 {
	background-image:url(../image/15.jpg)
}
.slides .bj16 {
	background-image:url(../image/16.jpg)
}
.slides .bj17 {
	background-image:url(../image/17.jpg)
}
.slides .bj18 {
	background-image:url(../image/18.jpg)
}
.slides .bj19 {
	background-image:url(../image/19.jpg)
}
.slides .bj20 {
	background-image:url(../image/20.jpg)
}
.slides .slide:nth-child(1) {
	background-color:#0162b0;
}
.slides .slide:nth-child(2) {
	background-color:#4e257f;
}
.slides .slide:nth-child(3) {
	background-color:#243a5e;
}
.slides .slide:nth-child(4) {
	background-color:#7f2559;
}
.slides .slide:nth-child(5) {
	background-color:#006688;
}
.slides .slide:nth-child(6) {
	background-color:#df6200;
}
.slides .slide:nth-child(7) {
	background-color:#1b1d1f;
}
.slides .slide .third-content img {
	max-width:100%;
	padding-bottom:25px;
}
.main-btn a:hover {
	background-color:#fff;
	color:#232323!important;
	cursor:url(../img/3122.png),default;
}
.first-content {
	padding:100px;
	text-align:left;
	padding-top:13%;
}
.first-content .author-image img {
	margin-top:15px;
	border-radius:30px;
	max-width:100%;
	overflow:hidden;
	float:left;
	margin-right:35px;
}
.first-content h2 {
	font-size:36px;
	text-transform:uppercase;
	font-weight:600;
	color:#fff;
	letter-spacing:0.5px;
	border-bottom:2px solid #fff;
	display:inline-block;
	padding-bottom:10px;
	margin-bottom:20px;
	margin-top:0px;
}
.first-content p {
	color:#fff;
	font-size:13px;
	text-transform:uppercase;
	font-weight:300;
	letter-spacing:2px;
	line-height:26px;
	margin-bottom:20px;
}
.first-content em {
	font-style:normal;
	font-weight:900;
}
.first-content .main-btn {
	display:inline-block;
	margin-right:15px;
}
.first-content .main-btn a {
	display:inline-block;
	border:2px solid #fff;
	padding:8px 15px;
	font-size:13px;
	text-transform:uppercase;
	letter-spacing:1px;
	color:#fff;
	text-decoration:none;
	transition:all 0.5s;
	transition:all 0.5s;
}
.first-content .fb-btn {
	display:inline-block;
}
.first-content .fb-btn a {
	display:inline-block;
	background-color:#fff;
	border:2px solid #fff;
	padding:8px 15px;
	font-size:13px;
	text-transform:uppercase;
	letter-spacing:1px;
	color:#232323;
	text-decoration:none;
	transition:all 0.5s;
}
.first-content .fb-btn a:hover {
	color:#fff;
	background-color:transparent;
	cursor:url(../img/3122.png),default;
}
.second-content .container-fluid {
	padding-right:0px;
	padding-left:0px;
}
.second-content .container-fluid .col-md-6 {
	padding-right:0px;
	padding-left:0px;
}
.second-content .right-image img {
	max-width:100%;
	min-width:100%;
	overflow:hidden;
	float:right;
}
.second-content .left-content {
	padding:60px;
	text-align:left;
}
.second-content h2 {
	font-size:36px;
	text-transform:uppercase;
	font-weight:600;
	color:#fff;
	letter-spacing:0.5px;
	border-bottom:2px solid #fff;
	display:inline-block;
	padding-bottom:10px;
	margin-bottom:20px;
	margin-top:0px;
}
.second-content p {
	font-size:13px;
	color:#fff;
	letter-spacing:0.5px;
	font-weight:300;
	line-height:24px;
	margin-bottom:30px;
}
.second-content a {
	color:#fff;
	text-decoration:underline;
}
.second-content .main-btn a {
	display:inline-block;
	border:2px solid #fff;
	padding:8px 15px;
	font-size:13px;
	text-transform:uppercase;
	letter-spacing:1px;
	color:#fff;
	text-decoration:none;
	transition:all 0.5s;
}
.third-content {
	text-align:center;
	margin:55px 0 30px 0;
}
.third-content .container-fluid {
	padding-right:7.5px;
	padding-left:7.5px;
}
.third-content .first-section .left-content {
	margin-right:15px;
	margin-top:12px;
}
.third-content .first-section .right-image {
	margin-left:15px;
}
.third-content .second-section {
	margin-top:30px;
}
.third-content .second-section .right-content {
	margin-left:15px;
	margin-top:12px;
}
.third-content .second-section .left-image {
	margin-right:15px;
}
.third-content h2 {
	font-size:24px;
	text-transform:uppercase;
	font-weight:600;
	color:#fff;
	letter-spacing:0.5px;
	border-bottom:2px solid #fff;
	display:inline-block;
	padding-bottom:10px;
	margin-bottom:20px;
	margin-top:0px;
}
.third-content p {
	font-size:13px;
	color:#fff;
	letter-spacing:0.5px;
	font-weight:300;
	line-height:24px;
	margin-bottom:20px;
}
.third-content .main-btn a {
	display:inline-block;
	border:2px solid #fff;
	padding:8px 15px;
	font-size:13px;
	text-transform:uppercase;
	letter-spacing:1px;
	color:#fff;
	text-decoration:none;
	transition:all 0.5s;
}
.third-content .col-md-6 {
	margin:0px;
	padding:0px;
}
.fourth-content {
	padding:5px;
}
.fourth-content .container-fluid {
	padding-right:15px;
	padding-left:15px;
}
.fourth-content .container-fluid .col-md-4 {
	padding-right:0px;
	padding-left:0px;
}
.fourth-content .item {
	margin:10px;
}
.fourth-content .item img {
	max-width:100%;
	overflow:hidden;
}
.fourth-content .item .thumb {
	position:relative;
}
.fourth-content .item .hover-effect {
	text-align:left;
	position:absolute;
	color:#fff;
	background-color:rgba(0,0,0,0.95);
	bottom:0;
	top:0;
	left:0;
	right:0;
	opacity:0;
	visibility:hidden;
	transition:all 0.8s;
	cursor:url(../img/3122.png),default;
}
.fourth-content .item:hover .hover-effect {
	opacity:1;
	visibility:visible;
}
.fourth-content .item .hover-effect .hover-content {
	transform:translateY(-50%);
	position:absolute;
	text-align:left;
	width:100%;
	top:50%;
	left:0;
	padding:30px;
}
.fourth-content .item .hover-effect h2 {
	font-size:18px;
	text-transform:uppercase;
	font-weight:600;
	color:#fff;
	letter-spacing:0.5px;
	border-bottom:1px solid #fff;
	display:inline-block;
	padding-bottom:10px;
	margin-bottom:10px;
	margin-top:0px;
}
.fourth-content .item .hover-effect p {
	font-size:13px;
	text-transform:uppercase;
	letter-spacing:0.5px;
	line-height:22px;
	padding-bottom:0px;
	margin-bottom:0px;
}
.fifth-content .container-fluid {
	padding-left:0px;
	padding-right:0px;
}
.fifth-content .container-fluid .col-md-6 {
	padding-left:0px;
	padding-right:0px;
}
.fifth-content #map {
	padding:50px 0px 50px 50px;
}
.fifth-content #contact {
	padding:50px 50px 50px 50px;
}
.fifth-content input {
	border-radius:2px;
	padding-left:15px;
	font-size:13px;
	font-weight:300;
	color:#fff;
	background-color:rgba(250,250,250,0.15);
	outline:none;
	border:none;
	box-shadow:none;
	line-height:40px;
	height:42px;
	width:100%;
	margin-bottom:25px;
}
.fifth-content textarea {
	border-radius:2px;
	padding-left:15px;
	padding-top:10px;
	font-size:13px;
	font-weight:300;
	color:#fff;
	background-color:rgba(250,250,250,0.15);
	outline:none;
	border:none;
	box-shadow:none;
	height:125px;
	max-height:220px;
	width:100%;
	max-width:100%;
	margin-bottom:25px;
}
.fifth-content .code {
	float:left;
	height:42px;
	background-color:rgba(250,250,250,0.15);
	border-radius:2px;
	margin-left:15px;
	width:60px;
}
.fifth-content button {
	max-width:100%;
	width:100%;
	display:inline-block;
	border:2px solid #fff;
	padding:8px 15px;
	font-size:13px;
	text-transform:uppercase;
	letter-spacing:1px;
	color:#fff;
	text-decoration:none;
	background-color:transparent;
	border-radius:0px;
	transition:all 0.5s;
}
.fifth-content button:hover {
	color:#232323;
	background-color:#fff;
}
.diliu .container-fluid {
	width:83vw;
	margin:0 auto;
	margin-top:15%;
	float:right;
	color:#fff;
}
.footer {
	position:absolute;
	height:68px;
	left:0;
	bottom:0;
	width:100%;
}
.footer .content {
	}.footer .content p {
	text-align:center;
	font-size:13px;
	color:#ffffff;
	margin-bottom:10px;
}
.footer .content .hang1{
	color:#fdd740;
}
.footer .content .hang2{
	user-select: none;
}
.footer .content p a {
	color:#ffd764;
	text-decoration:none;
}
.footer .content p a:hover::before {
	-webkit-animation:none;
	color:hsl(28deg 96% 46%);
}
.slide-container-section {
	position:relative;
	background-color:#243a5e;
	color:#fff;
	overflow-x:hidden;
	width:100%;
	height:100vh;
	transition:background-color 2s cubic-bezier(.165,.84,.44,1) 0ms;
}
.slide-container-section__nav-heading {
	display:flex;
	align-items:center;
	margin-bottom:72px;
}
.slide-container-section__nav-heading-icon {
	width:72px;
	height:72px;
	margin-left:-18px;
	margin-right:6px;
	background-size:contain;
	background-repeat:no-repeat;
	flex:none;
}
.slide-container-section__nav-heading-title {
	font-size:1.25rem;
	font-weight:600;
	line-height:1.3;
}
.diyi .subject {
	user-select:none;
	text-shadow:1px 1px 3px #000000,1px 1px 3px #000;
	position:relative;
	z-index: 2;
}
.diyi .subject a {
	color:#ffffff;
	text-decoration:none;
}
.subject {
	text-align:center;
	padding-top:20px;
	margin-left:15px;
	margin-right:15px;
}
.subject .jiaqiang {
	font-family:mwf-segoe,Segoe UI,Segoe,sans-serif;
	font-size:3rem;
	font-weight:600;
	line-height:1.2;
	margin-top:0;
	margin-bottom:0;
	letter-spacing:-.0125em;
	color:#fff;
}
.subject .qun {
	color:#ffff00;
}
.subject .qun2 {
	color:#00ff00;
}
.subject h2 {
	font-size:2rem;
	line-height:1.5;
	margin-top:15px;
	margin-bottom:0;
	letter-spacing:-.0125em;
	color:#fff;
}
.diyi .main-fun {
	margin-top:60px;
}
.diyi .col-md-4 {
	padding-right:20px;
	padding-left:20px;
	margin-bottom:45px;
}
.main-fun {
	display:flex;
	margin:0 auto;
	flex-wrap:wrap;
	width:100%;
	justify-content:center;
	position: relative;
	z-index: 19890510;
}
.diyi .main-fun-item {
	width:340px;
}
.main-fun-item {
	box-shadow:rgba(60,72,88,0.15) 0px 0px 3px 0px;
	background:#fff;
	background-color:hsla(0,0%,0%,.5);
	padding:0 30px;
	border-radius:8px;
	transition:all 0.5s ease;
	position:relative;
	min-height:480px;
	margin:55px 25px 25px 25px;
	width:100%;
	max-width:1300px;
}
.diyi .theend {
	margin:0 0 5% 0;
}
.main-fun-item .icon {
	margin:0 auto;
	width: 68px;
	height: 1px;
	position: relative;
}
.main-fun-item .icon  span {
	width:68px;
	height:68px;
	display:block;
	margin:0 auto;
	position: absolute;
	top: -30px;
}
.main-fun-item .icon .TopIco-1 {
	background:url(../image/TopIco-1.png) no-repeat center -2px;
}
.main-fun-item .icon .TopIco-2 {
	background:url(../image/TopIco-2.png) no-repeat center -2px;
}
.main-fun-item .icon .TopIco-3 {
	background:url(../image/TopIco-3.png) no-repeat center -2px;
}
.main-fun-item .icon  a {
	color:#fff;
	text-decoration:none;
}
.main-fun-item .name {
	text-align:center;
	color:#fff;
	font-size:22px;
	margin:50px 0 10px 0;
}
.main-fun-item .desc {
	color:#ffd764;
	line-height:24px;
	position:relative;
	margin:0 0 13px 0;
}
.main-fun-item .icon i {
	font-size:40px;
	color:#3D65EA;
}
.page_body {
	width:86vw;
	margin:0 auto;
	justify-content:center;
	float:right;
	text-align:center;
	height:100vh;
	overflow-y:scroll;
	user-select: none;
}
.diyi .page_body{
	overflow-y:auto;
}
.index{
	width:calc(100% + 0px);
	max-height:200px;
	overflow: hidden;
}
.index  img{
	width:calc(100% + 0px);
}
.gbut {
	justify-content:center;
	align-items:center;
	height:48px;
	line-height:50px;
	font-size:1.8em;
	font-weight:600;
	background:#ffc93b;
	color:#333;
	border-radius:2px;
	box-shadow:0 4px 12px rgba(0,0,0,.1);
	margin:0 auto;
	width:50%;
	position: absolute;
	bottom: 25px;
	left: 25%;
}
.content .gbut {
	max-width:140px;
	position: inherit;
}
.gbut a {
	color:#333;
	text-decoration:none;
}
.row {
	margin-right:-15px;
	margin-left:-15px;
}
.dl-list-box>h4 {
	border-bottom:2px solid #e4e7ea;
	line-height:2;
	color:hsl(0deg 0% 100%);
	margin:0 15px;
}
.dl-list-box>h4>strong {
	border-bottom:2px solid hsl(28deg 96% 46%);
	display:inline-block;
	margin-bottom:-2px;
	font-weight:normal!important;
}
.mb {
	margin-bottom:15px;
}
.row {
	margin-right:-15px;
	margin-left:-15px;
}
.category-name {
	box-shadow:0 1px 6px #191714;
	padding:20px 40px 20px 65px;
	position:relative;
	background:#fff url(../image/down.png) no-repeat right 10px center!important;
	overflow:hidden;
	text-align:left;
	height:85px;
}
.category-name  span {
	font-size:14px;
	font-weight:600;
	color:#c95e00;
	width:100%;
	overflow:hidden;
	height:20px;
	display:block;
}
.category-name  span a {
	color:#c95e00;
}
.category-name>p {
	margin-bottom:0;
	margin-top:7px;
	font-size:12px;
	color:#5e687d;
}
.category-name>a {
	position:absolute;
	padding:9px 10px;
	right:-117px;
	top:0;
	background:#1296DB;
	line-height:23px;
	color:#fff!important;
	text-align:center;
	transition:right 0.3s ease;
	margin:1px;
	height:83px;
	z-index:1;
}
.category-name>a  p{
	
}
.diwu .col-md-3 {
	margin-top:30px;
}
.diwu .dl-list-box {
	padding:0 0 30px 0;
	margin:10px 0 0 0;
	overflow: hidden;
}
.diwu .page_body {
	padding-bottom:50px;
}
.category-name>a:hover {
	text-decoration:none;
	color:#fff!important;
	background:#0889cd;
}
.category-name:hover>a {
	display:block;
	right:0;
}
.container {
	overflow-y:scroll;
}
.container::-webkit-scrollbar {
	width:5px;
	height:8px;
	background-color:rgba(0,0,0,0.5);
}
*,::after,::before {
	box-sizing:border-box;
}
.mb-2,.my-2 {
	margin-bottom:.5rem!important;
}
.fifth-content {
	background-color:#2c2e2f;
	background-clip:border-box;
	border-radius:.25rem;
}
.fifth-content li {
	list-style:none;
	padding:15px 15px 0 15px;
	border-bottom: 1px solid rgba(135,135,135,.15);
}
.fifth-content li:hover{
	background: #393b3c;
}
.bookadd {
	float:left;
	width:40%;
	padding-top:15px;
	position: sticky;
	top: 0px;
}
.booklist {
	float:left;
	width:60%;
	text-align:left;
	padding-left:15px;
}
.booklist .fifth-content {
	user-select: text;
}
.card-body {
	-ms-flex:1 1 auto;
	flex:1 1 auto;
	min-height:1px;
	padding:1.25rem;
	text-align:left;
}
.io-black-mode textarea,.io-black-mode .form-control,.io-black-mode .sidebar .card .searchform input[type='text'] {
	color:#aaa;
	background:#363738;
	border:1px solid #363738;
}
.v-avatar {
	width:32px;
	height:32px;
}
.rounded-circle {
	border-radius:50%!important;
}
.btn.custom_btn-d {
	color:#ffffff;
	background-color:#f1404b;
	border-color:#f1404b;
	line-height:30px;
	border-radius:2px;
	padding:0 10px 0 10px;
}
.btn.custom_btn-d:hover {
	color:#ffffff;
	background-color:#ff5600;
	border-color:#14171B;
}
.btn {
	display:inline-block;
	font-weight:400;
	color:#212529;
	text-align:center;
	vertical-align:middle;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	background-color:transparent;
	border:1px solid transparent;
	padding:.375rem .75rem;
	font-size:1rem;
	line-height:1.5;
	border-radius:.25rem;
	transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.com-footer {
	margin-right:17px;
}
.diliu .link-group {
	background:rgba(255,255,255,.8);
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-box-shadow:0 1px 3px rgba(26,26,26,.1);
	box-shadow:0 1px 3px rgba(26,26,26,.1);
	border-radius:2px;
	margin:15px;
}
.diliu .hot {
	background: #FFFFFF;
}
.link-group .pan-heading {
	border-bottom:1px solid #ebebeb;
	height:50px;
	font-size:16px;
	color:#262533;
	line-height:50px;
	text-align:left;
	padding-left:15px;
}
.link-group .inner {
	min-height:79px;
	width:100%;
	padding:0 0 5px;
	margin-bottom:-1px;
	overflow:hidden;
}
.link-group .inner .col-md-3 {
	padding:10px;
	border-radius:2px;
}
.link-group .inner a.item {
	border-radius:2px;
	display:block;
	padding:10px 16px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	height:64px;
	overflow:hidden;
	line-height:16px;
	font-size:12px;
	text-decoration:none;
	/*background:#ffd2af;*/
}
.link-group .col-md-3 a:hover {
	background:#F8F8FC;
}
.link-group .inner .cover {
	float:left;
	height:32px;
	line-height:32px;
	width:32px;
	margin-top:2px;
}
.link-group .inner .info {
	margin-top:3px;
	margin-left:48px;
	text-align:left;
}
.link-group .inner .cover img {
	max-width:32px;
	border-radius:2px;
	vertical-align:middle;
}
.link-group .inner h4 {
	font-weight:600;
	font-size:14px;
	margin:0 !important;
	color:#555;
}
.link-group .inner p {
	margin-top:3px;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	color:#de6200;
}
.diqi .page_body {
	padding:15px;
}
.booklist .comments-title {
	margin-bottom:10px;
}
.booklist #reply-title {
	align-items:center;
	display:flex;
	justify-content:space-between;
	margin-bottom:10px;
	position:relative;
}
.booklist .must-log-in {
	padding:50px;
	background-color:#f2f2f2;
	text-align:center;
	font-size:16px;
}
.booklist .must-log-in a {
	color:#fd721f;
}
.booklist #reply-title a,.booklist .reply-link a,.booklist .edit-link a {
	color:#aaa;
	font-size:0;
	height:20px;
	line-height:20px;
	position:absolute;
	right:0;
	text-align:center;
	top:0;
	width:20px;
}
.booklist #reply-title a:before,.booklist .reply-link a:before,.booklist .edit-link a:before {
	content:"\f156";
	font-family:"Material Design Icons";
	font-size:16px;
}
.booklist .comment-list,.booklist .children {
	list-style-type:none;
	margin:0;
	padding:0;
}
.booklist .children {
	padding-left:20px;
}
.booklist .comment-reply-link {
	display:none;
}
.booklist .comment-author-avatar {
	border-radius:50%;
	float:left;
	height:40px;
	margin:2px 0 0 8px;
	overflow:hidden;
	width:40px;
}
.booklist .comment-Sid{
    float: right;
    COLOR: #8d8d8d;
}
.booklist .comment-author-avatar img {
	width:40px;
	height:40px;
}
.booklist .comment-content {
	margin-left:70px;
	overflow:hidden;
	padding-bottom:15px;
	position:relative;
}
.booklist .comment-content #respond {
	margin-top:10px;
}
.booklist .comment-author-name {
	color:#f15a00;
	font-size:15px;
	font-weight:600;
}
.booklist .comment-author-name .fn {
	font-style:normal;
	font-size:12px;
	font-weight:600;
}
.booklist .comment-author-name .fn .vip {
	color:#8BC34A;
}
.booklist .comment-metadata {
	color:#6c757d!important;
	font-size:11px;
	font-weight:normal;
	letter-spacing:.2px;
	margin-bottom:5px;
	text-transform:uppercase;
}
.booklist .comment-body {
	font-size:14px;
	color:#bbb;
}
.booklist .comment-body>*:first-child {
	margin-top:0;
}
.booklist .comment-body>*:last-child {
	margin-bottom:0;
}
.booklist .comment-body ul ul,.booklist .comment-body ol ul,.booklist .comment-body dl ul,.booklist .comment-body ul ol,.booklist .comment-body ol ol,.booklist .comment-body dl ol,.booklist .comment-body ul dl,.booklist .comment-body ol dl,.booklist .comment-body dl dl {
	margin:0;
}
.booklist .comment-body li {
	margin:5px 0;
}
.booklist .comment-body a {
	text-decoration:underline;
}
.booklist>#respond,.booklist .comment-list>.comment:last-child>#respond {
	margin-bottom:0;
}
.booklist .comment-awaiting-moderation {
	color:#aaa;
	font-style:italic;
	margin:10px 0 0;
}
.booklist .pingback {
	margin-bottom:10px;
}
.booklist .pingback .edit-link {
	display:none;
}
.booklist .pingback+.comment {
	margin-top:40px;
}
.booklist .no-comments {
	margin:0;
}


@media (min-width:1400px) and (max-width:1859px) {
nav {
	}
nav ul {
	margin:80px 0 0 5px;
}
nav a {
	padding:15px 5px;
}
.diyi .main-fun {
	margin-top:20px
}
.footer {
	height:30px;
}
.first-content {
	padding:30px 5px;
}
.first-content .main-btn {
	display:inline-block;
	margin-right:0px;
	margin-bottom:15px;
}
.second-content .left-content {
	padding:30px;
	text-align:left;
}
.fourth-content .item .hover-effect h2 {
	font-size:15px;
}
.fifth-content #map {
	padding:15px 15px 15px 15px;
}
.fifth-content #contact {
	padding:15px 15px 15px 15px;
}
.diwu .dl-list-box {
	}.diliu .link-group {
	margin:15px;
}
.diqi .bookadd {
	width:45%;
}
.diqi .booklist {
	width:55%;
}
}

@media (max-width:2266px) {
nav {
	width:17vw;
}
.page_body {
	width:83vw;
}
}

/*低于1400时 主要是菜单需要换个方式显示 完整菜单需要1400以上才能显示完全*/
@media (max-width:1399px) {
nav ul {
	margin:30px 0 0 0;
}
nav ul li {
	margin:10px 5px;
}
nav ul li i {
	width:88%;
}
nav a {
	padding:2px;
}
nav {
	width:9vw;
}
nav .logo {
	display:none;
}
nav .mini-logo {
	margin-top:45px;
	display:block;
}
nav ul {
	text-align:center;
	margin-left:0px;
}
nav ul li em {
	display:none;
}
.footer {
	display:none;
}
.main-fun-item {
	margin:55px 15px 15px 15px;
}
.diyi .main-fun {
	margin-top:20px
}
.page_body {
	width:91vw
}
.first-content {
	padding:30px 5px;
}
.first-content .main-btn {
	display:inline-block;
	margin-right:0px;
	margin-bottom:15px;
}
.second-content .left-content {
	padding:30px;
	text-align:left;
}
.fourth-content .item .hover-effect h2 {
	font-size:15px;
}
.fifth-content #map {
	padding:15px 15px 15px 15px;
}
.fifth-content #contact {
	padding:15px 15px 15px 15px;
}
.diqi .bookadd {
	width:50%;
}
.diqi .booklist {
	width:50%;
}
}

/*留言板块 低于1000 则垂直显示 （默认为左右显示）*/
@media (max-width:999px) {
.diwu .col-md-3 {
	margin-top:20px;
}
.diqi .bookadd {
	width:100%;
	position: inherit;
	margin-bottom: 15px;
}
.diqi .booklist {
	width:100%;
	padding-left:0;
}
.link-group .inner .col-md-3{
    padding: 5px 5px 0 5px;
}
}

/*低于500（手机访问时）*/
@media (max-width:499px) {
nav .mini-logo img {
	max-width:86%;
}
nav ul {
	margin:0px 0 0 0;
}
nav a {
	padding:0px;
}
nav .mini-logo {
	margin-top:20px;
}
nav ul li {
	width:90%;
	text-align:center;
	margin:0 auto;
	margin-top:20px;
}
nav ul li i {
	width:100%;
}
.main-fun-item {
	margin:55px 10px 15px 10px;
	padding:0 10px;
}
.diwu .dl-list-box {
	}
.diwu .col-md-3 {
	margin-top:15px;
	padding:0 10px;
}
.slides .slide .TopIco{
	left: 8px;
}
.slides .slide .NewIco{
	left: 10px;
}
.dl-list-box>h4 {
	margin:0 10px;
}
.diliu .link-group {
	margin:10px;
}
.diqi .page_body {
	padding:0px;
}
.diqi .bookadd {
	width:100%;
	margin-bottom: 1px;
}
.diqi .booklist {
	width:100%;
	padding-left:0;
}
.booklist .comment-author-avatar {
	display:none;
}
.booklist .comment-content {
	margin-left:0px;
}
}

@media (min-width:768px) {
.col-md-3 {
    width: 50%;
    float: left;
}
}

@media (min-width:1180px) {
.col-md-3 {
    width: 33.33%;
}
}

@media (min-width:1750px) {
.col-md-3 {
    width: 25%;
}
}

@media (min-width:2200px) {
.col-md-3 {
    width: 20%;
}
.diyi .main-fun-item {
    width: 350px;
}
}
/*第一屏背景动画*/
@-moz-keyframes bg { 0% { -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 100% { -moz-transform: translate3d(-1300px,0,0); -webkit-transform: translate3d(-1300px,0,0); -o-transform: translate3d(-1300px,0,0); -ms-transform: translate3d(-1300px,0,0); transform: translate3d(-1300px,0,0); } }
@-webkit-keyframes bg { 0% { -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 100% { -moz-transform: translate3d(-1300px,0,0); -webkit-transform: translate3d(-1300px,0,0); -o-transform: translate3d(-1300px,0,0); -ms-transform: translate3d(-1300px,0,0); transform: translate3d(-1300px,0,0); } }
@-o-keyframes bg { 0% { -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 100% { -moz-transform: translate3d(-1300px,0,0); -webkit-transform: translate3d(-1300px,0,0); -o-transform: translate3d(-1300px,0,0); -ms-transform: translate3d(-1300px,0,0); transform: translate3d(-1300px,0,0); } }
@-ms-keyframes bg { 0% { -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 100% { -moz-transform: translate3d(-1300px,0,0); -webkit-transform: translate3d(-1300px,0,0); -o-transform: translate3d(-1300px,0,0); -ms-transform: translate3d(-1300px,0,0); transform: translate3d(-1300px,0,0); } }
@keyframes bg { 0% {-moz-transform: translate3d(0,0,0);/* -webkit-transform: translate3d(0,0,0); */-o-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);/* transform: translate3d(0,0,0); */} 100% {-moz-transform: translate3d(-1300px,0,0);-webkit-transform: translate3d(-1300px,0,0);-o-transform: translate3d(-1300px,0,0);-ms-transform: translate3d(-1300px,0,0);/* transform: translate3d(-1300px,0,0); */} }