﻿body,header,section,footer,div,ul,li,table,.tr,td,input,textarea,h1,h2,h3,h4,h5,p,span,a,img,b,iframe{
    margin:0;padding:0;border:0;/*vertical-align:baseline;*/background:transparent;outline:none;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
a{color:#000;text-decoration:none;}
a:hover{color:#0f426a;}
.fl{float:left;}
.fr{float:right;}
li{list-style-type: none;}
.clear{display:block;clear:both;height:0;line-height:0;font-size:0;overflow:hidden;}
.cur{cursor: pointer;}
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;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
ol,ul,li{list-style:none;}
.pcFootStyle-ul>li>a {
    top: -3px;
}
html{
    font-family:Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;
    font-size: 20px;
    color: #333;
}
body{
    min-width:1035px;
    background: url("../img/20200107_body_bg.jpg") repeat #fff;
}
.content{
    width:100%;background: url("../img/20200107_top_banner.jpg") no-repeat center top;
    height:2140px;
    overflow:hidden;
    background-size:;
}
.p1{
    width:1035px;
    height: 890px;
    margin: 0 auto;
    position: relative;
}
.p1>img,.top_text>img{
    position: absolute;
}
.img1{
    top:2.8%;
	right:0;
    animation-delay:.5s;
}
.img2{
    top:9%;
    animation-delay:1s;

}
.top_text{
	margin: 0 auto;width:1240px;height:186px;}
.img3{
	width:1240px;margin:-18px auto 0;
    animation-delay:1.5s;

}
.main_title{width:1240px;animation-delay:2s;text-align:center;padding-bottom:20px;margin: 0 auto;}
.pcFootStyle{
    background: #ef6067;
}

@keyframes myfirst {
    0%   {transform: scale(1.2)}
    50%  {transform: scale(1)}
    100% {transform: scale(1.2)}
}
.p2{
    position: absolute;
    width: 1260px;
    min-height:1040px;
    overflow: hidden;
    left:50%;
    margin-left: -630px;
    top:1083px;/*115.8%*/
    z-index: -10;
    opacity: 0;
	animation-delay:2s;
}

.swiper1{
    padding-bottom: 42px;
}
.p2 a{
    display: block;
    margin: 0 auto;
    width: 400px;
    height: 100%;
    padding: 14px;
    border: 1px solid #e5e5e5;
    background-color:#fff;
}
.p2 a:last-child{
    margin-right: 0;
}
.p2 a>div{
    height: 278px;
}
.p2 a>div>img{
    display: block;
    width: 100%;
    height: 100%;
}
.p2 a h4{
    font-size: 18px;
    color: #111;
    font-weight: normal;
    margin: 12px 0;
}
.p2 a h3{
    color: #111;
    font-size: 20px;
}
.content1{
    display: none;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 16px;
    height: 16px;
    border-radius: 50px;
    margin: 0 5px;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #ef6067;
}
.pcul {
	width: 1260px;height:924px;
}
.pcul li {float: left;margin:20px 10px;}

/******移动端样式******/
@media (max-height: 801px) {
    
}
@media (max-width: 1000px) {
    html{
        font-size: 16px;
    }
    body{
        min-width: 0;
    }
    .content{
        display: none;
    }
    .content1{
        display: block;
        background:url("../img/20200107_top_banner.jpg") no-repeat center top;
        background-size:;
    }
    .content1>div{    
    }
    #topStyle,#footStyle{
        display: block;
    }
    .swiper2{
        width: 100%;
    }
    .m1,.m2,.m4{
        display:inline-block;margin:0 auto;
    }
    .m1{float:right;margin:2% 2.1% 0 0;
        animation-delay:.5s;
    }
    .m2{top:9%;
        margin:20px 0;
        animation-delay:1s;
    }
    .m3{
        display: block;
        width:96%;
        margin: 0 auto ;
        animation-delay:1.5s;
    }
    .m4{
        animation-delay:2s;
    }
    .m-list{
        padding: 0 24px;
        animation-delay:2.5s;
    }
    .m-list a{
        display: block;
        margin: 30px auto;
        border: 1px solid #e5e5e5;
        background-color: #fff;
        padding: 24px ;
    }
    .m-list a>div>img{
        display: block;
        width: 100%;
    }
    .m-list a h4{
        font-size: 18px;
        color: #111;
        font-weight: normal;
        margin: 12px 0;
    }
    .m-list a h3{
        color: #111;
        font-size: 20px;
    }
	.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    border-radius: 50px;
    margin: 0 5px;
	}

.main_title{width:100%;animation-delay:2s;text-align:center;padding-bottom:0;margin:12px auto -14px;}
.main_title img{height:60px;}

}


