/*公共样式*/
* { margin: 0; padding: 0; box-sizing: border-box;list-style-type:none; }
body { background: url(../img/pic3.jpg) !important;overflow-x: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; }
.zbox { width: 80%; margin: 0 auto; }
a, a:hover, a:after, a::alternate, a::marker, a:active, a::outside { text-decoration: none; color: #EBEBEB; }
i {font-style: normal; }
.fr { float: right; }
.fl { float: left; }
ul li, ol li { list-style: none; }
.nav * { color: #FFF; }
#bg{position:fixed; top:0;left:0;right:0;bottom:0;z-index:1; background:linear-gradient(to top,rgba(206,64,243,0.2) 20%, rgba(0,148,255,0.8) 70% );overflow-x: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch;}
/*header*/
header { position: relative; }
/*toptitle--欢迎语*/
.bg-success { height: 50px; line-height: 50px; }
.title-box .fr .login { width: 160px; margin: 0 10px; padding: 0 10px; overflow: initial; }
.title-box .login .fade { /*z-index:999;*/ }
/*登陆和注册*/
.dpn { display: none; }
.loginnav { margin-bottom: 20px; }
.loginnav a.btn { text-align: center; height: 50px; line-height: 40px; border-radius: 0 !important; }
.loginnav a.btn { text-align: center; border-radius: 0 !important; }
.fede { width: 60%; }
.xian { height: 20px; width: 100%; }
.login .btn-lg { height: 30px; margin: 10px; padding: 5px 0; font-size: 14px; line-height: 20px; border-radius: 0; background-color: rgba(0,0,0,0); color: #000; float: left; }

/*轮播*/

.carousel-box{position: relative;font: 12px/180% Tahoma, Geneva, sans-serif;box-sizing: initial;}
/*background: url(/img/001/pic4.jpg) no-repeat center;background-size:cover; border-bottom: solid 1px rgba(190,70,240,0.5); Carousel */
.carousel-box .bg-black {position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1; }
.carousel-box .bgL {left:50% !important; background: linear-gradient(to left,rgba(206,64,243,0.2) 20%, rgba(0,148,255,0.8) 70% ); }		/*#F00，#00F*/
.carousel-box .bgR {right:50% !important; background: linear-gradient(to right,rgba(206,64,243,0.2) 20%, rgba(0,148,255,0.8) 70% ); }
.cor-1, .cor-3 {width:15%;height:300px;margin:0;float:left;position:relative;overflow:hidden; }
/*.cor-3{position:absolute;right:0;top:0;}*/
.cor-2 {width: 69.9999%;margin:0 auto;/*float:left;*/}
.cor-1 img, .cor-3 img {width:100%;height:50%; float:left;position:absolute; }
/*.prev {height:40%;top:-20%;}
.nows {height:60%;top:20%;bottom:20%;}
.next{height:40%;bottom:-20%;}*/
.items {height:300px;width:15%; overflow:hidden;}
.carousel-box a, .carousel-box img { border: 0; }
#carousel1 { width: 900px; height: 300px; /*overflow: hidden;*/ position: relative;  margin: 0 auto; }
#carousel1 img { border: none; width: 240px; border: solid 1px #000; }
#carousel1 #title-text {color:#FFF; font-size: 22px; margin: 10px auto; padding: 0; text-align: center; }
#carousel1 #alt-text {color:#FFF; font-size: 14px; margin: 5px auto; padding: 0; text-align: center; }
#carousel1 #user-c { padding: 0; position: absolute; right: 15px; bottom: 10px; }
#carousel1 .carouselLeft, #carousel1 .carouselRight { position: absolute; bottom: 20px; width: 29px; height: 30px; overflow: hidden; cursor: pointer; }
#carousel1 .carouselLeft { background: url(../img/images/templatemo_slider_right.png) no-repeat; }
#carousel1 .carouselRight { background: url(../img/images/templatemo_slider_left.png) no-repeat; }
/*导航栏*/
.nav li a { } 
.topnav, #banner {display: block; } 
.topnav { position: absolute; top: 350px; left: 10%; right: 10%; z-index: 3; }
.topnav ul, .topnav ul li, .topnav ul li a { height: 49px; }
.topnav ul li a { border: none; }

.navinfo { position: fixed; top: 0; left: 0; right: 0; z-index: 10; }
/*应用bootstrap框架时，会在导航上面添加class类affix-top，当滚动高度达到offset的值时，则affix-top切换为affix,因此，只需要改变class前后的样式即可达到相应的效果。*/
header .affix{ position: fixed;left: 10%; right: 10%;z-index: 999; top: 0;
    animation: 0.25s linear navfull; 
               /*时间  速度  名称 */
    animation-fill-mode: both;
}
/*animation，关键帧动画，liner匀速，navfull为动画名称。*/
@keyframes navfull{
    from                /*form{} to{} ：动画从form样式过渡到to样式*/
    {                   /*也可以写成：0%{ } 50%{} 100%{}*/
        left: 10%;right: 10%;width: 80%;	/*初始值*/
    }
    
    to
    {
        left: 0;right: 0;width: 100%;		/*最终值*/
    }
   
}
.border-none { border-width: 0; }
.dropdown-menu a, .dropdown-menu a:hover { color: #FFF; }
ul.dropdown-menu { background: #FFF; }
.dropdown .caret { color: #000; background: none; }
/*主显区*/
.banner { position: absolute; top: 400px; left: 10%; padding-bottom: 220px; padding-top: 15px; z-index: 1; }
/*浮动导航样式*/
.banner .affix { position: fixed; top: 100px; animation: 0.25s linear navban; animation-fill-mode: both; z-index: 999; }
@keyframes navban {
    from { top: 75px; left: -10%; }
    to { top: 75px; left: 0; }
}
.banner .nav { border-bottom: none; }
.float-nav-bar { text-shadow: -1px -1px 10px #FFF; color: #FFF; }
.affix .float-nav-bar,.affix-top .float-nav-bar { background: rgba(0,0,0,0.2); top: 70px; width: 10%; min-width: 50px; border-bottom: none; font-size: 16px; }
.affix-top .float-nav-bar { margin-top: 10px;display:none !important; }
.affix .float-nav-bar {display:block !important;}
.affix .float-nav-bar li, .affix-top .float-nav-bar li { width: 100% !important; }
/*页面内容区样式*/
/*公共样式*/
.page { position: relative; width: 100%; padding-bottom: 10px; }
.ie{background: url(../img/pagetop_ie.png) no-repeat center  !important; background-size:cover}
.page .pagetop { 
	width: 100%; height: 40px; line-height: 40px; margin: 20px 0; margin-top: 10px;  color: #FFF; padding-left: 10px;
	background: -webkit-linear-gradient(to bottom left, rgb(255,0,0), rgb(0,0,255));
	background: -moz-linear-gradient(to bottom left, rgb(255,0,0), rgb(0,0,255));
	background: -o-linear-gradient(to bottom left, rgb(255,0,0), rgb(0,0,255));
	background: -webkit-gradient(linear, 0 100%, 100% 0, from(rgb(255,0,0)), to(rgb(0,0,255)));
	background: linear-gradient(to bottom left, rgb(255,0,0), rgb(0,0,255));
	/*background: linear-gradient(to bottom left, rgb(220, 250, 255), rgb(13, 104, 188)); */
}

.pagetop a { display: block; width: 50px; height: 40px; }
.pagetop a,.pagetop a::after, .pagetop a::selection, .pagetop a:checked,.pagetop a:hover, .pagetop a.slide {background: rgba(0,0,0,0.2);text-decoration:none;}
.pagetop a span { display: block; width: 50px; height: 30px; line-height: 30px; margin: 5px 0; border-left: dashed 1px #FFF; text-align: center; color: #FFF;}
.page .pagebody { width: 100%; background: url(../img/001/pic1.jpg) no-repeat; background-size: cover contain; padding-bottom:10px; margin-top: 25px; }
.pagebody { color: #FFF; }
.page-me { color: #FFF; }
/*个人资料*/
.page-me { margin-top: 0; }
.page-me img { float: left; width: 100px; height: 100px; border-radius: 5px; border: solid 1px #FFF; margin: 30px 20px; }
/*列表公共样式*/
.pagebody .table thead { color: #bdbdbd; }
.pagebody .table tbody { color: #333; }
.pagebody .table tr { padding-left: 10px; }
/*好友留言*/
.page-message li {background:rgba(190,70,240,0.5); border-bottom:solid 1px #808080;padding:10px; }
.page-message li * {margin-left:10px; }
.page-message li img{width:60px;height:60px; float:left; border-radius: 5px; border: solid 1px #FFF; margin: 10px; }
/*页脚*/
footer { position: absolute; bottom: -1px; left: -12.5%; right: -12.5%; background: #333; color: #ebebeb; padding-top: 20px; }
footer table a, footer table a:hover { display: block; color: #EBEBEB; }
footer table { height: 200px; }
table thead { height: 50px; }
footer td img { width: 100px; height: 100px; margin: 10px; }
/*右下角页面顶部与底部的跳转*/
.pageskip { position: fixed; right: 20px; bottom: 250px; }
.pageskip a[href] { display: block; margin: 5px 0; }
.pageskip a[href] button { width: 100px; }

.clickimg {left: 20px!important;right: 20px!important;top: 20px!important;bottom: 20px!important;box-shadow:rgba(0,0,0,0.5) 10px 10px inset; }