@charset "utf-8";

/* CSS Document */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,nav,em,b{margin:0;padding:0;}
header,article,footer,nav,section,aside,menu{ display:block;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
em,b{font-style: normal;}
table{ border-collapse:collapse; border-spacing:0;}
img,input{ border:none;}
ul li,ol li{list-style: none;}
a{text-decoration: none;color:#000;}
body{font:14px;font-family: "Microsoft Yahei"; min-width: 320px;}
.clearfix:after{content:""; display:block; visibility:hidden; height:0; clear:both;}
.clearfix{zoom:1;}

.cont{width: 100%;margin: 0 auto;max-width: 640px;}
.wid img{width: 100%;display: block;}
.widn {width: 93.75%;margin:0 auto 0;overflow: hidden;}
.clear{clear: both;}
.pr{position: relative;}
.pa{position: absolute;}
.pf{position: fixed;}
.oh{overflow:hidden;}
.fl{float:left;}
.fr{float:right;}
.tc{text-align: center;}

.cont p{text-align:justify; text-justify:distribute-all-lines;}
.kv,.p1,.p2,.p3,.p4,.p5,.p6{overflow: hidden;}

.m1030{margin:10px auto 30px;}
.m3015{margin:30px auto 15px;}
.m25{margin:20px auto;}
.mb30{margin:0 auto 30px;}


.t1{font-size:36px;line-height:42px;text-align:center;padding:5px 0;}
.t1.t2{color:#D9694A;}
.t1 span{font-size:30px;display:block;}
.t1 em{font-size:24px;display:block;color:#979797;text-transform:uppercase;}
.t1 b{color:#FFDC18;}
.w1{font-size:22px;line-height:30px;}
.w2{font-size:22px;line-height:36px;}
.w3{font-size:24px;line-height:28px;}
.dj a{display:block;margin:5px auto;width:44.5%;background:#FFBB18;text-align:center;line-height:55px;
	border-radius:8px;font-size:22px;box-shadow:0 3px 0 #D69A0B;}
.dj.dj1 a{float: left; width: 48.75%; }
.dj.dj1 a:last-child{background: #E03A86; box-shadow: 0 3px 0 #AF1059; color: #fff; margin-left: 2.5%; }

.kv a{position:absolute;width: 26.5%; display: block; height: 11.75%; bottom: 3.5%; left: 37%;z-index: 4;}
.kv i{
    width: 5%;
    position: absolute;
    left: 46%;
    top: 92%;
    -webkit-animation: vertical 1s infinite;
    -o-animation: vertical 1s infinite;
    animation: vertical 1s infinite;
}
@-webkit-keyframes vertical {
16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
}
33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
}
49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
}
66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
}
83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
}
100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
}
@-moz-keyframes  {
   16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
}
33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
}
49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
}
66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
}
83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
}
100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
}
@-ms-keyframes  {
    16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
}
33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
}
49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
}
66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
}
83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
}
100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
}
@-o-keyframes  {
    16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
}
33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
}
49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
}
66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
}
83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
}
100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
}
@keyframes  {
    16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
}
33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
}
49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
}
66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
}
83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
}
100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
}

