/*页面通用样式*/
.box_In{width: 1200px;margin: 0 auto;position: relative;}
.clear{overflow: hidden;}
.left{float: left;}
.right{float: right;}
.box p{color: #252A47;}
h2{color: #252A47;font-size: 36px;text-align: center;margin: 56px 0 28px;font-weight: bold;}
.p{color: #252A47;font-size: 20px;text-align: center;margin: 0 0 28px;}
.a_btn{display: block;width: 200px;  height: 40px;line-height: 40px;color: #252A47;background: #FFCF2B;border-radius: 5px;font-size: 20px;text-align: center;box-shadow:0 5px 0px #DCB42B ;margin: 30px auto 10px;}
.a_btn:hover{color: #fff;background: #536AFF;box-shadow:0 5px 0px #3C4DB8 ;}

/*ban开始*/
.ban{background: #685ff6;height: 648px;}
.ban .img1{position: absolute;left:-30px;top:105px;}
.ban .img2{position: absolute;z-index: 99;  right: 0;top:45px;animation:bantop 2s infinite;
-webkit-animation:bantop 2s infinite;}
.ban .img3{position: absolute;right: 0;top:130px;}
.ban .a_btn{width: 204px;position: absolute;top:455px ;left:225px ;}
/*box1开始*/
.box1 .box1_main{width: 678px;margin: 0 auto;height: 200px;}
.box1 .box1_main .right{float: left;margin-top: 10px;position: relative;}
.box1 .youhui{position: absolute;height: 160px;top: 0;left: 0;padding: 25px 30px;}
.box1 .youhui p{font-size: 23px;}
.box1 .youhui p  span{display:block;float: left;}
.box1 .youhui p .span1{margin-top: 13px;margin-right: 5px;}
.box1 .youhui p .span2{color: #4462E0;font-size:52px;font-weight: bold;letter-spacing:2px;}
.box1 .youhui p .span3{font-size:44px;}
.box1 .youhui .p1{font-size: 16px;}
.box1 .youhui p b{font-weight: 400;text-decoration: line-through;}
.box1 .box1_main .img3{position: absolute;right: -83px;top: -43px;}
.box1 .btm{width: 360px;margin: 30px auto 0;overflow: hidden;}
.box1 .btm a{display: block;width: 158px;height: 42px;line-height: 42px;border: 1px solid #4664E1;border-radius: 5px;color: #4464E1;text-align: center;font-size: 16px;}
.box1 .btm a:hover{border:none; color: #fff;background: #4464E1;}
.box1 .a1_btn{float: left;}
.box1 .a2_btn{float: right;}
/*box2开始*/
.box2 h2,.box6 h2,.box7 h2,.box8 h2,.box9 h2,.box11 h2,.box10 h2{margin-bottom: 12px;}
.box2 .box2_main{width: 992px;margin: 40px auto 20px;overflow: hidden;}
.box2 .left,.box2 .right{position: relative;}
.box2 .btm{width: 405px;margin-left: 54px;height: 100px;position: absolute;top:217px;left: 1px;z-index: 99;overflow: hidden;}
.box2 .btm li{float: left;padding: 20px 15px;}
.box2 .btm .li1 p{color: #fff;font-size: 24px;line-height: 32px;padding: 0;}
.box2 .btm li p{color: #252A47;font-size:18px;padding-left: 5px;padding-top: 5px;}
.box2 .btm li .span1{font-size:30px;color: #4462E0;display: inline-block;margin-top: 3px;}
.box2 .btm li .span2{font-size:16px;}
.box2 .right .btm{margin-left: 0;}
.box2 .p2{color: #252A47;font-size: 16px;text-align: center;line-height: 26px;}
.box2 .a_btn{width: 255px;}

/*box3开始*/
.box3{overflow: hidden;}
.box3 .box3_bg{background: #F6F7FB;padding: 40px 0;}
.box3 .box3_bg ul{width: 1100px;margin:auto ;overflow: hidden;}
.box3 .box3_bg ul li{width: 255px;float: left;margin: 0 10px;}
.box3 ul li img{margin: 5px auto;display: block;}
.box3 .box3_bg ul li p{font-size:16px;color: #252A47;opacity: .7;text-align: center;}
.box3 .box3_bg ul li .p1{font-size:18px;opacity:.8;font-weight: bold;}
.box3 .btm{padding-bottom: 40px;
background: #00A0F1;
background: -moz-linear-gradient(top,  #6388FF 0%, #fff 100%);
background: -webkit-gradient(linear, top top, top bottom, color-stop(0%,#6388FF), color-stop(100%,#fff));
background: -webkit-linear-gradient(top,  #6388FF 0%, #fff 100%);
background: -o-linear-gradient(top,  #6388FF 0%, #fff 100%);
background: -ms-linear-gradient(top,  #6388FF 0%, #fff 100%);
background: linear-gradient(to bottom,  #6388FF 0%, #fff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6388FF', endColorstr='#fff',GradientType=0 );
}
.box3 .btm {position: relative;padding-bottom: 40px;}
.box3 .btm .img5{position: absolute;top: -20px;margin-left:170px ;height: 100px;}
.box3 .btm .p1{width: 833px;height: 60px;background: #fff;line-height: 60px;text-align: center;border-radius: 10px;font-size: 22px;font-weight: bold;margin: 83px auto 0;}
.box3 .btm ul{width: 1050px;overflow: hidden;margin: 20px auto 50px;}
.box3 .btm ul li{width: 300px;margin: 0 25px;float: left;}
.box3 .btm ul li img{margin-bottom: 20px;transition: all 1s;-webkit-transition: all 1s;}
.box3 .btm ul .li1_btm{background: url(../images/box3_bg1.png) no-repeat center; height: 140px;}
.box3 .btm ul .li2_btm{background: url(../images/box3_bg2.png) no-repeat center; height: 140px;}
.box3 .btm ul .li3_btm{background: url(../images/box3_bg3.png) no-repeat center; height: 140px;}
.box3 .btm ul h3{font-size: 20px;color: #262C49;font-weight: bold;text-align: center;padding: 18px 0 6px;}
.box3 .btm ul p{font-size: 16px;text-align: center;line-height: 24px;}
.box3 .btm ul .li3_btm h3,.box3 .btm ul .li2_btm h3{padding:30px 0 6px;}
.box3 .a_btn{width: 200px;}
.box3 .btm ul li:hover img{transform: rotateY(180deg); -webkit-transform: rotateY(180deg);}
/*box4开始*/
.box4{padding-bottom: 60px;}
.box4 .box4_main{position: relative;}
.box4 .img1{margin-top:27px;}
.box4 .img2{position:absolute;right:20px;top: 38px;}
.box4 .img3{position:absolute;left:55px;top: -39px;}
/*box5开始*/
.box5{background: url(../images/box5_bg1.jpg) no-repeat top center;}
.box5 .box_In{position: relative;}
.box5 .img6{position: absolute;top: -10px;right: 50px;z-index: 99;}

.box5 .box5_main{width: 1041px;margin:0 auto 20px;padding-top: 92px;}
.box5 .box5_main .slideBox{width:100%; height:560px; overflow:hidden; position:relative;}
.box5 .box5_main .slideBox .hd{width: 100px;height:15px; overflow:hidden; position:absolute; left:50%;margin-left: -50px;bottom:25px; z-index:1; }
.box5 .box5_main .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.box5 .box5_main .slideBox .hd ul li{ float:left; margin:0 3px ;width:14px; height:14px;  background:#689FEE; cursor:pointer;border-radius: 50%; }
.box5 .box5_main .slideBox .hd ul li.on{ background:#3473D2;width: 14px;height: 14px;}
.box5 .box5_main .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.box5 .box5_main .slideBox .bd li{ zoom:1; vertical-align:middle; width:100%;}
.box5 .box5_main .slideBox .bd img{ width:1041px; height:560px; display:block;}
.box5 p{font-size: 16px;color: #333;text-align: center;line-height: 24px;}
/*box6开始*/
.box6 h2,.box7 h2{margin: 2px 0 40px;}
.box6 p,.box7 p{margin:56px 0 10px;}
.box6 ol{width: 940px;margin: 20px auto;border-bottom: 1px solid #CCCCCC;overflow: hidden;}
.box6 ol li{font-size: 16px;text-align: center;color: #3173D2;width: 145px;margin:0 20px;float: left;padding-bottom:8px;}
.box6 ul{width: 940px;margin:40px auto 0;overflow: hidden;}
.box6 ul li{width: 145px;margin:0 20px;float: left;}
.box6 ul li img{margin: 0 auto;display: block;margin-bottom:26px ;}
.box6 ul li a{cursor:default;}
/*box7开始*/
.box7{overflow: hidden;padding-bottom:15px;}
.box7 .box7_main{margin-top: 30px;position: relative;}
.box7 .img1{margin-left: 240px;}
.box7 .img2{position: absolute;top:30px ;left: 318px;}
.box7 .img3{position: absolute;top:123px ;left: 254px;}
.box7 .img4{position: absolute;top:218px ;left: 190px;}
.box7 .img5{position: absolute;top:309px ;left: 125px;}
.box7 .a_btn{width: 215px;margin-top: 0;}
/*box8开始*/
.box8_main{background: #F0F3FF;position: relative;padding-bottom: 58px;}
.box8_main .topcur{position: fixed;top: 0;}
.box8_main .on{font-weight:bold;color: #2883FF;}
.box8_main .sec{width: 1160px;margin: 0 auto;padding-top: 45px;overflow: hidden;}
.box8_main .sec .ul1{width: 240px;padding:25px 20px;border: 1px solid #6A98FF;float: left;background: #fff;}
.box8_main .sec .ul1 .li1{font-size:22px;color: #0B0B0B;opacity: .7;border-bottom: 1px solid #ccc;padding-bottom: 6px;height: 25px;line-height: 25px;}
.box8_main .sec .ul1 li{color: #0B0B0B;overflow: hidden;height:40px;line-height: 40px;}
.box8_main .sec .ul1 li a{height: 100%;width: 100%;display: block;}
.box8_main .sec .ul1 li p{float: left;font-size: 16px;}
.box8_main .sec .ul1 li span{float: right;font-size: 18px;}
.box8_main .sec .ul1 .last{color: #1547FF;border-bottom: 1px solid #ccc;margin-bottom: 10px;}
.box8_main .sec .ul1 .last p{color: #1547FF;}
.box8_main .sec .ul1 .last .p_on{font-weight: bold;}
.box8_main .sec_r,.box8_main .sec8 .sec8_r{width: 845px;margin-bottom:42px;margin-left:310px;}
.box8_main .sec_r .top{background: url(../images/box8_title.jpg) no-repeat center;height: 51px;line-height: 51px;overflow: hidden;}
.box8_main .sec_r .top span{font-size: 22px;font-weight: bold;color: #fff;display: block;}
.box8_main .sec_r .top .span1{float: left;padding-left: 30px;}
.box8_main .sec_r .top .span2{float: right;padding-right: 40px;color: #333;}
.box8_main .sec_r .btm,.box8_main .sec8 .sec8_r .btm{border: 1px solid #6A98FF;border-top: none;padding: 30px;background: #fff;}
.box8_main .sec_r .btm .con{margin-bottom: 30px;overflow: hidden;}
.box8_main .sec_r .btm span{color: #0B0B0B;font-size: 18px;display: block;}
.box8_main .sec_r .btm .span1{width: 105px;float: left;}
.box8_main .sec_r .btm .span2{width: 200px;float:left;font-size: 16px;line-height: 26px;}
.box8_main .sec_r .btm .span3{width: 300px;float:left;font-size: 16px;line-height: 26px;}
.box8_main .sec_r .btm .span4{width: 530px;float:left;font-size: 20px;font-weight: bold;}
.box8_main .sec_r .btm .span5{width: 630px;float:left;font-size: 14px;line-height: 26px;}
.box8_main .sec_r .btm .span6{font-size: 14px;}
.box8_main .lunbo{width: 710px;margin: 0 auto;}
.box8_main .slideBox{width:100%;overflow:hidden; position:relative;}
.box8_main .slideBox .hd{width: 100px;height:15px; overflow:hidden; position:absolute; left:50%;margin-left: -50px;bottom:25px; z-index:1; }
.box8_main .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.box8_main .slideBox .hd ul li{ float:left; margin:0 3px ;width:14px; height:14px;  background:#689FEE; cursor:pointer;border-radius: 50%; }
.box8_main .slideBox .hd ul li.on{ background:#3473D2;width: 14px;height: 14px;}
.box8_main .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.box8_main .slideBox .bd li{ zoom:1; vertical-align:middle; width:100%;}
.box8_main .slideBox .bd img{ width:593px; height:374px; display:block;margin: 0 auto;}
.box8_main .slideBox .prev,.box8_main .slideBox .next{position:absolute;display:block;width: 25px;height:25px;}
.box8_main .slideBox .prev{background: url(../images/btn_left.jpg) no-repeat 0;top: 162px;left: 0;}
.box8_main .slideBox .next{background: url(../images/btn_right.jpg) no-repeat 0;top: 162px;right: 0;}
.box8_main .slideBox .prev:hover,
.box8_main .slideBox .next:hover{filter:alpha(opacity=100);opacity:1;  }
.box8_main .slideBox .prevStop{ display:none;  }
.box8_main .slideBox .nextStop{ display:none;  }
.box8_main .sec .btm b{color: #2F78FF;font-weight:none;cursor: pointer;}
.box8_main .sec .btm i{font-style: normal;}
.box8_main .sec8 .sec8_r .top{height: 51px;line-height: 51px;background: #538FFF;color: #fff;font-weight: bold;font-size: 22px;padding-left:30px;}
.box8_main .sec8 .btm{background: #fff;}
.box8_main .sec8 .btm1{border-bottom: 1px solid #3F81E9 ;padding: 30px 0;}
.box8_main .sec8 .btm_l{width:490px;float: left;}
.box8_main .sec8 .btm_l h3{font-weight: bold;font-size: 20px;}
.box8_main .sec8 .btm_l p{font-size: 14px;margin-top:12px;color: #555555;}
.box8_main .sec8 img{float: right;margin-top: 5px;margin-right: 30px;transition: all 1s;-webkit-transition: all 1s;}
.box8_main .sec8 .btm1:hover img{transform: rotateY(180deg); -webkit-transform: rotateY(180deg);}
/*点击图标放大*/
.box8_main .sec .img{float: left;margin:0  6px;margin-bottom: 12px;position: relative;cursor: pointer;overflow: hidden;}
.box8_main .sec .mask{width: 247px;height: 160px;position: absolute;top:-160px;left: 0;}
.box8_main .sec .mask span{width: 104px;height: 79px;display: block;margin: 30px auto;background: #2873FF;color: #fff;font-size:16px;font-weight: bold;line-height: 25px;text-align: center;border-radius: 50%;padding-top: 25px;}
.box8_main .sec .img:hover .mask{top: 0;}
.box8_main .sec .img:hover img{opacity: .75;}
/* mark */
.mark{position: fixed;width: 100%;height: 100%;left: 0;top: 0;display: none;}
.mark-bg{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: #000;opacity: 0.5;}
.pic{position: absolute;width: 1000px;height: 800px;left: 50%;margin-left: -500px;top: 50%;margin-top: -400px;}
.m-pic{width: 900px;height: 500px;overflow: hidden;margin:80px auto 30px;}
.m-pic ul{width: 800px;height: 100%;margin:0 auto;}
.m-pic ul li{width: 800px;height: 100%;float: left;position: relative;}
.m-pic img{width: 800px;margin: 100px auto;display: block;}
.m-pic span{display: block;font-size: 20px;width: 35px;left: 35px;text-align: center;line-height: 35px;background: #555;position: absolute;top: 50px;left:800px;color: #fff;cursor: pointer;}
.pic-left{position: absolute;left: 0px;top: 39%;}
.pic-right{position: absolute;right: 0px;top: 39%;}
.sec8 .a2_btn{background: #536AFF;box-shadow:0 5px 0px #3C4DB8 ;color: #fff;}
.sec8 .a2_btn:hover{background: #FFCF2B;box-shadow:0 5px 0px #DCB42B;color:#252A47 ;}
.box8 .box8_main .a_btn{width: 160px;margin-top:5px;margin-bottom: 30px;}
.box8 .box8_main .a3{width: 200px;margin-top: 20px;}
/*box9开始*/
.box9{padding-bottom: 50px;}
.box9 h2{padding:56px 0 8px ; margin: 0;}
.box9 .box9top{width: 100%;position: fixed;left: 0;top: 0;background: #fff;display: none;text-align: center;}
.box9 .box9con{width: 1017px;margin: 26px auto 0;}
.box9 .box9con img{display: block;}
.box9 .box9con .btn{width:200px;height: 42px;position: relative;margin: 46px auto 0;}
/*box10开始*/
.box10 .p{text-align: left;width: 800px;margin: 0 auto;font-size: 16px;text-align: center;line-height: 24px;}
.box10 .box_In{position: relative;}
.box10 .top{background: url(../images/box10_img1.jpg) no-repeat center;height: 176px;}
.box10 .top .a_btn{width: 180px;position: absolute;top: 35px;right: 100px;}
.box10 .btm{background: #EEF8FF;padding-bottom: 50px;}
.box10_main{width: 990px;margin: 40px auto 50px;}
.box10_main img{margin-top: 30px;}
.box10_main h3{font-size: 20px;color: #006BC3;line-height: 42px;text-align: center;}
.box10_main .right{width:682px;}
.box10_main .right p{border: 1px solid #58A6D0;font-size: 18px;line-height: 30px;padding: 20px;color: #5E6482;}
.box10_main .right .h3{margin-top: 30px;}
/*box11开始*/
.box11 .p{text-align: left;width: 780px;margin: 0 auto;font-size: 16px;text-align: center;line-height: 24px;}
.box11  img{margin: 5px auto;display: block;}
.box11 .a_btn{width: 240px;margin-top:0px;}
/*box12开始*/
.box12 .top{background: #F6F7FB;padding-bottom:60px;}
.box12 .top1{border-bottom: 1px solid #DADADA;}
.box12 .top2{border-bottom: 1px solid #DADADA; margin-bottom: 50px;}
.box12 .top ul{width: 1100px;margin: 0 auto;overflow: hidden;}
.box12 .top ul li{width: 305px;padding:20px 30px ;border-right: 1px solid #DADADA;float: left;}
.box12 .top ul .last{border: none;}
.box12 .top ul li h3{font-size: 22px;color: #000;}
.box12 .top ul li span{width: 43px;border-bottom: 5px solid #3F81E9;display: block;margin: 20px 0;}
.box12 .top ul li p{color: #000;font-size: 16px;line-height: 26px;height: 105px;}
.box12 .top ul li img{display: block;float: right;}
.box12 .top ul li:hover{background: #FAFCFD;}
.box13 {background: url(../images/box13_img1.jpg) no-repeat center; height: 412px;}
.box13 h2{color: #fff;}
.box13 .top{width: 1059px;height: 143px;background: url(../images/box13_img2.png) no-repeat center;margin: 0 auto;overflow: hidden;}
.box13 .top .main{width:792px;height: 72px;margin:34px auto 0;}
.box13 .top .main li{width: 220px;float: left;height: 35px;line-height: 35px;}
.box13 .top .main .li1{width: 350px;}
.box13 .top .main li a{color: #10FFEB;text-decoration: underline;font-size:18px;display: block;width: 100%;height: 100%;}
.box13 .top .main li:hover a{color: #fff;}
.box13  .a_btn{margin-top: 12px;}
/*动画*/
@keyframes bantop
{
0% {top:45px;}
50% {top:40px;}
100%{top:45px;}
}

@-moz-keyframes bantop /* Firefox */
{
0% {top:45px;}
50% {top:40px;}
100%{top:45px;}
}

@-webkit-keyframes bantop /* Safari 和 Chrome */
{
0% {top:45px;}
50% {top:40px;}
100%{top:45px;}
}

@-o-keyframes bantop /* Opera */
{
0% {top:45px;}
50% {top:40px;}
100%{top:45px;}
}