@charset "utf-8";
*{
    margin:0;
    padding:0;

}
body {
 
    width:100%;
    background-color: #fff;
    font-family:"Microsoft YaHei",Arial,sans-serif;
}
li{
    list-style:none
}
.clear:after{
    height:0;
    display:block;
    clear:both;
    visibility:hidden;
    content:"";
}
i{
    display:block;
    font-style:normal
}
input,button,select,textarea{
    outline:none;border:none
}
textarea{
    resize:none
}
.browserupgrade {
    background: #eee;
    font-size:24px;
    padding-top:15%;
    position: absolute;
    z-index:99999;
    width:100%;
    height:100%;
    color:#333;
}
.browserupgrade a{
    color:#e4393c;
    font-weight: bold;
    font-size: 26px
}
a {
    text-decoration: none;
    cursor: pointer;
}

.container{
    min-width: 1200px;
    width:1200px;
    margin:0 auto;
}
.fr{
    float: right;
}
.fl{
    float: left;
}
.boxsizing{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
h1,h2,h3,h4,h5{
    letter-spacing: 1px;
}
/*p{*/
    /*text-align: justify;*/
    /*letter-spacing: 1px;*/
    /*line-height: 1.5em*/
/*}*/
.wrap{
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.wrap-line{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.container{
    max-width:1920px;
    width:100%;
    margin:0 auto;
}
.contain{
    width:1100px;
    margin:0 auto;
}
/*华丽分割线*//*华丽分割线*//*华丽分割线*/
/*华丽分割线*//*华丽分割线*//*华丽分割线*/
/*华丽分割线*//*华丽分割线*//*华丽分割线*/
.aside{
    position:fixed;
    right:0;
    bottom:20%;
}
.aside>a{
    display: block;
    width:60px;
    height:60px;
    margin-bottom: 10px;
    background: #a8a8a8;
    position: relative;
}
.aside>a>img{
    position: absolute;
    margin:auto;
    top:0;
    bottom:0;
    left:0;
    right:0;
}
.aside>.tell:hover span{
    display: block
}
.aside>a:hover{
    background: #4cb3a3
}
.aside>.tell>span{
    width:140px;
    height:60px;
    background: #4cb3a3;
    text-align: center;
    line-height: 60px;
    color: #fff;
    font-size: 14px;
    position: absolute;
    left:-150px;
    top:0;
    display: none
}


.nav_top{
    background:#51b2a3
}
.logo img{
   // width:160px;
   // height:72px;
    //display: block;
   // margin:12px auto 0 auto;
}
.serchform{
    position: absolute;
    left:-70px;
    bottom:-50px;
}

.submit_img{
    position: absolute;
    bottom: 10px;
    left: 565px;
}
.serchform{
    display: none
}
.serchform>.serchinput{
    width:600px;
    padding-bottom: 6px;
    border-bottom:2px solid #fff;
    background: none;
    font-size: 24px;
    color:#fff;
    text-indent:10px;
}
.serch{
    height:100px;
    width:100px;
    background: #56728a;
    cursor: pointer;
    position: relative;
    margin-right: 140px;
    position: relative;
}
.serch>i{
    position: absolute;
    margin:auto;
    left:0;
    right:0;
    bottom:0;
    top:0;
}
.banbox{
    height: auto;
    width:100%;
    overflow: hidden;
    position: relative;
}
.banbox>div{
    height: 320px;
    width:50%;
}
.ban_title{
    background: #7FBBE0;;
}
.ban_title>h2{
    padding-top: 30px;
    padding-left: 30px;
    font-size: 30px;
    color:#fff;
}
.banbox>div.fr>div{
    height: 160px;
}
.ban_title2{
    background: #56728a
}
.ban_title2>h2{
    padding-top: 30px;
    padding-left: 30px;
    font-size: 30px;
    color:#fff;
}
.arror_r{
    padding-right: 270px;
}

.arror_r {
    display: block;
    width: 67px;
    height: 41px;
    background: url(../1_files/1_12.png) no-repeat;
    float: right;
    margin-top: -98px;
    padding-right: 270px;
}
.arror_r:hover{
    background: url(../1_files/1_12.png) no-repeat;
}
.ban_title2:hover{
    background: #7195b4
}
.boxpart>h2{
    color:#2c384c;
    font-size: 40px;
    margin-bottom: 50px;
}
.mrt{
    margin-top: 25px
}
.boxpart>p{
    color:#56728a;
    font-size: 16px;
}
.pull_r{
    text-align: right
}
.btn_more{
    font-size: 16px;
    color:#51b2a3;
    display: block;
    width:198px;
    height:48px;
    line-height: 48px;
    text-align: center;
    border:1px solid #ddd;
    text-decoration: none!important;
}
.btn_more:hover{
    border:2px solid #51b2a3;
    width:196px;
    height:46px;
    line-height: 46px;
}
.hr{
    width:100%;
    border-top: 2px solid #eee;
    margin-top:35px;
}
.boxpart2>.fl{
    width:470px;
}
em{
    font-style: normal;
}
.boxpart2>.fl>span>em{
    display: block;
    margin:0 auto;
    text-align: center;
    color:#fff;
    font-size: 20px;
    width:40px;
    font-style: normal;
}
.boxpart2>.fl>span:nth-child(6)>em{
    width:60px;
}
.boxpart2>.fl>span:nth-child(3),.boxpart2>.fl>span:nth-child(6){
    margin-right: 0
}
.boxpart2>.fr{
    width: 435px
}
.boxpart2>.fr>p{
    color: #56728a;
    font-size: 16px;
}
.boxpart2>.fl>span{
    float: left;
    width:150px;
    height:150px;
    margin-right: 10px;
    margin-bottom: 10px;
    cursor: pointer;
}
.boxpart2>.fl>span.blue1{
    background:#F88273;
}
.boxpart2>.fl>span.org{
    background:#0E92D6;
}
.boxpart2>.fl>span.green{
    background:#F9D588;
}
.boxpart2>h2{
    margin-bottom: 110px
}

.boxpart2 i{
    margin:30px auto 15px auto;
}
.boxpart2 .btn_more{
    margin:60px auto 0 auto;
}
.boxpart3{
    padding:50px 0;
}
.boxpart3>h2>em{
    display: block;
    font-size: 20px;
    color:#51b2a3;
    margin-top:25px;
}
.boxpart3>h2{
    font-size: 40px;
    color:#2c384c;
}



.boxpart3>ul{
    margin-top: 35px
}
.boxpart3>ul>li:nth-child(3),.boxpart3>ul>li:nth-child(6){
    margin-right: 0
}
.boxpart3 li>a{
    position: relative;
    width: 341px;
    height:200px;
    display: block;
}
.boxpart3 li em{
    font-size: 24px;
    color:#fff;
    display: block;
    text-align: center;
    position: absolute;
    top:80px;
    left:0;
    width:100%;
}

.boxpart3 li:hover{
    opacity: .9
}
.zxzx{
    border-radius: 40px;
    width:150px;
    height:50px;
    line-height: 50px;
    text-align: center;
    color:#fff;
    border:1px solid #fff;
    display: block;
    text-decoration: none!important;
    margin:0 auto;
}
.zxzx:hover{
    background: #fff;
    color:#51b2a3;
}
.probox{
    position: relative;
    height:400px;
}
.probox>div{
    width:472px;
    height:202px;
    position: absolute;
    padding:10px;
    cursor: pointer;
}
.probox>div:hover{
    background: #f6f7f9
}
.arr_l{
    width:15px;
    height:14px;
    margin-right: 10px
}
.promess{
    width:150px;
    margin-left: 20px;
    margin-top: 90px
}
.promess>h2{
    font-size: 24px;
    color:#56728a;
    font-weight: normal;
    margin-bottom: 10px
}
.promess>em{
    font-size: 16px;
    color:#dedede;
    margin-bottom: 20px;
    display: block
}

.l1{
    top:150px;
    left:590px;
}
.l2{
    top:300px;
    left:480px;
}
.l3{
    top:495px;
    left:620px;
}
.team{
    padding:60px 0;
}
.team_list>div>img{
    margin-bottom: 10px
}
.team_list>div{
    position: relative;
    margin-right: 10px
}
.team_list>div:last-child{
    margin-right: 0
}
.team_list>div>em{
    width:260px;
    height:55px;
    line-height: 55px;
    text-align: center;
    display: block;
    background: #56728a;
    color:#fff;
}
.team_list>div>p{
    position: absolute;
    bottom:70px;
    right:0;
    width: 175px;
    height:175px;
    background: rgba(40,51,69,.8);
    font-size: 16px;
    color:#fff;
    padding:20px;
    display: none
}

.team_list>div:hover .team_a{
    display: block
}
.team_list>div:hover p{
    display: block
}
.team_list>div:hover em{
    background: #2c384c
}
.xybox{
    overflow: hidden;
}
.xybox,.slider{
    width:555px;
    height:400px;
    position: relative;
}

.slider>p>em{
    display: block;
    font-size: 24px;
    color:#56728a;
    margin-bottom: 35px
}
.slider>p{
    width:320px;
    height:240px;
    font-size: 16px;
    color:#56728a;
    background: #f2f5f9;
    position: absolute;
    padding:30px 40px;
    bottom:0;
    left:0;
    opacity: 0.8;
}

footer>a>img{
    display: block;
    margin:60px auto 40px auto;
}
footer>p{
    color:#56728a;
    font-size: 14px;
    text-align: center;
}
footer{
    padding:20px 0;
}
/*40404040404040404040440404040404*/
.errorpage>.fl>img{
    display: block;
    margin:0 auto;
    margin-bottom: 30px;
}
.errorpage>.fl>h2{
    font-size: 24px;
    color:#333;
}
.errorpage{
    height:230px;
    position: absolute;
    margin:auto;
    top:0;
    bottom:0;
    left:0;
    right:0;
    overflow: hidden;
    width:845px;
}
.errorpage>.fl{
    padding-right: 70px;
    width:310px;
    border-right:1px solid #ddd;
}
.errorpage>.fr{
    width: 410px;
    margin-left: 50px
}
.errorpage>.fr>span{
    font-size: 14px;
    color:#56728a;
}
.errorpage>.fr>ul>li>a{
    font-size: 16px;
    color:#56728a;
    display: inline-block;
}
.errorpage>.fr>ul>li>a:hover{
    color:#93b7e4;
}
.errorpage>.fr>ul>li>i{
    display: inline-block;
    vertical-align: middle;
    width:10px;
    height:10px;
    border-radius:100%;
    margin-right: 10px
}
.errorpage>.fr>ul>li:nth-child(1)>i{
    background: #93b7e4
}
.errorpage>.fr>ul>li:nth-child(2)>i{
    background: #90d7d6;
}
.errorpage>.fr>ul>li:nth-child(2){
    margin-right:0
}
.errorpage>.fr>ul>li:nth-child(3)>i{
    background: #f68376
}
.errorpage>.fr>ul>li:nth-child(4)>i{
    background: #56728a;
}
.errorpage>.fr>ul>li:nth-child(4){
    margin-right:0
}
.errorpage>.fr>ul{
    margin-top: 20px
}
.errorpage>.fr>ul>li{
    margin-bottom: 10px;
    margin-right: 50px;
    float: left;
    width:175px;
}
.goindex{
    font-size: 16px;
    color:#56728a;
    display: block;
    margin-top: 30px
}
.goindex>img{
    display: inline-block;
}
.banner{
    background: url(../images/b1_02.png) no-repeat;
    background-size: cover;
    height: 250px;
}
.banner h2,.banner h3{
    color:#fff;
}
.banner h2{
    font-size: 40px;
    padding-top: 60px;
    margin-bottom: 35px
}
.banner h3{
    font-size: 30px
}
/*正文*/
.cur_pst{
    height:42px;
    line-height: 42px;
    background: #fff;
    padding-left: 20px;
    margin:10px auto;
}
.curlist>ul>li{
    display: inline-block;
}
.curlist>ul>li>a{
    font-size: 14px;
    color:#666;
}
.titlebox{
    height:60px;
    line-height: 60px;
    /*background: #51b2a3;*/
    margin-bottom: 10px
}
.conleft{
    width:810px;
}
.conright{
    width:280px;
}
.boxsz{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.titlebox>h2{
    text-indent: 20px;

}
.radr{
    width:10px;
    height:10px;
    display: inline-block;
    vertical-align: middle;
    background: url(../images/b1_05.png) no-repeat;
}
.art_cgal>ul>li{
    float: none!important;
    width:360px;
    height:190px;
    background: #fff;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    padding:20px;
    overflow: hidden;
}
.art_cgal>ul>li:nth-child(even){
    margin-right: 0
}
.art_cgal>ul>li>.fl{
    margin-right: 15px;
    padding-right: 15px;
    border-right:1px solid #ddd;
    width:140px;
    /*height:100%;*/
}
.art_cgal>ul>li>.fr{
    width:180px;
    height:100%;
    overflow: hidden;
}
.art_cgal>ul>li>.fr>p>a{
    font-size: 14px;
    color:#666;

}
.art_cgal>ul>li>.fr>p{
    line-height: 21px
}
.art_cgal>ul>li>.fl>a>img{
    width:125px;
    height:85px;
    border:10px solid #ebf0f7;
    margin-bottom: 5px
}
.art_cgal>ul>li>.fl>a>h2{
    color:#56728a;
    font-size: 20px;
    text-align: right
}
.art_cgal>ul>li>.fl>a>em{
    font-size: 14px;
    color:#333;
    text-align: right;
    display: block
}
.pagelistb{
    height:50px;
    margin-top: 10px;
    padding:20px;
    background: #fff;
    margin-bottom: 10px
}
.pagelistcon{
    background: #f6f7f9;
    height:100%;
    border-radius:6px;
}
.pagelistcon>ul{
    text-align: center;
}
.pagelistcon>ul>li{
    border-radius: 5px;
    display: inline-block;
    line-height: 50px;
    padding:0 14px;
}
/*.art_cgal{
    height:605px;
}*/

.artconp>p{
    font-size: 16px;
    color:#666;
}
.pagerenext{
    background: #fff;
    overflow: hidden;
    height:50px;
    line-height: 50px;
    margin-bottom: 10px
}
.pagerenext>em{
    width:150px;
    height:50px;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    background: #51b2a3;
    color: #fff;
    display: inline-block;
    margin-right: 20px
}
.pagerenext>a{
    font-size: 16px;
    color:#56728a;
}
.pagerenext{
    font-size: 16px;
    color:#999;
}
.likeabout {
    padding-bottom: 20px;
}
.likeabout {
    background: #fff;
    padding:20px;
}
.likeabout>h2 {
    font-size: 16px;
    color: #333;
    margin-bottom: 30px;
}
.likeabout>form>ul>li {
    overflow: visible;
}
.likeabout>form>ul>li {
    margin-bottom: 20px;
}
.likeabout>form>ul>li>span {
    float: left;
    margin-right: 10px;
}
.likeabout>form>ul>li>span>em {
    display: block;
    font-size: 14px;
    color: #56728a;
    margin-bottom: 10px;
    text-indent: 0px;
}
.likeabout>form>ul>li.one>span>input {
    width: 240px;
}
.two>span {
    position: relative;
}
.two>span>input{
    width:365px;
}
.codebox {
    width: 420px;
}
.codebox>input[type="text"] {
    width: 365px;
}

.likeabout>form>ul>li input {
    height: 45px;
    line-height: 45px;
    background-color: #f6f7f9;
    text-indent:10px;
}
.likeabout>form>ul>li.three input,.selectbox>select{
    width:240px;
}
.codebox>input[type="button"] {
    width: 120px;
    background-color: #93b7e4;
    color: #fff;
    font-size: 14px;
    position: absolute;
    top: -10px;
    right: 0;
    cursor: pointer;
}
.likeabout>form>ul>li.three .selectbox {
    overflow: hidden;
}
.selectbox>select {
    height: 45px;
    line-height: 45px;
    background-color: #f6f7f9;
}
.likeabout>form>ul>li.last textarea {
    width: 745px;
    height: 150px;
    background-color: #f6f7f9;
    text-indent:10px;
}
.likeabout>form>.submit {
    width: 100%;
    background-color: #93b7e4;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    height: 45px;
}
.codebox>input[type="button"]:hover {
    background-color: #227bb7;
}
.likeabout>form>.submit:hover {
    background-color: #227bb7;
}

.error{

    font-size: 14px
}
.likeabout{
    margin-bottom: 10px
}
.none_serch{
    font-size: 20px;
    color:#999;
    position: absolute;
    left:0;
    right:0;
    bottom:0;
    top:0;
    margin:auto;
    width:125px;
    height:25px;
    line-height: 25px
}
.mappart>h2>em{
    display: block
}
.w375{
    width:375px!important;
}
.codebox>img{
    position: absolute;
    right:0;
    top:-10px;
    height: 45px;
    width: 100px;
}
.codebox{
    position: relative;
}
.w180{
    width:180px!important;
}
.hqyzmi{
    position: absolute;
    right:0;
    top:-10px;
    text-indent: 0!important
}
.coloogecon{
    overflow: hidden;
    background: #fff;
    padding:20px;
}
.coloogecon>img{
    width:178px;
    height:68px;
    margin-right: 10px
}
.coloogecon>.collomess{
    width:580px;
    margin-bottom: 20px
}
.collomess dt{
    color:#56728a;
    font-size: 20px;
    margin-bottom: 20px
}
.collomess dd{
    font-size: 14px;
    color:#9badbd;
    margin-bottom: 10px
}
.ljzxcol{
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    background: #93b7e4;
    display: block;
    clear:both;
    text-decoration: none!important;
    border-radius:4px;
}
.ljzxcol:hover{
    background: #abc5e6
}
.carbox{
    background: #fff;
    padding:20px;
    margin:10px auto;
}
.carbox>img{
    float: left;
    margin-right: 20px
}
.carbox>img:last-child{
    margin-right: 0
}
.collgeimg{
    background: #fff;
    padding-top:20px;
    overflow: hidden;
    position: relative;
    height:190px;
}
.imglistco{
    padding:10px;
    overflow: hidden;
    background: #f6f7f9;
    position: absolute;
    left:0;
    top:10px;
}
.imglistco>li img{
    width:180px;
    height:180px;
}
.imglistco>li{
    float: left;
    margin-right:20px;
}
.imglistco>li:last-child{
    margin-right: 0
}

.newsdxlist>ul{
    padding:20px;
    overflow: hidden;
}
.newsdxlist>ul>li{
    background: #f6f7f9;
    padding:20px;
    width:145px;
    position: relative;
    margin-right: 10px;
    float: left;
    margin-bottom: 10px
}
.newsdxlist>ul>li:hover{
    background: #e9edf5
}
.newsdxlist>ul>li h2{
    font-size: 16px;
    color:#56728a;
    text-align: center;
}
.newsdxlist>ul>li:nth-child(4),.newsdxlist>ul>li:nth-child(8){
    margin-right: 0
}
.ksjsicon>ul>li{
    height:75px;
    background: #fff;
    position: relative;
    overflow: hidden;
    padding-left:20px;
    /*padding-top: 25px*/
    width:1100px;
}
.ksjsicon>ul>li>.arl{
    position: absolute;
    width:105px;
    border-left:1px dashed #ddd;
    display: block;
    height:100%;
    right:0;
    top:0;
}
.ksjsicon>ul>li>i{
    float: left;
    width:35px;
    height:39px;
    line-height: 39px;
    text-align: center;
    font-size: 20px;
    color:#fff;
    margin-right: 20px;
    margin-top: 10px
}
.ksjsicon>ul>li>h2{
    float: left;
    text-align: left;
    position: relative;
    width:1025px;
}
.ksjsicon>ul>li>h2>a{
    display: block;
    font-size: 20px;
    color:#333;
}
.ksjsicon>ul>li>h2>em{
    display: block;
    font-size: 14px;
    color:#56728a;
    position: absolute;
    left:0;
    bottom:-45px;
    width:100%;
}
.ksjsicon>ul>li img{
    margin-top: 45px;
    margin-left: 40px
}
.ksjsicon>ul>li:hover{
    background: #f6f7f9
}
.ksjsicon>ul>li{
    margin-bottom: 10px
}
.ksjsicon>ul>li:nth-child(1)>i{
    background: url(../images/b2_07.png) no-repeat;
}
.ksjsicon>ul>li:nth-child(2)>i{
    background: url(../images/b2_09.png) no-repeat;
}
.ksjsicon>ul>li:nth-child(3)>i{
    background: url(../images/b2_12.png) no-repeat;
}
.ksjsicon>ul>li:nth-child(4)>i{
    background: url(../images/b2_03.png) no-repeat;
}
.ksjsicon>ul>li:nth-child(5)>i{
    background: url(../images/b2_11-06.png) no-repeat;
}
.ksjsicon>ul>li:nth-child(6)>i{
    background: url(../images/b2_07.png) no-repeat;
}
.curtese>ul{
    overflow: hidden;
    margin-top: 20px
}
.curtese>ul>li{
    width:246px;
    height:140px;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    border:2px solid #e5ebf0;
    border-radius:4px;
}
.curtese>ul>li img{
    margin:0 auto;
    margin-top: 12px;
    margin-bottom: 15px;
    display: block
}
.curtese>ul>li h2{
    font-size: 16px;
    color:#56728a;
    margin-bottom: 10px;
    text-align: center;
}
.curtese>ul>li em{
    font-size: 14px;
    display: block;
    color:#666;
    text-align: center;
}
.curtese>ul>li:nth-child(3),.curtese>ul>li:nth-child(6){
    margin-right: 0
}
.kcfabox{
    margin-top: 10px
}
.imgkcfa img{
    width:220px;
    height:158px;
    margin-bottom: 15px
}

.download:hover{
    background: #abc5e6
}
.downloadbox{
    background: #fff;
    padding:20px;
}
.downloadbox>ul{
    overflow: hidden;
}
.downloadbox>ul>li:nth-child(even){
    margin-right: 0
}
.downloadbox>ul>li{
    overflow: hidden;
    box-sizing: border-box;
    width:375px;
    height:120px;
    padding:20px;
    background: #f6f7f9;
    border-radius:8px;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px
}
.downloadbox>ul>li:hover{
    background: #e9edf5
}
.downloadbox>ul>li>h2{
    width:265px;
    float: left;
    margin-left: 10px
}
.downloadbox>ul>li>h2>a{
    color:#56728a;
    font-size: 16px;
    text-decoration: none
}
.nreartmes{
    clear: both;
    width:240px;
    margin-top:10px;
    border-top:1px solid #eee;
}
.downicon{
    float: left
}
.downicon>i{
    width:11px;
    height:11px;
    background: url(../images/down_03.png) no-repeat;
}

.newsdxlist>ul.beikaol>li{
    width:240px;
    border-radius:6px;
    margin-right: 20px;
    margin-bottom: 20px;
    box-sizing: border-box;
}
.newsdxlist>ul.beikaol>li>.top_img{
    display: block;
    height:100px;
    padding-top: 20px;
}
.newsdxlist>ul.beikaol>li>.top_img>img{
    margin:0 auto;
    display: block
}
.newsdxlist>ul.beikaol>li h2{
    text-align: left;
    border-top:1px solid #eee;
    padding-top: 15px
}
.newsdxlist>ul.beikaol>li:nth-child(3n){
    margin-right: 0
}
.newsdxlist>ul.beikaol{
    padding:25px!important;
}
/*.ellipsis{*/
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
    /*white-space:nowrap;*/
/*}*/
.ellipsis2{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}
.ellipsis3{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
}
.ellipsis5{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:5;
}
.ellipsis8{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:8;
}
.bage>p{
    display: none
}
.bage>span:hover{
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
/*2017年7月20日16:54:32新添加*/
.jscon>p:first-child{
    display:block!important
}
.jscon>span{
    font-size: 16px;
    color:#666;
    display: none;
    line-height: 1.5em;
    letter-spacing: 1px
}
.carbox>div.cjyq{
    margin:0 20px;
    background: #5b778e
}
.carbox>div{
    width:240px;
    height:160px;
    border-radius:4px;
    padding-top: 40px
}
.carbox>div.xuefei{
    background: #f18275
}
.carbox>div.lql{
    background: #56b7a8
}
.carbox>div>h2{
    font-size: 20px;
    color:#fff;
    text-align: center;
    margin-bottom: 10px
}
.carbox>div>em{
    font-size: 14px;
    color:#fff;
    text-align: center;
    display: block;
    margin-bottom: 30px
}
.carbox>div>i{
    font-size: 30px;
    color:#fff;
    text-align: center;
}
.more{
    display: inline-block;
    width: 105px;
    height: 30px;
    color: #515a63;
    line-height: 28px;
    margin-top: 10px;
    background: #fff;
    border: 1px solid #ccc;
    font-size: 12px;
    border-radius: 20px;
    transition: all .3s linear;
}


.more:hover{
    background: #13BBEC;
    color: #fff;
}


.Box {position: relative;}
.Box .content1 {width: 1200px;margin: 0 auto;}
.Box .Box_con {position: relative;}
.Box .Box_con .btnl {position: absolute;}
.Box .Box_con .btn {display: block;width: 41px;height: 41px;position: absolute;top: 143px;cursor: pointer;}
.Box .Box_con .btnl {background: url(../images/jtl02.png) no-repeat center;left: -65px;}
.Box .Box_con .btnr {background: url(../images/jtr02.png) no-repeat center;right: -50px;}
.Box .Box_con .btnl:hover {background: url(../images/jtl03.png) no-repeat center;}
.Box .Box_con .btnr:hover {background: url(../images/jtr03.png) no-repeat center;}
.Box .Box_con .conbox {position: relative;overflow: hidden;}
.Box .Box_con .conbox ul {position: relative;list-style: none;}
.Box .Box_con .conbox ul li {float: left;width: 270px;height: 330px;margin: 0 35px 0 0 !important;overflow: hidden;}
.Box .Box_con .conbox ul li:first-child {margin-left: 0 !important;}
.hp-team {
    width: 100%;
    height:600px;
    background: #14BCEB;
    overflow: hidden;
    text-align: center;
}
.hp-team > h3 {
    font-size: 30px;
    color: #515a63;
    margin-top: 70px;
}
.hp-team > small {
    display: block;
    font-size: 14px;
    color: #515a63;
    margin-top: 10px;
}
.hp-team .team-list {
    width: 1200px;
    margin: 0 auto;
    margin-top: 70px;
}
.hp-team .team-list li {
    float: left;
    width: 270px;
    height: 330px;
    margin: 0 15px;
}
.hp-team .team-list li a {
    display: block;
    width: 100%;
    height: 100%;
    background: #FFF;
}
.hp-team .team-list li a .teacher-photo {
    width: 270px;
    height: 165px;
    position: relative;
}
.hp-team .team-list li a .teacher-photo img {
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    /* transition: all .3s linear; */
}
.hp-team .team-list li a:hover .teacher-photo img {
    opacity: 0.6;
}
.hp-team .team-list li a .teacher-photo span {
    display: block;
    width: 35px;
    height: 35px;
    line-height: 37px;
    text-align: center;
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -15px;
    margin-top: -15px;
    background: #00b9eb;
    color: #fff;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    opacity: 0;
}
.hp-team .team-list li a:hover .teacher-photo span {
    opacity: 1;
}
.hp-team .team-list li a .teacher-tell {
    width:228px;
    height: 121px;
    padding: 20px;
    text-align: left;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-bottom: 4px solid transparent;
    overflow: hidden;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}
.hp-team .team-list li a:hover .teacher-tell {
    background: #fff;
    border-left: 1px solid #dedede;
    border-right: 1px solid #dedede;
    border-bottom: 4px solid #00b9eb;
}
.hp-team .team-list li a .teacher-tell  .name {
    height: 55px;

    border-bottom: 1px solid #dedede;
    position: relative;
}
.hp-team .team-list li a .teacher-tell  .name h5 {
    display: inline-block;
    font-size: 16px;
    color: #515a63;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    margin: 0;
}
.hp-team .team-list li a:hover .teacher-tell  .name h5 {
    color: #00b9eb;
}
.hp-team .team-list li a .teacher-tell .name small {
    display: inline-block;
    margin-left: 10px;
    color: #838384;
}
.hp-team .team-list li a .teacher-tell  .name em {
    display: block;
    font-size: 12px;
    margin-top: 5px;
    font-style: normal;
    color: #838384;
}
.hp-team .team-list li a .teacher-tell  .name span {
    display: block;
    width: 30px;
    height: 30px;
    line-height: 32px;
    text-align: center;
    font-size: 12px;
    position: absolute;
    top: 2px;
    right: 10px;
    background: #00b9eb;
    color: #fff;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    opacity: 0;
}
.hp-team .team-list li a:hover .teacher-tell  .name span {
    opacity: 1;
}
.hp-team .team-list li a .teacher-tell p {
    margin-top: 12px;
    font-size: 12px;
    color: #6a6c6f;
}
.hp-team > a {
    display: inline-block;
    width: 105px;
    height: 30px;
    color: #515a63;
    line-height: 28px;
    background: #fff;
    margin-top: 45px;
    font-size: 12px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}
.hp-team > a > span{
    margin-left: 10px;
}
.hp-team > a:hover {
    background: #01b0e0;
    color: #fff;
}

i.y{
    width:18px;
    height:18px;
    background: url(../images/1_24.png) no-repeat;
}
i.s{
    width:21px;
    height:16px;
    background: url(../images/1_32.png) no-repeat;
}
i.q{
    width:25px;
    height:12px;
    background: url(../images/1_21.png) no-repeat;
}
i.x{
    width:16px;
    height:16px;
    background: url(../images/x.png) no-repeat;
}
i.j{
    width:18px;
    height:18px;
    background: url(../images/j.png) no-repeat;
}

/*开始s*/

.mid .content2 {
    position: relative;
    width: 1200px;
    margin: 0 auto;
}

.mid .content2 .zhuantiTitle {
    position: relative;
    text-align: center;
    padding: 50px 0;
}
.zhuantiTitle img {
    vertical-align: middle;
}
.zhuantiTitle img {
    border: 0;
}
.part1 .desc {
    font-size: 0;
}
.part1, .part1 .desc {
    position: relative;
}
.part1 .desc .item {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 380px;
    height: 432px;
    border: 1px solid #eee;
    margin-right: 18px;
    margin-bottom: 20px;
}
.part1 .desc .item .btns {
    position: relative;
    margin: 0 auto;
    margin-top: 10px;
}

.mid .content2 .btns {
    position: relative;
    background: #1F97D5;
    font-size: 14px;
    width: 233px;
    height: 30px;
    color: #fff;
    line-height: 30px;
    text-align: center;
    margin: 30px auto;
    border-radius: 5px;
    cursor: pointer;
}
.mid .formcontent {
    position: relative;
    width: 98%;
    height: 90px;
    border: 1px solid #eee;
    padding-top: 34px;
}
.mid .formcontent .title {
    height: 48px;
    color: #fff;
    line-height: 48px;
    background: #1F97D5;
    font-size: 24px;
    padding: 0 60px 0 20px;
    position: relative;
    text-align: left;
    width: 40%;
    float: left;
}
.mid .formcontent .title .arrow {
    position: absolute;
    right: 0;
    top: 0;
    border-right: 30px solid #fff;
    border-top: 24px solid transparent;
    border-bottom: 24px solid transparent;
    width: 0;
    height: 0;
}


.part1 .form .regItem {
    float: left;
}

.mid .form .regItem {
    position: relative;
}
.part1 .form .regItem input.regBtn {
    margin-left: 20px;
    font-size: 18px!important;
}

.mid .form .regItem input.regBtn {
    width: 120px;
    height: 52px;
    border: 0;
    padding: 0;
    background:  #1F97D5;
    border-radius: 5px;
    font-size: 20px;
    color: #fff;
    line-height: 52px;
    outline: none;
    cursor: pointer;
}
.part1 .form .regItem input {
    height: 48px!important;
    line-height: 48px!important;
}



[class*=" icon-"], [class^=icon-] {
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;

}

.part1 .form .regItem input.phone {
    width: 438px!important;
}
.mid .form .regItem input.phone {
    position: relative;
    left: 0;
    border: 1px solid #d4d4d4;
    font-size: 16px;
    color: #999;
    border-radius: 5px;
    outline: none;
    background: #fff;
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding-left: 10px;
}

.part1 .form .regItem input {
    height: 48px!important;
    line-height: 48px!important;
}
/*.part1 .form {*/
    /*float: right;*/
    /*margin: 0 auto;*/
    /*width: 630px;*/
/*}*/



.part2 {
    position: relative;
    text-align: center;
    background: #eff4f7;
    margin: 0 auto;
    padding-bottom: 30px;
}

/*.part2 .form {*/
    /*float: right;*/
    /*margin: 0 auto;*/
    /*width: 630px;*/
/*}*/


.part2 .list {
    position: relative;
    padding: 0;
    font-size: 0;
}

ol, ul {
    margin-top: 0;
    margin-bottom: 10px;
}


.mid .content2 .itemtext {
    position: relative;
    float: left;
    border: 1px solid #eee;
    padding: 30px;
    width: 514px;
    height: 272px;
    margin-right: 24px;
    background: #fff;
    margin-bottom: 40px;
}

.mid .content2 .itemtext .title {
    font-size: 18px;
    color: #333;
    font-weight: 700;
    position: relative;
    margin-bottom: 40px;
}
.mid .content2 .itemtext p {
    font-size: 16px;
    color: #333;
    text-align: left;
    line-height: 30px;
    height: 90px;
}

p {
    margin: 0 0 10px;
}
.part2 .list .btns {
    height: 43px!important;
    width: 232px!important;
    line-height: 43px!important;
    font-size: 16px!important;
}
.mid .content2 .itemtext p span {
    font-size: 16px;
    color: #fe4851;
}
.mid .content2 .itemtext .title:after {
    position: absolute;
    content: "";
    width: 28px;
    height: 2px;
    background: #1F97D5;
    left: 50%;
    margin-left: -14px;
    top: 35px;
}



.part1 .form .regItem {
    float: left;
}

.mid .form .regItem {
    position: relative;
}
.part2 .form .regItem input.regBtn {
    margin-left: 20px;
    font-size: 18px!important;
}


.part2 .form .regItem input {
    height: 48px!important;
    line-height: 48px!important;
}


.part2 .form .regItem {
    float: left;
}

.part2 .form .regItem input.phone {
    width: 438px!important;
}
.part2 .form .regItem input {
    height: 48px!important;
    line-height: 48px!important;
}
.part2 .list:after {
    content: "";
    clear: both;
    display: block;
}


.part3 {
    position: relative;
    text-align: center;
    width: 100%;
}
.part3 .desc {
    overflow: hidden;
    font-size: 0;
}
.part3 .desc .box{    padding: 4.5em 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;}
.part3 .desc img {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 45px;
    margin-right: 27px;
    cursor: pointer;
    width: 370px;
}


.part5 {
    position: relative;
    text-align: center;
}
.part5 .list {
    position: relative;
    padding: 0;
    font-size: 0;
}
.part5 .list:after {
    content: "";
    clear: both;
    display: block;
}

.part5 .list .btns {
    height: 43px!important;
    width: 232px!important;
    line-height: 43px!important;
    font-size: 16px!important;
}
.part5 .form .regItem input.regBtn {
    margin-left: 20px;
    font-size: 18px!important;
}


.part5 .form .regItem input {
    height: 48px!important;
    line-height: 48px!important;
}


.part5 .form .regItem {
    float: left;
}

.part5 .form .regItem input.phone {
    width: 438px!important;
}
.part5 .form .regItem input {
    height: 48px!important;
    line-height: 48px!important;
}
.part6 {
    position: relative;
    text-align: center;
    background:#eff4f7;
    padding-bottom: 50px;
    width: 100%;
}
.part6 .imglist1 {
    font-size: 14px;
}
.part6 .imglist1 img {
    display: inline-block;
    -webkit-transition: all .2s;
    transition: all .2s;
    cursor: pointer;
}
.part6 .form .regItem input.regBtn {
    margin-left: 20px;
    font-size: 18px!important;
}


.part6 .form .regItem input {
    height: 48px!important;
    line-height: 48px!important;
}


.part6 .form .regItem {
    float: left;
}

.part6 .form .regItem input.phone {
    width: 400px!important;
}
.part6 .form .regItem input {
    height: 48px!important;
    line-height: 48px!important;
}
.part6 .list .btns {
    height: 43px!important;
    width: 232px!important;
    line-height: 43px!important;
    font-size: 16px!important;
}



.part7 {
    position: relative;
    text-align: center;
    height:auto;
}
.part7 .imglist1 img {
    display: inline-block;
    -webkit-transition: all .2s;
    transition: all .2s;
    cursor: pointer;
    margin-right: 18px;
    width: 177px;
}

.part8 {
    position: relative;
    text-align: center;
    background:#14BCEB;
    padding-bottom: 50px;

}
.part8 .imglist1 img {
    display: inline-block;
    -webkit-transition: all .2s;
    transition: all .2s;
    cursor: pointer;
    margin-right: 33px;
}
.part8 .form .regItem input.regBtn {
    margin-left: 20px;
    font-size: 18px!important;
}


.part8 .form .regItem input {
    height: 48px!important;
    line-height: 48px!important;
}


.part8 .form .regItem {
    float: left;
}

.part8 .form .regItem input.phone {
    width: 400px!important;
}
.part8.form .regItem input {
    height: 48px!important;
    line-height: 48px!important;
}
.part8 .list .btns {
    height: 43px!important;
    width: 232px!important;
    line-height: 43px!important;
    font-size: 16px!important;
}
.part8 .formcontent {
    background: #fff;
    margin-top: 50px;
}
.part14 {
    position: relative;
    text-align: center;
    background: #fff8f8;
    padding-bottom: 50px;
    width: 100%;
}
.part14 .btns {
    height: 50px!important;
    width: 478px!important;
    line-height: 50px!important;
    font-size: 16px!important;
}
.part13 .form .regItem input.regBtn {
    margin-left: 20px;
    font-size: 18px!important;
}


.part13 .form .regItem input {
    height: 48px!important;
    line-height: 48px!important;
}


.part13 .form .regItem {
    float: left;
}

.part13 .form .regItem input.phone {
    width: 400px!important;
}
.part13.form .regItem input {
    height: 48px!important;
    line-height: 48px!important;
}
.part13 .list .btns {
    height: 43px!important;
    width: 232px!important;
    line-height: 43px!important;
    font-size: 16px!important;
}
.part13 .formcontent {
    background: #fff;
    margin-top: 50px;
}
.part13 .btns {

    height: 50px!important;
    width: 478px!important;
    line-height: 50px!important;
    font-size: 16px!important;
}
.part6 .imglist1 img:hover {
    border-radius: 2px;
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    border: none;
}
.part7 .imglist1 img:hover {
    border-radius: 2px;
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    border: none;
    background: #fff;
}
.part8 .imglist1 img:hover {
    border-radius: 2px;
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    border: none;
    background: #fff;
}

.collocation{height: 382px;}

.collocation li{float: left;width: 32%;margin-left: 1%;}

.collocation li h3{
    font-size: 28px;
    height: 72px;
    line-height: 72px;
    font-weight: normal;
}

.collocation li span{
    display: block;
    font-size: 16px;
    line-height: 32px;
}

.collocation li img{
    width: 220px;
    height: 220px;
    border-radius: 50%;
    padding: 10px;
    border: 1px solid #be5f67;
    transition: all .2s;
}

.collocation li:hover img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}