.p1-sub .t1,.p1-sub3 .t1{color:#fff;background:#D9694A;}
.p1-sub ul{margin:5px auto;}
.p1-sub ul li{width:30%;float:left;margin:0 1.6%;}
.p1-sub ul li span{text-align:center;display:block;margin:10px auto;}
.p1-sub .p1SubSwiper{height: 302px;}

.p1-sub2{background:#E6E6E6;}
.p1-sub2 p{text-indent:2em;color:#393939;width:96.875%;margin:0 auto;}
.p1-sub2 .dj a span{width: 13%; height: 40%; right: 2%; top: 8%; }


.p1_type .dj a{width: 61%;}
.p1_type .type{padding:0 2%;}
.p1_type .type .typeSwiper{height: 350px;}
.p1_type .type .left{width: 46%;}
.p1_type .type .right{width: 54%;}
.p1_type .type .right dl{padding:4% 0 2% 6%;}
.p1_type .type .right.w2{line-height: 1.4;}
.p1_type .type .right .typeBtn a{display: inline-block; width: 27%; margin-left: 3%; }



.p1-sub3 {background: #D9694A;}

.p1-sub3 .safetyBox,.p1-sub3 .listBox{width: 96.875%; background: #fff; margin: 0 auto;padding:2% 0; }
.p1-sub3 .safetyBox .safetySwiper{height: 350px;}
.p1-sub3 .safetyBox .tabs a{color:#000;width:31%; margin-left:1.5%;}
.p1-sub3 .safetyBox .left{width: 51%;}
.p1-sub3 .safetyBox .right{width: 46.8%;}
.p1-sub3 .safetyBox .left dl{padding:13% 0 2% 6%;}
.p1-sub3 .safetyBox .dj a{width:60.5%;}
.p1-sub3 .contentSlide dd{padding-bottom: 10px;}
.p1-sub3 .contentSlide dd a{display: block;}


.p1-sub3 .listBox ul{background:#fff;padding:0 3% ;}/*581.6px*/
.p1-sub3 .listBox ul li{width:48.7%;float:left;}
.p1-sub3 .listBox ul li:nth-child(1) span,.p1-sub3 .listBox ul li:nth-child(2) span{color:#D9694A;}
.p1-sub3 .listBox ul li:nth-child(2n){margin-left:2.6%;}
.p1-sub3 .listBox ul li span{display:block;text-align:center;color:#313131;padding:10px 0;}


.p1-sub5 .anli_con .sp2{height:300px; }
.p1-sub5 .anli_con h3{font-size: 28px;color:#e03a86;line-height: 1.6;padding-top: 2%;}
.p1-sub5 .anli_con h4{font-size: 25px;font-weight: bold;line-height: 1.6;}
.p1-sub5 .anli_con h5{font-size: 22px;line-height: 1.6;}










.p1-sub5 .anli_con .arrow-left,.anli_con .arrow-right {
    position: absolute;
    left: 10px;
    top: 50%;
    transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    width: 6%;
    height: 48px;
    z-index: 9;
}
.p1-sub5 .anli_con .arrow-right {
    right: 10px;
    top: 50%;
    left:auto;
}


.p1-sub6{background:#fff;}
.p1-sub6  ul{width:96.875%;margin:0 auto;}
.p1-sub6  ul li{overflow:hidden;}
.li-l{float:left;width:41.5%;}
.li-r{float:left;width:58.5%;}
.li-r p{color:#363636;padding:8% 2% 0;width:96%;}
.li-r p span{color:#ff0000;}
.p1-sub6 .dj{width:91.4%;}
.p1-sub6 .dj a{float:left;width:48.75%;}
.p1-sub6 .dj a:last-child{background:#E03A86;box-shadow:0 3px 0 #AF1059;color:#fff;margin-left:2.5%;}


.p1-sub7 .zj_con .sp1{height:500px;}

/*sliden内容区域设置*/
.contentSlide{padding:1% 0;}
.contentSlide dt{color:#e03a86;font-size: 30px;font-weight: bold;padding-bottom: 3%;}

/*轮播点设置*/
.pagination {
    position: absolute;
    left: 0;
    text-align: center;
    bottom: 0;
    width: 100%;
    z-index: 999;
}
.pagination .swiper-pagination-switch{
    display: inline-block;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    margin:0 5px;
    background:#a0a0a0 ;
    width:10px;
    height: 10px;
    opacity: 1;
    cursor: pointer;
}
.pagination .swiper-active-switch{
    opacity: 1;
    background-color: #e03a86;
}


/*tabs轮播导航设置*/
.tabs{
    padding-bottom:0.1rem;
}
.tabs a{
    display: block;
    float: left;
    width: 24%;
    padding: 3% 0;
    text-align: center;
    text-decoration: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    font-size: 30px;
    background: #ffbb18;
    color: #fff;
    margin:5px 0.5% 0;
    border-radius: 10px;
}
.tabs a.active{background:#e03a86;}

.p1-sub7 .tabs a{width:31.9%; }


@media screen and (max-width: 639px){
    .m1030{margin:8px auto 15px;}
    .m3015{margin:15px auto 10px;}
    .m25{margin:10px auto;}
    .mb30{margin:0 auto 25px;}

    .t1{font-size:24px;line-height:30px;}
    .t1 span{font-size:20px;}
    .t1 em{font-size:18px;}
    .w1{font-size:14px;line-height:22px;}
    .w2{font-size:14px;line-height:24px;}
    .w3{font-size:16px;line-height:20px;}
    .dj a{line-height:35px;font-size:16px;}

    
    .tabs a{font-size: 17px; margin-top: 2.5px;border-radius: 8px;}
    .contentSlide dt{font-size: 22px;}

    .p1-sub .p1SubSwiper{height: 200px;}
    .p1_type .type .typeSwiper{height: 224px;}

    .p1-sub3 .safetyBox .safetySwiper{height: 220px;}
    .p1-sub3 .contentSlide dd{padding-bottom: 6px;}

    .p1-sub5 .anli_con .sp2{height:260px; }
    .p1-sub5 .anli_con h3{font-size: 22px;}
    .p1-sub5 .anli_con h4{font-size: 19px;}
    .p1-sub5 .anli_con h5{font-size: 16px;}

    .p1-sub7 .zj_con .sp1{height:330px;}
    
    


    
}
@media screen and (max-width: 413px){
    .t1{font-size:22px;line-height:28px;}
    .t1 span{font-size:18px;}
    .t1 em{font-size:16px;}
    .w1{font-size:13px;line-height:21px;}
    .w2{font-size:13px;line-height:23px;}
    .w3{font-size:15px;line-height:19px;}
    .dj a{line-height:34px;font-size:15px;}


    .tabs a{font-size: 16px; margin-top: 2.5px;border-radius: 5px;}
    .contentSlide dt{font-size: 20px;}

    .p1-sub .p1SubSwiper{height: 200px;}
    .p1_type .type .typeSwiper{height: 190px;}

    .p1-sub3 .safetyBox .safetySwiper{height: 200px;}
    .p1-sub3 .contentSlide dd{padding-bottom: 4px;}

    .p1-sub5 .anli_con .sp2{height:236px; }
    .p1-sub5 .anli_con h3{font-size: 20px;}
    .p1-sub5 .anli_con h4{font-size: 17px;}
    .p1-sub5 .anli_con h5{font-size: 14px;}

    .p1-sub7 .zj_con .sp1{height:310px;}
    
    
}
@media screen and (max-width: 374px){
    .t1{font-size:21px;line-height:27px;}
    .t1 span{font-size:17px;}
    .t1 em{font-size:15px;}
    .w1{font-size:12px;line-height:20px;}
    .w2{font-size:12px;line-height:22px;}
    .w3{font-size:14px;line-height:18px;}
    .dj a{line-height:33px;font-size:14px;}

    
}
@media screen and (max-width: 359px){
    .m1030{margin:8px auto 10px;}
    .m3015{margin:10px auto 8px;}
    .m25{margin:8px auto;}
    .mb30{margin:0 auto 20px;}

    .t1{font-size:18px;line-height:24px;}
    .t1 span{font-size:15px;}
    .t1 em{font-size:14px;}
    .w1{font-size:11px;line-height:16px;}
    .w2{font-size:11px;line-height:20px;}
    .w3{font-size:12px;line-height:16px;}
    .dj a{line-height:30px;font-size:12px;}

    .p1-sub ul li span{margin:5px auto;}
    
    .p1-sub .p1SubSwiper{height: 160px;}
    .tabs a{font-size: 14px;}

    .p1-sub3 .safetyBox .safetySwiper{height: 176px;}
    .p1-sub3 .contentSlide dd{padding-bottom: 3px;}
    .p1-sub5 .anli_con .sp2{height: 168px;}
    .p1-sub7 .zj_con .sp1{height: 262px;}
}

.ppbox {
    background: #fff none repeat scroll 0 0;
    float: left;
    padding: 3%;
    width: 96%;
}