Template:FJNU-China/index CSS

@charset "utf-8"; /* CSS Document */ @import url(https://fonts.googleapis.com/css?family=Sniglet:400); @import url(https://fonts.googleapis.com/css?family=Flavors);

body{

   font-family: 'Sniglet', cursive;
   font-size: 14px;
   font-weight:  400;
   line-height: 1;

} /*background*/

• {

   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;

}

body {

   color: #ffffff;
   font: 18px/1.5 'Ubuntu', sans-serif;

}

h1 {

   margin-top: 0;
   margin-bottom: 0.5em;

}

p {

   margin-top: 0;
   margin-bottom: 2em;

}

h1 {

   font-size: 60px;
   font-weight: bold;

}

   /* Header Top */

.navigation{

   position: relative;
   z-index: 999;

} .carousel{

   position: relative;
   z-index: 1;

}

.header-area {

   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
   z-index: 999 !important;

} .header-top {

   background: transparent;
   padding: 12px 0 14px;

}

/*两段介绍*/ .tab2 {

background-color:rgba(243,243,243,0);
 padding: 60px 20px;
  text-align: center;
 
   } 
  .tab2 img {
   width: 100%;
    height: 100% ;
    margin-top: 100px;
     } 
     .tab3 { 
     	padding: 40px 0; 
     	text-align: center;

background-color:rgba(243,243,243,0.2);

     	 } 
     	 .tab3 img {
     	  width: 100% ; 
     	  height: 100% ;
     	  margin-top: 50px;
     	   } 
     	   .text h3 { 
     	   	font-size: 20px; 
     	   	
     	   	} 
     	   	.text p {
     	   	 font-size: 14px; 
     	   	}

/* 小屏幕（平板，大于等于 768px） */ @media (min-width: 768px) { .text h3 { font-size: 22px; } .text p { font-size: 15px; } .tab2-text { float: left; } .tab2-img { float: right; } } /* 中等屏幕（桌面显示器，大于等于 992px） */ @media (min-width: 992px) {

.text h3 { 
	font-size: 24px; 
	} 
	.text p { 
		font-size: 16px; 
		} 
		.tab2-text { 
			float: left; 
			} 
			.tab2-img { 
				float: right; 
				} 
			}

/* 大屏幕（大桌面显示器，大于等于 1200px） */

@media (min-width: 1200px) { 
	.text h2 { font-size: 26px; 
		} 
		.text p {
		 font-size: 18px;
		  } 
		  .tab2-text {
		   float: left; 
		   } 
		   .tab2-img {
		    float: right; 
		    } 
		}

//JS 控制垂直居中 $('.text').eq(0).css('margin-top', ($('.auto').eq(0).height() $('.text').eq(0).height()) / 2 + 'px'); $(window).resize(function() { $('.text').eq(0).css('margin-top', ($('.auto').eq(0).height() $('.text').eq(0).height()) / 2 + 'px'); }); $('.text').eq(1).css('margin-top', ($('.auto').eq(1).height() $('.text').eq(1).height()) / 2 + 'px'); $(window).resize(function() { $('.text').eq(1).css('margin-top', ($('.auto').eq(1).height() $('.text').eq(1).height()) / 2 + 'px'); });

/*内容介绍*/ .media-left a { width: 40% !important;

     	  height: 40% !important;

} .tab-h2 {

color: white; text-align: center; letter-spacing: 1px; } .tab-p {

		color: white; 
		text-align: center; 
		letter-spacing: 1px; 
		margin: 20px 0 40px 0;

} .tab1 { margin: 0px 0;

		background-color:rgba(243,243,243,0.4) !important;
} 

.tab1 .media-heading { margin: 5px 0 20px 0; }

.tab1 .text-muted { color:white; text-decoration: line-through; } .tab1 .col { padding: 2px; } .tap2 p{ color: white !important; }

/* 小屏幕（平板，大于等于 768px） */ @media (min-width: 768px) { .tab-h2 { font-size: 26px; } .tab-p { font-size: 16px; } } /* 中等屏幕（桌面显示器，大于等于 992px） */ @media (min-width: 992px) { .tab-h2 { font-size: 28px; } .tab-p { font-size: 17px; } } /* 大屏幕（大桌面显示器，大于等于 1200px） */ @media (min-width: 1200px) { .tab-h2 { font-size: 30px; } .tab-p { font-size: 18px; }

}

/*底部信息*/ h2{ color: white; text-align: center; } .footer-distributed{ background-color:rgba(243,243,243,0.6);

box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12); box-sizing: border-box; width: 100%; text-align: left; padding: 25px 50px; margin-top: 0px; }

.footer-distributed .footer-left p{

       color:  #52658F;

font-size: 14px; margin: 0; } .footer-distributed .footer-right p{

       color:  #52658F;

font-size: 14px; margin: 0; }

/* Footer links */

.footer-distributed p.footer-links{ font-size:18px; font-weight: bold; color: #ffffff; margin: 0 0 10px; padding: 0; }

.footer-distributed p.footer-links a{ display:inline-block; line-height: 1.8; text-decoration: none; color: inherit; }

.footer-distributed .footer-right{ float: right; margin-top: 6px; max-width: 400px; }

.footer-distributed .footer-right a{ display: inline-block; width: 50px; height: 35px; background-color: #33383b; border-radius: 2px;

font-size: 20px; color: #52658F; text-align: center; line-height: 35px;

margin-left: 3px; }

.sponsors {
           margin: 2.5px;
           width: 125px;
       }

.footer-right h3{ margin: 0 0 20px 0; }

/* If you don't want the footer to be responsive, remove these media queries */

@media (max-width: 600px) {

.footer-distributed .footer-left, .footer-distributed .footer-right{ text-align: center; }

.footer-distributed .footer-right{ float: none; margin: 0 auto 20px; }

.footer-distributed .footer-left p.footer-links{ line-height: 1.8; } }

/*Top*/

   .actGotop
   {position:fixed;
    _position:absolute;
     bottom:40px; 
     right:0px; 
     width:85px; 
     height:45px; 
     display:none;
   }
   .actGotop a,.actGotop a:link{
       width:150px; 
       height:195px; 
       display:inline-block; 
       background:url("") no-repeat; 
       _background:url("") no-repeat; 
       outline:none;
   }
   .actGotop a:hover{
       width:150px; 
       height:195px; 
       background:url("") no-repeat; 
       outline:none;
   }