/* CSS Document */

body{
    padding-top: 137px;
    font-family: "Microsoft Yahei", Helvetica, Arial, sans-serif;
}
body a{
    outline: none;
    blr:expression(this.onFocus=this.blur());
}
body a:focus{
    outline: none;
}


.container{
    width: 1200px;
    min-width: 1200px;
    margin-right: auto;
    margin-left: auto;
}
.w010{ width: 100%;}
.w-646{ width: 646px;}
.w-852{ width: 852px;}
.w-868{ width: 868px;}
.w-958{ width: 958px;}
.w-1015{ width: 1015px;}
.w-920{ width: 920px;}
.w-291{ width: 291px;}
.w-867{ width: 867px;}
.w-267{ width: 267px;}
.w-496{ width: 496px;}
.w-450{ width: 450px;}


.pt37{ padding-top: 37px;}


.mt45{ margin-top: 45px;}

.mb35{ margin-bottom: 35px;}
.mb40{ margin-bottom: 40px;}
.mb45{ margin-bottom: 45px;}
.mb50{ margin-bottom: 50px;}
.mb55{ margin-bottom: 55px;}
.mb60{ margin-bottom: 60px;}
.mb65{ margin-bottom: 65px;}
.mb70{ margin-bottom: 70px;}
.mb80{ margin-bottom: 80px;}
.mb90{ margin-bottom: 90px;}
.mb100{ margin-bottom: 100px;}
.mb130{ margin-bottom: 130px;}


.fs14{ font-size: 14px;}
.fs24{ font-size: 24px;}
.fs28{ font-size: 28px;}
.fs32{ font-size: 32px;}

