Template:SCAU-China/style-home

@charset "UTF-8"; /*css reset code */

• {

 -webkit-font-smoothing: antialiased;
 -moz-font-smoothing: antialiased;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
 /* Firefox */
 -webkit-tap-highlight-color: transparent;

}

input[type='text'] {

 -webkit-appearance: none;

}

/**** 文字大小初始化,使1em=10px *****/ body {

 font-size: 62.5%;
 font-family: Helvetica Neue,Helvetica,Arial,"SimHei","黑体","SimSun","宋体",STHeiti Light,"华文细黑",STHeiti,"华文黑体",Hiragino Sans GB,"冬青黑体",sans-serif;
 /* 增加该属性，可以增加弹性，是滑动更加顺畅 但是ios会显示滚动条*/

}

/* for IE/Win */ html > body {

 font-size: 10px;

}

/* for everything else */ /*字体边框等初始化*/ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {

 padding: 0;
 margin: 0;

}

table {

 border-collapse: collapse;
 border-spacing: 0;

}

fieldset, img {

 border: 0;

}

img {

 display: inline-block;

}

address, caption, cite, code, dfn, th, var {

 font-weight: normal;
 font-style: normal;

}

ol, ul {

 list-style: none;

}

caption, th {

 text-align: left;

}

h1, h2, h3, h4, h5, h6 {

 font-weight: normal;
 font-size: 100%;

}

q:before, q:after {

 content: ;

}

abbr, acronym {

 border: 0;

}

a {

 text-decoration: none;

}

.clear:after {

 content: ;
 display: block;
 width: 0;
 height: 0;
 clear: both;

}

.response_img {

 max-width: 100%;
 max-height: 100%;

}

.container {

 position: relative;
 width: 960px;
 min-height: 900px;
 margin: auto;

}

body {

 background: #FFF;

}

.scac-page a {

 position: absolute;
 display: inline-block;

}

.scac-page .igem {

 left: 0;
 top: 10px;

}

.scac-page .icon-2 {

 left: 47px;
 top: 133px;

}

.scac-page .icon-4 {

 left: -2px;
 top: 208px;

}

.scac-page .icon-8 {

 left: 92px;
 top: 280px;

}

.scac-page .icon-6 {

 left: 37px;
 top: 365px;

}

.scac-page .icon-5 {

 left: 157px;
 top: 350px;

}

.scac-page .icon-9 {

 left: 50px;
 top: 475px;

}

.scac-page .icon-11 {

 left: 200px;
 top: 40px;

}

.scac-page .icon-10 {

 left: 188px;
 top: 745px;

}

.scac-page .icon-7 {

 left: 642px;
 top: 550px;

}

.scac-page .icon-1 {

 left: 754px;
 top: 710px;

}

.scac-page .icon-3 {

 left: 327px;
 top: 195px;
 z-index: 3;

}

.scac-page .icon-3 .icon-img-3 {

 -webkit-animation: myRotate 10s infinite linear;
         animation: myRotate 10s infinite linear;
 -webkit-transform-origin: 199px 177px;
     -ms-transform-origin: 199px 177px;
         transform-origin: 199px 177px;

}

.scac-page .icon-3:hover .icon-img-3 {

 -webkit-animation-play-state: paused;
         animation-play-state: paused;

}

.scac-page .logo-img {

 position: absolute;
 top: 265px;
 left: 420px;
 z-index: 1;

}

.scac-page .content {

 position: absolute;
 top: 850px;
 left: 30px;

 font-size: 18px;
 line-height: 25px;
 text-indent: 25px;

}

@-webkit-keyframes myRotate {

 from {
   -webkit-transform: rotate(0deg);
           transform: rotate(0deg);
 }
 to {
   -webkit-transform: rotate(360deg);
           transform: rotate(360deg);
 }

}

@keyframes myRotate {

 from {
   -webkit-transform: rotate(0deg);
           transform: rotate(0deg);
 }
 to {
   -webkit-transform: rotate(360deg);
           transform: rotate(360deg);
 }

}

.footer-table {

 min-height: 30px;

}

.footer-table table {

 width: 100%;

}

.footer-table table th {

 background: #78c8dc;
 font-size: 16px;
 height: 40px;

}

.footer-table table td {

 background: #83ceee;
 font-size: 16px;
 height: 40px;

}

.contact-us {

 height: 40px;

}

.contact-us li {

 float: left;
 margin-right: 50px;
 font-size: 16px;
 padding-top: 10px;

} .adds{ color:red; position:absolute; top:950px; left:100px; }

.contact-us li img {

 vertical-align: middle;

}