/* 页面通用样式 */
.box_In{width: 1200px;margin: 0 auto;position: relative;}
.clear{overflow: hidden;}
.clears::after{
	content: ".";
	clear: both;
	display: block;
	overflow: hidden;
	font-size: 0;
	height: 0;
}
.clears{
	zoom: 1;
}
.fl{float: left;}
.fr{float: right;}
.box_hd{font-size:44px;color: #333333;text-align: center;padding: 170px 0 70px;}
.box_hd span{color: #794cf5;font-weight: bold;padding-right: 15px;}
.box_hd p{font-size: 18px;color: #666666;margin-top: 20px;}
.a_btn{width: 232px; text-align: center;background:url(../images/btn_bg.png) no-repeat center;border-radius: 60px;display: block;margin: 50px auto 0; -webkit-animation: redPulse 1.8s infinite;font-size: 20px;color: #fff;height: 60px;line-height: 60px;}
.box6 .btm .swiper-slide .fr a:hover,.box9 ul li a:hover{background: #f5791e;}
.a_btn:hover,.box4 .a_btn:hover,.box8 .a_btn:hover,.mask_video .a_btn:hover{ position: relative;top: 2px;-webkit-animation: redPulse4 1.8s infinite;}

@-webkit-keyframes redPulse {
  from {-webkit-box-shadow: 5px 5px 20px #f78c3b; }
  50% {-webkit-box-shadow:5px 5px 30px #f6ddc5; }
  to { -webkit-box-shadow: 5px 5px 20px #f78c3b; }
}

@-webkit-keyframes redPulse2 {
  from {-webkit-box-shadow: 5px 5px 20px #6d6efa; }
  50% {-webkit-box-shadow:5px 5px 30px #3435e1; }
  to { -webkit-box-shadow: 5px 5px 20px #6d6efa; }
}
@-webkit-keyframes redPulse3 {
  from {-webkit-box-shadow: 5px 5px 20px #000; }
  50% {-webkit-box-shadow:5px 5px 30px #5a5958; }
  to { -webkit-box-shadow: 5px 5px 20px #000; }
}

@-webkit-keyframes redPulse4 {
  from {-webkit-box-shadow:none; }
  50% {-webkit-box-shadow:none; }
  to { -webkit-box-shadow: none; }
}
/*ban开始*/
.ban{position: relative;overflow: hidden;}
.ban_bg{background: url(../images/ban_bg.jpg) no-repeat center ;height: 837px;overflow: hidden;}
.ban .box_In{width: 1274px;position: absolute;top: 0;left: 50%;margin-left: -600px;}
.ban .fl{width: 633px;margin-top: 191px;}
.ban .fr{width: 617px;margin-top: 170px;position: relative;overflow: hidden;height: 546px;}
.ban .img1{margin-left: 28px;}
.ban .ban_btn{margin-top:80px;margin-left: 50px;cursor: pointer;width: 516px;height: 110px;background: url(../images/ban_btn.png) no-repeat 0 0;}

.ban .ban_btn:hover{margin-top: 84px; background-image: url(../images/ban_btn1.png);}
.ban .fr img{position: absolute;left: 0;position: absolute;top: 0px;}
.ban .fr .ban_icon2{z-index: 5;}
.ban .fr .ban_icon3{z-index: 3;}
.ban .fr .ban_icon4{z-index: 6;}
.ban .fr .ban_icon1{z-index: 4;}
.ban .fr .ban_img2{bottom: -20px;left:10px;z-index:3;}

.bing1{-webkit-animation: bing1 1.5s linear infinite;
-moz-animation: bing1  1.5s linear infinite;
-o-animation: bing1  1.5s linear infinite;
animation: bing1  1.5s linear infinite;height: 546px;}
.bing2{-webkit-animation: bing2 1.5s linear infinite;
-moz-animation: bing2  1.5s linear infinite;
-o-animation: bing2  1.5s linear infinite;
animation: bing2  1.5s linear infinite;height: 546px;}

@-webkit-keyframes bing1 {0% {left:0px;top: 0px;} 50%{left: 0px;top: 5px;} 100%{left:0px;top: 0px;}}
@-moz-keyframes bing1 {0% {left:0px;top: 0px;} 50%{left: 0px;top: 5px;} 100%{left:0px;top: 0px;}}
@-o-keyframes bing1  {0% {left:0px;top: 0px;} 50%{left: 0px;top: 5px;} 100%{left:0px;top: 0px;}}
@keyframes bing1  {0% {left:0px;top: 0px;} 50%{left: 0px;top: 5px;} 100%{left:0px;top: 0px;}}

@-webkit-keyframes bing2 {0% {left:0px;top: 0px;} 50%{left: 0px;top: 10px;} 100%{left:0px;top: 0px;}}
@-moz-keyframes bing2 {0% {left:0px;top: 0px;} 50%{left: 0px;top: 10px;} 100%{left:0px;top: 0px;}}
@-o-keyframes bing2  {0% {left:0px;top: 0px;} 50%{left: 0px;top: 10px;} 100%{left:0px;top: 0px;}}
@keyframes bing2  {0% {left:0px;top: 0px;} 50%{left: 0px;top: 10px;} 100%{left:0px;top: 0px;}}

.box1{padding-bottom: 70px;}
.box1 .box_hd{padding-top: 25px;}
.box1 .main{width: 995px;margin-left: 113px;}
.box1 .main .fl{width: 482px;display: block;}
.box1 .main .fr{width: 511px;}
.box1 .main ul li{background: #fbfbfb;width: 415px;border-radius: 16px;height: 60px;line-height: 60px;border-top: 2px solid #f2f2f2;margin-bottom: 18px;font-size: 18px;color: #999999;}
.box1 .main ul li:nth-child(2){margin-left: 45px;}
.box1 .main ul li:nth-child(3){margin-left:80px;}
.box1 .main ul li:nth-child(4){margin-left: 93px;}
.box1 .main ul li:nth-child(5){margin-left: 65px;}
.box1 .main ul li span{font-weight: bold;color: #333333;padding:  0 20px 0 48px;font-size: 22px;}
.box1 .main ul li:hover{background: #8f5af9;color: #fff;}
.box1 .main ul li:hover span{color: #fff;}
.box1 .a_btn{margin-left: 0;margin-top:25px ;}
.box2{background:#f7f7f7 url(../images/box2_bg.jpg) no-repeat top center;padding-bottom: 80px;}
.box2 ul{width: 1230px;height: 350px;}
.box2 ul li{width: 280px;height: 335px;background: #f2f2f2;border-radius: 16px;border-top: 2px solid #e8e8e8;border-bottom: 1px solid #fdfdfd;float: left;margin-right: 25px;box-sizing: border-box;padding: 60px 40px 0;transition:  all .3s;}
.box2 ul li i{width: 110px;height: 110px;display: block;background: url(../images/icon_img.png) no-repeat 0 0;}
.box2 ul li:nth-child(2) i{background-position-x: -125px;}
.box2 ul li:nth-child(3) i{background-position-x: -266px;}
.box2 ul li:nth-child(4) i{background-position-x: -393px;}
.box2 ul li.on{background: #fff;box-shadow:  10px 10px 20px rgba(233,233,233,.75);border-color: #fff;margin-top: 5px;}
.box2 ul li.on i{background-position: 0 -135px;}
.box2 ul li.on:nth-child(2) i{background-position-x: -125px;}
.box2 ul li.on:nth-child(3) i{background-position-x: -266px;}
.box2 ul li.on:nth-child(4) i{background-position-x: -393px;}
.box2 ul li p{font-size: 22px;color: #333;padding: 17px 0 14px;font-weight: bold;}
.box2 ul li span{font-size: 18px;color: #999999;}
.box3{background:#fff url(../images/box3_bg.jpg) no-repeat top center;padding-bottom: 50px;}
.box3 .top ol{overflow: hidden;margin-left: 30px;}
.box3 .top ol li{width: 322px;height: 66px;line-height: 66px;text-align: center;background: #fbfbfb;border-radius: 16px;margin: 0 30px;float: left;border: 1px solid #f2f2f2;border-bottom: none;border-top: 2px solid #f2f2f2;font-size: 22px;color: #333;box-sizing:border-box;position: relative;padding-right: 55px;}
.box3 .top ol li i{background: url(../images/icon_img.png) no-repeat 0 -272px;width: 83px;height: 62px;display: block;float: right;border-radius: 0 20px 0 20px;position: absolute;top: 0;right: 0;}
.box3 .top ol li:nth-child(2) i{background-position-x: -97px;}
.box3 .top ol li:nth-child(3) i{background-position-x: -191px;}
.box3 .btm {width: 1200px;overflow: hidden;margin-top: 45px; margin-bottom: 60px;}
.box3 .btm ul{}
.box3 .btm ul li{height: 279px;overflow: hidden;width: 3000px;}
.box3 .btm ul .con{float: left;position: relative;overflow: hidden;height: 279px;}
.box3 .btm ul .con img{display: block;height: 279px;}
.box3 .btm ul .con .mask{position: absolute;top: 300px;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.6);}
.box3 .btm ul .con:hover .mask{top: 0;}
.box3 .btm .mask p{font-size: 28px;text-align: center;color: #fff;margin-top: 70px;}
.box3 .btm .mask p span{display: block;font-size: 16px;margin-top: 15px;}
.box3 .btm .mask a{display: block;width: 100px;height: 35px;line-height: 35px;text-align: center;background: #fe3265;border-radius: 50px;margin: 25px auto 0;color: #fff;}
.box4{background:url(../images/box4_bg.jpg) no-repeat top center;height: 899px;}
.box4 .box_hd,.box8 .box_hd{color: #fff;}
.box4 .box_hd span,.box8 .box_hd span{color: #9bf2ff;}
.box4 .a_btn,.box8 .a_btn{ -webkit-animation: redPulse2 1.8s infinite;}
.box5{background:#f7f7f7 url(../images/box5_bg.jpg) no-repeat top center;padding-bottom: 50px;}
.box5 .swiper-container{width: 1200px;padding: 0 70px;box-sizing: border-box;}
.box5 .swiper-slide{background: #ffffff;border-radius:16px;margin: 110px auto 0;padding:45px 35px 45px 45px;width: 1064px;box-sizing: border-box;overflow: hidden;}
.box5 .swiper-pagination{height: 62px;top: 0rem;font-size: 0;left: 0rem;}
.box5 .swiper-pagination span{width: 154px;height: 62px;border-radius: 62px;	background: #f2f2f2;font-size: 18px;color:#333333;text-align: center;line-height: 62px;opacity: 1;margin:0 8px !important;}
.box5 .swiper-pagination span.swiper-pagination-bullet-active{position: relative;color: #fff;background: -moz-linear-gradient(to right , #784cf5, #4d5bf5);background: linear-gradient(to right, #784cf5,#4d5bf5);}
.box5 .swiper-pagination span:hover{color: #784cf5;}
.box5 .swiper-pagination span.swiper-pagination-bullet-active:hover{color: #fff;}
.box5  .swiper-button-next, .box5  .swiper-button-prev,.box6  .swiper-button-next, .box6  .swiper-button-prev,.box7  .swiper-button-next, .box7  .swiper-button-prev{width: 45px;height: 45px;background: url(../images/icon_img.png) no-repeat -313px -283px;top: 59%;opacity: .6;}
.box5  .swiper-button-next:hover, .box5  .swiper-button-prev:hover,.box6  .swiper-button-next:hover, .box6 .swiper-button-prev:hover,.box7  .swiper-button-next:hover, .box7 .swiper-button-prev:hover{opacity: 1;}
.box5 .swiper-button-next:after, .box5 .swiper-button-prev:after,.box6 .swiper-button-next:after, .box6 .swiper-button-prev:after,.box7 .swiper-button-next:after, .box7 .swiper-button-prev:after{font-size: 0;}
.box5 .swiper-button-next,.box6 .swiper-button-next,.box7 .swiper-button-next{background-position-x:-381px;}
.box5 .swiper-slide .fl{width: 323px;}
.box5 .swiper-slide .fr{width: 600px;}
.box5 .swiper-slide .fr h3{font-size: 20px;color: #4f5bf5;}
.box5 .swiper-slide .con2{margin-top: 30px;}
.box5 .swiper-slide .con p{font-size: 18px;color: #333;font-weight: bold;line-height: 20px;}
.box5 .swiper-slide .con p i{width: 20px;height: 20px;display:inline-block;background: url(../images/icon_img.png) no-repeat 0 -347px;padding-right: 8px;}
.box5 .swiper-slide .con p.p1{font-size: 16px;font-weight: normal;line-height: 24px;margin-top: 6px;padding-right: 5px;}
.box5 .swiper-slide .con2 p i{background-position-x: -32px;}
.box5 .list{height:190px;overflow: auto;margin-top: 35px;}
 .list::-webkit-scrollbar {width: 12px;height: 1px;}
 .list::-webkit-scrollbar-thumb {width: 12px;border-radius: 0px;background: #e7e7e7;}
 .list::-webkit-scrollbar-track{width: 12px;height: 1px;background: #f7f7f7;}
.box5_icon{background: url(../images/box5_icon1.jpg) no-repeat center;width: 1056px;height: 40px;margin: 40px auto 0;}
.box5_icon:hover{background-image: url(../images/box5_icon2.jpg);}
.box6{background:#fff url(../images/box6_bg.jpg) no-repeat top center;padding-bottom: 80px;}
/*.box6 .box_hd{padding-top: 140px;}*/
.box6 .top{width: 1060px;background: #fafafa;border-radius: 16px;box-sizing: border-box;margin: 0 auto;overflow: hidden;}
.box6 .top .fl{width: 530px;background: #f5f5f5;border-radius: 0 16px 16px 0;padding: 15px 0;}
.box6 .top h3{width: 105px;height: 130px;font-size: 22px;color: #5957f5;text-align: center;text-align: center;line-height: 24px;border-right:2px solid #f0efef ;padding-top: 16px;box-sizing: border-box;float: left;}
.box6 .top .p_box{float: right;width: 395px;margin-top: 15px;}
.box6 .top .p_box p{font-size: 16px;color: #999999;line-height: 28px;margin-bottom: 8px;}
.box6 .top .p_box p b{font-size: 18px;font-weight: normal;color: #333;padding: 0 20px 0 8px;}
.box6 .top .p_box p i{font-size: 20px;color: #794cf5;}
.box6 .top .fr{padding: 15px 0;width: 530px;}
.box6 .btm{margin-left: 25px;overflow: hidden;width: 1175px;margin-top: 40px;}
.box6 .btm ol{width: 121px;float: left;margin-top: 75px;} 
.box6 .btm ol li{font-size: 18px;color: #333;background: #f6f6f6;text-align: center;height: 55px;line-height: 55px;border-radius: 55px;margin-bottom: 35px;border-top: 2px solid #ececec;cursor: pointer;}
.box6 .btm ol li.on{color: #fff;background: -moz-linear-gradient(to right , #784cf5, #4d5bf5);background: linear-gradient(to right, #784cf5,#4d5bf5);}
.box6 .btm ol li:hover{color: #784cf5;}
.box6 .btm ol li.on:hover{color: #fff;}
.box6 .btm .swiper-container{width: 1030px;float: right;padding: 0 60px 0 20px;box-sizing: border-box;}
.box6 .btm .swiper-slide{width: 950px;box-shadow: 0 0 20px rgba(233,233,233,.74);background: #fff;margin: 20px auto;border-radius: 16px;overflow: hidden;padding: 40px 60px 40px 40px ;box-sizing: border-box;}
.box6 .btm .swiper-slide .fl{width: 361px;border-radius: 10px;overflow: hidden;}
.box6 .btm .swiper-slide .fl img{display: block;width: 100%;}
.box6 .btm .swiper-slide .fr{width: 450px;}
.box6 .btm .swiper-slide .fr h3{font-size: 20px;color: #4f5bf5;font-weight: bold;}
.box6 .btm .swiper-slide .fr h3 span{font-size: 14px;color: #5559f5;padding: 0px 10px 2px;font-weight: normal;background: #e7e7e7;border-radius: 50px;display: inline-block;margin-left: 10px;} 
.box6 .list{height:210px;overflow: auto;margin-top: 15px;}
.box6 .list .con{font-size: 16px;color: #666666;width: 400px;}
.box6 .list .con b{font-size: 18px;color: #333333;display: block;margin: 20px 0 10px;}
.box6 .btm .swiper-slide .fr a{width: 130px;height: 35px;text-align: center;line-height: 35px;color: #fff;font-size: 14px;display: block;background: #ffa043;border-radius: 30px;margin-top: 10px;}
.box6  .swiper-button-next{right: 0;top: 58%;left: auto;}
.box6  .swiper-button-prev{right: 0;top: 42%;left: auto;}
.box7{background:#f7f7f7 url(../images/box7_bg.jpg) no-repeat top center;padding-bottom: 50px;}
.box7 .top ol{overflow: hidden; margin-left: 210px;}
.box7 .top ol li{width: 220px;float: left;margin-right: 80px; }
.box7 .top ol li p{width: 179px;height: 72px;background: url(../images/icon_img.png) no-repeat 0 -375px;font-size: 30px;color: #333;line-height: 72px;text-align: center;box-sizing: border-box;padding-right: 10px;}
.box7 .top ol li p b{color: #fff;display: block;width: 68px;float: left;}
.box7 .top ol li span{display: block;font-size: 18px;color: #666;margin-top: 8px;}
.box7 .swiper-container{width: 1200px;padding: 0 50px 0 30px;box-sizing: border-box;margin-top:45px;}
.box7 .swiper-slide {width: 1100px;border-radius: 16px;overflow: hidden;padding: 40px ;box-sizing: border-box;position: relative;}
.box7  .swiper-button-next, .box7  .swiper-button-prev{top:50%;}
.box7 .swiper-slide .con{background: #fff;width: 1060px;height: 311px;border-radius: 16px;box-sizing: border-box;padding: 40px 105px 0 420px;}
.box7 .swiper-slide .fl{width: 285px;height: 347px;overflow: hidden;border-radius: 16px;position: absolute;top: 22px;left: 100px;}
.box7 .swiper-slide .fl img{display: block;width: 285px;}
.box7 .swiper-slide .con h3{font-size: 22px;color: #333333;font-weight: bold;}
.box7 .swiper-slide .con h3 span{font-size: 14px;color: #5559f5;background: #e7e7e7;display: inline-block;padding: 2px 10px 3px;margin-left: 10px;font-weight: normal;border-radius: 30px;}
.box7 .swiper-slide .con p{font-size:16px;line-height: 22px;color: #666666;margin-top: 14px;}
.box7 .a_btn{margin-top: 20px;}
.box8 {background: url(../images/box8_bg.jpg) no-repeat  center;height: 848px;}
.box8 .main{position: relative;}
.box8 .main ul{margin-left: 174px;overflow: hidden;}
.box8 .main ul li{width: 222px;height: 370px;border-radius: 16px;background: #6667f9;float: left;margin-right: 25px;}
.box8 .main ul li p{font-size: 20px;color: #fff;text-align: center;font-weight: bold;width: 174px;margin: 50px auto 0;padding-bottom: 30px;}
.box8 .main ul li .p2{margin-top: 0;padding-bottom: 0;}
.box8 .main ul li i{width: 65px;height: 65px;display: block;margin: 22px auto ;background: url(../images/icon_img.png) no-repeat 0 -462px;}
.box8 .main ul li span{font-size: 16px;color: #b1b2ff;text-align: center;display: block;line-height: 24px;margin-top: 22px;}
.box8 .main ul li.on{background: #fff;position: relative;z-index: 10;}
.box8 .main ul li.on p{color: #6d6efb;}
.box8 .main ul li.on .p2{color:#333333 ; border-bottom: none;}
.box8 .main ul li.on p{border-bottom: 1px solid #ffa043;}
.box8 .main ul li.on span{color: #666;}
.box8 .main ul li:nth-child(2) i{background-position-x: -78px;}
.box8 .main ul li:nth-child(3) i{background-position-x: -148px;}
.box8 .main ul li:nth-child(4) i{background-position-x: -218px;}
.box8 .main ul li.on i{background-position: 0 -541px;}
.box8 .main ul li.on:nth-child(2) i{background-position-x: -78px;}
.box8 .main ul li.on:nth-child(3) i{background-position-x: -148px;}
.box8 .main ul li.on:nth-child(4) i{background-position-x: -218px;}
.box8 .main .img1{position: absolute;top: 23px;left: 36px;z-index: 9;}
.box8 .main .p3{font-size: 22px;font-weight: bold;color: #43ebff;position: absolute;top: 48px;left: 65px;}
.box8 .main .p4{top: 213px;}
.box9{background:#f7f7f7 url(../images/box5_bg.jpg) no-repeat top center;padding-bottom: 80px;}
.box9 .main{overflow: hidden;padding: 0 57px 0 100px;}
.box9 ul{float: left;width: 430px;}
.box9 .main img{width: 541px;float: right;cursor: pointer;}
.box9 ul li{width: 395px;height: 52px;line-height: 52px;background: #f2f2f2;border-radius: 16px;border-top: 2px solid #e8e8e8;margin: 0px 10px 15px ;font-size: 20px;color: #333;font-weight: bold;}
.box9 ul li:hover{background: #fff;border-top-color: #fff;box-shadow:0 0 10px rgba(233,233,233,.8)  ;padding:0 10px ;margin-left: 0px;}
.box9 ul li i{width: 31px;height: 31px;display: inline-block;background: url(../images/icon_img.png) no-repeat 0 -623px;margin: 8px 10px 8px 25px;}
.box9 ul li a{width: 95px;height: 30px;line-height: 30px;text-align: center;background: #ffa043;font-size: 14px;color: #fff;display: block;float: right;border-radius: 30px;margin: 10px 20px 0 0;font-weight: normal;}
.mask_video{width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 100;display: none;}
.mask_video .mask_bg{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: rgba(0,0,0,.7);}
.mask_video .video_con{position: absolute;width: 800px !important;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.mask_video .video_con .close{position: absolute;right: -36px;top: -36px;width: 32px;cursor: pointer;}
.box10{background:#fff url(../images/box6_bg.jpg) no-repeat top center;padding-bottom: 20px;}
.mask_video .a_btn{-webkit-animation: redPulse3 1.8s infinite;margin-top: 20px;}
.box10 .box_hd{padding-top: 130px;}
.box10 .swiper-slide img{display: block;margin: 0 auto 15px;}
.box10 .swiper-slide p{font-size: 20px;color: #666;text-align: center;}
.box10 .swiper-slide p span{font-size: 20px;color: #9c63ff;font-weight: bold;padding-right: 8px;}
.box10 .main{position: relative;}
.box10 .box10_mask{position: absolute;top: 0;right: 0;z-index: 9;}
.box11{background:#f7f7f7 url(../images/box7_bg.jpg) no-repeat top center;padding-bottom: 50px;}
.box11 ul li{width: 1120px;margin: 12px auto;height: 50px;padding: 15px 0;background: #f2f2f2;border-radius: 16px;border-top: 2px solid #e8e8e8;line-height: 50px;}
.box11 ul li:hover{background: #fff;border-top-color: #fff;box-shadow:0 0 10px rgba(233,233,233,.8)  ;padding:15px 10px ;}
.box11 ul li .qx{width: 180px;float: left;font-size: 20px;color: #794cf5;box-sizing: border-box;padding-left:60px;border-right: 2px solid #e6ddff;font-weight: bold;}
.box11 ul li .jcb{width: 460px;float: left;margin-left: 20px;border-right: 2px solid #dbdbdb;}
.box11 ul li .jyb{width: 450px;float: right;}
.box11 ul li  p{float: left;}
.box11 ul li .p1{width: 120px;text-align: center;font-size: 20px;color: #333;font-weight: bold;}
.box11 ul li .p2{width: 200px;font-size: 20px;color: #666;}
.box11 ul li .p2 i{width: 20px;height: 20px;display: inline-block;background: url(../images/icon_img.png) no-repeat -42px -626px;margin: 15px 0 0 8px;}
.box11 ul li .p3{width: 100px;height: 35px;line-height: 35px;text-align: center;background: #ffa043;border-radius: 30px;color: #fff;font-size: 16px;margin-top: 7px; cursor: pointer;}
.box11 ul li .p3:hover{background: #f5791e;}
.box12{background:#fff url(../images/box6_bg.jpg) no-repeat top center;padding-bottom: 50px;}
.box12 img{cursor: pointer;}
.footer2{padding-top: 25px;}
.footer_top{display: none !important;}