.color-f76e3f{ color: #f76e3f;}
.color-05a9ed{ color: #05a9ed;}
.color-333{ color: #333 !important;}


/*header*/
.header{
    width: 100%;
    min-width: 1200px;
    height: 137px;
    background: #fff;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 999;
}
.shortcut{
    width: 100%;
    min-width: 1200px;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #eee;
    overflow: hidden;
}
.shortcut .welcome{
    padding-left: 30px;
    font-size: 14px;
    color: #666;
}
.shortcut .tel{
    padding-right: 30px;
    font-size: 16px;
    color: #333;
}
.shortcut .tel span{
    font-size: 22px;
    color: #05a9ed;
    font-weight: bold;
}
.header-box{
    height: 86px;
    padding-right: 180px;
    padding-left: 350px;
    position: relative;
}
.logo{
    width: 269px;
    height: 59px;
    margin-top: -30px;
    position: absolute;
    top: 50%;
    left: 30px;
}
.logo img{
    display: block;
    width: 269px;
    height: 59px;
}
.nav{
    width: 100%;
}
.nav ul li{
    float: left;
    width: 12.5%;
    text-align: center;
}
.nav ul li>a{
    display: inline-block;
    height: 83px;
    line-height: 83px;
    border-bottom: 3px solid #fff;
    font-size: 18px;
    color: #333;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.nav ul li>a:hover,
.nav ul li .on{
    border-bottom: 3px solid #05a9ed;
}
.language-switching{
    margin-top: -12px;
    font-size: 14px;
    color: #333;
    position: absolute;
    top: 50%;
    right: 20px;
}
.language-switching a{
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    margin-left: 10px;
}


/*footer*/
.footer{
    width: 100%;
    min-width: 1200px;
}
.footer-form{
    min-height: 390px;
    padding-top: 70px;
    padding-bottom: 38px;
    padding-left: 460px;
    position: relative;
}
.footer-form .img{
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 8;
}
.footer-form .img img{
    display: block;
}
.footer-form .name{
    height: 40px;
    line-height: 40px;
    font-size: 28px;
    color: #333;
    text-align: center;
    position: relative;
    z-index: 9;
}
.footer-form .text{
    width: 236px;
}
.footer-form .text .title .tabs-tit{
    width: 110px;
    height: 30px;
    line-height: 30px;
    background: url("../image/name_bg1.png") no-repeat;
    font-size: 14px;
    color: #999;
    text-align: center;
    font-weight: bold;
}
.footer-form .text .title .tabs-tit.selected{
    background: url("../image/name_bg1_h.png") no-repeat;
    color: #fff;
}
.footer-form .text .content input::-webkit-input-placeholder{
    color: #333;
}
.footer-form .text .content input::-moz-placeholder{
    color: #333;
}
.footer-form .text .content input:-moz-placeholder{
    color: #333;
}
.footer-form .text .content input:-ms-input-placeholder{
    color: #333;
}
.wbk-1{
    width: 234px;
    height: 24px;
    line-height: 24px;
    border: 1px solid #838383;
    border-radius: 3px;
    font-family: "Microsoft Yahei", Helvetica, Arial, sans-serif;
    color: #333;
    text-indent: 8px;
}
.wbk-2{
    width: 218px;
    height: 82px;
    line-height: 24px;
    padding-right: 8px;
    padding-left: 8px;
    border: 1px solid #838383;
    border-radius: 3px;
    font-family: "Microsoft Yahei", Helvetica, Arial, sans-serif;
    color: #333;
}
.xlk-1{
    width: 236px;
    height: 28px;
    border: 1px solid #838383;
    border-radius: 3px;
    font-family: "Microsoft Yahei", Helvetica, Arial, sans-serif;
    color: #333;
}
.input-1{
    width: 236px;
    height: 30px;
    background: #05a9ed;
    border: none;
    border-radius: 5px;
    font-family: "Microsoft Yahei", Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #fff;
}
.footer-block{
    width: 100%;
    min-width: 1200px;
    line-height: 22px;
    padding-top: 40px;
    padding-bottom: 58px;
    background: #212121;
    color: #999;
}
.footer-block .title{
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
}
.footer-block .a-1{
    display: inline-block;
    width: 82px;
    height: 28px;
    line-height: 28px;
    background: #212121;
    border: 1px solid #05a9ed;
    border-radius: 5px;
    font-size: 14px;
    color: #05a9ed;
    font-weight: bold;
    text-align: center;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.footer-block .a-1:hover{
    background: #05a9ed;
    color: #fff;
}
.footer-block .a-2{
    margin-right: 5px;
    margin-left: 5px;
    color: #999;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.footer-block .a-2:hover{
    color: #fff;
}


/*page*/
.page{
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
}
.page a{
    display: inline-block;
    height: 26px;
    line-height: 26px;
    padding-right: 10px;
    padding-left: 10px;
    color: #333;
    font-weight: bold;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.page a:hover,
.page a.current{
    color: #f76e3f;
}


/*banner*/
.slideBox{
    width: 100%;
    min-width: 1200px;
    height: 720px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.slideBox .hd{
    height: 1px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    bottom: 32px;
    z-index: 4;
}
.slideBox .hd ul{
    zoom: 1;
}
.slideBox .hd ul li{
    float: left;
    width: 50px;
    height: 1px;
    margin-right: 11px;
    margin-left: 11px;
    display: inline;
    background: #fff;
    cursor: pointer;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.slideBox .hd ul li.on{
    background: #05a9ed;
}
.slideBox .bd{
    height: 100%;
    position: relative;
    z-index: 0;
}
.slideBox .bd li{
    vertical-align: middle;
    zoom: 1;
}
.slideBox .bd a{
    display: block;
    width: 100%;
    min-width: 1200px;
    height: 720px;
}
.slideBox .prev,
.slideBox .next{
    width: 38px;
    height: 85px;
    margin-top: -43px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    z-index: 9;
}
.slideBox .prev{
    background: url("../image/jt_1l.png") no-repeat;
    left: 0;
}
.slideBox .next{
    background: url("../image/jt_1r.png") no-repeat;
    right: 0;
}


/*首页内容*/
.mod-01{
    color: #333;
}
.mod-01 .title{
    font-size: 28px;
}
.mod-01 .content{
    line-height: 28px;
    font-size: 16px;
}
.mod-01 .a-1{
    display: inline-block;
    width: 178px;
    height: 42px;
    line-height: 42px;
    border: 1px solid #aaa;
    border-radius: 10px;
    font-size: 16px;
    color: #333;
}
.tit-1{
    width: 100%;
    min-width: 1200px;
    padding-top: 35px;
    padding-bottom: 35px;
    background: #05a9ed;
    font-size: 22px;
    color: #fff;
    text-align: center;
}
.tit-1 .name-cn{
    margin-bottom: 6px;
    font-size: 32px;
    color: #fff;
}
.tit-1 .name-en{
    margin-bottom: 6px;
    font-size: 24px;
    color: #8ecef4;
    text-transform: uppercase;
}
.block-01{
    width: 100%;
    min-width: 1200px;
    position: relative;
}
.mod-02-block{
    width: 706px;
    position: absolute;
    right: 30px;
    bottom: 30px;
    z-index: 10;
}
.mod-02{
    width: 706px;
    height: 96px;
    position: relative;
}
.mod-02 .prev,.mod-02 .next{
    width: 18px;
    height: 36px;
    margin-top: 30px;
    cursor: pointer;
}
.mod-02 .prev{
    float: left;
    margin-right: 4px;
    display: inline;
    background: url("../image/jt_2l.png") no-repeat;
}
.mod-02 .next{
    float: right;
    background: url("../image/jt_2r.png") no-repeat;
}
.mod-02 .bd{
    width: 660px;
    height: 96px;
    overflow: hidden;
}
.mod-02 .bd ul{
    height: 96px;
    overflow: hidden;
    zoom: 1;
}
.mod-02 .bd ul li{
    float: left;
    width: 122px;
    height: 96px;
    margin-right: 5px;
    margin-left: 5px;
    display: inline;
    cursor: pointer;
}
.mod-02 .bd ul li img{
    display: block;
    width: 122px;
    height: 96px;
}
.mod-02 .bd ul li.selected img{
    width: 116px;
    height: 90px;
    border: 3px solid #05a9ed;
}
.mod-03{
    width: 100%;
    min-width: 1200px;
}
.mod-03 .list-01{
    width: 100%;
    min-width: 1200px;
}
.mod-03 .list-01 .bg{
    width: 100%;
    min-width: 1200px;
    height: 840px;
}
.mod-03 .list-01 .text{
    width: 700px;
    min-height: 400px;
    line-height: 32px;
    font-size: 16px;
    color: #fff;
    text-shadow: 0 2px 4px rgba(0,0,0,0.2);
    position: absolute;
    right: 0;
    bottom: 0;
}
.mod-03 .list-01 .text .title{
    margin-bottom: 15px;
    font-size: 32px;
    font-weight: bold;
}
.mod-04{
    width: 467px;
    position: absolute;
    right: 0;
    top: 76px;
    z-index: 12;
}
.mod-04 img{
    display: block;
}
.mod-04 .icon{
    position: absolute;
    right: 0;
    bottom: 0;
}
.mod-05 .box{
    display: inline-block;
    width: 120px;
    vertical-align: top;
    font-size: 14px;
    color: #333;
}
.mod-05 .box span{
    display: inline-block;
}
.mod-05 .box .icon{
    width: 80px;
    height: 59px;
    padding-top: 21px;
    margin-bottom: 12px;
    background: url("../image/img_bg1.png") no-repeat;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.mod-05 .box .text{
    width: 100%;
}
.mod-05 .box:hover .icon{
    background: url("../image/img_bg1_h.png") no-repeat;
}
.block-02{
    width: 100%;
    min-width: 1200px;
}
.block-02>div,
.block-02>div .list-01{
    width: 100%;
    min-width: 1200px;
}
.mod-06 .tabs-tit{
    float: left;
    width: 50%;
    cursor: pointer;
    position: relative;
}
.mod-06 .tabs-tit img{
    display: block;
    width: 100%;
}
.mod-06 .tabs-tit .line{
    height: 7px;
    background: none;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
}
.mod-06 .tabs-tit .name{
    width: 278px;
    height: 67px;
    line-height: 67px;
    padding-top: 10px;
    padding-right: 10px;
    margin-top: -44px;
    margin-left: -139px;
    background: url("../image/name_bg2.png") no-repeat;
    font-size: 32px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    position: absolute;
    top: 50%;
    left: 50%;
}
.mod-06 .tabs-tit.selected .line{
    background: #05a9ed;
}
.mod-06 .tabs-tit.selected .name{
    background: none;
    color: #05a9ed;
}
.mod-07{
    width: 39%;
}
.mod-07 ul li{
    background: #05a9ed;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    position: relative;
}
.mod-07 ul li .img{
    width: 50%;
}
.mod-07 ul li .img img{
    display: block;
    width: 100%;
}
.mod-07 ul li .text{
    width: 50%;
    margin-top: -84px;
    font-size: 14px;
    color: #fff;
    position: absolute;
    top: 50%;
}
.mod-07 ul li .text a{
    color: #fff;
}
.mod-07 ul li .text .box{
    padding-right: 30px;
    padding-left: 30px;
}
.mod-07 ul li .text .box .title{
    height: 35px;
    line-height: 20px;
    margin-bottom: 12px;
    background: url("../image/line_1.jpg") left bottom no-repeat;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
}
.mod-07 ul li .text .box .content{
    height: 80px;
    overflow: hidden;
    line-height: 20px;
    margin-bottom: 15px;
}
.mod-07 ul li .text .box .more{
    display: inline-block;
    height: 26px;
    line-height: 26px;
}
.mod-07 ul li:hover{
    background: cfcfcf;
}
.mod-07 ul li .text.style01{
    right: 0;
}
.mod-07 ul li .text.style02{
    left: 0;
}
.mod-08{
    width: 61%;
}
.block-03{
    width: 100%;
    min-width: 1200px;
    padding-top: 45px;
    padding-bottom: 40px;
    background: #f7f7f7;
}
.tit-2 .name{
    line-height: 44px;
    margin-bottom: 15px;
    font-size: 32px;
    color: #05a9ed;
    font-weight: bold;
}
.tit-2 span{
    display: inline-block;
    height: 32px;
    line-height: 32px;
    padding-right: 15px;
    padding-left: 15px;
    background: #05a9ed;
    font-size: 18px;
    color: #fff;
}
.mod-09{
    position: relative;
}
.mod-09 .icon{
    color: #fc4237;
    position: absolute;
}
.mod-09 .icon img{
    transition: all .3s;
}
.mod-09 .icon:hover img{
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1);
}
.mod-09 .icon span{
    display: inline-block;
    line-height: 12px;
}
.mod-09 .icon.icon-1{
    width: 46px;
    top: 300px;
    left: 210px;
}
.mod-09 .icon.icon-2{
    width: 46px;
    top: 426px;
    left: 366px;
}
.mod-09 .icon.icon-3{
    width: 62px;
    top: 210px;
    left: 532px;
}
.mod-09 .icon.icon-3 span{
    text-align: center;
}
.mod-09 .icon.icon-4{
    width: 74px;
    top: 220px;
    left: 214px;
}
.mod-09 .icon.icon-5{
    width: 74px;
    top: 362px;
    left: 658px;
}
.mod-09 .icon.icon-5 span{
    text-align: right;
}
.mod-09 .icon.icon-6{
    width: 74px;
    top: 254px;
    left: 886px;
}
.mod-09 .icon.icon-7{
    width: 46px;
    top: 320px;
    left: 820px;
}
.mod-09 .icon.icon-8{
    width: 74px;
    top: 340px;
    left: 950px;
}
.mod-09 .icon.icon-9{
    width: 86px;
    top: 340px;
    left: 882px;
}
.mod-09 .icon.icon-9 span{
    text-align: right;
}
.mod-09 .icon.icon-10{
    width: 98px;
    top: 346px;
    left: 990px;
}
.mod-09 .icon.icon-11{
    width: 60px;
    top: 388px;
    left: 952px;
}
.mod-09 .icon.icon-12{
    width: 98px;
    top: 468px;
    left: 1008px;
}
.block-04{
    width: 100%;
    min-width: 1200px;
    background: #b4b3b8;
    position: relative;
}
.block-04 .box{
    /*padding-top: 25px;*/
    padding-right: 7.8%;
    /*padding-bottom: 30px;*/
}
.mod-10{
    width: 46%;
    position: absolute;
    bottom: 0;
    left: 30px;
}
.mod-10 img{
    display: block;
    width: 100%;
}
.mod-11{
    width: 50%;
    position: relative;
}
.mod-11>img{
    display: block;
    width: 100%;
}
.mod-11.style01 .icon{
    font-size: 14px;
    color: #333;
}
.mod-11.style01 .icon.icon-26{
    color: #333;
}
.mod-11 .icon{
    color: #666;
    position: absolute;
}
.mod-11 .icon.icon-1{
    top: 35%;
    left: 20.2%;
}
.mod-11 .icon.icon-2{
    top: 56%;
    left: 20%;
}
.mod-11 .icon.icon-3{
    top: 38%;
    left: 38%;
}
.mod-11 .icon.icon-4{
    top: 49%;
    left: 35%;
}
.mod-11 .icon.icon-5{
    top: 64.8%;
    left: 45%;
}
.mod-11 .icon.icon-5 img{
    position: absolute;
    top: 9px;
    right: 16px;
    animation: zoomIn 1.5s ease 1s infinite both;
}
.mod-11 .icon.icon-6{
    top: 80%;
    left: 44%;
}
.mod-11 .icon.icon-6 img{
    position: absolute;
    top: 9px;
    right: -12px;
    animation: zoomIn 1.5s ease 0s infinite both;
}
.mod-11 .icon.icon-7{
    width: 28px;
    margin-left: -13px;
    text-align: center;
    bottom: 47.4%;
    left: 56.4%;
}
.mod-11 .icon.icon-8{
    top: 56%;
    left: 58.8%;
}
.mod-11 .icon.icon-8 img{
    position: absolute;
    top: 12px;
    right: 5px;
    animation: zoomIn 1.5s ease 0s infinite both;
}
.mod-11 .icon.icon-9{
    top: 67.4%;
    left: 57.4%;
}
.mod-11 .icon.icon-10{
    left: 57%;
    bottom: 24%;
}
.mod-11 .icon.icon-11{
    left: 61%;
    bottom: 13%;
}
.mod-11 .icon.icon-12{
    left: 64%;
    bottom: 64%;
}
.mod-11 .icon.icon-12 img{
    position: absolute;
    top: 12px;
    left: -10px;
    animation: zoomIn 1.5s ease 1s infinite both;
}
.mod-11 .icon.icon-13{
    left: 70.4%;
    bottom: 18%;
}
.mod-11 .icon.icon-13 img{
    position: absolute;
    top: 10px;
    right: -20px;
    animation: zoomIn 1.5s ease 0s infinite both;
}
.mod-11 .icon.icon-14{
    left: 68%;
    bottom: 42%;
}
.mod-11 .icon.icon-14 img{
    position: absolute;
    top: -10px;
    right: -40px;
    animation: zoomIn 1.5s ease 0s infinite both;
}
.mod-11 .icon.icon-15{
    left: 66%;
    bottom: 35%;
}
.mod-11 .icon.icon-16{
    left: 67%;
    bottom: 28%;
}
.mod-11 .icon.icon-16 img{
    position: absolute;
    top: 12px;
    left: -10px;
    animation: zoomIn 1.5s ease 0s infinite both;
}
.mod-11 .icon.icon-17{
    left: 69.6%;
    bottom: 14%;
}
.mod-11 .icon.icon-17 img{
    position: absolute;
    top: 10px;
    right: -14px;
    animation: zoomIn 1.5s ease 1s infinite both;
}
.mod-11 .icon.icon-18{
    top: 14%;
    left: 90%;
}
.mod-11 .icon.icon-19{
    top: 27%;
    left: 88%;
}
.mod-11 .icon.icon-19 img{
    position: absolute;
    top: -20px;
    left: 5px;
    animation: zoomIn 1.5s ease 0s infinite both;
}
.mod-11 .icon.icon-20{
    top: 31.6%;
    left: 83.2%;
}
.mod-11 .icon.icon-21{
    top: 45%;
    left: 68.2%;
}
.mod-11 .icon.icon-21 img{
    position: absolute;
    top: -24px;
    right: 9px;
    animation: zoomIn 1.5s ease 0s infinite both;
}
.mod-11 .icon.icon-22{
    color: #ed4d4d;
    text-decoration: underline;
    top: 41%;
    left: 77%;
}
.mod-11 .icon.icon-22 img{
    position: absolute;
    top: -10px;
    left: -32px;
    animation: zoomIn 1.5s ease 1s infinite both;
}
.mod-11 .icon.icon-31{
    color: #05a9ed;
    text-decoration: underline;
    top: 37%;
    left: 77%;
}
.mod-11 .icon.icon-31 img{
    position: absolute;
    top: -4px;
    left: -20px;
    animation: zoomIn 1.5s ease 1s infinite both;
}
.mod-11 .icon.icon-30{
    top: 37%;
    left: 64%;
}
.mod-11 .icon.icon-30 img{
    position: absolute;
    top: -10px;
    right: -40px;
    animation: zoomIn 1.5s ease 0s infinite both;
}
.mod-11 .icon.icon-23{
    top: 47%;
    left: 75%;
}
.mod-11 .icon.icon-23 img{
    animation: zoomIn 1.5s ease 0s infinite both;
}
.mod-11 .icon.icon-24{
    top: 58.4%;
    left: 75.4%;
}
.mod-11 .icon.icon-25{
    top: 51%;
    left: 79%;
}
.mod-11 .icon.icon-32{
    top: 54%;
    left: 82%;
}
.mod-11 .icon.icon-26{
    color: #fff;
    top: 60%;
    left: 87%;
}
.mod-11 .icon.icon-26 img{
    position: absolute;
    top: -21px;
    left: -22px;
    animation: zoomIn 1.5s ease 0s infinite both;
}
.mod-11 .icon.icon-27{
    left: 82%;
    bottom: 31%;
}
.mod-11 .icon.icon-27 img{
    position: absolute;
    top: 10px;
    left: 0;
    animation: zoomIn 1.5s ease 1s infinite both;
}
.mod-11 .icon.icon-28{
    left: 73%;
    bottom: 26%;
}
.mod-11 .icon.icon-29{
    left: 78%;
    bottom: 22%;
}
.mod-11 .icon.icon-29 img{
    position: absolute;
    top: 12px;
    right: 0;
    animation: zoomIn 1.5s ease 1s infinite both;
}
.mod-11 .tishi{
    line-height: 28px;
    color: #333;
    position: absolute;
    bottom: 5%;
    left: 9%;
}
.mod-12{
    width: 280px;
    padding-right: 30px;
    padding-left: 30px;
    background: url("../image/bg_1.png") repeat;
    color: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
}
.mod-12 .title{
    height: 135px;
    padding-top: 45px;
    text-transform: uppercase;
}
.mod-12 .title .name-cn{
    font-size: 34px;
    font-weight: bold;
}
.mod-12 .title a{
    display: block;
    font-size: 14px;
    color: #fff;
}
.mod-12 .form{
    height: 95px;
}
.xlk-2{
    width: 280px;
    color: #333;
}
.select .ui-select-wrap{
    width: 265px;
    height: 35px;
    line-height: 35px;
    background: url("../image/xlk_bg1.png") repeat;
    border: none;
    border-radius: 0;
}
.select .ui-select-input{
    padding-left: 24px;
    color: #c1c1c2;
}
.select .ui-select-arrow{
    width: 20px;
    height: 35px;
    background: url("../image/xlk_input1.png") no-repeat;
    border: none;
    top: 0;
    right: 0;
}
.wbk-3{
    width: 278px;
    height: 33px;
    line-height: 33px;
    background: url("../image/xlk_bg1.png") repeat;
    border: none;
    font-family: "Microsoft Yahei", Helvetica, Arial, sans-serif;
    color: #c1c1c2;
    text-indent: 24px;
}
.wbk-3::-webkit-input-placeholder{
    color: #c1c1c2;
}
.wbk-3::-moz-placeholder{
    color: #c1c1c2;
}
.wbk-3:-moz-placeholder{
    color: #c1c1c2;
}
.wbk-3:-ms-input-placeholder{
    color: #c1c1c2;
}
.input-2{
    width: 25px;
    height: 35px;
    background: url("../image/input_1.png") no-repeat;
    border: none;
    position: absolute;
    top: 0;
    right: 0;
}
.mod-12 .scroll{
    overflow: hidden;
    font-size: 14px;
}
.mod-12 .scroll p{
    height: 34px;
    line-height: 34px;
}
.mod-12 .scroll ul li{
    line-height: 24px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px dashed #cac9ca;
}
.nicescroll-rails{
    background: url("../image/line_2.png") center top repeat-y;
}
.mod-13{
    width: 100%;
    min-width: 1200px;
    padding-bottom: 34px;
    margin-bottom: 35px;
    overflow: hidden;
}
.mod-13 .img{
    padding: 25px 30px;
}
.mod-13 .img img{
    display: block;
    width: 100%;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.mod-13 .img:hover img{
    box-shadow: 0 0 8px rgba(0,0,0,0.12);
}
.mod-13 .slick-prev,.mod-13 .slick-next{
    width: 60px;
    height: 34px;
    overflow: hidden;
    text-indent: 99px;
    top: auto;
    bottom: 0;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.mod-13 .slick-prev{
    margin-left: -60px;
    background: url("../image/jt_3l.png") no-repeat;
    left: 49%;
}
.mod-13 .slick-prev:hover{
    background: url("../image/jt_3l_h.png") no-repeat;
}
.mod-13 .slick-next{
    margin-right: -60px;
    background: url("../image/jt_3r.png") no-repeat;
    right: 49%;
}
.mod-13 .slick-next:hover{
    background: url("../image/jt_3r_h.png") no-repeat;
}
.mod-14{
    width: 100%;
    min-width: 1200px;
    height: 158px;
    padding-top: 122px;
    background: url("../image/bg_2.jpg") center top no-repeat;
    background-size: cover;
}
.mod-14>div{
    float: left;
    width: 25%;
}
.mod-14>div .box{
    border-right: 1px solid #fff;
    text-align: center;
}
.mod-14>div .box a{
    display: inline-block;
    line-height: 18px;
    color: #bddef1;
    font-weight: bold;
    text-transform: uppercase;
    text-align: left;
    position: relative;
}
.mod-14>div .box a .name-cn{
    font-size: 18px;
    color: #fff;
}
.mod-14>div .box a img{
    margin-right: 5px;
    position: absolute;
    right: 100%;
    bottom: 0;
}


/*01<?=getSysInfo(37)?>-关于我们*/
.other-banner{
    width: 100%;
    min-width: 1200px;
    height: 600px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
/*.other-banner .hd{
    height: 1px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    bottom: 32px;
    z-index: 4;
}
.other-banner .hd ul{
    zoom: 1;
}
.other-banner .hd ul li{
    float: left;
    width: 50px;
    height: 1px;
    margin-right: 11px;
    margin-left: 11px;
    display: inline;
    background: #fff;
    cursor: pointer;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.other-banner .hd ul li.on{
    background: #05a9ed;
}*/
.other-banner .bd{
    height: 100%;
    position: relative;
    z-index: 0;
}
.other-banner .bd li{
    vertical-align: middle;
    zoom: 1;
}
.other-banner .bd a{
    display: block;
    width: 100%;
    min-width: 1200px;
    height: 600px;
}
.other-banner .text{
    width: 1200px;
    line-height: 40px;
    margin-left: -600px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    position: absolute;
    top: 250px;
    left: 50%;
}
.other-banner .text .name-en{
    line-height: 48px;
    font-size: 60px;
    text-transform: uppercase;
}
.other-banner .text .name-cn{
    height: 64px;
    line-height: 64px;
    background: url("../image/line_3.jpg") center bottom no-repeat;
    font-size: 38px;
}
.other-banner .line{
    margin-left: -4px;
    position: absolute;
    bottom: 0;
    left: 50%;
}


.mod-15{
    color: #333;
}
.mod-15 .title{
    font-size: 32px;
}
.mod-15 .content{
    line-height: 24px;
    font-size: 14px;
}
.mod-15 .content .sp-1{
    display: inline-block;
    height: 42px;
    line-height: 42px;
    background: url("../image/line_5.jpg") center bottom no-repeat;
}
.mod-15 .img-list .box{
    float: left;
    width: 150px;
    cursor: pointer;
    position: relative;
}
.mod-15 .img-list .box>img{
    display: block;
    width: 150px;
    height: 413px;
}
.mod-15 .img-list .box .bg{
    padding-top: 180px;
    background: url("../image/bg_17.png") repeat;
    font-size: 14px;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.block-05{
    width: 100%;
    min-width: 1200px;
    padding-top: 30px;
    background: url("../image/bg_3.jpg") center top no-repeat;
    background-size: cover;
}
.tit-3{
    height: 62px;
    line-height: 62px;
    background: url("../image/line_6.jpg") center bottom no-repeat;
    font-size: 32px;
    color: #fff;
    text-align: center;
}
.mod-16 ul li{
    float: left;
    width: 240px;
    height: 240px;
    color: #fff;
    cursor: pointer;
    position: relative;
}
.mod-16 ul li .name{
    height: 240px;
    line-height: 240px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}
.mod-16 ul li .text{
    padding-top: 58px;
    padding-right: 17px;
    padding-left: 17px;
    background: url("../image/bg_4.png") repeat;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
}
.mod-16 ul li .text .title{
    height: 30px;
    line-height: 30px;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}
.mod-16 ul li .text .content{
    line-height: 20px;
}
.block-06{
    width: 100%;
    min-width: 1200px;
    padding-top: 160px;
    padding-bottom: 160px;
    background: url("../image/bg_5.png") center bottom #f4f4f4 no-repeat;
}
.mod-17{
    width: 652px;
    margin-left: 92px;
    color: #333;
}
.mod-17 .title{
    height: 54px;
    line-height: 54px;
    margin-bottom: 10px;
    font-size: 32px;
}
.mod-17 .content{
    line-height: 28px;
    padding-bottom: 25px;
    background: url("../image/line_7.jpg") left bottom no-repeat;
    font-size: 14px;
}
.tit-4{
    line-height: 36px;
    padding-bottom: 5px;
    background: url("../image/line_5.jpg") center bottom no-repeat;
    font-size: 14px;
    color: #333;
    text-align: center;
}
.tit-4 .name-cn{
    line-height: 32px;
    font-size: 32px;
}
.mod-18{
    width: 1200px;
    position: relative;
}
.mod-18 .prev,.mod-18 .next{
    display: inline-block;
    width: 40px;
    height: 22px;
    margin-right: 10px;
    margin-left: 10px;
    cursor: pointer;
}
.mod-18 .prev{
    background: url("../image/jt_4l.jpg") no-repeat;
}
.mod-18 .next{
    background: url("../image/jt_4r.jpg") no-repeat;
}
.mod-18 .bd{
    width: 100%;
    overflow: hidden;
}
.mod-18 .bd ul{
    height: 498px;
    overflow: hidden;
    zoom: 1;
}
.mod-18 .bd ul li{
    float: left;
    width: 213px;
    margin-right: 33px;
    display: inline;
}
.mod-18 .bd ul li .img{
    padding-top: 12px;
    padding-bottom: 12px;
}
.mod-18 .bd ul li .img img{
    display: block;
    width: 100%;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.mod-18 .bd ul li .img:hover img{
    box-shadow: 0 0 8px rgba(0,0,0,0.12);
}
.mod-19{
    width: 100%;
    min-width: 1200px;
    height: 22px;
    background: #f76e3f;
}


/*02<?=getSysInfo(37)?>-加盟我们*/
.tit-5{
    line-height: 34px;
    font-size: 32px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
}
.tit-5 .name-cn{
    margin-top: -14px;
    font-size: 28px;
}
.tit-5.style01{
    color: #e0e0e0;
}
.tit-5.style01 .name-cn{
    color: #333;
}
.tit-5.style02{
    color: #4da5c9;
}
.tit-5.style02 .name-cn{
    color: #fff;
}
.tit-5.style03{
    color: #5cb9e5;
}
.tit-5.style03 .name-cn{
    color: #fff;
}
.mod-20{
    line-height: 28px;
    padding-bottom: 15px;
    background: url("../image/line_5.jpg") center bottom no-repeat;
    font-size: 16px;
    color: #333;
}
.public-more1{
    display: block;
    width: 108px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #666;
    color: #666;
    text-align: center;
}
.block-07{
    width: 100%;
    min-width: 1200px;
    padding-top: 35px;
    padding-bottom: 20px;
    background: url("../image/bg_6.jpg") center top no-repeat;
    background-size: cover;
}
.mod-21{
    width: 714px;
    position: relative;
}
.mod-21 .box{
    width: 180px;
    line-height: 28px;
    padding-bottom: 6px;
    background: url("../image/line_8.jpg") left bottom no-repeat;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
    position: absolute;
}
.mod-21 .box .name-en{
    line-height: 20px;
    font-size: 12px;
    color: #7db3d0;
    font-weight: bold;
    text-transform: uppercase;
}
.mod-21 .box .name-cn{
    font-size: 16px;
    font-weight: bold;
}
.mod-21 .box .text{
    width: 259px;
    line-height: 20px;
    padding: 20px 34px;
    background: #05a9ed;
    border: 1px solid #fff;
    color: #fff;
    position: absolute;
    display: none;
}
.mod-21 .box-1{
    top: 74px;
    left: 76px;
}
.mod-21 .box-1 .text{
    right: 94px;
    bottom: 0;
}
.mod-21 .box-2{
    top: 172px;
    left: -88px;
}
.mod-21 .box-2 .text{
    right: 6px;
    bottom: -20px;
}
.mod-21 .box-3{
    top: 370px;
    left: 36px;
}
.mod-21 .box-3 .text{
    right: 130px;
    bottom: 6px;
}
.mod-21 .box-4{
    top: 50px;
    left: 556px;
}
.mod-21 .box-4 .text{
    bottom: 0;
    left: 0;
}
.mod-21 .box-5{
    top: 172px;
    left: 664px;
}
.mod-21 .box-5 .text{
    bottom: -28px;
    left: -36px;
}
.mod-21 .box-6{
    top: 286px;
    left: 610px;
}
.mod-21 .box-6 .text{
    bottom: -28px;
    left: 0;
}
.mod-21 .box-7{
    top: 424px;
    left: 574px;
}
.mod-21 .box-7 .text{
    bottom: -28px;
    left: 0;
}
.mod-22 ul li{
    height: 128px;
    line-height: 28px;
    padding-top: 70px;
    padding-right: 110px;
    padding-left: 255px;
    background: url("../image/li_bg1.png") no-repeat;
    margin-bottom: 30px;
    font-size: 16px;
    color: #333;
    position: relative;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.mod-22 ul li .text{
    text-indent: 32px;
}
.mod-22 ul li .icon{
    width: 210px;
    height: 210px;
    position: absolute;
    top: -6px;
    left: 0;
}
.mod-22 ul li .icon .name{
    line-height: 40px;
    font-size: 22px;
    color: #05a9ed;
    font-weight: bold;
    text-align: center;
    position: absolute;
    top: 65px;
    right: 0;
    left: 0;
}
.mod-22 ul li .icon img{
    display: block;
    width: 210px;
    height: 210px;
}
.mod-22 ul li:hover{
    background: url("../image/li_bg1_h.png") no-repeat;
    color: #fff;
}
.block-08{
    width: 100%;
    min-width: 1200px;
    padding-top: 40px;
    padding-bottom: 140px;
    background: #fafafa;
}
.mod-23{
    background: url("../image/line_9.png") left center repeat-x;
}
.mod-23 ul{
    margin-left: -136px;
}
.mod-23 ul li{
    float: left;
    width: 86px;
    height: 65px;
    padding-top: 21px;
    margin-left: 136px;
    display: inline;
    background: url("../image/li_bg2.png") no-repeat;
    color: #333;
    position: relative;
}
.mod-23 ul li>img{
    display: block;
    margin-right: auto;
    margin-left: auto;
}
.mod-23 ul li p{
    margin-top: -16px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}
.mod-23 ul li .text{
    width: 190px;
    min-height: 48px;
    line-height: 24px;
    padding-right: 15px;
    padding-left: 15px;
    font-size: 14px;
    position: absolute;
    top: 110%;
    left: 0;
}
.mod-23 ul li .text .spot{
    position: absolute;
    top: 8px;
    left: 0;
}
.block-09{
    width: 100%;
    min-width: 1200px;
    padding-top: 40px;
    padding-bottom: 55px;
    background: url("../image/bg_7.jpg") center bottom
no-repeat;
    background-size: cover;
}
.mod-24{
    border-bottom: 1px solid #9dd8ef;
}
.mod-24 .tabs-tit{
    float: left;
    width: 133px;
    height: 119px;
    margin-bottom: -11px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    cursor: pointer;
}
.mod-24 .tabs-tit.selected{
    background: url("../image/name_bg3_h.png") center bottom no-repeat;
}
.mod-25{
    line-height: 20px;
    color: #fff;
    text-align: center;
}
.mod-25>div{
    min-height: 40px;
}
.mod-25 .list-01.on{
    animation: fadeInUp 0.8s ease-out 0s both;
}
.mod-25 .a-1{
    display: block;
    width: 200px;
    height: 64px;
    line-height: 64px;
    background: #f76e3f;
    border-radius: 5px;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    text-align: center;
}
.block-10{
    width: 100%;
    min-width: 1200px;
    padding-top: 75px;
    background: #f7f7f7;
}
.mod-26 .tabs-tit{
    display: inline-block;
    width: 215px;
    height: 44px;
    line-height: 44px;
    margin-right: 38px;
    margin-left: 38px;
    background: #dcdcdc;
    font-size: 18px;
    color: #999;
    font-weight: bold;
    cursor: pointer;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.mod-26 .tabs-tit.selected{
    background: #05a9ed;
    color: #fff;
}
.mod-27{
    width: 658px;
    padding-right: 38px;
    padding-left: 252px;
    margin-left: -474px;
    background: #05a9ed;
    position: absolute;
    left: 50%;
    bottom: -114px;
}
.mod-27 .title{
    width: 170px;
    height: 125px;
    padding-top: 83px;
    padding-left: 33px;
    background: #f1f1f1;
    color: #000;
    font-weight: bold;
    text-transform: uppercase;
    position: absolute;
    top: -4px;
    left: 0;
}
.mod-27 .content{
    width: 385px;
    height: 125px;
    line-height: 30px;
    padding-top: 75px;
    border-right: 1px solid #fff;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
}
.mod-27 .content .icon{
    margin-top: -14px;
    position: absolute;
    top: 50%;
    right: -15px;
}
.mod-27 .more{
    display: block;
    width: 200px;
    height: 64px;
    line-height: 64px;
    margin-top: 69px;
    background: #fff;
    border-radius: 5px;
    font-size: 18px;
    color: #05a9ed;
    font-weight: bold;
    text-align: center;
}
.block-11{
    width: 100%;
    min-width: 1200px;
    padding-top: 205px;
    padding-bottom: 40px;
    background: url("../image/bg_8.jpg") repeat;
}
.block-12{
    width: 100%;
    min-width: 1200px;
    overflow: hidden;
}
.mod-28{
    font-size: 16px;
    color: #ff713f;
    text-transform: uppercase;
    text-align: center;
}
.mod-28 .name{
    line-height: 54px;
    color: #fff;
    font-weight: bold;
}
.mod-29{
    width: 1200px;
    height: 470px;
}
.mod-29 .slick-slide{
    padding-top: 34px;
    padding-bottom: 142px;
    position: relative;
}
.mod-29 .img{
    text-align: center;
}
.mod-29 .img .box{
    display: inline-block;
    width: 224px;
    position: relative;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.mod-29 .img .box img{
    width: 100%;
}
.mod-29 .img .box a{
    background: url("../image/bg_9.png") repeat;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
}
.mod-29 .img .box a .btn{
    width: 127px;
    height: 40px;
    line-height: 40px;
    margin-left: -63px;
    background: url("../image/bg_10.png") repeat;
    font-size: 14px;
    color: #fff;
    position: absolute;
    bottom: 12%;
    left: 50%;
}
.mod-29 .text{
    width: 920px;
    height: 121px;
    overflow: hidden;
    margin-left: -460px;
    text-align: center;
    position: absolute;
    top: 310px;
    left: 50%;
    display: none;
}
.mod-29 .text .content{
    height: 40px;
    line-height: 20px;
    color: #fff;
}
.tit-6{
    line-height: 22px;
    padding-bottom: 5px;
    background: url("../image/line_10.jpg") center bottom no-repeat;
    font-size: 16px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
}
.tit-6 .name-en{
    line-height: 34px;
    font-size: 24px;
    color: #aeafae;
    font-weight: normal;
}
.mod-29 .slick-prev,.mod-29 .slick-next{
    width: 13px;
    height: 25px;
    overflow: hidden;
    text-indent: 99px;
    top: 165px;
}
.mod-29 .slick-prev{
    background: url("../image/jt_5l.png") no-repeat;
    left: -15px;
}
.mod-29 .slick-next{
    background: url("../image/jt_5r.png") no-repeat;
    right: -15px;
}
.mod-29 .slick-center .img .box{
    width: 284px;
    margin-top: -34px;
    margin-left: -22px;
}
.mod-29 .slick-center .text{
    top: 345px;
    display: block;
}


/*03<?=getSysInfo(37)?>-课程介绍*/
.block-13{
    width: 100%;
    min-width: 1200px;
    padding-top: 55px;
    padding-bottom: 80px;
    background: url("../image/bg_11.jpg") center bottom no-repeat;
    background-size: cover;
}
.tit-7{
    line-height: 52px;
    padding-bottom: 18px;
    background: url("../image/line_12.jpg") center bottom no-repeat;
    font-size: 28px;
    color: #333;
    font-weight: bold;
    text-align: center;
}
.tit-7 .sp-1{
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding-right: 20px;
    padding-left: 20px;
    background: #05a9ed;
    border-radius: 20px;
    font-size: 14px;
    color: #fff;
}
.mod-30{
    height: 379px;
    background: url("../image/line_11.jpg") left center repeat-x;
}
.mod-30 ul li{
    float: left;
    width: 400px;
    height: 379px;
    background: url("../image/dian_2.png") 5px center no-repeat;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.mod-30 ul li>div{
    height: 160px;
}
.mod-30 ul li>div .icon{
    margin-top: 32px;
    margin-left: -10px;
}
.mod-30 ul li .text-1{
    width: 354px;
    height: 128px;
    padding-top: 32px;
}
.mod-30 ul li .text-1 .title{
    height: 56px;
    line-height: 56px;
    font-size: 32px;
    color: #05a9ed;
    font-weight: bold;
}
.mod-30 ul li .text-1 .content{
    height: 72px;
    line-height: 24px;
    font-size: 14px;
    color: #666;
}
.mod-30 ul li .text-2{
    width: 294px;
    height: 132px;
    line-height: 20px;
    padding-top: 28px;
    padding-left: 40px;
    background: #05a9ed;
    color: #fff;
    font-weight: bold;
    position: relative;
    display: none;
}
.mod-30 ul li .text-2 .img{
    position: absolute;
    right: -13px;
    bottom: -29px;
}
.mod-30 ul li.on{
    background: url("../image/dian_2h.png") 5px center no-repeat;
}
.block-14{
    width: 100%;
    min-width: 1200px;
    padding-bottom: 43px;
    padding-top: 55px;
    background: url("../image/bg_12.jpg") center top no-repeat;
    background-size: cover;
}
.tit-8{
    line-height: 22px;
    padding-bottom: 12px;
    background: url("../image/line_6.jpg") center bottom no-repeat;
    color: #fff;
    text-align: center;
}
.tit-8 .name{
    line-height: 52px;
    font-size: 28px;
    font-weight: bold;
}
.mod-31 ul li{
    float: left;
    width: 366px;
    height: 258px;
    line-height: 26px;
    padding-top: 30px;
    margin-left: -1px;
    background: none;
    border: 1px solid #fff;
    font-size: 14px;
    color: #fff;
    text-align: center;
}
.mod-31 ul li a{
    color: #fff;
}
.mod-31 ul li .icon{
    height: 72px;
}
.mod-31 ul li .name{
    height: 32px;
    line-height: 32px;
    margin-bottom: 5px;
    font-size: 22px;
    font-weight: bold;
}
.mod-31 ul li.on{
    background: url("../image/bg_10.png") repeat;
}
.mod-32{
    width: 1200px;
    height: 550px;
}
.mod-32 .slick-slide{
    padding-top: 50px;
    padding-bottom: 200px;
    position: relative;
}
.mod-32 .img a{
    display: block;
}
.mod-32 .img a img{
    display: block;
    width: 209px;
    margin-right: auto;
    margin-left: auto;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.mod-32 .text{
    width: 716px;
    height: 181px;
    overflow: hidden;
    margin-left: -358px;
    color: #333;
    text-align: center;
    position: absolute;
    top: 304px;
    left: 50%;
    display: none;
}
.mod-32 .text .title{
    height: 48px;
    line-height: 48px;
    margin-bottom: 6px;
    font-size: 18px;
    font-weight: bold;
}
.mod-32 .text .content{
    height: 72px;
    overflow: hidden;
    line-height: 24px;
    font-size: 14px;
}
.mod-32 .slick-prev,.mod-32 .slick-next{
    width: 40px;
    height: 22px;
    overflow: hidden;
    text-indent: 99px;
    top: auto;
    bottom: -20px;
}
.mod-32 .slick-prev{
    background: url("../image/jt_4l.jpg") no-repeat;
    left: 550px;
}
.mod-32 .slick-next{
    background: url("../image/jt_4r.jpg") no-repeat;
    right: 550px;
}
.mod-32 .slick-center .img a img{
    width: 325px;
    margin-top: -50px;
    /*margin-left: -32px;*/
}
.mod-32 .slick-center .text{
    top: 350px;
    display: block;
}

.tit-9{
    height: 142px;
    padding-top: 48px;
    background: #05a9ed;
    position: relative;
}
.tit-9 .name{
    line-height: 28px;
    padding-bottom: 18px;
    background: url("../image/line_6.jpg") center bottom no-repeat;
    font-size: 14px;
    color: #fff;
    text-align: center;
}
.tit-9 .name .name-cn{
    height: 48px;
    line-height: 48px;
    margin-bottom: 4px;
    font-size: 28px;
    font-weight: bold;
}
.tit-9 .bg{
    width: 2000px;
    background: #05a9ed;
    position: absolute;
    top: 0;
    right: 100%;
    bottom: 0;
}
.block-15{
    width: 100%;
    min-width: 1200px;
    background: url("../image/bg_13.jpg") center top no-repeat;
}
.mod-33{
    width: 291px;
}
.mod-33 img{
    display: block;
    width: 291px;
    height: 160px;
}
.mod-34 .tabs-tit{
    height: 160px;
    line-height: 160px;
    background: #f8f8f8;
    font-size: 18px;
    color: #999;
    font-weight: bold;
    cursor: pointer;
    text-align: center;
}
.mod-34 .tabs-tit.selected{
    background: #05a9ed;
    color: #fff;
}
.tit-10{
    height: 32px;
    line-height: 18px;
    background: url("../image/line_14.jpg") left bottom no-repeat;
    font-size: 18px;
    color: #333;
    font-weight: bold;
}
.mod-35{
    height: 128px;
    font-size: 14px;
}
.mod-35 .text{
    height: 93px;
    line-height: 24px;
    color: #333;
}
.mod-35 .a-1{
    display: block;
    width: 110px;
    height: 35px;
    line-height: 35px;
    background: #05a9ed;
    color: #fff;
    font-weight: bold;
    text-align: center;
}
.mod-36{
    width: 267px;
    height: 161px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.mod-36 .hd{
    height: 6px;
    overflow: hidden;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 4;
}
.mod-36 .hd ul{
    zoom: 1;
}
.mod-36 .hd ul li{
    float: left;
    width: 6px;
    height: 6px;
    margin-left: 10px;
    display: inline;
    background: url("../image/dian_3.png") no-repeat;
    cursor: pointer;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.mod-36 .hd ul li.on{
    background: url("../image/dian_3h.png") no-repeat;
}
.mod-36 .bd{
    height: 100%;
    position: relative;
    z-index: 0;
}
.mod-36 .bd li{
    color: #333;
    vertical-align: middle;
    zoom: 1;
}
.mod-36 .bd li a{
    color: #333;
}
.mod-36 .bd li .title{
    height: 50px;
    line-height: 50px;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: bold;
}
.mod-36 .bd li .content{
    height: 88px;
    line-height: 22px;
}
.mod-37{
    width: 496px;
    position: relative;
}
.mod-37 .next{
    width: 46px;
    height: 46px;
    margin-top: -23px;
    background: url("../image/jt_6r.png") no-repeat;
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: -75px;
}
.mod-37 .bd{
    width: 100%;
    overflow: hidden;
}
.mod-37 .bd ul{
    height: 406px;
    overflow: hidden;
    zoom: 1;
}
.mod-37 .bd ul li{
    float: left;
    width: 100%;
}
.mod-37 .bd ul li .box{
    margin-left: -28px;
}
.mod-37 .bd ul li .box .img{
    float: left;
    width: 234px;
    height: 190px;
    margin-bottom: 26px;
    margin-left: 28px;
    display: inline;
}
.mod-37 .bd ul li .box .img img{
    display: block;
    width: 234px;
    height: 190px;
}
.mod-38{
    width: 1200px;
    background: url("../image/line_15.png") left center no-repeat;
    position: relative;
}
.mod-38 .prev,.mod-38 .next{
    width: 25px;
    height: 47px;
    margin-top: -23px;
    cursor: pointer;
    position: absolute;
    top: 50%;
}
.mod-38 .prev{
    background: url("../image/jt_7l.png") no-repeat;
    left: -46px;
}
.mod-38 .next{
    background: url("../image/jt_7r.png") no-repeat;
    right: -46px;
}
.mod-38 .bd{
    width: 100%;
    overflow: hidden;
}
.mod-38 .bd ul{
    height: 400px;
    overflow: hidden;
    zoom: 1;
}
.mod-38 .bd ul li{
    float: left;
    width: 240px;
    height: 340px;
    padding-top: 60px;
    padding-right: 30px;
    padding-left: 30px;
    background: url("../image/line_15.png") right center no-repeat;
    position: relative;
}
.mod-38 .bd ul li .img{
    width: 180px;
    height: 180px;
    margin-right: auto;
    margin-bottom: 35px;
    margin-left: auto;
    position: relative;
}
.mod-38 .bd ul li .img img{
    display: block;
    width: 180px;
    height: 180px;
}
.mod-38 .bd ul li .img img.bg{
    position: absolute;
    top: 0;
    left: 0;
}
.mod-38 .bd ul li .name{
    height: 30px;
    line-height: 30px;
    margin-bottom: 12px;
    font-size: 18px;
    color: #333;
    font-weight: bold;
    text-align: center;
}
.mod-38 .bd ul li .name a{
    color: #333;
}
.mod-38 .bd ul li .text-1{
    height: 48px;
    overflow: hidden;
    line-height: 24px;
    font-size: 14px;
    color: #666;
    text-align: center;
}
.mod-38 .bd ul li .text-2{
    line-height: 24px;
    padding-top: 30px;
    padding-right: 29px;
    padding-left: 30px;
    background: url("../image/bg_10.png") repeat;
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
}
.mod-38 .bd ul li .text-2 a{
    color: #fff;
}
.mod-38 .bd ul li .text-2 .title{
    height: 32px;
    line-height: 32px;
    margin-bottom: 15px;
    background: url("../image/line_16.jpg") left bottom no-repeat;
    font-size: 18px;
    font-weight: bold;
}


/*04<?=getSysInfo(37)?>-主题活动*/
.mod-39 img{
    display: block;
    margin-right: auto;
    margin-left: auto;
}
.block-16{
    width: 100%;
    min-width: 1200px;
    padding-top: 50px;
    background: #f6f6f6;
}
.mod-40{
    margin-left: -28px;
}
.mod-40 .box{
    float: left;
    width: 554px;
    height: 370px;
    padding-right: 30px;
    margin-bottom: 28px;
    margin-left: 28px;
    display: inline;
    background: #fff;
    border: 1px solid #e5e5e5;
    position: relative;
}
.mod-40 .box .date{
    width: 128px;
    height: 50px;
    line-height: 50px;
    background: #05a9ed;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    position: absolute;
    top: 0;
    left: 292px;
}
.mod-40 .box .img{
    width: 292px;
    height: 370px;
}
.mod-40 .box .img img{
    display: block;
    width: 292px;
    height: 370px;
}
.mod-40 .box .text{
    width: 240px;
    padding-top: 80px;
}
.mod-40 .box .text .title{
    height: 32px;
    line-height: 32px;
    margin-bottom: 15px;
    font-size: 20px;
    color: #333;
    font-weight: bold;
}
.mod-40 .box .text ul li{
    height: 42px;
    line-height: 42px;
    padding-left: 14px;
    font-size: 14px;
    color: #333;
    position: relative;
}
.mod-40 .box .text ul li a{
    color: #333;
}
.mod-40 .box .text ul li img{
    position: absolute;
    top: 0;
    left: 0;
}
.mod-40 .box .more{
    width: 88px;
    height: 28px;
    line-height: 28px;
    border: 1px solid #b5b5b5;
    color: #333;
    text-align: center;
    position: absolute;
    right: 30px;
    bottom: 20px;
}
.mod-41{
    width: 100%;
    min-width: 1200px;
    height: 116px;
    padding-top: 116px;
}
.mod-41 .a-1{
    display: inline-block;
    width: 164px;
    height: 48px;
    line-height: 48px;
    border: 1px solid #fff;
    font-size: 18px;
    color: #fff;
    position: relative;
}
.mod-41 .a-1 .icon{
    line-height: normal;
    position: absolute;
    bottom: -7px;
    left: -62px;
}


/*05<?=getSysInfo(37)?>-全国连锁*/
.block-17{
    width: 100%;
    min-width: 1200px;
    padding-top: 180px;
    padding-bottom: 45px;
    background: #fafafa;
}
.mod-42{
    line-height: 34px;
    font-size: 14px;
    color: #333;
}
.block-18{
    width: 100%;
    min-width: 1200px;
    padding-top: 35px;
    padding-bottom: 40px;
    background: url("../image/bg_15.jpg") center bottom no-repeat;
}
.tit-11{
    height: 50px;
    line-height: 50px;
    color: #666;
}
.tit-11 .name{
    font-size: 24px;
    color: #333;
}
.mod-43 .box{
    /*float: left;*/
    /*width: 600px;*/
    /*height: 346px;*/
    width: 100%;
}
.mod-43 .box img{
    /*display: block;*/
    /*width: 600px;*/
    /*height: 346px;*/
    width: 100%;
}
.public-more2{
    display: inline-block;
    font-size: 16px;
    color: #000;
    text-align: center;
}


/*06<?=getSysInfo(37)?>-联系我们*/
.tit-12{
    height: 48px;
    line-height: 48px;
    font-size: 36px;
    color: #333;
    text-align: center;
    text-transform: uppercase;
}
.mod-44{
    line-height: 74px;
    font-size: 16px;
    color: #333;
    text-transform: uppercase;
}
.mod-45 .img{
    width: 144px;
    height: 144px;
    padding: 2px;
    border: 1px solid #f5f5f5;
}
.mod-45 .text{
    width: 286px;
    line-height: 24px;
    font-size: 14px;
    color: #333;
}
.mod-46{
    width: 100%;
    min-width: 1200px;
    height: 680px;
}


/*07<?=getSysInfo(37)?>-新闻动态*/
.block-19{
    width: 100%;
    min-width: 1200px;
}
.mod-47 ul li{
    float: left;
    width: 300px;
}
.mod-47 ul li a{
    display: block;
    height: 160px;
    line-height: 160px;
    font-size: 20px;
    color: #999;
    font-weight: bold;
    text-align: center;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.mod-47 ul li a:hover,
.mod-47 ul li .on{
    background: url("../image/bg_10.png") repeat;
    color: #fff;
}
.mod-48 ul li{
    padding-top: 34px;
    padding-right: 35px;
    padding-bottom: 34px;
    margin-bottom: 30px;
    background: #fff;
    border: 1px solid #f1f1f1;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.mod-48 ul li .date{
    float: left;
    width: 154px;
    margin-top: 48px;
    font-size: 14px;
    color: #666;
    text-align: center;
}
.mod-48 ul li .date .day{
    line-height: 44px;
    font-size: 44px;
    font-weight: bold;
}
.mod-48 ul li .img{
    float: left;
    width: 253px;
    height: 173px;
}
.mod-48 ul li .img img{
    display: block;
    width: 253px;
    height: 173px;
}
.mod-48 ul li .text{
    float: right;
    width: 730px;
    margin-top: 25px;
}
.mod-48 ul li .text .title{
    height: 34px;
    line-height: 34px;
    margin-bottom: 10px;
    font-size: 18px;
    color: #666;
}
.mod-48 ul li .text .title a{
    color: #666;
}
.mod-48 ul li .text .content{
    height: 54px;
    margin-bottom: 5px;
    line-height: 18px;
    font-size: 14px;
    color: #666;
}
.mod-48 ul li .text .more{
    display: block;
    height: 24px;
    line-height: 24px;
    color: #999;
}


/*08<?=getSysInfo(37)?>-新闻动态-详情*/
.mod-49{
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    text-align: right;
}
.mod-49 a{
    color: #666;
}
.block-20{
    padding-top: 40px;
    padding-right: 50px;
    padding-bottom: 50px;
    padding-left: 50px;
    background: #fff;
    border: 1px solid #f1f1f1;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.mod-50{
    line-height: 40px;
    font-size: 14px;
    color: #666;
    text-align: center;
}
.mod-50 .name{
    font-size: 24px;
}
.mod-51{
    line-height: 18px;
    font-size: 14px;
    color: #666;
}
.mod-51 img{
    display: block;
    margin-right: auto;
    margin-left: auto;
    max-width: 100%;
}
.mod-52{
    font-size: 14px;
    color: #999;
}
.mod-52 a{
    color: #999;
}


.layer-bg{
    background: url("../image/bg_18.png") repeat;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1100;
    display: block;
}
.mod-53{
    width: 704px;
    height: 555px;
    padding-top: 25px;
    padding-right: 30px;
    padding-left: 30px;
    margin-top: -290px;
    margin-left: -382px;
    background: #16a9e5;
    border-radius: 8px;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1101;
    display: block;
}
.mod-53 .content img{
    display: block;
    margin-right: auto;
    margin-left: auto;
    max-width: 100%;
}
.mod-53 .close-53{
    cursor: pointer;
    position: absolute;
    top: 20px;
    right: 20px;
}


/*在线报名*/
.block-21{
    width: 100%;
    min-width: 1200px;
    padding-top: 65px;
    padding-bottom: 30px;
    background: url("../image/bg_19.jpg") center top no-repeat;
    background-size: cover;
}
.tit-13{
    height: 50px;
    font-size: 28px;
    color: #333;
    text-align: center;
}
.mod-54{
    padding-top: 90px;
    padding-right: 30px;
    padding-bottom: 60px;
    padding-left: 30px;
    background: #fff;
    border-radius: 5px;
    font-size: 16px;
    color: #333;
    position: relative;
}
.mod-54 .icon{
    position: absolute;
    top: -146px;
    left: 30px;
}
.mod-54>div{
    line-height: 40px;
}
.mod-54>div .c-1{
    float: left;
    width: 120px;
    font-size: 18px;
}
.mod-54>div .c-2{
    float: left;
    width: 230px;
}
.mod-54>div .c-3{
    float: left;
    width: 440px;
}
.mod-54>div .c-4{
    float: left;
    width: 350px;
}
.wbk-4{
    width: 348px;
    height: 38px;
    line-height: 38px;
    border: none;
    border-bottom: 1px solid #dcdcdc;
    font-family: "Microsoft Yahei", Helvetica, Arial, sans-serif;
    font-size: 18px;
    color: #333;
}
.wbk-4::-webkit-input-placeholder{
    color: #aeaeae;
}
.wbk-4::-moz-placeholder{
    color: #aeaeae;
}
.wbk-4:-moz-placeholder{
    color: #aeaeae;
}
.wbk-4:-ms-input-placeholder{
    color: #aeaeae;
}
.xlk-3{
    width: 350px;
    height: 41px;
    line-height: 40px;
    border: none;
    border-bottom: 1px solid #dcdcdc;
    font-family: "Microsoft Yahei", Helvetica, Arial, sans-serif;
    font-size: 18px;
}
.input-3{
    width: 200px;
    height: 54px;
    background: #05a9ed;
    border: none;
    border-radius: 10px;
    font-family: "Microsoft Yahei", Helvetica, Arial, sans-serif;
    font-size: 18px;
    color: #fff;
}

.vadio{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
}
.vadio .mg2{
    cursor: pointer;
    z-index: 9999;
    top: 8px;
    right: 20px;
    transition: all .5s;
    width: 33px;
    height: 33px;
}
.vadio .mg2:hover{
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.vadio .logo-tv{
    position: absolute;
    top: 16px;
    left: 20px;
    z-index: 9999;
}


/* HQ */
.nav .xl{ font-size:0px; width:100%; text-align:center; padding:0px 0 20px; background-color:#fff; position:absolute;top:86px;left:0px; display:none;}
.nav .xl_nr{ width:20%; margin-top:10px; display:inline-block; *display:inline; *zoom:1; }
.nav .xl_nr1{ height:55px; padding:0 10px; }
.nav .xl_nr1 img{ height:55px; }
.nav .xl_nr2{ font-size:12px; color:#333; line-height:100%; margin-top:8px; padding:0 10px; }
.nav .xl_nr3{ font-size:14px; color:#333; line-height:100%; margin-top:6px; padding:0 10px; }
.nav .xl_nr:hover .xl_nr2{ color:#05a9ed; }
.nav .xl_nr:hover .xl_nr3{ color:#05a9ed; }