@charset "utf-8";
/*reset*/
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {margin:0;padding:0;border:0;font-size:100%;font-weight:normal;background:transparent;}
article, aside, figure, footer, header, nav, section, details, summary {display:block;}html {box-sizing:border-box;}img,object,embed {max-width:100%;}
html {}ul {list-style:none;}a {margin: 0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none;}a:hover {text-decoration:none;}
input, select {vertical-align:middle; outline: none;background: none;}select, input, textarea {font: 99% sans-serif;}strong {font-weight:bold;}button, input, select, textarea {margin:0;}
li{list-style: none;}em,i,b{font-style: normal;}
/*common  #f7f8fd*/


.fl,.lL{ float:left;}
.fr,.rR{ float:right;}
.overHide{ overflow:hidden;}
.posiR{ position:relative;}
.hide{ display:none;}

.clearfix {
    *zoom: 1;
}
.clearfix:before, .clearfix:after {
    display: table;
    line-height: 0;
    content: "";
}
.clearfix:after {
    clear: both;
}
/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}
.content{
    width: 100%;
    margin: 0 auto;
    padding: 0;
}
.wapper{
    width: 100%;
    margin: 0 auto;
    padding: 0;
}
.container{
    width:1000px;
    margin:0 auto;
    padding:0;
}
.block{
    display: block;
}

.bgWhite{
    background: #ffffff;
    width: 100%;
}

.navBox{
    background: #ffffff;
    box-shadow: 0px 5px 20px rgba(0,0,0,.25);
    width: 100%;
    position: fixed;
    left: 0;
    top: 0px;
    z-index: 999;
    display: none;
}
.navBar{
    padding: 0 20px;
    height: 100px;
    background: #ffffff;
    font-size: 24px;
    line-height: 100px;
    text-align: center;
}
.navBar ul{
    width: 100%;
}
.navBar ul li{
    float: left;
    margin-right: 60px;
}
.navBar ul li a{
    color: #4c4c4c;
    font-weight: bold;
}
.navBar ul li.active a {
    color: #579bf9;
}
.navBar ul li:last-child{
    margin-right: 0px;
}
.banner{
    height: 849px;
    background: url("../images/banner.jpg") no-repeat top center;
}
.bannerCont{
    position: absolute;
    right: 0;
    top: 640px;
    width: 100%;
}
.bannerCont p{
    font-size: 16px;
    color: #ffffff;
    line-height: 30px;
    text-indent: 2em;
    padding: 0;
}
.tabs{
    width: 100%;
    position: relative;
    height: 100px;
    background: #ffffff;
    font-size: 24px;
    line-height: 100px;
    box-shadow: 0px 5px 20px rgba(0,0,0,.25);
    text-align: center;
    z-index: 99;
}
.tabs ul{
    padding: 0 20px;
}
.tabs ul li{
    float: left;
    margin-right: 60px;
}
.tabs ul li a{
    color: #4c4c4c;
    font-weight: bold;
}
.tabs ul li.active a{
     color: #579bf9;
 }
