You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
228 lines
3.7 KiB
228 lines
3.7 KiB
/*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;
|
|
}
|
|
}
|