/*页面通用部分*/
.box_In{width: 1200px;margin: 0 auto;}
.fl{float: left;}
.fr{float: right;}
.clear{overflow: hidden;}
/*小标题*/
.box_hd{overflow: hidden;padding: 60px 0;text-align: center;}
.box_hd h2 img{width:24px;position: absolute;top: 50%;margin-top: -7px;}
.box_hd h2 .icon1{left: 0;}
.box_hd h2 .icon2{right:0 ;}
.box_hd h2{font-size: 34px;font-weight: bold;color: #232323;text-align: center;display: inline-block;padding: 0 40px;position: relative;}
.box_hd p{font-size: 20px;text-align: center;color: #666666;display: block;margin-top: 25px;}
.small_hd h2{font-size: 30px;font-weight: normal;}
.small_hd{padding-bottom: 30px;}
.box_btn{height: 100px;width: 350px;margin:47px auto 40px;}
.a_btn{width: 350px;height: 80px;text-align: center;line-height: 80px;color: #fff;background: #0caafd;border-radius: 80px;display: block;font-size: 26px;box-shadow: 0 8px 10px #ccedff;}
.a_btn:hover{box-shadow: none;position: relative;top: 8px;}
.a_btn2{background: #6603c0;box-shadow: 0 8px 10px #4b1c76;}
/*按钮*/
.ban .slideBox{ overflow:hidden; position:relative; height: 680px;}
.ban .slideBox .hd{ height:13px; overflow:hidden; position:absolute; left: 50%; bottom:30px; z-index:1;width: 70px;margin-left: -35px; }
.ban .slideBox .hd ul{ overflow:hidden; zoom:1; float: right;  }
.ban .slideBox .hd ul li{float:left;margin: 0 5px;background:#fff; width:13px;height:13px;text-align:center; cursor:pointer;opacity: .6;border-radius: 50%; }
.ban .slideBox .hd ul li.on{opacity: 1; }
.ban .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.ban .slideBox .bd li{ zoom:1; vertical-align:middle; }
.ban .slideBox .bd .ban1_img1{ background: url(../images/ban_img1.jpg) no-repeat center;height: 680px; }
.ban .slideBox .bd .ban1_img2{ background: url(../images/ban_img2.jpg) no-repeat center;height: 680px; }
.ban .img1{padding-top: 298px;}
.ban .img2{padding-top: 230px;}
.kb_box1{background: #2c104b;height: 92px;overflow: hidden;}
.kb_box1 .main{width: 856px;height: 35px;overflow: hidden;margin: 28px auto 0 ;}
.kb_box1 .main .fl{width: 260px;font-size: 22px;color: #fff;font-weight: bold;line-height: 35px;background: url(../images/kb_img1.jpg) no-repeat center left;padding-left: 46px;}
.kb_box1 .main p{width:200px;font-size: 18px;color: #fff;line-height: 35px;background: url(../images/kb_img2.jpg) no-repeat center left;padding-left: 30px;float: left;}
.kb_box1 .main .p1{width: 130px;background: url(../images/kb_img3.jpg) no-repeat center left;}
.kb_box1 .main .btn{width: 160px;float: left;background: #de1054;height: 35px;line-height: 35px;text-align: center;font-size: 20px;font-weight: bold;color: #fff;border-radius: 40px;display: block;}

/*box1开始*/
.box1 .top{overflow: hidden;width: 1060px;margin: 0 auto;}
.box1 .top li{float: left;margin: 10px 59px 0;width: 235px;transition: all .3s;-moz-transition: all .3s;-webkit-transition: all .3s; -o-transition: all .3s;}
.box1 .top li .con{height: 246px;background: #f8f6f9;border-radius: 10px;margin-top: -25px;}
.box1 .top li h3{background: url(../images/box1_img1.png) no-repeat center;width: 117px;height: 49px;margin: 0 auto;position: relative;z-index: 99;font-size: 20px;color: #fff;text-align: center;line-height: 43px;}
.box1 .top li h4{font-size: 32px;font-weight: bold;text-align: center;padding-top: 40px;}
.box1 .top li span{width: 173px;border-top: 1px solid #a3a3a3;display: block;margin: 14px auto 16px;}
.box1 .top li p{width: 173px;font-size: 16px;line-height: 27px;color: #666666;margin:0px auto;}
.box1 .top li .li2_h3{background-image: url(../images/box1_img2.png)}
.box1 .top li .li3_h3{background-image: url(../images/box1_img3.png)}
.box1 .top li:hover{margin-top: 0;}
.box1 .btm .main{width: 1094px;margin: 0 auto;position: relative;height: 567px;}
.box1 .btm .main .img5{position: absolute;top: 0;left: 0;animation:mybing2 2s  infinite;-webkit-animation:mybing2 2s  infinite;-moz-animation:mybing2 2s infinite ;-o-animation:mybing2 2s  infinite ;}
.box1 .btm .main .img4{position: absolute;z-index: 999;top: 0;left: 0;}
/*box2开始*/
.box2{background: #f8f6f9;padding-bottom: 5px;}
.box2 .top{width: 972px;margin: 0 auto;position: relative;}
.box2 .top .img2{position: absolute;top: 39px;left: 297px;animation:myzhuandong 3s linear  infinite;-webkit-animation:myzhuandong 3s linear  infinite;-moz-animation:myzhuandong 3s linear infinite ;-o-animation:myzhuandong 3s linear  infinite ;}
.box2 .top .img3{position: absolute;top: 289px;left: 297px;animation:myzhuandong 3s linear  infinite;-webkit-animation:myzhuandong 3s linear  infinite;-moz-animation:myzhuandong 3s linear infinite ;-o-animation:myzhuandong 3s linear  infinite ;}
.box2 ul{width: 1200px;margin: 0 auto;overflow: hidden;}
.box2 ul li{width: 242px;border: 1px solid #96d8f5;border-radius: 9px;height: 338px;float: left;margin: 0 28px;background: #fff;}
.box2 ul li img{display: block;margin: 38px auto 20px;transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition:  all .5s ease;-o-transition:  all .5s ease;}
.box2 ul li h3{font-weight: bold;font-size: 22px;line-height: 33px;color: #666;text-align: center;}
.box2 ul li span{font-size: 20px;display: block;text-align: center;margin: 10px 0 14px;}
.box2 ul li p{font-size: 16px;margin: 8px auto;line-height: 32px;width: 185px;}
.box2 ul li:hover img{transform: rotateY(180deg);-ms-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-webkit-transform: rotateY(180deg);-o-transform: rotateY(180deg);}
/*box3开始*/
.box3{padding-bottom: 10px;}
.box3 .main{width: 1200px;margin: 0 auto;position: relative;}
.box3 .main ol {overflow: hidden;}
.box3 .main ol li{width: 90px;height: 60px;line-height: 60px;background: #71ceff;font-size: 18px;text-align: center;color: #fff;float: left;margin-right: 7px;border-radius: 8px;}
.box3 .main ol .last{width: 135px;}
.box3 .main ul {border: 1px solid #8ad7ff;border-radius: 10px;margin-top: 30px;}
.box3 .main ol li.on{background: #0caafd;}
.box3 .main ul{padding: 30px 15px 90px 30px;}
.box3 .main ul li{overflow: hidden;display: none;}
.box3 .main ul li.show{display: block}
.box3 .main ul li .fl{width: 660px;}
.box3 .main ul li .fr{width: 465px;margin-top: 60px;}
.box3 .main ul li .fl h3{font-size: 24px;font-weight: bold;color: #0caafd;margin-bottom: 30px;}
.box3 .main ul li .fl h3 span{width: 10px;height: 10px;background: #0caafd;display: block;float: left;border-radius: 50%;margin-top: 10px;margin-right: 10px;}
.box3 .main ul li .myvideo{border-radius: 8px;}
.box3 .main .fl .line{border: 1px solid #c9c9c9;width: 100%;margin-top: 15px;}
.box3 .main .fl .li_btm{margin-top: 22px;position: relative;height: 30px;overflow: hidden;}
.box3 .main .fl .li_btm p{font-size: 20px;font-weight: bold;background: #fff;position: absolute;top: 0px;width: 160px;text-align: center;left: 50%;margin-left: -80px;}
.box3 .main .fr .con h4{font-size: 20px;font-weight: bold;background: url(../images/box3_icon1.jpg) no-repeat left center;padding-left: 35px;}
.box3 .main .fr .con p{font-size: 16px;color: #666;line-height: 30px;margin-top: 12px;}
.box3 .main .fr .con2 h4{background-image:url(../images/box3_icon2.jpg) ;}
.box3 .main .fr .con2{margin-top: 30px;}
.box3 .main ul li .video_box img{border-radius: 8px;}
.box3 .box_btn{margin-top: -40px;position: relative;z-index: 99;}
/*box4开始*/
.box4{background: #300e4f;padding-bottom:10px ;}
.box4 .main{width: 1068px;margin: 20px auto;position: relative;}
.box4 .main .img1,.box4 .main .img2,.box4 .main .img3{position: absolute;top: 70px;}
.box4 .main .img1{left: 214px;}
.box4 .main .img2{left: 512px;}
.box4 .main .img3{left: 807px;}
.box4  p{position: absolute;top: 33px;font-size: 18px;line-height: 34px;color: #666666;left: 63px;}
.box4  .p1{left: 356px;}
.box4  .p2{left: 655px;}
.box4  .p3{left: 947px;}



/*box5开始*/
.box5{background: #442262;padding-bottom:1px ;}
.box5 .top{background: #4f2474;height: 85px;}
.box5 .top ol{width: 1100px;margin: 0 auto;}
.box5 .top ol li{width: 202px;float: left;margin: -15px 20px 0;height: 124px;font-size: 20px;font-weight: bold;color: #fff;text-align: center;box-sizing: border-box;padding-top: 28px;line-height: 32px;}
.box5 .top ol li.on{background: url(../images/box5_img1.jpg) no-repeat center;padding-top: 25px;}
.box5 ul{padding-top: 60px;margin-bottom: 20px;}
.box5 ul li{display: none;}
.box5 ul li.show{display: block}
/*.box6开始*/
.box6 .main{position: relative;margin-bottom:88px;}
.box6 .line{height: 480px;width: 600px;border: 1px solid #8ad7ff;border-radius: 10px;margin-left: 90px;margin-top: 50px;}
.box6 .main .con{position: absolute;top:-35px;left: 0;width: 1200px;}
.box6 .main .con ol{margin-top: 88px;width: 165px;float: left;}
.box6 .main .con li{width: 165px;height: 95px;background: #0caafd;border-radius: 10px;box-shadow: 0 5px 6px rgba(12,170,253,.4);margin-bottom:45px;font-size: 20px;color: #fff;text-align: center;line-height: 95px;}
.box6 .main .con li.on{background: #03d7c5;box-shadow:0 5px 6px rgba(3,215,197,.4) ;}
.box6 .main .con .video_box{width: 985px;float: right;position: relative;}
.box6 .main .con .video_box video {border-radius: 10px;}

.box6 .main .con .play_box{position: absolute;width: 100%;height: 100%;top: 0;left: 0;overflow: hidden;cursor: pointer;}
.box6 .main .con .play_box img{margin: 220px auto 0;display: block;}










/*.box7开始*/
.box7{background: #f8f6f9;padding-bottom: 5px;}
.box7 .top{margin-left: 408px;}
.box7 .top span{width: 8px;height: 8px;background: #0caafd;border-radius: 50%;display: block;float: left;margin-right: 7px;margin-top: 16px;}
.box7 .top h2{font-size: 20px;color: #0caafd;width: 80px;float: left;font-weight: bold;line-height: 40px;height: 40px;}
.box7 .top p{font-size: 16px;color: #4E4E4E;float: left;line-height: 40px;height: 40px;}
.box7 .con{border: 1px solid #0caafd;border-radius: 8px;background: #fff;margin-top: 10px;padding:20px  30px 30px;}
.box7 .con .tea{width: 770px;margin-left: 377px;margin-bottom: 11px;}
.box7 .con .tea h2{font-size: 18px;color: #666666;font-weight: bold;background: url(../images/box7_icon1.jpg) no-repeat left center;padding-left: 32px;}
.box7 .con .tea p{color: #666666;font-size: 16px;margin-top: 6px;line-height: 28px;padding-left: 32px;}
.box7 .con .tea .tea2_h2{background-image: url(../images/box7_icon2.jpg);}
.box7 .con .tea .tea3_h2{background-image: url(../images/box7_icon3.jpg);}
.box7 .con .tea .tea4_h2{background-image: url(../images/box7_icon4.jpg);}
.box7 .main{position: relative;}
.box7 .main .tea_img{position: absolute;top: 0;left: 30px;}

.box8 .box10_con{height: 365px;}
.box8 .box10_con img{display: block;margin: 20px auto;}
.box8 .box10_con ul li{float: left;text-align: center;width: 226px;padding: 0 42px 0 15px;}
.box8 .box10_con ul li h2{font-size: 22px;color: #0caafd;font-weight: bold;padding-bottom: 5px;}
.box8 .box10_con ul li p{font-size: 16px;color: #666666;line-height: 24px;}
/*box9开始*/
.box9{background: #442262;padding-bottom: 5px;}
.box9 ul{overflow: hidden;margin:0 0 20px;height: 265px;}
.box9 ul li{width: 180px;float: left;margin: 0 6px;}
.box9 ul li .con{background: #ffffff;padding: 30px 0 55px;border-radius: 10px;}
.box9 ul li img{display: block;margin: 0 auto 13px;transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition:  all .5s ease;-o-transition:  all .5s ease;}
.box9 ul li h3{font-size: 33px;color: #000;text-align: center;}
.box9 ul li p{color: #4E4E4E;font-size: 16px;text-align: center;margin-top:3px;}
.box9 .box9_btn{width: 150px;height: 42px;background: #0caafd;font-size: 16px;color: #fff;text-align: center;line-height: 42px;display: block;margin: -25px auto 0;border-radius: 10px;}
.box9 ul li:hover img{transform: rotateY(180deg);-ms-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-webkit-transform: rotateY(180deg);-o-transform: rotateY(180deg);}
.bx{background:url(../images/bx.jpg) no-repeat center;height: 126px;}
.bx p{font-size:41px;color: #fff;font-weight: bold;line-height: 126px;width: 1100px;margin: 0 auto;padding-left: 100px;}










@keyframes mybing2
{ 0%{opacity: .2;}   50%{opacity: 1;}  100%{opacity: .2;}}
@-moz-keyframes mybing2
{ 0%{opacity: .2;}   50%{opacity: 1;}  100%{opacity: .2;}}
@-webkit-keyframes mybing2
{ 0%{opacity: .2;}   50%{opacity: 1;}  100%{opacity: .2;}}
@-o-keyframes mybing2
{ 0%{opacity: .2;}   50%{opacity: 1;}  100%{opacity: .2;}}


@keyframes myzhuandong
{  0%{-webkit-transform:rotate(0deg);}
      25%{-webkit-transform:rotate(90deg);}
      50%{-webkit-transform:rotate(180deg);}
      75%{-webkit-transform:rotate(270deg);}
      100%{-webkit-transform:rotate(360deg);}}
@-moz-keyframes myzhuandong
{  0%{-webkit-transform:rotate(0deg);}
      25%{-webkit-transform:rotate(90deg);}
      50%{-webkit-transform:rotate(180deg);}
      75%{-webkit-transform:rotate(270deg);}
      100%{-webkit-transform:rotate(360deg);}}
@-webkit-keyframes myzhuandong
{  0%{-webkit-transform:rotate(0deg);}
      25%{-webkit-transform:rotate(90deg);}
      50%{-webkit-transform:rotate(180deg);}
      75%{-webkit-transform:rotate(270deg);}
      100%{-webkit-transform:rotate(360deg);}}
@-o-keyframes myzhuandong
{  0%{-webkit-transform:rotate(0deg);}
      25%{-webkit-transform:rotate(90deg);}
      50%{-webkit-transform:rotate(180deg);}
      75%{-webkit-transform:rotate(270deg);}
      100%{-webkit-transform:rotate(360deg);}}