/* CSS Document */
html, 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, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
margin: 0;
padding: 0
}
html {
background: #fff;
position: relative;
height: 100%;
font-size: 125%;
overflow-x: hidden;
}
@media (max-width:1200px) {
html {
font-size: 100%;
}
}
@media (max-width:1024px) {
html {
font-size: 87.5%;
}
}
@media (max-width:768px) {
html {
font-size: 100%;
}
}
@media (max-width:540px) {
html {
font-size: 100%;
}
}
@media (max-width:440px) {
html {
font-size: 87.5%;
}
}
@media (max-width:340px) {
html {
font-size: 75%;
}
}
body {
font-size: 100%;
color: #333;
font-family: "Microsoft YaHei";
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
margin: 0 auto;
min-height: 100%;
position: relative;
background:#201e95;
overflow-x: hidden;
padding-bottom: 35px;
}
form {
display: inline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block
}
audio, canvas, video {
display: inline-block;
*display:inline;
*zoom:1
}
button, input, select, textarea {
font-size: 100%;
vertical-align: middle;
outline: none;
font-family: "Microsoft YaHei";
}
table {
border-collapse: collapse;
border-spacing: 0
}
th {
text-align: inherit
}
img {
border: 0;
-ms-interpolation-mode: bicubic;
}
input, img {
vertical-align: middle
}
ol, ul {
list-style: none
}
em, i {
font-style: normal
}
a {
text-decoration: none;
color: inherit;
}
a:hover {
text-decoration: underline;
}
textarea {
resize: none
}
* {
-webkit-tap-highlight-color: rgba(0,0,0,0)
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
:after, :before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.left{
float: left;
}
.right{
float: right;
}
.clearfix:after {
clear: both;
content: " ";
display: block;
font-size: 0;
height: 0;
visibility: hidden;
}
/* ---- header Style ---- */
.header_coat {
background: url(//www.jiaodong.net/sys/images/topnav.png) repeat-x center top;
height: 30px;
overflow: hidden;
width: 100%;
}
.header {
max-width: 1220px;
padding: 0 10px;
margin: 0 auto;
height: 30px;
}
.header .link {
float: right;
height: 30px;
line-height: 30px;
font-size: 12px;
}
.header .link a {
color: #333;
margin: 0 5px;
}
@media (max-width:768px) {
.header_coat {
height: 24px;
background-size: auto 100%;
display: none;
}
.header {
height: 24px;
}
.header .fl {
height: 80%;
width: auto;
}
.header .link {
height: 24px;
line-height: 24px;
}
.header .link a {
color: #333;
margin: 0 5px;
}
}
@media (max-width:414px) {
.header .link {
display: none;
}
}
/* ---- banner Style ---- */
.menuBox{
height: 3.9rem;
background: #0354cd;
position: relative;
z-index: 9;
}
.menuBox .logo{
position: absolute;
left: 7.5%;
top: 50%;
margin-top: -0.95rem;
height: 1.9rem;
width: auto;
}
.menuBox .reviewBtn{
position: absolute;
right: 0;
top: 1rem;
height: 2rem;
padding-top: 0.2rem;
line-height: 1.8rem;
width: 5.6rem;
background: url(../img/back_bg.png) no-repeat;
background-size: 100% 100%;
text-align: center;
font-size: 0.8rem;
color: #fff;
}
.menuBox .reviewBtn:hover{
text-decoration: none;
}
.menu{
height: 3.9rem;
line-height: 0;
font-size: 0px;
}
.menu li{
display: inline-block;
vertical-align: top;
margin: 0 0.8rem;
}
.menu li:first-of-type{
margin-left: 0;
}
.menu li a{
display: inline-block;
height: 3.9rem;
line-height: 3.9rem;
padding: 0 1.5rem;
font-size: 0.9rem;
color: #fff;
}
.menu li.active a{
background: url(../img/menu_bg.png) repeat-x;
background-size: auto 100%;
}
.menu li a:hover{
text-decoration: none;
background: url(../img/menu_bg.png) repeat-x;
background-size: auto 100%;
}
@media (max-width:1024px) {
.menuBox .reviewBtn{
right: 2%;
}
}
@media (max-width:768px) {
.menuBox{
height: 3rem;
}
.menuBox .reviewBtn{
right:0%;
top: 0.8rem;
height: 1.6rem;
padding-top: 0.1rem;
line-height: 1.5rem;
width: 4.5rem;
font-size: 0.8rem;
}
.menu{
height: 3rem;
width: 100%;
left: 0;
}
.menu li{
width: 25%;
margin: 0;
}
.menu li a{
display: inline-block;
padding: 0;
height: 3rem;
line-height: 3rem;
width: 100%;
font-size: 1rem;
text-align: center;
}
}
/* ---- banner Style ---- */
.banner_coat{
max-width: 100%;
margin: 0;
position: relative;
overflow: hidden;
background: url(../img/banner_bg.jpg) center center repeat-x;
background-size: auto 100%;
}
.banner{
max-width: 1200px;
margin: 0 auto;
position: relative;
padding-bottom: 6.8rem;
}
.banner img{
width: 100%;
height: auto;
}
.banner .infor{
margin: 0 auto;
width: 90%;
max-width: 590px;
text-align: left;
font-size: 1.2rem;
color: #fff;
}
.banner .infor p{
position: relative;
line-height: 1.8rem;
padding: 0.5rem 0 0.5rem 6.4rem;
}
.banner .infor label{
position: absolute;
left: 0;
top: 0;
min-height: 2.8rem;
padding: 0.5rem 0;
line-height: 1.8rem;
width: 6.4rem;
}
@media (max-width:768px) {
.banner{
padding-bottom: 11.5%;
}
.banner .infor{
font-size: 1rem;
}
.banner .infor p{
position: relative;
line-height: 1.4rem;
padding: 0.4rem 0 0.4rem 5.4rem;
}
.banner .infor label{
position: absolute;
left: 0;
top: 0;
min-height: 2.2rem;
padding: 0.4rem 0;
line-height: 1.4rem;
width: 5.4rem;
}
}
@media (max-width:360px) {
.banner .infor{
font-size: 0.9rem;
}
}
/* ---- introBox Style ---- */
.introBox{
padding: 1.6rem 0 1.5rem;
background: #3533c7;
line-height: 225%;
font-size: 0.8rem;
color: #fff;
}
.introBox p{
text-indent: 2em;
max-width: 1120px;
margin: 0 auto;
}
@media (max-width:768px) {
.introBox h1{
height: 2.8rem;
}
.introBox p{
line-height: 2rem;
font-size: 1rem;
}
}
/* ---- newsBox Style ---- */
.newsBox{
padding: 4% 0 0;
}
.swiperBox {
float: left;
width: 56.25%;
position: relative;
height: 23rem;
margin-bottom: 4%;
}
.swiperBox .swiper-container{
height: 100%;
overflow: hidden;
}
.swiperBox .swiper-wrapper{
height: 100%;
}
.swiperBox .swiper-slide{
height: 100%;
position: relative;
}
.swiperBox .swiper-slide img {
width: 100%;
height: 100%;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.swiperBox .swiper-slide:hover img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.swiperBox .swiper-slide p {
height: 2.4rem;
line-height:2.4rem;
padding:0 5rem 0 0.9rem;
background: rgba(0,0,0,0.7);
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
font-size:0.8rem;
color: #fff;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
}
.swiperBox .pagination {
position: absolute;
right: 0.6rem;
bottom: 0.9rem;
z-index: 9;
line-height: 0px;
}
.swiperBox .swiper-pagination-bullet{
display: inline-block;
width: 0.45rem;
height: 0.45rem;
background: #ffffff;
border-radius: 0;
margin: 0 0.15rem;
cursor: pointer;
opacity: 1;
}
.swiperBox .swiper-pagination-bullet-active{
background: #fff000;
}
@media (max-width:768px) {
.swiperBox {
width: 100%;
height: auto;
margin-bottom: 4%;
}
.swiperBox .swiper-container{
height: auto;
}
.swiperBox .swiper-wrapper{
height: auto;
}
.swiperBox .swiper-slide{
height: auto;
}
.swiperBox .swiper-slide img {
height: auto;
}
.swiperBox .swiper-slide p {
height: 2.4rem;
line-height:2.4rem;
padding:0 4.5rem 0 1rem;
font-size:0.9rem;
}
.swiperBox .pagination {
right: 0.3rem;
bottom: 0.9rem;
}
.swiperBox .swiper-pagination-bullet{
margin: 0 0.2rem;
}
}
.newsRight{
float: right;
width: 41.25%;
margin-bottom: 4%;
}
.newsRight h1{
width: 100%;
height: 3.1rem;
line-height: 3.1rem;
font-size: 1.6rem;
color: #fff;
position: relative;
margin-bottom: 0.4rem;
}
.newsRight h1 span{
font-size: 0.9rem;
color: #00d5f9;
font-weight: normal;
margin-left: 0.4rem;
}
.newsRight h1 a{
position: absolute;
right: 0.6rem;
top: 50%;
margin-top: -4px;
height: 14px;
line-height: 14px;
color: #fff;
font-size: 12px;
padding: 0 0 0 0.6rem;
border-left: 1px solid #fff;
}
.newsList li{
border-bottom: 0.05rem dotted #5d5ea9;
padding: 0 0 0.7rem;
margin: 0 0 0.6rem;
}
.newsList li:last-child{
margin-bottom: 0;
}
.newsList li h2{
line-height: 2.3rem;
height: 2.3rem;
font-size: 1rem;
color: #fff;
margin-bottom: 0rem;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
}
.newsList li p{
height: 3rem;
line-height: 1.5rem;
font-size: 0.7rem;
color: #b5b5e4;
overflow: hidden;
}
.newsList li p a{
color: #b5b5e4;
display: inline-block;
}
@media (max-width:768px) {
.newsRight{
width: 100%;
}
.newsList li h2{
line-height: 1.4rem;
height: auto;
font-size: 1rem;
margin-bottom: 0.4rem;
overflow: auto;
white-space: normal;
text-overflow: normal;
-o-text-overflow: normal;
}
.newsList li p{
height: 2.8rem;
line-height: 1.4rem;
font-size: 0.9rem;
}
}
/* ---- mainHead Style ---- */
.mainHead{
text-align: center;
position: relative;
margin-bottom: 1.75rem;
}
.mainHead::before{
content: "";
position: absolute;
top: 1.6rem;
left: 0;
right: 0;
text-align: center;
font-size: 2.2rem;
height: 1.1rem;
width: 5.6em;
margin: 0 auto;
background: linear-gradient(to right,#64c0c6,#428ee7,#9f3be2);
}
.mainHead h1{
line-height: 2.2rem;
font-size: 2.2rem;
position: relative;
color: #fff;
text-align: center;
z-index: 1;
margin-bottom: 1rem;
}
.mainHead h2{
line-height: 1rem;
font-size: 0.9rem;
position: relative;
color: #66d2f5;
text-align: center;
z-index: 1;
font-weight: normal;
}
/* ---- momentBox Style ---- */
.momentswiper {
margin-bottom: 2.5rem;
width: 100%;
position: relative;
}
.momentswiper .swiper-container{
height: 100%;
overflow: hidden;
}
.momentswiper .swiper-wrapper{
height: 100%;
}
.momentswiper .swiper-slide{
height: 100%;
position: relative;
}
.momentswiper .swiper-slide .pic{
overflow: hidden;
}
.momentswiper .swiper-slide img {
width: 100%;
height: auto;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.momentswiper .swiper-slide:hover img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.momentswiper .swiper-slide p {
height: 2.9rem;
line-height:2.9rem;
padding:0 5rem 0 0.9rem;
background: #096df6;
width: 100%;
font-size:0.8rem;
color: #fff;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
}
.momentswiper .pagination {
position: absolute;
right: 0.6rem;
bottom: 1.2rem;
z-index: 9;
line-height: 0px;
}
.momentswiper .swiper-pagination-bullet{
display: inline-block;
width: 0.45rem;
height: 0.45rem;
background: #ffffff;
border-radius: 0;
margin: 0 0.15rem;
cursor: pointer;
opacity: 1;
}
.momentswiper .swiper-pagination-bullet-active{
background: #fff000;
}
@media (max-width:768px) {
.momentswiper {
width: 100%;
height: auto;
margin-bottom: 4%;
}
.momentswiper .swiper-container{
height: auto;
}
.momentswiper .swiper-wrapper{
height: auto;
}
.momentswiper .swiper-slide{
height: auto;
}
.momentswiper .swiper-slide img {
height: auto;
}
.momentswiper .swiper-slide p {
height: 2.4rem;
line-height:2.4rem;
padding:0 4.5rem 0 1rem;
font-size:0.9rem;
}
.momentswiper .pagination {
right: 0.3rem;
bottom: 0.9rem;
}
.momentswiper .swiper-pagination-bullet{
margin: 0 0.2rem;
}
}
/* pastSwiper */
.pastSwiper{
margin-bottom: 3rem;
position: relative;
}
.pastSwiper .swiper-container {
width: 100%;
}
.pastSwiper .swiper-slide {
float: left;
position: relative;
overflow: hidden;
}
.pastSwiper .swiper-slide .pic{
overflow: hidden;
height: 13rem;
}
.pastSwiper .swiper-slide img {
width: 100%;
height: 100%;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.pastSwiper .swiper-slide:hover img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.pastSwiper .swiper-slide p {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 2.2rem;
line-height:2.2rem;
padding:0 0.7rem;
background: rgba(0,0,0,0.7);
width: 100%;
font-size:0.9rem;
color: #fff;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
}
.pastSwiper .pastNext,
.pastSwiper .pastrev{
position: absolute;
top: 50%;
margin-top: -2.2rem;
width: 1.5rem;
height: 2.6rem;
background-repeat: no-repeat;
background-position: center center;
background-size: 35% auto;
background-color: rgba(0,0,0,0.5);
z-index: 9;
}
.pastSwiper .pastNext{
right: 0;
background-image: url(../img/swiper_next.png);
}
.pastSwiper .pastrev{
left: 0;
background-image: url(../img/swiper_prev.png);
}
.swiper-button-disabled{
opacity: 0.5;
}
@media (max-width:1024px) {
.pastSwiper .swiper-slide .con h2{
height: 2.1rem;
line-height: 2.1rem;
font-size: 1rem;
}
.pastSwiper .swiper-slide .con p{
height: 3rem;
line-height: 1.5rem;
font-size: 0.9rem;
}
}
/* ---- contactBox Style ---- */
.contactBox{
background: url(../img/contact_bg.png) center center repeat-x;
background-size: auto 100%;
}
.contact{
padding: 6.6667% 0 5% 13rem;
position: relative;
}
.contactHead{
top: 50%;
left: 0;
position: absolute;
border-right: 0.25rem solid #fff;
width: 10.1rem;
margin-top: -1.8rem;
}
.contactHead h1{
line-height: 2rem;
font-size: 2rem;
color: #fff;
margin-bottom: 0.5rem;
}
.contactHead h2{
line-height: 1.2rem;
font-size: 1rem;
color: #00d5f9;
}
.contact_center{
width: 35%;
float: left;
}
.contact_right{
float: right;
width: 20.83%;
}
.contact .address{
margin-top: 3%;
line-height: 1.2rem;
font-size: 0.8rem;
color: #fff;
}
.theContact{
width: 46%;
max-width: 345px;
margin-right: 8%;
float: left;
}
.theContact:last-of-type{
margin-right: 0;
}
.theContact p{
font-size: 0.8rem;
line-height: 1.2rem;
padding: 0.3rem 0;
color: #ffffff;
}
.theContact h3{
height: 2rem;
line-height: 2rem;
font-size: 1rem;
color: #fff;
}
@media (max-width:768px) {
.contact{
padding: 6.6667% 0 5% 0;
}
.contactHead{
display: none;
}
}
@media (max-width:414px) {
.theContact{
width: 100%;
margin-right: 0;
margin-bottom: 5%;
}
.theContact p{
font-size: 1rem;
line-height: 1.4rem;
}
.theContact h3{
font-size: 1.2rem;
}
}
/* ---- sideNav Style ---- */
.sideNav{
position: fixed;
right: 4%;
top: 50%;
margin-top: -9.2rem;
z-index: 99;
}
.sideNav li{
height: 2.3rem;
line-height: 2.3rem;
text-align: right;
padding-right: 1.5rem;
font-size: 14px;
color: #fff;
position: relative;
cursor: pointer;
}
.sideNav li::before{
content: "";
position: absolute;
right: 0.35rem;
width: 1px;
height: 100%;
font-size: 0px;
line-height: 0px;
background: #659efe;
}
.sideNav li::after{
content: "";
position: absolute;
right: 0px;
top: 50%;
margin-top: -0.325rem;
width: 0.75rem;
height: 0.75rem;
background: url(../img/sideNav_bg.png) no-repeat;
background-size: 100% 100%;
}
.sideNav li:hover,
.sideNav li.active{
color: #ef1f5b;
}
.sideNav li:hover::after,
.sideNav li.active::after{
background: url(../img/sideNav_bgon.png) no-repeat;
background-size: 100% 100%;
}
@media (max-width:1500px) {
.sideNav{
right: 0%;
}
.sideNav li{
font-size: 12px;
}
}
@media (max-width:1350px) {
.sideNav{
display: none;
}
}
/* ---- sideNav Style ---- */
.leftNav{
position: fixed;
left: 50%;
margin-left: -600px;
top: 40%;
margin-top: -9.2rem;
z-index: 99;
}
.leftNav li{
height: 2.3rem;
line-height: 2.3rem;
text-align: left;
padding-left: 1.5rem;
font-size: 14px;
color: #fff;
position: relative;
cursor: pointer;
}
.leftNav li::before{
content: "";
position: absolute;
left: 0.35rem;
width: 1px;
height: 100%;
font-size: 0px;
line-height: 0px;
background: #659efe;
}
.leftNav li::after{
content: "";
position: absolute;
left: 0px;
top: 50%;
margin-top: -0.325rem;
width: 0.75rem;
height: 0.75rem;
background: url(../img/sideNav_bg.png) no-repeat;
background-size: 100% 100%;
}
.leftNav li:hover,
.leftNav li.active{
color: #ef1f5b;
}
.leftNav li:hover::after,
.leftNav li.active::after{
background: url(../img/sideNav_bgon.png) no-repeat;
background-size: 100% 100%;
}
@media (max-width:1200px) {
.leftNav{
position: fixed;
left: 1rem;
margin-left: -0px;
top: 40%;
}
}
@media (max-width:768px) {
.leftNav{
display: none;
}
}
/* ---- contentLeft Style ---- */
.contentRight{
width: 77.5%;
float: right;
padding-top: 7%;
margin-bottom: 10%;
}
.contentRight h1{
height: 3.5rem;
line-height: 3.5rem;
text-align: center;
font-size: 2.4rem;
color: #fff;
font-weight: normal;
}
.contentRight h2{
height: 1.8rem;
line-height: 1.8rem;
text-align: center;
font-size: 1.1rem;
color: #fff000;
font-weight: normal;
margin-bottom: 6%;
}
.contentRight h3{
padding: 0 0 0 1.2rem;
background: url(../img/point.png) left center no-repeat;
line-height: 1.8rem;
height: 1.8rem;
font-size: 1.1rem;
color: #fff;
}
.contentRight section{
margin-bottom: 3%;
}
.contentRight section .con{
line-height: 1.6rem;
font-size: 14px;
color: #fff;
word-break: break-all;
}
.contentRight section .con img{
width: auto !important;
height: auto !important;
max-width: 100%;
}
@media (max-width:768px) {
.contentRight{
width: 100%;
}
.contentRight section .con{
line-height: 1.6rem;
font-size: 1rem;
}
}
/* ---- container Style ---- */
.crumbs{
line-height: 1.4rem;
font-size: 14px;
background: url(../img/crumbs.png) left center no-repeat;
color: #fff;
padding: 0 0 0 1.4rem;
margin-top: 3%;
margin-bottom: 2%;
}
.listHead{
margin-bottom: 2.5%;
}
.listHead h1{
height: 3.5rem;
line-height: 3.5rem;
text-align: center;
font-size: 2.4rem;
color: #fff;
font-weight: normal;
}
.listHead h2{
height: 1.8rem;
line-height: 1.8rem;
text-align: center;
font-size: 1.1rem;
color: #fff000;
font-weight: normal;
}
.bigList{
margin-bottom: 5.5%;
}
.bigList li{
border-bottom: 1px solid #3984ff;
padding: 0.9rem 5rem 0.9rem 1.9rem;
font-size: 0.9rem;
color: #fff;
line-height: 1.4rem;
background: url(../img/point.png) left 1.4rem no-repeat;
background-size: 0.45rem 0.45rem;
position: relative;
}
.bigList li span{
position: absolute;
top: 0;
right: 0;
line-height: 3.2rem;
color: #a3ccff;
}
.moreList{
display: block;
height: 2.4rem;
line-height: 2.3rem;
width: 12.5rem;
text-align: center;
border: 0.05rem solid #fff;
font-size: 0.8rem;
color: #fff;
margin: 0 auto 7.5%;
}
.moreList:hover{
text-decoration: none;
}
@media (max-width:768px) {
.crumbs{
margin-top: 1rem;
}
.bigList li{
font-size: 1rem;
padding: 0.9rem 5.6rem 0.9rem 1.2rem;
}
.bigList li span{
font-size: 0.8rem;
}
.moreList{
font-size: 1rem;
}
}
/* ---- contetnHead Style ---- */
.contentHead{
border-bottom: 1px solid #428aff;
padding-bottom: 1.75%;
margin-bottom: 3.5%;
text-align: center;
}
.contentHead h1{
line-height: 2.2rem;
font-size: 1.6rem;
color: #fff;
padding: 0.5rem 0;
}
.contentHead p{
font-size: 14px;
line-height: 20px;
padding: 7px 0;
color: #b6d7ff;
}
.contentHead p span{
display: inline-block;
}
.content{
line-height: 38px;
font-size: 16px;
color: #fff;
margin-bottom: 7.5%;
}
.content p{
padding: 1rem 0;
}
.content img{
width: auto !important;
height: auto !important;
max-width: 100%;
}
@media (max-width:1024px) {
.contentHead p{
font-size: 12px;
line-height: 18px;
padding: 6px 0;
}
.content{
line-height: 30px;
font-size: 14px;
}
}
@media (max-width:768px) {
.contentHead h1{
line-height: 2.0rem;
font-size: 1.3rem;
color: #fff;
padding: 0.5rem 0;
}
.content{
line-height: 2rem;
font-size: 1rem;
}
}
/* ---- container Style ---- */
.container {
width: 92%;
max-width: 1200px;
margin: 0 auto;
position: relative;
}
.mb0{
margin-bottom: 0%;
}
.mb3_5{
margin-bottom: 3.5%;
}
.mb8_5{
margin-bottom: 8.5%;
}
/* ---- footer Style ---- */
.footer_coat {
position: absolute;
bottom: 0px;
left: 0px;
background: #5c5c5c none repeat scroll 0 0;
color: #fff;
font: 12px/35px;
height: 35px;
width: 100%;
}
.footer {
margin: 0 auto;
position: relative;
max-width: 1220px;
padding: 0 10px;
line-height: 35px;
font-size: 14px;
}
.footer p {
position: absolute;
right: 0px;
top: 0;
}
.footer p a {
color: #e4e4e4;
display: inline-block;
padding: 0 12px;
}
@media (max-width:1020px) {
.footer_coat{
height: 35px;
}
.footer{
line-height: 28px;
font-size: 12px;
}
.footer p a {
color: #e4e4e4;
display: inline-block;
padding: 0 8px;
font-size: 12px;
}
}
@media (max-width:768px) {
.footer {
text-align: center;
}
.footer p {
display: none;
}
}