.tabs ul li.noMr {
    margin-right: 0px;
}
.title{
    text-align: center;
    padding: 75px 0 80px 0;
}
.title.black p{
    color: #000000;
}
.title.white p{
    color: #ffffff;
}
.title p{
    font-size: 48px;
    line-height: 48px;
    color: #636363;
    font-weight: bold;
}
.title.black em{
    background: #000000;
}
.title.white em{
    background: #ffffff;
}
.title em{
    width: 90px;
    height: 6px;
    background: #636363;
    display: inline-block;
    margin-top: 14px;
}
.cont01{
    padding-top: 0px;
}
.cont01_one{
    background: url("../images/cont01.png") no-repeat top center;
    height: 215px;
    margin-bottom: 76px;

}
.cont01_one p{
    font-size: 16px;
    color: #000000;
    line-height: 30px;
    float: left;
    padding-top: 52px;
}
.cont01_one p.p1{
    width: 289px;
    margin-left: 104px;
}
.cont01_one p.p2{
    width: 307px;
    margin-left: 218px;
}
.cont02{
    background: url("../images/cont02.jpg") no-repeat top center;
    height: 1002px;
}
.ifYou{
    font-size: 60px;
    color: #ffffff;
    padding: 18px 0;
    font-weight: bold;
    overflow: hidden;
    line-height: 80px;
}
.cont02_tit{
    margin-top: 35px;
}
.cont02_tit ul{
    height: 172px;
}
.cont02_tit ul li{
    width: 296px;
    height: 141px;
    border: 2px solid #ffffff;
    float: left;
    margin-right: 50px;
    position: relative;
    border-radius: 10px;
    cursor: pointer;
}
.cont02_tit ul li.noMr{
    margin-right: 0;
}
.cont02_tit ul li p{
    font-size: 20px;
    line-height: 30px;
    margin-top: 28px;
    padding: 0 5px;
    color: #ffffff;
}
.cont02_tit ul li em{
    font-size: 36px;
    width: 52px;
    height: 52px;
    line-height: 52px;
    border-radius: 50%;
    border: 2px solid #ffffff;
    background: #5f9afc;
    color: #ffffff;
    position: absolute;
    left: 121px;
    top: -34px;
    text-align: center;
}
.cont02_tit ul li.active{
    background: #ffffff;
}
.cont02_tit ul li.active p{
    color: #333333;
}
.cont02_cont{
    background: #ffffff;
    padding: 16px;
    height: 616px;
    margin: 0 auto;
}
.cont02_cont_tit{
    text-align: center;
    padding: 20px 0 30px 0;
}
.cont02_cont_tit p{
    font-size: 36px;
    line-height: 36px;
    color: #000000;
    font-weight: bold;
}
.cont02_cont_tit em{
    width: 80px;
    height: 6px;
    background: #000000;
    display: inline-block;
    margin-top: 14px;
}
.cont02_cont h3{
    font-size: 30px;
    color: #010101;
    text-align: center;
    padding-bottom: 40px;
    font-weight: bold;
}
.cont02_ul li{
    width: 100%;
    margin-bottom: 22px;
    height: 92px;
    cursor: pointer;
}
.cont02_ul li:last-child{
    margin-bottom: 0px;
}
.cont02_ul li em{
    width: 189px;
    height: 92px;
    line-height: 92px;
    background: #509cf6;
    border-radius: 10px;
    color: #ffffff;
    font-weight: bold;
    float: left;
    display: inline-block;
    font-size: 18px;
    text-align: center;
}
.cont02_ul li p{
    padding-left: 12px;
    float: left;
    font-size: 16px;
    color: #000000;
    line-height: 92px;
    width: 755px;
}
.cont02_ul li p.lnt,.cont02_ul li em.lnt{
    line-height: 30px;
}
.cont03{
    background: url("../images/cont03.jpg") no-repeat top center;
    height: 798px;
}
.cont03_tit{
    height: 48px;
    line-height: 48px;
    margin-bottom: 20px;
}
.cont03_tit ul{
    overflow: hidden;
}
.cont03_tit ul li{
    padding: 0 52px;
    border: 1px solid #636363;
    text-align: center;
    color: #636363;
    float: left;
    margin-right:61px ;
    cursor: pointer;
}
.cont03_tit ul li.noMr{
    margin-right: 0;
}
.cont03_tit ul li.active{
    background: #5f9afc;
    border: 1px solid #5f9afc;
    color: #ffffff;
    font-weight: bold;
}
.cont03_one_tit{
    width: 200px;
    margin-right: 20px;
    float: left;
}
.cont03_one_tit ul li{
    width: 198px;
    height: 68px;
    padding-top: 20px;
    border:1px solid #000000;
    color: #000000;
    font-size: 18px;
    text-align: center;
    margin-bottom: 10px;
    cursor: pointer;
}
.cont03_one_tit ul li.active{
    color: #ffffff;
    border: 1px solid #5f9afc;
    background: #5f9afc;
}
.cont03_one_tit ul li p{
    font-weight: bold;
    line-height: 48px;
}
.cont03_one_tit ul li p.lnt{
    line-height: 20px;
}
.cont03_one_tit ul li span{
    line-height: 18px;
}
.cont03_one_cont{
    padding: 20px;
    float: right;
    border: 1px solid #000000;
    width: 738px;
    overflow-y: auto;
    height: 444px;
}
.cont03_one_cont::-webkit-scrollbar {

    display: none;    /* 隐藏滚动条 */

}
.cont03_one_cont p{
    font-size: 16px;
    color: #000000;
    line-height: 30px;

}
.cont03_one_cont h5{
    font-weight: bold;
}
.cont03_one_cont h4{
    background: url("../images/icon01.png") no-repeat left center;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    font-weight: bold;
    padding-left: 3px;
    color: #ffffff;
    margin: 18px 0 8px 0;
}
.cont03_one_cont em{
    width: 8px;
    height: 8px;
    background: #636363;
    margin: 8px 8px 0 2px;
    display: inline-block;
}
.cont04_tit{
    overflow: hidden;
}
.cont04_tit ul li{
    width: 198px;
    height: 58px;
    border: 1px solid #000000;
    line-height: 58px;
    text-align: center;
    border-radius: 8px;
    font-size: 30px;
    color: #636363;
    float: left;
    margin-right: 175px;
    margin-bottom: 17px;
    cursor: pointer;
}
.cont04_tit ul li.active{
    background: #5d9afb;
    color: #ffffff;
    font-weight: bold;
    border: 1px solid #5d9afb;
}
.cont04_tit ul li:nth-child(1){
    width: 238px;

}
.cont04_tit ul li.noMr{
    margin-right: 0;
}
.cont04_cont h4{
    background: url(../images/icon01.png) no-repeat left center;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    font-weight: bold;
    padding-left: 3px;
    color: #ffffff;
    margin: 18px 0 8px 0;
}
.cont04_one{
    width: 100%;
    padding-bottom: 24px;
    overflow: hidden;
}
.cont04_one p{
    width: 518px;
    float: left;
    font-size: 16px;
    line-height: 30px;
    color: #636363;
}
.cont04_one img{
    float: right;
}
.cont04_two h5{
    height: 60px;
    width: 100%;
    background: url("../images/cont04_bg.jpg") repeat-x;
    line-height: 60px;
    font-size: 24px;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
}
.cont04_two table{
    width: 100%;
    border-collapse: collapse;
}
.cont04_two table tr td{
    font-size: 16px;
    line-height: 38px;
    color: #636363;
    text-align: center;
    border: 0;
}
.cont04_two p{
    font-size: 16px;
    line-height: 30px;
    color: #666666;
    padding-bottom: 10px;
}
.cont04_two p em{
    width: 8px;
    height: 8px;
    background: #636363;
    margin: 8px 8px 0 2px;
    margin: 8px 8px 0 2px;
    display: inline-block;
}
.cont04_two table tr.no1{
    background: #e6efff;
}
.cont04_three{
    background: #5f9afc;
    text-align: center;
    font-size: 18px;
    color: #ffffff;
    height: 40px;
    line-height: 40px;
}
.cont04_cont ul{
    height: 340px;
    padding-bottom: 20px;
}
.cont04_cont ul li{
    width: 280px;
    height: 270px;
    padding: 15px;
    background: #ffffff;
    box-shadow: 0px 3px 20px rgba(0,0,0,0.25);
    float: left;
    margin-right: 34px;
    margin-top: 22px;
    border-radius: 12px;
    margin-bottom: 35px;

}
.cont04_cont ul li.ml170{
    margin-left:170px;
}
.cont04_cont ul li div{
    overflow-y: auto;
    width: 280px;
    height: 206px;
}
.cont04_cont ul li div::-webkit-scrollbar {

    display: none;    /* 隐藏滚动条 */

}
.cont04_cont ul li.noMr{
    margin-right: 0;
}
.cont04_cont ul li img{
    display: block;
    text-align: center;
    margin:10px auto 10px auto;
}
.cont04_cont ul li p{
    font-size: 16px;
    line-height: 30px;
    color: #666666;
}
.cont04_cont ul li p span{
    color: #5f9afc;
    font-weight: bold;
}
.cont04_cont ul li p a{
    color: #5f9afc;
}
.bottom{
    height: 607px;
    background: url("../images/bottom.jpg") no-repeat top center;
}