.title{text-align:center;}
.title h1{display:inline-block; padding:0 10px; letter-spacing:1px; font-size:36px; font-weight:bold; }
.title h1 font{color:#ffa054;}
.title img{vertical-align:top; margin-top:5px; }

.linkbox{margin-top:30px; display:flex; justify-content:center;}
.linkbox a{display:block; width:280px; height:44px; line-height:44px; border-radius:10px 20px 10px 20px; text-align:center; margin:0 30px; font-size:24px; font-weight:bold; box-sizing: border-box; transition:all 0.2s; overflow:hidden; position:relative; color:#fff;}
.linkbox a.btn-l{background:#7d53f1;}
.linkbox a.btn-r{background:#fa6446;}
.linkbox a:hover:after{
    animation: btn-animate .75s;
}

.linkbox a:after{
    width: 0;
    padding-top:0;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    content: "";

}
@keyframes btn-animate{
    0%{
        width: 0;
        padding-top: 0;
        background: rgba(0,0,0,.25);
    }
    100%{
        width: 100%;
        padding-top: 100%;
        background-color:transparent;
    }
}


.con1 .item,
.con3 .yxsx a p,
.con4 .item{-webkit-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}

.con4 .item:hover{transform:translateY(-10px);}

.con1 .item:hover,
.con3 .yxsx a p:hover{-webkit-transform:scale(1.05,1.05);-moz-transform:scale(1.05,1.05);transform:scale(1.05,1.05);}

.banner,.ban1,.ban2,.ban3,.ban4{width:100%; background-position:center top; background-repeat:no-repeat;}

/* header */
.banner .ban1{height:350px; background-image:url(../img/ban1.jpg);}
.banner .ban2{height:140px; background-image:url(../img/ban2.jpg); padding-top:110px;}
.banner a.skan{display:block; width:500px; height:50px; margin-left:175px; text-align:center; font-size:26px; line-height:50px; color:#7d53f1; letter-spacing:1px;}
.banner a.skan span{display:block; -webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}

/* con1 */
.con1{margin-top:40px;}
.con1 a.box{ display: block; margin-top:30px; padding-left:510px; background:url(../img/bg1.jpg) left top no-repeat; }
.con1 .box .item{width:690px; height:70px; background:url(../img/con1-bg.jpg) left bottom no-repeat; display:flex; justify-content:space-between;}
.con1 .box .item h2{font-weight:bold; width:190px; height:70px;  background-position:left 18px; background-repeat:no-repeat; box-sizing: border-box; padding:35px 0 0 30px;}
.con1 .box .item p,
.con1 .box .item h4{margin-top:30px; height:36px; line-height:36px; font-size:18px;}
.con1 .box .item p{width:345px; }
.con1 .box .item h4{width:150px; text-align: center; color:#fff;}
.con1 .box .item:nth-child(1) h2{background-image:url(../img/con1-num1.jpg);}
.con1 .box .item:nth-child(2) h2{background-image:url(../img/con1-num2.jpg);}
.con1 .box .item:nth-child(3) h2{background-image:url(../img/con1-num3.jpg);}
.con1 .box .item:nth-child(4) h2{background-image:url(../img/con1-num4.jpg);}
.con1 .box .item:nth-child(5) h2{background-image:url(../img/con1-num5.jpg);}
.con1 .box .item:nth-child(6) h2{background-image:url(../img/con1-num6.jpg);}
.con1 .box .item:nth-child(7) h2{background-image:url(../img/con1-num7.jpg);}
.con1 .box .item:nth-child(8) h2{background-image:url(../img/con1-num8.jpg);}


/* con2 */
.con2{width:100%; margin-top:40px; padding-top:40px; background:#f6f6f6;}
.con2 a.box{margin-top:50px; text-align:center; display:flex; justify-content:space-between;}
.con2 .item{width:571px; border:2px solid #e5e5e5; background:#fff; border-radius:10px; padding-bottom:25px;}
.con2 .pbox{padding-top:8px; margin:0 25px; display:flex; justify-content:space-between; flex-wrap:wrap;}
.con2 .pbox p{
    width:243px;
    height:49px;
    margin-top:20px;
    background-color:#7d53f1;
    border-radius:5px;
    font-size: 24px;
    color: #ffffff;
    line-height:48px;
    font-weight:bold;
    transition: all .2s ease-in;
}
.con2 .pbox p:hover{
    background-color:#fa6446;
}

/* con3 */
.con3{width:100%; padding:45px 0 40px; background:#f6f6f6;}
.tabDetail{display: none;}
.show{display: block;}
.con3 .tabNav{margin-top:40px; height:55px; background:url(../img/tabbg.jpg) left bottom repeat-x;}
.con3 .tabNav ul{display:flex; justify-content:space-between;}
.con3 .tabNav ul li,
.con3 .tabNav ul a{display:block; padding:0 25px;height:55px; font-size:24px; font-weight:bold; text-align:center;}
.con3 .tabNav ul li.active,
.con3 .tabNav ul a:hover{background:url(../img/onbg.jpg) center bottom no-repeat;}
.con3 .tabNav ul a:hover{color:#7d53f1;}
.con3 .tabCon{margin-top:32px; background-color:#ffffff; border-radius:10px; padding:28px 48px 80px;}
.con3 .box1{display:flex; justify-content:space-between;}
.con3 .box1 h2{width:212px; height:56px; background-color:#7d53f1; font-size:24px; line-height:56px; color:#ffffff; font-weight:bold; text-align: center; }
.con3 .zyzs{width:700px;}
.con3 .zyzs p{height:304px; background:#f7f7f7; box-sizing:border-box; padding:30px 35px 0 25px; font-size:22px; line-height:44px;}
.con3 .yxsx{width:340px;}
.con3 .yxsx a{display:block; padding:20px 30px 1px; background:#f7f7f7;}
.con3 .yxsx a p{width:200px; height:48px; border:1px solid #e6e6e6; margin-bottom:20px; line-height:48px; padding-left:80px;font-size:24px;}
.con3 .yxsx a p:nth-child(1){background:url(../img/arrow1.jpg) 45px center no-repeat #fff;}
.con3 .yxsx a p:nth-child(2){background:url(../img/arrow2.jpg) 45px center no-repeat #fff;}
.con3 .yxsx a p:nth-child(3){background:url(../img/arrow3.jpg) 45px center no-repeat #fff;}
.con3 .yxsx a p:nth-child(4){background:url(../img/arrow4.jpg) 45px center no-repeat #fff;}
.con3 a.box2{height:200px; margin-top:40px; background:url(../img/con2-bg.jpg) left top no-repeat #f7f7f7; box-sizing:border-box; padding:30px 60px 0 275px;display:flex; justify-content:space-between; flex-wrap:wrap;}
.con3 a.box2 p{
    width:243px;
    height:59px;
    background-color:#7d53f1;
    border-radius:29px;
    font-size:24px;
    color:#ffffff;
    font-weight:bold;
    line-height:58px;
    text-align: center;
    transition: all .2s ease-in;
}
.con3 .box2 p:hover{
    background-color:#fa6446;
}

/* con4 */
.con4{margin-top:40px; width:100%; padding:40px 0; background:url(../img/bg4.jpg) center top #8862f0;}
.con4 .title h1{color:#fff;}
.con4 a.box{margin:0 70px; display:flex; justify-content:space-between; flex-wrap:wrap;}
.con4 .item{margin-top:40px;}
.con4 .item:nth-child(2){margin-top:60px;}

/* con5 */
.con5{margin-top:55px;}
.con5 table{margin-top:5px; text-align: center; border-collapse:collapse; border-spacing:0;}
.con5 table tr td,
.con5 table tr th{border:1px solid #e2e2e2; padding:15px 0; line-height:32px;}
.con5 table tr th{font-size:22px; border:1px solid #fa6446; background:#fa6446; font-weight:bold; color:#fff;}
.con5 table tr td.tit{font-weight:bold;}
.con5 table tr td a{display: block; width:120px; height:36px; margin:0 auto; line-height:36px; box-sizing: border-box; background-color:#7d53f1; border-radius:18px; color:#fff;transition: all .2s ease-in;border:1px solid #7d53f1;}
.con5 table tr td a:hover{background-color:#fff; border:1px solid #7d53f1; color:#221815;}
.tit{margin-top:30px; text-align: center;}
.tit img{display:block; margin:0 auto;}
.tit h1{font-size:32px; font-weight:bold; margin-top:10px;}

/* con6 */
.con6{margin-top:30px; background:#f7f4fb; padding-top:10px;}
.con6 .box{width:1120px; margin:25px auto 0; box-sizing: border-box; padding:0 30px 12px; background:url(../img/bg6.jpg) center bottom no-repeat;}
.con6 .pbox{background:#fff; margin-top:10px; border-radius:0 0 10px 10px; box-sizing: border-box; padding:6px 0 25px 85px; display:flex; flex-wrap:wrap;}
.con6 .pbox p{width:480px; box-sizing: border-box; margin-top:18px; background:url(../img/arrow5.jpg) left center no-repeat; padding-left:32px;}

/* con7 */
.con7{width:100%; background:#f7f4fb; padding-top:40px;}
.con7 .box{margin-top:25px;}

/* con8 */
.con8{margin-top:70px;}
.con8 .box{margin-top:30px; width:1185px; height:350px; background:url(../img/bg8.jpg); box-sizing:border-box; padding-left:295px; display:flex; justify-content:space-between;}
.con8 .item{width:200px; text-align: center;}
.con8 .item h3{font-size:22px; font-weight:bold;}
.con8 .item p{font-size:18px; margin-top:25px; line-height:30px;}
.con8 .item1{padding-top:190px;}
.con8 .item2{padding-top:170px;}
.con8 .item3{padding-top:150px;}
.con8 .item4{padding-top:130px;}

/* con9 */
.con9{margin-top:40px;width:100%; background:#f6f6f6; padding:40px 0 50px;}
.con9 h2{width:380px; height:36px; margin:12px auto 0; background-color:#e6e6e6; border-radius:6px; font-size:22px; line-height:36px; text-align: center;}
.con9 .box{padding-top:12px; margin:0 90px;}
.con9 .box img{margin-top:20px;}

/* contact */
.contact{margin-top:50px; }
.contact h1{font-size:36px; font-weight:bold; text-align: center;}
.contact h2{font-size:22px; margin-top:20px; height:32px; background:url(../img/line.jpg) left center repeat-x; text-align: center;}
.contact h2 span{display: inline-block; height:32px;background:#fff; padding:0 40px;}
.contact ul{padding:10px 0 0 130px;}
.contact ul li{line-height:36px; height:36px;}
.contact p{margin-top:25px; text-align: center;}
/*地址部分*/
.add1{width:100%;margin:0 auto 150px;}
.add1 .content15 ul .con15-li{background:#44ab89;}
.add1 .content15 .con15{border-top:4px solid #44ab89;}

/**/
.content8-1{height:300px;background:#fff9ed;padding-top:10px;border-bottom:1px solid #bbb;}
.content8-1 h2{font-size:32px;font-weight:bold;line-height:20px;text-align:center}
.con8-1{width:100%;text-align:left;margin:30px auto;background:#fff9ed;}
.con8-1 p{width:900px;line-height:36px;margin:0 auto;}
.con8-1 p span{font-weight:bold;}
.con8-1 p b{display:inline-block;width:500px;height:1px;border-top:1px dashed #666;vertical-align:middle;margin:0 20px;font-weight:bold;}

/*底部*/
.foot{clear:both;width:100%;height:50px;padding:30px 0;font:normal 14px/25px "微软雅黑";color:#333;text-align:center;}
.foot a:hover{color:#44ab89;}

/* 表单提交 */
.info_box{width:100%; position:fixed; left:0; bottom:0; height:100px; background:#333232;}
.info_box .maxWidth{display:flex; justify-content:space-between;}
.info_box .pic{width:420px;}
.info_box .txtbox{width:770px;}
.info_box .txtbox h3{font-size:16px; color:#c8c7c7; margin:10px 0 0 150px;}
.info_box .inbox{width:770px;display:flex; padding-top:25px;}
.info_box input{display:block; height:38px; background-color:#ffffff; border:none; margin-right:20px; border-radius:8px; line-height:36px; box-sizing: border-box; padding-left:10px;}
.info_box input.txt_name{width:130px;}
.info_box input.txt_mobile{width:180px;}
.info_box input.txt_vcode{width:120px; border-radius:8px 0 0 8px; margin-right:0;}
.info_box .img_vcode{display: block; height:38px; border-radius:0 8px 8px 0;}
.info_box a.btn_sub{display: block; margin-left:10px; width:160px; height:38px;background-color: #ff5a47; font-size:22px; color:#fff; text-align: center; line-height:38px; border-radius:8px; transition: all .2s ease-in;}
.info_box a.btn_sub:hover{background-color:#f82912;}