showdoc-ouxuan/web/static/css/OxFooter.css

/*reset*/
html{-webkit-text-size-adjust:none; /*解决chrome浏览器下字体不能小于12px*/}
body{ color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif;}
a{outline:none; text-decoration:none;} a:hover{ text-decoration:underline;}
html{zoom:1;}html *{outline:0;zoom:1;} html button::-moz-focus-inner{border-color:transparent!important;}
body{overflow-x: hidden; font-size:12px;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
* {
 margin: 0;
 padding: 0;
 -webkit-appearance: none;
 /*去掉浏览器默认样式*/
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 -webkit-touch-callout: none;
 box-sizing: border-box;
}

body,
.body {

 -webkit-text-size-adjust: 100%;
 /*关闭自动调整字体*/
 -webkit-overflow-scrolling: touch;
 overflow-scrolling: touch;
}


/*pad*/
img {
 max-width: 100%;
}
a {
 color: inherit;
}

a:hover {
 color: inherit;
}


.contactBox {
 background: #5CCCB2;
}

.contactBox .wrapperBox {
 width: 1200px;
 overflow: hidden;
 margin: 0 auto;
 padding-top: 30px;
 padding-bottom: 70px;
 color: #000;
 font-size: 16px;
 line-height: 2;
}

.contactBox .wrapperBox>div {
 float: left;
 width: 50%;
}

.contactBox .desc {
 margin-top: 20px;
}

.contactBox .rightBox {

 overflow: hidden;
}

.contactBox .item {
 width: 100px;
 float: left;
 text-align: center;
 margin-right: 46px;
}

.contactBox .item img {
 width: 100%;
 display: block;
 margin-bottom: 12px;
}

@font-face {
 font-family: "unisans";
 src: url("unisans.otf");
 /* iOS 4.1- */
 font-style: normal;
 font-weight: normal;
}

.enText {
 font-size: 60px;
 font-weight: bold;
 font-family: "unisans";
 color: #000;
}

.linksBox{
 background: #009874;
 color: #000;
}
.linksBox .wrapperBox{
 width: 1200px;
 margin:0 auto;
 position: relative;
 padding-top: 60px;
 padding-bottom: 60px;
}
.links{
 overflow: hidden;

 font-size: 16px;
 margin-bottom: 55px;
}
.links > div{ 
 width: 546px;
 float: left;
}
.links h3{
 font-size: 30px;
 font-weight: bold;
 margin-bottom: 30px;
}
.links li{
 margin-bottom: 14px;
}
.linksBtm{
 font-size: 20px;	
}
.linksBtm a{
 margin-right: 100px;
 font-weight: bold;
}
.rlogo{
 width:200px;
 position: absolute;
 right:0;
 top:70px;
}
.footer {
 font-size: 16px;
 background: #000000;
} 

.footer .copyright span {
 margin: 0 180px;
}

.footer .copyright {
 width: 1200px;
 margin: 0 auto;
 padding: 30px 0;
}
/* 平板--sm */
@media screen and (max-width:992px) {
 
 .contactBox .wrapperBox{
   width:100%;
   padding: 20px 0;
   font-size: 12px;
 }
 .enText{
   font-size: 22px;
   text-align: center;
 }
 .contactBox .wrapperBox>div{
   float: none;
   width:100%;
   padding: 0 15px;
 }
 .rightBox .enText{
   margin-top: 20px;
   margin-bottom: 20px;
 }
 .contactBox .item{
   width:50%;
   margin-right: 0;
 }
 .contactBox .item img{
   width: 100px;
   margin:0 auto 15px;
 }
 .linksBox .wrapperBox{
   width:100%; 
   padding: 20px 15px;
 }
 .rlogo{
   display: none;
 }
 .links{
   margin-bottom: 15px;
 }
 .links > div{
   width: 100%;
   float: none;
   padding: 0;
   text-align: center;
 }
 .links li{
   margin:4px 5px ;
   display: inline-block;
   font-size: 14px;
 }
 .links h3{ 
   font-size: 18px;
   margin:10px 0;
 }
 .linksBtm{
   font-size: 16px;
   text-align: center;
 }
 .linksBtm a{
   margin: 5px;
 }
 .footer .copyright{
   width: 100%;
   padding: 10px;
   font-size: 12px;
   text-align: center;
 }
 .footer .copyright span{
   margin: 0;
 }
 .footer .copyright a:first-child{
   display: block;
   margin:0 auto 3px;
   font-size: 14px;
 }
}