/*base*/
*{padding:0; margin:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
li{list-style:none;}
a{color:#000; text-decoration:none;}
b,strong{font-weight:normal;}
i,em{font-style:normal;}

img{vertical-align:top;}
.clearfix:after{display:block; content:''; clear:both;}
.clearfix{zoom:1;}
.fl{float:left;}
.fr{float:right;}
input{ outline:none;}
body{ font-family:'Microsoft YaHei';}
.wrap{width: 100%;overflow-x: hidden;}

/*head*/
.head{width: 100%;height: 2.95rem;background: #111113;}
.head h1{width: 2.775rem;height: 0.8rem;margin: 1.1rem 0.35rem 0 0.65rem;}
.head h1 a{display: block;width: 100%;height: 100%;background: url(../img/logo.png) no-repeat;background-size: 100% 100%;}
.com{height: 1.25rem;border-left: 1px solid #fff;margin-top: 0.9rem;}
.com p{font-size: 0.5rem;color: #fff;line-height: 0.75rem;padding-left: 0.35rem;margin-top: -0.15rem;}
.head .tel{display: block;height: 0.675rem; line-height: 0.675rem;background: url(../img/tel.png) no-repeat;background-size: 0.525rem 0.675rem;padding-left: 0.6rem;color: #fff;font-size: 0.6rem;margin-right: 0.65rem;margin-top: 1.2rem;}
/*banner*/
.banner{width: 100%;position: relative;}
.banner img{width: 100%;}
.banner .pos{width: 11.65rem;position: absolute;left: 3rem;top: 11.4rem;-webkit-animation: toTop 2.5s infinite linear;}

.banner2{width:100%;}
.banner2 img{width: 100%;height:auto;}

/*p1*/
.p1{padding-top: 1.6rem;text-align: center;}
.p1 .title{position: relative;width: 100%;}
.p1 .title h2{z-index: 2;}
.p1 .title h2,.p1 .title h3{font-size: 1.4rem;color: #14191d;position: absolute;width: 100%;top: 0;left: 0;font-weight: bold;}
.p1 .title h2 span{color: #f8323f;}
.p1 .title h3{opacity: 0.1;top: 0.85rem;font-size: 1.2rem;}
.p1 .line{width: 4.3rem;height: 0.075rem; margin: 2.8rem auto 0.7rem;}
.p1 .line i{width: 2.1rem;height: 100%; background: #14191d;}
.p1 .line i:nth-child(2){background: #f8323f;}
.p1 .txt{font-size: 0.85rem;color: #313436;width: 16.35rem;margin: 0 auto;text-align: left;line-height: 1.25rem;}
.p1 .dot{width: 17.95rem;margin: 1.2rem 0 0.75rem;}
.p1 .slidBox{width: 18rem;height: 10.2rem; margin: 0 auto;position: relative;}
.p1 .bg{position: absolute;right: 0;top: 0;width: 9.5rem;height: 9.425rem;}
.p1 .right{width: 12.3rem;height: 5.25rem;position: absolute;top: 1.85rem;right: 0.65rem;}
.p1 .right .con img{width: 6.9rem;}
.p1 .right .con p{font-size: 0.55rem;color: #fff;width: 4.65rem;text-align: justify;line-height: 0.75rem;}
.p1 .right .con p.fir{line-height: 0.9rem;}
#btn1{left: 0;color: #fff;font-size: 0.6rem;}
#btn1 li{width: 4.75rem;height: 2.325rem;background: url(../img/bg1.png) no-repeat;background-size: 100% 100%;margin-bottom: 0.3rem;padding-top: 0.6rem;}
#btn1 li.swiper-pagination-bullet-active{background: url(../img/bg2.png) no-repeat;background-size: 100% 100%;}


.p1 .btn{margin-bottom: 0rem;}





/*p2*/
.p2 .txt,.p3 .txt,.p4 .txt,.p5 .txt{text-align: center;}
.p2 .box{width: 100%;height: 14rem;position: relative;}
.p2 .box .bg1{position: absolute;left: 0;top: 0;width: 100%;}
.p2 .box .percnt{background: url(../img/bg2.jpg) no-repeat;width: 7.2rem;height: 5.35rem;background-size: 100% 100%;position: absolute;box-shadow: 0px 0px 0.1rem 0.1rem #ededed;}
.p2 .box .pos1{left: 50%;margin-left: -3.6rem;top: 1.75rem;-webkit-animation: toTop 2.5s infinite linear;}
.p2 .box .pos2{left: 0.7rem;top: 8.5rem;}
.p2 .box .pos3{right: 0.7rem;top: 8.5rem;}
.p2 .box .percnt h4{font-size: 1rem;color: #f8323f;font-weight: bold;padding-top: 0.75rem;}
.p2 .box .percnt p{font-size: 0.6rem;color: #3e3e3e;padding-top: 0.4rem;width: 5.4rem;margin: 0 auto;text-align: left;line-height: 0.9rem;}
.p2 .cir{position: absolute;width: 3.15rem;top: 9rem;left: 7.8rem;-webkit-animation: toTop 2.5s infinite linear;}
/*p3*/
.p3 .box{width: 18rem;height: 12rem; margin: 1.25rem auto 1.6rem;position: relative;overflow: hidden;}
.p3 .box .con p{font-size: 0.7rem;color: #636770;margin-top: -0.8rem;}
.p3 .box .con img{width: 5.2rem;height: 9.15rem;}
#swiper2{overflow: visible;}
#swiper2 .swiper-slide{transform: scale(0.75);transition: 0.5s;top: 3rem;}
#swiper2 .swiper-slide-next{transform: scale(1.3);transition: 0.5s;top: 0rem;}
#swiper2 .swiper-slide-next p{color: #111113;}
#swiper2 .con{height:0rem;}
.box .arrow{position: absolute;width: 0.9rem;height: 0.4rem; top: 11.2rem;background: url(../img/arrow.png) no-repeat;background-size: 0.9rem 0.4rem;}
.swiper-button-prev{left: 4.8rem;}
.swiper-button-next{right: 4.8rem;transform: rotateY(180deg);}
 /*p4*/
.p4 .box{width: 100%;position: relative;height: 14rem;}
.p4 .box .posBox{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 999;}
.p4 .box b{width: 100%;height: 10.4rem;background: #f6323f;position: absolute;left: 0;top: 3.25rem;}
.p4 .box .lin{width: 11.25rem;height: 1px;position: absolute;}
.p4 .box .lin1{right: 0;top: 2.35rem;background: #f6323f;} 
.p4 .box .lin2{left: 0;bottom: 1.25rem;background: #fff;width: 6.35rem;-webkit-animation: toTop 2.5s infinite linear;} 
.p4 .left{width: 5.325rem;position: absolute;left: 0.75rem;top: 0;color: #fff;}
.p4 .left img{width: 5.325rem;}
.p4 .left span{width: 3.3rem;height: 0.4rem;background: #fff;margin: 0 auto;display: block;box-shadow: 0px 0px 0.05rem 0.05rem #fff;}
.p4 .left h4{font-size: 0.7rem;width: 4.85rem;height: 1rem;border: 1px solid #fff;margin: 0.75rem auto;}
.p4 .left p{width: 5.05rem;margin: 0 auto;text-align: justify;font-size: 0.5rem;line-height: 0.75rem;}
.p4 .left p.last{margin-top: -0.5rem;}
.p4 .right{width: 11.25rem;height: 8.5rem;position: absolute;right: 0;top: 3.25rem;}
.p4 .right .top{width: 11.25rem;position: absolute;left: 0;top: 0;}
.p4 .right img{width: 100%;}
.p4 .right .top2{top: 4.25rem;}
#swiper3{-webkit-animation: toTop 2.5s infinite linear;} 
/*p5*/
.p5{padding-bottom: 2rem;}
.box{width: 16.55rem; margin: 1.6rem auto 0;}
.box li h4{position: relative;}
.box li p{font-size: 0.85rem;color: #313436;width: 5.15rem;border-bottom: 0.075rem solid #14191d;padding-bottom: 0.3rem;text-align: left;margin-left: 1rem;}
.box li h4 b:nth-child(1){width: 0.5rem;height: 0.9rem;border: 2px solid #14191d;position: absolute;top: 0.25rem;z-index: 2;}
.box li h4 b:nth-child(2){width:0.45rem;height: 1rem;background: #f6323f;position: absolute;left: -0.2rem;top: 0.1rem;-webkit-animation: toTop 1.5s infinite linear;}
.box li{margin-bottom: 0.75rem;}

.btn{font-size: 1.5rem;width: 9.75rem;height: 2.25rem;margin: 1rem auto;position: relative;}
.btn a,.btn b{color: #f7323f;width: 9.8rem;height: 2.25rem;line-height: 2.1rem;border: 2px solid #f7323f;border-radius: 1.2rem;position: absolute;left: 0;top: 0;font-weight: bold;}
.btn b{border:1px solid #f7323f;-webkit-animation: toRotate 1s infinite ease-in-out;opacity: 0.8;}
.btn a{z-index: 2;}
@-webkit-keyframes toRotate {
    0% {-webkit-transform:rotate(4deg);transform-origin: center;}
    50% {-webkit-transform:rotate(0deg);transform-origin: center;}
  	100%  {-webkit-transform:rotate(4deg);transform-origin: center;}
}
.bot{width: 100%;height:21rem;position: relative;margin-top: 1.2rem;}
.bot span{width: 100%;height: 3.5rem;background: #f6323e;position: absolute;left: 0;top: 7.25rem;}
.bot i{width: 8.5rem;height: 1px;background: #fff;position: absolute;}
/*.bot span i{right: 0;top: 2.9rem;}*/
.bot .pos{background: #000;bottom: 0.5rem;left: 0;}
.bot ul{width:16.1rem;position: absolute;left: 50%;top: 1rem;margin-left: -8.05rem;z-index: 2;}
.bot ul li{width: 7.1rem;height: 8.55rem;background: #f2f0f1;}
.bot ul li p{font-size: 0.6rem;color: #b9b9b9;}
.bot ul li h4{font-size: 0.7rem;color: #141823;margin: 0.5rem 0 0.6rem;}
.bot ul li a{width: 5.3rem;height: 1.1rem;border: 1px solid #f63240;color: #f63240;font-size: 0.65rem;font-weight: bold;display: block;margin: 0 auto;border-radius: 0.75rem;line-height: 1rem;}
.bot ul li{margin-bottom: 1.35rem;}
.bot ul li img{width: 1.95rem;margin-top: 1rem;margin-bottom: 0.1rem;}
/*foot*/
.foot{width: 100%;height: 9.725rem; background: url(../img/foot1.jpg) no-repeat;background-size: 100% 100%;position: relative;margin-bottom: 2.2rem;}
.foot img{width: 8.85rem;position: absolute;left: 50%;margin-left: -4.2rem;top: 0.75rem;-webkit-animation: toTop 2.5s infinite linear;}
@-webkit-keyframes toTop {
    0% {-webkit-transform:translateY(-4px);}
    50% {-webkit-transform: translateY(0px);}
  	100%  {-webkit-transform:translateY(-4px);}
}