@charset "utf-8";
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img {margin: 0; padding: 0; } 
fieldset, img {border: none; }
img{vertical-align:top}
ul,ol,li {list-style: none; }
input {padding-top: 0; padding-bottom: 0; font-family: "SimSun", "宋体"; }
select, input {vertical-align: middle; }
select, input, textarea {font-size: 12px; margin: 0; }
textarea {resize: none; }
body {font: 21px '微软雅黑'; color: #2b2b2b }
i,em{font-style: normal;}
a {text-decoration: none; }
.fl{ float:left;}
.fr{ float:right;}

.vem{ vertical-align: middle}
.tc{ text-align: center}
.tl{ text-align: left}
.pr{ position: relative}
.ov{ overflow: hidden}

.fz25{ font-size: 25px}
.fz30{ font-size: 30px}
.fz32{ font-size: 32px !important}
.fz35{ font-size: 35px}
.fz42{ font-size: 42px}


.line35{ line-height: 35px}
.line30{ line-height: 30px}

.wrap{  max-width: 1680px;  min-width: 1200px;  margin:0 auto; overflow: hidden }

.wi{ width:1200px}
.auto{ margin: 0 auto}

.mb25{ margin-bottom: 25px}
.mr20{ margin-right: 20px}
.mr0{ margin-right: 0 !important;}
.pat30{ padding-top:30px}
.pat60{ padding-top:60px}
.patb30{ padding: 30px 0}
.pa50{ padding: 50px}

.col_w{ color: #fff}
.col_r{ color: #ff2467}
.bg_w{ background: #fff}
.bg_r{ background: #ff2467; background:-webkit-linear-gradient(30deg,#ff2467, #ff2486);  background:linear-gradient(30deg,#ff2467, #ff2486); }


.btn a{ display: inline-block; padding: 0 20px;border-radius: 50px; font-size: 28px;line-height: 50px;box-shadow: 0 0 20px #d03742;
    -webkit-box-shadow: 0 0 20px #d03742; -webkit-animation: jump 3s linear normal both infinite;
    -o-animation: jump 3s linear normal both infinite;
    animation: jump 3s linear normal both infinite;}
.btn a i{ display: inline-block; width: 17px; height: 29px; vertical-align: middle; margin-left:10px}
.btn a i.r{background: url("../images/btn_jt_r.png") no-repeat;}
.btn a i.w{background: url("../images/btn_jt_w.png") no-repeat;}

.banner .ban_img{ width: 100%}
.banner .ban_btn{ display: block; width: 167px; height: 153px;position: absolute; left: 50%; top:50%; margin-left: -9.5%; margin-top: 6%;  }

.dy{height: 450px; }
.dy .con{ width: 1200px; position: absolute;; top:-200px; left: 0;; right: 0;; margin: 0 auto; background: #fe7e8b;
    background:-webkit-linear-gradient(#fe7e8b, #ff346d);  background:linear-gradient(#fe7e8b, #ff346d);  }
.dy .con:before{ content: ""; display: block; background: url("../images/p1-line.png") repeat-x; width: 100%; height: 6px; position: absolute; top:-6px; left: 0}
.dy .db{ background: url("../images/dy-bg.png") no-repeat right bottom; padding:30px 0 50px}
.dy b{ display: inline-block; border-bottom: 1px solid #fff}
.dy p{ line-height: 45px; padding: 35px 60px}

.p1 ul li{ position: relative; margin: 30px 0 0; font-size: 19px}
.p1 ul li img{ display: block}
.p1 ul li p{ position: absolute; left: 0; bottom: 0; width: 100%; line-height: 35px; background: rgba(255,36,103,0.9); color: #fff}
.p1 .p1-con{ width: 815px; background: #343434; border-radius: 10px; margin: 30px auto 0; padding:25px 55px 25px 230px}
.p1 .p1-con .p1-tx{ position: absolute; left: 70px; bottom: 0}

.p2 .p2-1{ background: url("../images/p2-1-bg.jpg") repeat; border-radius: 20px; border: 1px solid #feaac3;
    box-shadow: 0 0 20px #f4adb3; -webkit-box-shadow: 0 0 20px #f4adb3;}
.p2 dl dt{ width: 390px}
.p2 dl ul{ padding: 8px 0}
.p2 dl ul li{ float: left;}
.p2 dl i{ display: inline-block; padding: 5px 10px; background: #ff2467; display: inline-block}
.p2 dl p{ padding: 0 2%}
.p2 dl dd ul li{ width: 211px}
.p2 dl dt ul li:not(:last-child){ margin-right: 5px}
.p2 dl dd ul li:not(:last-child){ margin-right: 10px}
.p2 .text i{  line-height: 30px; background: #ff2467; display: inline-block; padding: 0 10px 0 72px; position: relative}
.p2 .text i:before{ content: ""; display: block; width:62px; height: 40px; background: url("../images/PK.png") no-repeat; position: absolute; left: 10px; bottom: 0 }
.p2 .text p{ background: #7e7e7e; color: #fff; padding: 25px 145px 25px 25px; line-height: 35px; margin: 10px auto; position: relative}
.p2 .text p:after{ content: ""; display: block; width: 74px; height: 74px; background: url("../images/jin_ico.png") no-repeat; position: absolute; right: 20px; top:20px}


.p2 .p2-2{ background: #fefff2; border: 1px solid #ffcba5;box-shadow: 0 0 20px #efe1d2; -webkit-box-shadow: 0 0 20px #efe1d2; margin: 60px auto}
.p2 .p2-2 dl dd ul li{ width: 320px}

.p2 .p2-3 ul li{ width: 146px; float: left;}
.p2 .p2-3 ul li:not(:last-child){  margin-right: 40px  }
.p2 .p2-3 ul li span{ display: block; text-align: center;color: #fff;font-size: 31px; width: 146px; height: 86px;
    border-radius: 50%; background: url("../images/p2-3-bg.jpg") no-repeat; overflow: hidden; padding: 30px 0}
.p2 .p2-3 ul li p{ font-size: 20px; line-height: 30px; padding: 10px 0}







.p4 ul li{ display: inline-block}
.p4 ul li a{ color: #000}
.p4 ul li:not(:last-child){  margin-right: 25px  }
.p4 ul li img{ border-radius: 50%; overflow: hidden}

.p5 ul li{ display: inline-block}

.p6 ul li{ width: 185px; float: left; background: #ff4d74; height: 185px; border-radius: 50%; position: relative}
.p6 ul li:not(:last-child){  margin-right: 10px  }
.p6 ul li a{ color: #fff}
.p6 ul li p{ position: absolute; top:50%; left: 0; right: 0; margin: 0 auto; font-size: 27px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.p6 ul li:nth-child(odd){
    -webkit-animation: jump 3s linear normal both infinite;
    -o-animation: jump 3s linear normal both infinite;
    animation: jump 3s linear normal both infinite;
}
.p6 ul li:nth-child(even){
    -webkit-animation: jump2 3s linear normal both infinite;
    -o-animation: jump2 3s linear normal both infinite;
    animation: jump2 3s linear normal both infinite;
}

.p7{ background: url("../images/p7-bg.jpg") no-repeat; height: 618px}
.p7 .text{ width: 465px; padding: 48px 50px; position: absolute; top:152px; left: 63px;
    box-shadow: 0 0 20px #f4adb3; -webkit-box-shadow: 0 0 20px #f4adb3;
}

@keyframes  jump{
    0%{
        transform: translateX(0);
    }
    50%{
        transform: translateX(15px);
    }
    100%{
        transform: translateX(0);
    }

}

@keyframes  jump2{
    0%{
        transform: translateY(0);
    }
    50%{
        transform: translateY(8px);
    }
    100%{
        transform: translateY(0);
    }
}

.slideTxtBox3{ width:100%; position:relative}
.slideTxtBox3 li{ position:relative}
.slideTxtBox3 li .fl{ position:absolute; width:370px; left:200px; top:162px}
.slideTxtBox3 li .fr{ position:absolute; width:370px; right:80px; top:162px}
.slideTxtBox3 li h3{ font-size: 50px}
.slideTxtBox3 li i{ display:inline-block; padding: 5px; border: 1px solid #000; margin: 20px 0}
.slideTxtBox3 li p{ line-height: 40px}

.slideTxtBox3 .prev{ position:absolute; left:0; top:250px;}
.slideTxtBox3 .next{ position:absolute; right:0; top:250px;}