/*reset*/
@charset "utf-8";

body,
div,
p,
span,
ul,
li,
dl,
dt,
dd,
a,
ol,
img,
h1,
h2,
h3,
h4,
h5,
h6,
select,
section,
input,
footer,
i,
em,
option {
    padding: 0;
    margin: 0;
    list-style: none;
    border: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    font-family: "sans-serif", "Microsoft YaHei", "微软雅黑", "Tahoma", "Helvetica";
    max-height: 100000px;
    font-style: normal;
	font-size:16px;
}

body {
    width: 100%;
}

a {
    text-decoration: none;
    outline: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    color: #333;
}

body,
html {
    width: 100%;
    margin: 0 auto;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    background: #fff;
}

a:hover {
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
	font-size:16px;
}

input {
    outline: none;
    border: none;
    border-radius: 0;
}

input,
textarea,
button,
select {
    outline: none;
    resize: none;
    border: 0;
    background: none;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section {
    display: block;
}

:before,
:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.clearfix::before,
.clearfix::after {
    content: ".";
    height: 0;
    line-height: 0;
    display: block;
    visibility: hidden;
    clear: both;
}

.text_overflow {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.text_overflow2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.margin_auto {
    margin: 0 auto;
}

.f_left {
    float: left;
}

.f_right {
    float: right;
}

/*reset*/
.container {
    width: 1200px;
    margin: 0 auto;
}

/*header*/
.header {
    background-color: rgba(255, 255, 255, 1);
    height: 74px;
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 999;
    box-shadow: 2px 2px 5px #b7b7b7;
}

.logo {
    overflow: hidden;
    float: left;
    margin-top: 5px !important;
}

.logo h1 {
    float: left;
    overflow: hidden;
}

.logo h1 a {
    float: left;
    margin-top: 11px;
}

.logo h1 a img {
    vertical-align: -5px;
}

.logo h1 span {
    width: 14px;
    height: 30px;
    border-left: 2px #e00101 solid;
    margin-left: 20px;
    margin-top: 20px;
    float: left;
}

.logo h1 em {
    font-size: 10px;
    color: #e00101;
    float: left;
    line-height: 1.5;
    margin-top: 17px;
}

.header .phonetxt {
    float: right;
    padding-top: 15px;
}

.header .phonetxt h3 {
    font-size: 16px;
    color: #e00101;
}

.header .phonetxt span {
    display: block;
    font-size: 24px;
    margin-top: 6px;
    font-weight: 800;
    font-family: "Impact", "微软雅黑";
}

.gao {
    height: 74px;
    display: block;
}

/*banner*/
.c_banner {
    overflow: hidden;
    width: 100%;
    position: relative;
    z-index: 2;
}

.c_banner .banner_img {
    display: block;
    position: relative;
    left: 50%;
    margin-left: -960px;
    width: 1920px;
}

.bannerBtn {
    position: absolute;
    top: 372px;
    left: 48%;
    transform: translateX(-50%);
    z-index: 99;
}

.bannerBtn:hover {
    opacity: 0.8;
}

.biaodan {
    position: absolute;
    top: 37px;
    width: 100%;
}

.form {
    width: 308px;
    background: rgba(29, 114, 209, .8);
    float: right;
    padding: 24px 0;
}

.form h1 {
    color: #fff;
    text-align: center;
    margin-bottom: 16px;
}

.form p {
    overflow: hidden;
    width: 90%;
    margin: 12px auto 0;
    height: 44px;
    line-height: 44px;
    background: #fff;
}

.form p input {
    display: block;
    width: 100%;
    border: none;
    height: 44px;
    line-height: 44px;
    padding-left: 5px;
    color: #333;
    font-size: 14px;
}

.form p select {
    display: block;
    width: 100%;
    border: none;
    height: 44px;
    line-height: 44px;
    padding-left: 5px;
    color: #333;
    font-size: 14px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url(../img/xl.png) no-repeat right center;
    padding-right: 14px;
}

select::-ms-expand {
    display: none;
}

.form p input.yan {
    width: 60%;
    float: left;
}

.form p a.code {
    float: left;
    width: 40%;
    height: 44px;
    line-height: 44px;
    color: #ff6767;
    font-size: 14px;
    text-align: center;
}

.form a.button {
    width: 90%;
    display: block;
    margin: 12px auto 0;
    background: #ffdb78;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-size: 18px;
    color: #dd0500;
    box-shadow: 0px 5px 0px #ffae2f;
}



h2 {
    text-align: center;
    padding: 50px 0 !important;
}



.con1Box {
    height: 350px;
    background: url(../img/con1.jpg) no-repeat;
    background-size: 100% 100%;
    position: relative;
    margin-top: 76px;
}

.con1Box p {
    font-size: 18px;
    color: #666;
    width: 236px;
    line-height: 1.6;
}

.con1Box p.p1 {
    position: absolute;
    top: 36px;
    left: 511px;
}

.con1Box p.p2 {
    position: absolute;
    top: 36px;
    left: 890px;
}

.con1Box p.p3 {
    position: absolute;
    top: 240px;
    left: 511px;
}

.con1Box p.p4 {
    position: absolute;
    top: 240px;
    left: 890px;
}



.btn {
    background: url(../img/btnbg.png) no-repeat center center;
    margin-top: 90px;
    position: relative;
    z-index: 22;
}

.btn a {
    width: 510px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background: #1d71ee;
    box-shadow: 0 2px 0px #202753;
    display: block;
    margin: 0 auto;
    border-radius: 50px;
    font-size: 20px;
    color: #fff;
}

.btn a:hover {
    background: #51b005;
    box-shadow: 0 2px 0px #429500;
}


.ren ul li {
    float: left;
    width: 280px;
    height: 350px;
    padding: 197px 20px 20px;
    font-size: 18px;
    color: #fff;
}

.ren ul li+li {
    margin-left: 26px;
}

.ren ul li span {
    color: #ffe374
}

.ren ul li:nth-child(1) {
    background: url(../img/tu1.jpg) no-repeat;
    background-size: 100% 100%;
}

.ren ul li:nth-child(2) {
    background: url(../img/tu2.jpg) no-repeat;
    background-size: 100% 100%;
}

.ren ul li:nth-child(3) {
    background: url(../img/tu3.jpg) no-repeat;
    background-size: 100% 100%;
}

.ren ul li:nth-child(4) {
    background: url(../img/tu4.jpg) no-repeat;
    background-size: 100% 100%;
}


.con2 {
    width: 100%;
    overflow: hidden;
    margin-top: -188px;
}

.con2bg {
    padding-top: 160px;
    height: 1157px;
    background: url(../img/bg2.png) no-repeat center bottom;
    display: block;
    position: relative;
    left: 50%;
    margin-left: -960px;
    width: 1920px;
}


.ren2 ul li {
    float: left;
    width: 280px;
    height: 600px;
    padding: 150px 20px 20px;
    font-size: 18px;
    color: #333;
	position:relative;
}

.ren2 ul li+li {
    margin-left: 26px;
}

.ren2 ul li span {
    color: #1d71ee;
    display: block;
    margin: 20px 0 10px;
}

.ren2 ul li:nth-child(1) {
    background: url(../img/t1.png) no-repeat;
    background-size: 100% 100%;
}

.ren2 ul li:nth-child(2) {
    background: url(../img/t2.png) no-repeat;
    background-size: 100% 100%;
}

.ren2 ul li:nth-child(3) {
    background: url(../img/t3.png) no-repeat;
    background-size: 100% 100%;
}

.ren2 ul li:nth-child(4) {
    background: url(../img/t4.png) no-repeat;
    background-size: 100% 100%;
}

.ren2 .btn2 a {
    width: 244px;
}

.ren2 .btn2 {
    margin-top: 40px;
	position:absolute;
	bottom:20px;
}

.tong .btn {
    background: none;
}



.kao {
    margin-top: -80px;
}

.kao2 {
    float: left;
}

.kao3 {
    float: right;
}

.kao2 {
    text-align: center;
    width: 540px;
    height: 320px;
    background: #e5f7f9;
    border-radius: 30px;
    padding: 30px;
    border: 1px #e5f7f9 solid;
}

.kao2:hover {
    border: 1px #51b005 solid;
}

.kao2 p {
    font-size: 20px;
    color: #666666;
    line-height: 1.6;
    padding: 20px;
    text-align: left;
}

.kao2 .btn {
    background: none;
    margin-top: 30px;
}

.kao2 .btn a {
    width: 450px;
}

.kao1 {
    position: relative;
}

.yuan {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.test {
    position: relative;
    margin-top: 60px;
}

.test a {
    position: absolute;
    top: 0;
    left: 0;
    width: 40%;
    height: 100%;
}


.hot ul li {
    float: left;
    width: 570px;
    height: 750px;
    background: #e5f7f9;
    padding: 30px;
    position: relative;
}

.hot ul li+li {
    float: right;
}

.hot ul li .p1 {
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    color: #1d71ee;
    padding: 15px 0;
}

.hot ul li .p2 {
    font-size: 20px;
    color: #666;
    padding: 0 50px 30px;
}

.hot ul li .p2 span {
    display: block;
    font-weight: bold;
    color: #1d71ee;
    margin: 8px 0;
}

.hot ul li .p2 span img {
    vertical-align: -2px;
}

.hot .btn {
    background: none;
    margin-top: 0;
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
}

.hot .btn a {
    width: 450px;
}


.shi {
    width: 100%;
    overflow: hidden;
    margin-top: -57px;
}

.shibg {
    height: 960px;
    background: url(../img/shibg.jpg) no-repeat center bottom;
    display: block;
    position: relative;
    left: 50%;
    margin-left: -960px;
    width: 1920px;
}

.shiBox {
    position: relative;
}

.shiBox p {
    font-size: 18px;
    color: #666;
    width: 270px;
    position: absolute;
    line-height: 1.6;
}

.shiBox p.p1 {
    top: 612px;
    left: 50px;
}

.shiBox p.p2 {
    top: 612px;
    left: 466px;
}

.shiBox p.p3 {
    top: 612px;
    left: 886px;
}

.s7 {
    margin-top: -100px;
    position: relative;
    z-index: 2;
    text-align: center;
}


.xue {
    background: #e5f7f9;
    padding: 60px 112px;
}

.xue ul li {
    float: left;
    width: 25%;
    text-align: center;
}

.xue ul li img {
    width: 90%;
}

.tongbg {
    width: 100%;
    overflow: hidden;

}

.tongBox {
    background: url(../img/bg3.png) no-repeat center bottom;
    display: block;
    position: relative;
    left: 50%;
    margin-left: -960px;
    width: 1920px;
}

.tong {
    border-radius: 10px;
    margin-top: 60px;
    padding-bottom: 50px;
}

.tong ul {
    padding: 90px 65px 0;
}

.tong ul li {
    height: 362px;
    background: #e8eff9;
    float: left;
    width: 18%;
}

.tong ul li+li {
    margin-left: 2.5%;
}

.tong ul li .p2 {
    font-size: 26px;
    font-weight: bold;
    color: #1f60c8;
    padding: 20px 0;
    text-align: center;
}

.tong ul li .p1 {
    text-align: center;
}

.tong ul li .p1 img {
    position: relative;
    margin-top: -40px;
}

.tong ul li .p3 {
    font-size: 18px;
    line-height: 36px;
    padding-left: 20px;
}

.tong ul li .p3 span {
    color: #1f60c8;
}

.tong ul li:nth-child(2n) {
    background: #fdf0f0;
}

.tong ul li:nth-child(2n) .p2 {
    color: #f06a67;
}

.tong ul li:nth-child(2n) .p3 span {
    color: #f06a67;
}

/* .tong a {
    display: block;
    width: 410px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    background: #f8454e;
    border-radius: 50px;
    margin: 50px auto 0;
    box-shadow: 0 3px 0 #cc1e25;
}

.tong a:hover {
    opacity: 0.8;
} */


.kao1 {
    display: block;
    margin: 30px auto 0;
}


.rong {
    width: 100%;
    overflow: hidden;
    margin-top: 10px;
}

.rongBox {
    background: url(../img/rong.jpg) no-repeat center bottom;
    display: block;
    position: relative;
    left: 50%;
    margin-left: -960px;
    width: 1920px;
    height: 951px;
}

.rongCon {
    position: relative;
}

.rongCon p {
    font-size: 16px;
    color: #555;
    line-height: 1.6;
    width: 296px;
    position: absolute;
    top: 540px;
}

.rongCon p.p1 {
    left: 50px;
}

.rongCon p.p2 {
    left: 450px;
}

.rongCon p.p3 {
    left: 840px;
}



.rongBox a {
    display: block;
    width: 600px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    background: #f8454e;
    border-radius: 50px;
    margin: 50px auto 0;
    box-shadow: 0 3px 0 #cc1e25;
    position: absolute;
    bottom: 50px;
    left: 50%;
    margin-left: -300px;
}

.rongBox a:hover {
    opacity: 0.8;
}

/* .ding h2 {
    margin: 40px auto 30px;
} */

.dingBg {
    background: url(../img/dingbg.png) no-repeat top center;
    display: block;
    position: relative;
    left: 50%;
    margin-left: -960px;
    width: 1920px;
}

.dingBox {
    position: relative;
    width: 1123px;
    margin: 0 auto;
}

.dingBox p {
    font-size: 18px;
    color: #fff;
    width: 490px;
    line-height: 1.6;
}

.dingBox p.p1 {
    position: absolute;
    top: 126px;
    right: 54px;
}

.dingBox p.p2 {
    position: absolute;
    top: 240px;
    right: 54px;
}

/* .a7 h2 {
    margin-top: -50px;
} */

.a7>img {
    display: block;
    margin: 10px auto 0;
}

.a7 a {
    display: block;
    width: 600px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    background: #f8454e;
    border-radius: 50px;
    margin: 50px auto 0;
    box-shadow: 0 3px 0 #cc1e25;
}

.a7 a:hover {
    opacity: 0.8;
}






.wu {

    margin-top: 40px;
    padding-top: 40px;
    position: relative;
    padding-bottom: 164px;
}

.wu_text {
    width: 100%;
}

.wu_text>p {
    text-align: center;
    font-size: 22px;
    color: #fff;
    font-weight: bold;
    margin-top: 28px;
    padding: 20px 0 40px;
}

.wu_text>p>img {
    vertical-align: -5px;
}

.wuBox {
    position: relative;
}

.wuBox>p {
    font-size: 18px;
    color: #333;
    width: 236px;
}

.wuBox>p span {
    color: #4c51e8;
}

.wuBox>p em {
    color: #1e5cbf;
}

.wuBox>p.p2 em {
    color: #418b02;
}

.wuBox>p.p4 em {
    color: #418b02;
}

.wuBox>p.p5 em {
    color: #418b02;
}

.wuBox>p.p7 em {
    color: #418b02;
}

.wuBox>p.p1 {
    position: absolute;
    top: 368px;
    left: 24px;
}

.wuBox>p.p2 {
    position: absolute;
    top: 368px;
    left: 330px;
}

.wuBox>p.p3 {
    position: absolute;
    top: 368px;
    left: 640px;
}

.wuBox>p.p4 {
    position: absolute;
    top: 368px;
    left: 940px;
}

.wuBox>p.p5 {
    position: absolute;
    top: 815px;
    left: 24px;
}

.wuBox>p.p6 {
    position: absolute;
    top: 815px;
    left: 326px;
}

.wuBox>p.p7 {
    position: absolute;
    top: 815px;
    left: 634px;
}

.wuBox>p.p8 {
    position: absolute;
    top: 815px;
    left: 940px;
}



.wei {
    border-radius: 10px;
    margin-top: 80px;
    position: relative;
}

.wei a {
    display: block;
    width: 400px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    background: #f06a67;
    border-radius: 50px;
    margin: 50px auto 0;
    position: absolute;
    bottom: 50px;
    right: 110px;
}

.wei a:hover {
    background: #ed4541;
}

.liao {
    border-radius: 10px;
    margin-top: 80px;
    position: relative;
}

.liao p {
    width: 385px;
    font-size: 20px;
    color: #333;
    line-height: 1.6;
    position: absolute;
    top: 216px;
    left: 50px;
}

.liao a {
    display: block;
    width: 400px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    background: #f06a67;
    border-radius: 50px;
    margin: 50px auto 0;
    position: absolute;
    bottom: 50px;
    right: 110px;
}

.liao a:hover {
    background: #ed4541;
}


.tong1 ul {
    padding: 30px 65px 60px;
}

.tong1 ul li {
    height: 307px;
    background: none;
    float: left;
    width: 15%;
}

.tong1 ul li+li {
    margin-left: 2%;
}

.tong1 ul li:nth-child(2n) {
    background: none;
}

.tong1 ul li .p3 {
    font-size: 16px;
    line-height: 1.4;
    padding-left: 20px;
    margin-top: 10px;
}

.tong1 ul li .p1 img {
    position: relative;
    margin-top: 0;
}

.last {
    background: #fff;
    border-radius: 10px;
    margin-top: 80px;
    padding-bottom: 50px;
}

.last ul li {
    float: left;
    width: 25%;
    text-align: center;
    margin-top: 40px;
}





.wu ul {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 524px;
}

.wu ul li {
    float: left;
    width: 270px;
    height: 150px;
    margin-left: 23px;
    margin-bottom: 295px;
    cursor: pointer;
}



.lunbo2 {
    width: 1200px;
    height: 700px;
    position: fixed;
    top: 80px;
    left: 50%;
    margin-left: -600px;
    z-index: 99;
    display: none;
}

.lunbobg {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
}

.lunbo2 .swiper-button-prev {
    background: url(../img/prev.png) no-repeat;
    background-size: 100% 100%;
}

.lunbo2 .swiper-button-next {
    background: url(../img/next.png) no-repeat;
    background-size: 100% 100%;
    right: 380px !important;
}

.swiper-container2 {
    position: relative;
    z-index: 3;
    width: 100%;
    overflow: hidden;
}

.cuo {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 999;
}

.lunbo2 .swiper-slide {
    clear: both;
    height: 700px;
    width: 100% !important;
}

.lunbo2 .p1 {
    background: #000;
    width: 70%;
    float: left;
    height: 100%;
    text-align: center;
    padding-top: 10%;
}

.lunbo2 .p1 img {
    max-height: 80%;
    max-width: 80%;
}

.lunbo2 .p2 {
    background: #fff;
    width: 30%;
    float: left;
    height: 100%;
}

.lunbo2 .p2 span {
    color: #ed4541;
    font-size: 32px;
    overflow: hidden;
    display: block;
    width: 80%;
    margin: 70px auto 0;
    border-bottom: 1px #ed4541 solid;
}

.lunbo2 .p2 span b {
    float: left;
    font-size: 88px;
    font-weight: bold;
    margin-top: -10px;
}

.lunbo2 .p2 em {
    font-size: 20px;
    width: 80%;
    margin: 10px auto 0;
    display: block;
    line-height: 1.4;
}



.wu>a {
    display: block;
    width: 600px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    background: #f8454e;
    border-radius: 50px;
    margin: 50px auto 0;
    box-shadow: 0 3px 0 #cc1e25;
    position: absolute;
    bottom: 50px;
    left: 50%;
    margin-left: -300px;
}

.wu>a:hover {
    opacity: 0.8;
}





.hou {
    margin-top: 40px;
    padding-bottom: 50px;
}

.hou p {
    font-size: 22px;
    color: #f8454e;
    font-weight: bold;
    padding: 26px 40px;
}

.hou p img {
    vertical-align: -5px;
}


.bottom_span .container {
    margin-bottom: 0;
}

.bottom_span {
    background: #e7e8ea;
    border-top: 4px solid #ddd;
}

.bottom_span ul {
    padding: 10px 0;
    float: left;
}

.bottom_span ul li {
    width: 180px;
    float: left;
    text-align: center;
    background: url(../img/line_a.png) no-repeat right center;
    padding: 30px 50px;
}

.bottom_span ul li:last-child {
    background: none;
}

.bottom_span ul li p {
    color: #666;
    font-size: 20px;
    margin-top: 30px;
}





.code_right {
    float: right;
    position: relative;
    padding: 30px 0;
    text-align: center;
}

.code_right span {
    float: left;
    margin-right: 25px;
}

.code_right .phone_yu {
    float: right;
    padding-top: 20px;
}

.code_right .phone_yu p {
    font-size: 18px;
    color: #666;
    margin: 20px 0;
}

.bottom_span a.button {
    width: 246px;
    display: block;
    margin: 30px auto 0;
    background: #f8454e;
    height: 40px;
    line-height: 37px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    border-bottom: 4px solid #d2373d;
    border-radius: 5px;
}

.bottom_span a.button:hover {
    background: #d2373d;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.bottom {
    background: #333;
    text-align: center;
    font-size: 18px;
    line-height: 28px;
    color: #fff;
    padding: 20px 0;
}


.you {
    position: relative;
}

.you ul li {
    float: left;
    width: 25%;
    padding: 50px 30px;
}

.you ul li p.ptit {
    font-size: 26px;
    font-weight: bold;
    color: #333;
    padding: 14px 0;
    text-align: center;
}

.you ul li p.ptext {
    font-size: 18px;
    color: #666;
    line-height: 32px;
    height: 200px;
}

.you ul li a {
    width: 80%;
    margin: 20px auto;
    background: #da232c;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    display: block;
    border-radius: 10px;
}

.he {
    margin-top: 150px;
}

.he ul {
    padding: ;
}

.he ul li {
    width: 585px;
    height: 468px;
    float: left;
    margin-top: 50px;
    padding: 35px 80px 0 40px;
}

.he ul li:nth-child(1) {
    background: url(../img/z1.jpg) no-repeat;
    background-size: 100% 100%;
}

.he ul li:nth-child(2) {
    background: url(../img/z2.jpg) no-repeat;
    background-size: 100% 100%;
    padding-top: 163px;
}

.he ul li:nth-child(3) {
    background: url(../img/z3.jpg) no-repeat;
    background-size: 100% 100%;
    padding-top: 163px;
}

.he ul li:nth-child(4) {
    background: url(../img/z4.jpg) no-repeat;
    background-size: 100% 100%;
}

.he ul li:nth-child(2n) {
    float: right;
}

.he ul li p.p1 {
    font-size: 28px;
    font-weight: bold;
    color: #e23434;
    padding-bottom: 14px;
}

.he ul li p.p2 {
    line-height: 30px;
    overflow: hidden;
}

.he ul li p.p2 span {
    float: left;
    width: 5%;
    font-size: 30px;
    font-weight: bold;
    color: #e23434;
    text-align: center;
}

.he ul li p.p2 em {
    float: left;
    width: 90%;
    font-size: 16px;
}

.he ul li:nth-child(2) p.p1 {
    color: #fff;
}

.he ul li:nth-child(2) p.p2 span {
    color: #fff;
}

.he ul li:nth-child(2) p.p2 em {
    color: #fff;
}

.he ul li:nth-child(3) p.p1 {
    color: #fff;
}

.he ul li:nth-child(3) p.p2 span {
    color: #fff;
}

.he ul li:nth-child(3) p.p2 em {
    color: #fff;
}

.he a {
    display: block;
    width: 365px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 22px;
    color: #e23434;
    background: #fff;
    border-radius: 50px;
    margin: 40px auto;
    box-shadow: 0 0 10px #fff;
}

.he a:hover {
    opacity: 0.9;
}



.huabg {
    width: 100%;
    overflow: hidden;
}

.huaBox {
    background: url(../img/bg1.jpg) no-repeat center bottom;
    display: block;
    padding-bottom: 30px;
    position: relative;
    left: 50%;
    margin-left: -960px;
    width: 1920px;
}

.hua {
    margin-top: 120px;
}

.huaText {
    text-align: center;
}

.huaText span {
    display: inline-block;
    height: 62px;
    line-height: 62px;
    text-align: center;
    font-size: 22px;
    color: #e23434;
    background: #fff;
    border-radius: 10px;
    margin: 40px auto;
    padding: 0 50px;
}

.pImg img {
    display: block;
    margin: 0 auto;
}

.hua ul {
    margin-top: 60px;
}

.hua ul li {
    width: 32%;
    float: left;
    background: #fff;
    padding-bottom: 30px;
    border-radius: 10px;
    overflow: hidden;
}

.hua ul li+li {
    margin-left: 2%;
}

.hua ul li img {
    display: block;
    max-width: 100%;
}

.hua ul li h3 {
    font-size: 22px;
    color: #333;
    line-height: 63px;
    text-align: center;
    font-weight: bold;
}

.hua ul li p {
    font-size: 16px;
    color: #666;
    margin-bottom: 20px;
    padding: 0 30px;
    line-height: 27px;
}

.hua ul li p span {
    display: block;
}

.hua ul li p span:nth-child(2) {
    margin-top: 26px;
}

.hua ul li a {
    width: 80%;
    margin: 20px auto 0;
    height: 40px;
    line-height: 38px;
    border: 1px #e23434 solid;
    font-size: 16px;
    text-align: center;
    border-radius: 10px;
    color: #e23434;
    display: block;
}

.hua ul li a:hover {
    background: #e23434;
    color: #fff;
}

.huaText2 span {
    color: #fff;
    background: #202753;
}

.hua ul.ul2 {}

.hua ul.ul2 li {
    width: 32%;
    float: left;
    background: #fff;
    padding-bottom: 30px;
    margin-left: 12%;
}

.hua ul.ul2 li p {
    height: 200px;
}

.shaImg {
    display: block;
}

.sha {
    margin-top: 100px;
}

/* .sha h2 {
    margin-bottom: 30px;
} */

.shaBox {
    position: relative;
}

.text1 {
    font-size: 28px;
    color: #e23434;
    width: 706px;
    position: absolute;
    top: 30px;
    right: 80px;
}

.text1 .p1 {
    font-size: 18px;
    color: #333;
    margin-top: 30px;
}

.text1 a {
    font-size: 18px;
    color: #fff;
    text-align: center;
    margin-top: 53px;
    display: block;
    width: 100%;
    padding-right: 150px;
}

.text1 a:hover {
    opacity: 0.8;
}

.text2 {
    top: 445px;
}




.zan {
    text-align: center;
    padding-bottom: 48px;
    border-radius: 10px;
    padding-top: 50px;
}

.zan>img {
    margin-top: 50px;
}

.zan a {
    display: block;
    width: 600px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    background: #f06a67;
    border-radius: 50px;
    margin: 50px auto 0;
}

.zan a:hover {
    background: #ed4541;
}

.tong1 ul img {
    width: 100%;
}

.tong1 ul {
    padding: 0;
    margin-top: 44px;
}

.tong1 ul li {
    width: 16.666%;
    float: left;
    background: #fff;
    height: 410px;
}

.tong1 ul li+li {
    margin-left: 0;
}

.tong1 ul li .p3 {
    font-size: 16px;
    line-height: 26px;
    padding: 10px 20px;
    color: #666;
}

.tong1 ul li .p1 img {
    position: relative;
    margin-top: 0;
}




/*bottom*/
.bottom {
    padding: 50px 0 30px;
    color: #fff;
    position: relative;
    background: #201924;
    text-align: center;
    line-height: 30px;
    margin-top: 50px;
}