﻿/****************************/
/*       Power By          */
/*      爱上喵科技         */
/*     QQ:1509871176      */
/***************************/

html.fancybox-margin{margin-right: 0px!important;}
.hid{display: none!important;}


/* dpg-pages2 ==================*/
.dpg-pages2{display: block; text-align: center; padding-top:20px;}
.dpgpages2-m1{font-size:0; display:inline-block; *display:inline; *zoom:1;letter-spacing:normal;word-spacing:normal;}
.block-news .page .dpgpages2-m1 a,.block-news .page .dpgpages2-m1 span{min-width: 25px; text-align: center; font-size: 12px; width: auto; float: none; margin: 0px 0px; height: 25px; line-height:25px; border: 1px solid #ccc; padding: 0px 3px; display:inline-block; *display:inline; *zoom:1;letter-spacing:normal;word-spacing:normal; vertical-align: middle;}
.dpgpages2-m1,.dpgpages2-m1 a,.dpgpages2-m1 span{font-size: 14px; color: #444444; }
.dpgpages2-m1 span{background-color: #815fc5; color: #fff; border-color: #815fc5;}
.block-news .page .dpgpages2-m1 a:hover{background-color: #815fc5;}

#header {
	background-color: #111;
}
.navbar-nav .main:hover .title {
	/*background: #815fc5;*/
	background-color: transparent;
}
.navbar-nav .main a {
	color: #fff;
}
.navbar-nav .main.active .title a {
	color: #ccc;
	background: linear-gradient(225deg, #FE7474 10%, rgb(255, 178, 83) 27%, rgb(161, 255, 126) 43%, rgb(120, 187, 255) 66%, rgb(255, 99, 182)80%, #FE7474 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    animation: rainbow_animation 20s linear infinite;
    background-size: 400% auto;


}


@keyframes rainbow_animation {
    to {
      background-position: 400% center;
    }
}

.navbar-nav .sub {
	/*background: rgba(129,95,197, 0.8);*/
    background: rgba(0,0,0, 0.8);
}
.block-news .news-time {
	background: #815fc5;
}
 body::-webkit-scrollbar-thumb:hover {
background: #815fc5;
}
a {
	color: #815fc5;
}
a:hover {
	color: #333;
}
.slider-1 .info .link, .slider-2 .info .link {
	background: #815fc5;
	display: none!important;
}
.copyright p {
	color: #fff;
	opacity: 0.4;
}
.copyright a {
	color: #fff;
}
.block-news .title a:hover {
	color: #815fc5;
}
.block-news .page a.active {
	background: #815fc5;
}
body {
	background-color: #fff;
}

/* dc-otherrs ==================*/
.dc-otherrs{position:fixed; right: 1%; bottom: 8%; z-index: 1000; display:inline-block; *display:inline; *zoom:1;letter-spacing:normal;word-spacing:normal;}
.dc-otherrs li{display: block; padding: 5px;}
.dc-otherrs li .a1{border: 1px solid #ccc; background-color: #f0f0f0; text-align: center; font-size:0; width: 45px; height: 45px; border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%; overflow: hidden; display:inline-block; *display:inline; *zoom:1;letter-spacing:normal;word-spacing:normal; vertical-align: middle; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.dc-otherrs li .a1:before{content: ""; width: 0; height: 100%; display:inline-block; *display:inline; *zoom:1;letter-spacing:normal;word-spacing:normal; vertical-align: middle;}
.dc-otherrs li .a1 .sp1{font-size: 12px; background-size: auto 17px!important; line-height: normal; padding-top: 18px; color: #333; display:inline-block; *display:inline; *zoom:1;letter-spacing:normal;word-spacing:normal; vertical-align: middle;}
.dc-otherrs li.backtop .a1 .sp1{background:url("../images/pt-ico12.png") no-repeat center top;}
.dc-otherrs li.backmain .a1{background-color: #ff2245;border:1px solid #ff2245;}
.dc-otherrs li.backmain .a1 .sp1{ color: #fff; background:url("../images/pt-ico13.png") no-repeat center top;}

/*body{cursor: url('../images/shubiao20.png'),pointer;}
a:hover{cursor: url('../images/shubiao30.png'),pointer;}*/

.imgm1{width: 100%; height: 100%; z-index: 5; position: absolute; left: 0px; top: 0px;
-webkit-transition: -webkit-transform 0.5s;
	-moz-transition: -moz-transform 0.5s;
	-o-transition: -o-transform 0.5s;
	transition: transform 0.5s;
}

.slider-3 .slider-item:hover .imgm1 {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1);
	transform: scale(1.1);
}

.asmsb{
position: absolute;
pointer-events: none;
top: 0;
left: 0;
z-index: 19990;
width: 10px;
height: 10px;
-webkit-transform: translate(-50px, -50px);
-ms-transform: translate(-50px, -50px);
transform: translate(-50px, -50px);
transition: all 300ms cubic-bezier(.4, 0, .2, 1); -moz-transition: all 300ms cubic-bezier(.4, 0, .2, 1);-webkit-transition: all 30ms cubic-bezier(.4, 0, .2, 1); -o-transition: all 300ms cubic-bezier(.4, 0, .2, 1); -ms-transition: all 300ms cubic-bezier(.4, 0, .2, 1);
border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%; overflow: hidden;
background-color: rgba(204,204,204,.75);


}

.cursor-container{z-index: 1000;}

.navbkimg{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0;
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    /*-moz-transition: opacity 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95), -moz-transform 8s cubic-bezier(0.15, 0.9, 0.34, 0.95), filter 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95), -webkit-filter 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
    -o-transition: opacity 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95), -o-transform 8s cubic-bezier(0.15, 0.9, 0.34, 0.95), filter 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95), -webkit-filter 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
    -webkit-transition: opacity 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95), -webkit-transform 8s cubic-bezier(0.15, 0.9, 0.34, 0.95), filter 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95), -webkit-filter 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
    transition: opacity 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95), transform 8s cubic-bezier(0.15, 0.9, 0.34, 0.95), filter 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95), -webkit-filter 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);*/
}

body .navbkimg-show{
    filter: grayscale(0%)!important;
    -moz-transform: scale(1)!important;
    -ms-transform: scale(1)!important;
    -webkit-transform: scale(1)!important;
    transform: scale(1)!important;
    opacity: 0.6!important;
  -webkit-filter: grayscale(0%)!important;
  filter: grayscale(0%)!important;
  -moz-transition: opacity 1s cubic-bezier(0.15, 0.9, 0.34, 0.95), -moz-transform 8s cubic-bezier(0.15, 0.9, 0.34, 0.95), filter 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.5s, -webkit-filter 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.5s;
  -o-transition: opacity 1s cubic-bezier(0.15, 0.9, 0.34, 0.95), -o-transform 8s cubic-bezier(0.15, 0.9, 0.34, 0.95), filter 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.5s, -webkit-filter 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.5s;
  -webkit-transition: opacity 1s cubic-bezier(0.15, 0.9, 0.34, 0.95), -webkit-transform 8s cubic-bezier(0.15, 0.9, 0.34, 0.95), filter 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95), -webkit-filter 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition-delay: 0s, 0s, 0.5s, 0.5s;
  transition: opacity 1s cubic-bezier(0.15, 0.9, 0.34, 0.95), transform 8s cubic-bezier(0.15, 0.9, 0.34, 0.95), filter 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.5s, -webkit-filter 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.5s;
}

.asmnavbkimgbox{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden;}



@media only screen and (max-width: 1400px) {
.navbar-bottom .qr-code img{width: 80px;}
.navbar-bottom .qr-code{margin-bottom: 10px;}
.navbar-bottom .follow{margin-bottom: 0px;}


}


/*Common For Max 1199*/
@media only screen and (max-width: 1199px) {
	.wp{width: 98%;}
}

@media only screen and (max-width: 1025px) {
#header{position: fixed; z-index: 1000;}
.slider-4, .slider-list{height: auto!important;}
#header .navbar-collapse.navbar_m{height: 100vh!important;}


}

/*Common For Max 959*/
@media only screen and (max-width: 959px) {

}

/*Common For Max 850*/
@media only screen and (max-width: 850px) {

}

/*Common For Max 767*/
@media only screen and (max-width: 768px) {

}

/*Common For Max 640*/
@media only screen and (max-width: 640px) {

}

/*Common For Max 550*/
@media only screen and (max-width: 550px) {

}

/*Common For Max 479*/
@media only screen and (max-width: 479px) {

}

/*Common For Max 450*/
@media only screen and (max-width: 450px) {

}

/*Common For Max 400*/
@media only screen and (max-width: 400px) {

}

/*Common For Max 350*/
@media only screen and (max-width: 350px) {

}

/*Common For Max 300*/
@media only screen and (max-width: 300px) {

}
