.hide {
    display: none !important;
}

.show {
    display: block !important;
}
.xiangqing:hover{
    text-decoration: underline;
}
.inner{
    width: 1200px;
    margin: 0 auto;
}
/*header*/
#header{
    height:35px;
    background-color: #efefef;
    border-bottom: 1px solid #dddddd;
}
.header-l{
    font-size: 12px;
    line-height: 35px;
    display: block;
    float: left;
}
.header-l .wel{
    float: left;
    font-family: "SimSun", "宋体";
}
.header-l .dl{
    float: left;
    font-family: "SimSun", "宋体";
}
.header-l .zc{
    float: left;
    font-family: "SimSun", "宋体";
}
.header-l a{
    margin-left: 10px;
    color: #00a160;
}
.header-l p{
    margin-right: 10px;
    color: #666666;
}
/*-------------------------------------------------------------------------------------------------------------*/
.header-r{
    float: right;
}
.header-r li{
    float: left;
}
.header-r li a:hover{
    color: #00a160;
    background: #ffffff;
}
.header-r li .one{
    font-size: 12px;
    color: #666666;
    line-height: 35px;
    display: block;
    padding:0 10px;
    font-family: "SimSun", "宋体";
    border-left: 1px solid #efefef;
    border-right: 1px solid #efefef;
}
.header-r li:hover .acc-list{
    display: block;
}
.header-r li:hover .one{
    background:#ffffff url("../background/kuohao-f.png") no-repeat 61px 16px;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
}
.header-r li .one {
    background: url("../background/kuohao.png") no-repeat 61px 16px;
    padding-right: 16px
}
.header-r li .acc-list{
    position: absolute;
    overflow: hidden;
    background: #ffffff;
    width: 74px;
    text-align: center;
    display: none;
    border-left:1px solid #dddddd ;
    border-bottom:1px solid #dddddd ;
    border-right:1px solid #dddddd ;
}
.header-r li .acc-list a{
    font-size: 12px;
    line-height: 22px;
    color: #666666;
    display: block;
    font-family: "SimSun", "宋体";
}
.header-r li .acc-list a:hover{
    color: #00a160;
}
.header-r li .two{
    font-size: 12px;
    color: #666666;
    line-height: 35px;
    display: block;
    padding:0 26px 0 26px;
    font-family: "SimSun", "宋体";
    background: url("../background/car.png") no-repeat 10px 10px;
    position: relative;
    border-left: 1px solid #efefef;
    border-right: 1px solid #efefef;
}
.header-r li:hover .two{
    background:#ffffff url("../background/car.png") no-repeat 10px 10px;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
}
.header-r li .two span{
    width: 16px;
    height: 16px;
    position: absolute;
    right: 8px;
    top: 4px;
    background: url("../background/quan.png") no-repeat;
    text-align: center;
    font-size: 12px;
    line-height: 16px;
    color: #ffffff;
}


.header-r li .three{
    font-size: 12px;
    color: #666666;
    line-height: 35px;
    display: block;
    padding:0 16px 0 20px;
    position: relative;
    font-family: "SimSun", "宋体";
}
.header-r li .three span{
    position: absolute;
    top: 11px;
    left: 8px;
}
.header-r .ph_qr{
    position: relative;
    background:url("../background/kuohao.png") no-repeat 70px 16px;
    border-left: 1px solid #efefef;
    border-right: 1px solid #efefef;
}
.header-r .ph_qr:hover{
    background: #ffffff;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
}
.header-r .ph_qr:hover .three{
    background:url("../background/kuohao-f.png") no-repeat 70px 16px;
}
.header-r .ph_qr:hover .qr{
    display: block;
}
.ph_qr .qr{
    z-index: 2;
    background: #ffffff;
    width: 150px;
    height: 155px;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    position: absolute;
    left: -35px;
    display: none;
}
.ph_qr .qr img{
    margin: 0;
}

.header-r li .four{
    font-size: 12px;
    color: #666666;
    line-height: 35px;
    display: block;
    padding:0 10px;
    font-family: "SimSun", "宋体";
    border-left: 1px solid #efefef;
    border-right: 1px solid #efefef;
}
.header-r li .four:hover{
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
}
.header-r li .five{
    font-size: 12px;
    color: #666666;
    line-height: 35px;
    display: block;
    padding:0 10px;
    border-left: 1px solid #efefef;
    border-right: 1px solid #efefef;
    font-family: "SimSun", "宋体";
}
.header-r li .five:hover{
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
}
/*header结束*/
/*header  头部样式结束*/
/*seek搜索*/
#seek{}
.logo{
    float: left;
    display: inline;
    margin-top: 30px;
}
.search-box{
    float: left;
    display: inline;
    margin-top: 30px;
    margin-left: 60px;
    width: 550px;
}
.search-box input{
    float: left;
    display: inline;
    width: 434px;
    height: 36px;
    border: 2px solid #00a160;
    color: #999999;
    padding-left: 12px;
    line-height: 36px;
}
.search-box button{
    float: left;
    display: inline;
    width: 98px;
    height: 40px;
    font-size: 16px;
    color: white;
    line-height: 40px;
    background:#00a160 url("../background/ss.png") no-repeat 16px 10px;
    padding-left: 38px;
}
.search-box li{
    float: left;
    margin-right: 25px;
}
.search-box li a{
    font-size: 12px;
    line-height: 34px;
    color: #666666;
    font-family: "SimSun", "宋体";
}
.search-box li a:hover{
    color: #f5481a;
}
.search-box li .keyword {
    color: #f5481a;
}
.service{
    float: right;
    display: inline;
    margin-top: 30px;
}
/*seek搜索结束*/
/*nav导航开始*/
#nav{
    border-bottom: 2px solid #333333;
    margin-top: 18px;
    height: 38px;
}
.wears{
    float: left;
    display: inline;
    background: #00a160;
    position: relative;
    z-index: 1;
}
.wears .all{
    padding: 0 42px 0 42px;
    color: white;
    line-height: 38px;
    font-size: 18px;
    font-family: "Microsoft YaHei", 微软雅黑;
}
.wears-list{
    width: 190px;
    border-bottom:1px solid #efefef ;
    border-right: 1px solid #efefef;
    border-left:1px solid #efefef ;
    background: #ffffff;
    opacity: 0.96;
    position: absolute;
    top: 38px;
    left: 0;
    height: 420px;
    display:none;
}
/*----------------------------------1-----------------------------*/
.wears-list .major .box{
    width: 174px;
    height: 24px;
    margin-left: 25px;
}
.wears-list .major .box a{
    float: left;
    font-size: 12px;
    line-height:24px ;
    color: #888888;
    margin-left: 12px;
    font-family: "SimSun", "宋体";
}
.wears-list .major:hover{
    background-color: #ed5050;
    opacity: 1;
}
.wears-list .major:hover a{
    color: #ffffff;
}
.wears-list .major:hover a .sp_one{
    background: url("../background/list-icon.png") no-repeat -53px 0px ;
}
.wears-list .major:hover a .sp_two{
    background: url("../background/list-icon.png") no-repeat -53px -39px ;
}
.wears-list .major:hover a .sp_three{
    background: url("../background/list-icon.png") no-repeat -53px -78px ;
}
.wears-list .major:hover a .sp_four{
    background: url("../background/list-icon.png") no-repeat -53px -117px ;
}
.wears-list .major:hover a .sp_five{
    background: url("../background/list-icon.png") no-repeat -53px -156px ;
}
.wears-list .major:hover a .sp_six{
    background: url("../background/list-icon.png") no-repeat -53px -195px ;
}
.wears-list .major:hover a .sp_seven{
    background: url("../background/list-icon.png") no-repeat -53px -234px ;
}
.wears-list .major{
    position: relative;
    height: 60px;
    width: 190px;
}
/*sub*/
.Level{
    position: absolute;
    left: 191px;
    top: 2px;
    overflow: hidden;
    width: 1010px;
    box-shadow:0px 0px 5px  #dddddd!important;
    border: 1px solid #eeeeee;
    background:#ffffff;
    opacity: 1;
    display: none;
}
#nav .Level .Sub-nav .Sub-dis .active{
    color: #f5481a;
}
.Sub span{
    font-size: 12px;
    color: #000000;
    line-height: 22px;
    display: block;
    margin-left: 30px;
    float: left;
    font-family: "Microsoft YaHei", 微软雅黑;
    -webkit-font-smoothing:antialiased;
    font-weight: bold;
}
.Sub span:hover{
    color: #00a160;
}
.Sub-nav{
    overflow: hidden;
    border-bottom:1px solid #eeeeee ;
    width: 582px;
    height: 40px;
    margin-top: 8px;
    padding-bottom:8px;
    margin-left: 120px;
}
#nav .Level .Sub-nav .Sub-dis{
    float: left;
    overflow: hidden;
}
#nav .Level .Sub-nav .Sub-dis a{
    font-size: 12px;
    line-height: 22px;
    color: #666666;
    display: block;
    padding: 0 9px 0 9px;
    position: relative;
    font-family: "SimSun", "宋体";
    -webkit-font-smoothing:antialiased;
}
#nav .Level .Sub-nav .Sub-dis a:hover{
    color: #f5481a;
}
#nav .Level .Sub-nav .boundary a:after{
    content: "";
    width: 1px;
    height: 12px;
    background: #dddddd;
    position: absolute;
    top: 7px;
    left: 0px;
}
#nav .Level .Deputy{
    margin-left: 30px;
    margin-top: 20px;
    margin-bottom: 70px;
}
#nav .Level .Deputy .Dep-nav .Dep-list .change{
    background: #ed5050;
    color:#ffffff ;
}
#nav .Level .Deputy .Dep-nav .Dep-list a:hover{
    background: #ed5050;
    color: #ffffff;
}
#nav .Level .Level-l{
    float: left;
    opacity: 1;
    overflow: hidden;
    width: 710px;
}
#nav .Level .Level-r{
    width: 250px;
    float: right;
    opacity: 1;
    overflow: hidden;
    margin-right: 10px;
    margin-bottom: 10px;
}
#nav .Level .Level-r img{
    width: 250px;
    height: 126px;
    display: block;
    margin-right: 10px;
    margin-top: 10px;
}
#nav .Level .Deputy .Dep-nav .Dep-list{
    float: left;
    border: 1px solid #dddddd;
    margin-right: 20px;
    background: #f5f5f5;
}
#nav .Level .Deputy .Dep-nav .Dep-list a{
    font-size: 12px;
    color: #666666;
    line-height: 24px;
    padding: 0 12px 0 12px;
    display: block;
    text-align: center;
}

/*sub end*/
/*--------------------------------bg-img字体样式--------------------------------------------*/
.wears-list .major .bg-img1{
    display: block;
    /*margin-top: 10px;*/
    font-size:14px ;
    color: #333333;
    line-height: 24px;
    padding-left:37px ;
    -webkit-font-smoothing: antialiased;
    font-family: "Microsoft YaHei", 微软雅黑;
    position: relative;
    padding-top: 5px;
}
.wears-list .major .bg-img1 .sp_one{
    width: 20px;
    height: 20px;
    overflow: hidden;
    position: absolute;
    top: 6px;
    left: 12px;
    background: url("../background/list-icon.png") no-repeat -12px 0px ;

}
.wears-list .major .bg-img2{
    display: block;
    /*margin-top: 10px;*/
    font-size:14px ;
    color: #333333;
    line-height: 24px;
    padding-left:37px ;
    -webkit-font-smoothing: antialiased;
    padding-top: 5px;
    font-family: "Microsoft YaHei", 微软雅黑;
    position: relative;
}
.wears-list .major .bg-img2 .sp_two{
    width: 20px;
    height: 20px;
    overflow: hidden;
    position: absolute;
    top: 6px;
    left: 12px;
    background: url("../background/list-icon.png") no-repeat -12px -39px ;
}
.wears-list .major .bg-img3{
    display: block;
    /*margin-top: 10px;*/
    font-size:14px ;
    color: #333333;
    line-height: 24px;
    padding-left:37px ;
    -webkit-font-smoothing: antialiased;
    padding-top: 5px;
    font-family: "Microsoft YaHei", 微软雅黑;
    position: relative;
}
.wears-list .major .bg-img3 .sp_three{
    width: 20px;
    height: 20px;
    overflow: hidden;
    position: absolute;
    top:6px;
    left: 12px;
    background: url("../background/list-icon.png") no-repeat -12px -78px ;
}
.wears-list .major .bg-img4{
    display: block;
    /*margin-top: 10px;*/
    font-size:14px ;
    color: #333333;
    line-height: 24px;
    padding-left:37px ;
    -webkit-font-smoothing: antialiased;
    padding-top: 5px;
    font-family: "Microsoft YaHei", 微软雅黑;
    position: relative;
}
.wears-list .major .bg-img4 .sp_four{
    width: 20px;
    height: 20px;
    overflow: hidden;
    position: absolute;
    top:6px;
    left: 12px;
    background: url("../background/list-icon.png") no-repeat -12px -117px ;
}
.wears-list .major .bg-img5{
    display: block;
    /*margin-top: 10px;*/
    font-size:14px ;
    color: #333333;
    line-height: 24px;
    padding-left:37px ;
    -webkit-font-smoothing: antialiased;
    padding-top: 5px;
    font-family: "Microsoft YaHei", 微软雅黑;
    position: relative;
}
.wears-list .major .bg-img5 .sp_five{
    width: 20px;
    height: 20px;
    overflow: hidden;
    position: absolute;
    top:6px;
    left: 12px;
    background: url("../background/list-icon.png") no-repeat -12px -156px ;
}
.wears-list .major .bg-img6{
    display: block;
    /*margin-top: 10px;*/
    font-size:14px ;
    color: #333333;
    line-height: 24px;
    padding-left:37px ;
    -webkit-font-smoothing: antialiased;
    padding-top: 5px;
    font-family: "Microsoft YaHei", 微软雅黑;
    position: relative;
}
.wears-list .major .bg-img6 .sp_six{
    width: 20px;
    height: 20px;
    overflow: hidden;
    position: absolute;
    top:6px;
    left: 12px;
    background: url("../background/list-icon.png") no-repeat -12px -195px ;
}
.wears-list .major .bg-img7{
    display: block;
    /*margin-top: 10px;*/
    font-size:14px ;
    color: #333333;
    line-height: 24px;
    padding-left:37px ;
    -webkit-font-smoothing: antialiased;
    padding-top: 5px;
    font-family: "Microsoft YaHei", 微软雅黑;
    position: relative;
}
.wears-list .major .bg-img7 .sp_seven{
    width: 20px;
    height: 20px;
    overflow: hidden;
    position: absolute;
    top:6px;
    left: 12px;
    background: url("../background/list-icon.png") no-repeat -12px -234px ;
}

/*------------------------------刘春贺------------------------------------------*/
#nav li{
    float: left;
}
#nav .nav-list a{
    display: block;
    padding: 0 20px 0 20px;
    line-height: 38px;
    font-size: 16px;
    color: #333333;
    font-family: "Microsoft YaHei", 微软雅黑;
}
#nav .nav-list a:hover{
    background: #00a160;
    color: white;
}
/*nav导航结束*/
/*links友情链接*/
#links .content-list{
    height: 92px;
    border: 1px solid #dddddd;
}
#links h3{
    font-size: 24px;
    color: #333333;
    line-height: 50px;
    margin-top: 38px;
}
.content-list ul{
    margin-left: 40px;
    margin-top: 20px;
}
.content-list li{
    float: left;
    margin: 0 35px 0 35px;
}
.content-list a{
    font-size: 12px;
    color: #666666;
    line-height: 32px;
    font-family: "SimSun", "宋体";
}
.content-list a:hover{
    color: #00a160;
}
/*links友情链接结束*/
/*foot开始*/
#foot{
    margin-top: 50px;
    overflow: hidden;
    border-top: 2px solid #00a160;
    margin-bottom: 15px;
}
.safeguard{
    height: 120px;
    border-bottom: 1px solid #dddddd;
    background-color: #f5f5f5;
}
.safeguard li{
    float: left;
    width: 300px;
    margin-top: 30px;
}
.safeguard li img{
    float: left;
    margin-left: 30px;
}
.safeguard li h5{
    font-size: 20px;
    color: #333333;
    line-height: 40px;
    margin-left: 107px;
}
.safeguard li p{
    font-size: 14px;
    color: #666666;
    line-height: 14px;
    margin-left: 107px;
    font-family: "Microsoft YaHei", 微软雅黑;
}
.about{
    height: 224px;
    background-color: #f5f5f5;
}
.about .abt1,.abt2{
    float: left;
}
.about ul{
    float: left;
    margin-top: 12px;
    width: 120px;
    padding-left: 20px;
}
.about li h5{
    font-size: 16px;
    color: #333333;
    line-height: 50px;
}
.about li a{
    font-size: 12px;
    color: #666666;
    line-height: 22px;
    font-family: "SimSun", "宋体";
}
.about li a:hover{
    color: #00a160;
}
.abt2{
    margin-top: 30px;
    width: 170px;
    height: 163px;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    text-align: center;
}
.abt2 img{
    margin-left: 30px;
}
.abt3{
    float: left;
    width: 180px;
    height: 160px;
    margin-top: 30px;
}
.abt3 .tel1{
    margin-left: 30px;
    margin-top: 55px;
    font-size: 20px;
    color: #00a160;
    float: left;
    line-height: 27px;
}
.abt3 .tel2{
    margin-left: 30px;
    font-size:14px;
    color: #666666;
    float: left;
    line-height: 25px;
    font-family: "Microsoft YaHei", 微软雅黑;
}
.organization{
    text-align: center;
    margin-top: 25px;
}
.organization .government{
    line-height: 25px;
    font-size: 14px;
    color: #666666;
    margin-top: 25px;
    font-family: "Microsoft YaHei", 微软雅黑;
}
.as-regards{
    margin-left: 140px;
}
.as-regards li{
    float: left;
}
.as-regards li a{
    position: relative;
}
.as-regards li a span{
    width: 1px;
    height: 14px;
    background-color: #666666;
    position: absolute;
    top: 3px;
    right: 0;
}
.as-regards li a:hover{
    color: #00a160;
}
.as-regards li a{
    line-height: 25px;
    font-size: 14px;
    color: #666666;
    padding: 0 25px 0 25px;
    font-family: "Microsoft YaHei", 微软雅黑;
}
.org01 span{
    line-height: 25px;
    font-size: 14px;
    color: #666666;
    font-family: "Microsoft YaHei", 微软雅黑;
}
.org01{
    text-align: center;
    margin-top: 0px;
}
.org01 .copyright{
    float: left;
    width: 100%;
}
.org01 .legal{
    float: left;
    width: 100%;
    font-family: "Microsoft YaHei", 微软雅黑;
}
.authentication{
    margin-left: 152px;
    margin-top: 55px;
}
.authentication li{
    float: left;
    width: 120px;
    margin-left: 10px;
}
/*foot结束*/
/*banner内容*/
#banner{
    height: 520px;
    background: url("../background/abut-banner.png") 50% no-repeat;
}
/*main主题内容*/
#main .intro{

}
#main .intro .intro-head{
    display: block;
    font-size: 30px;
    color: #333333;
    line-height: 30px;
    width: 100%;
    height: 30px;
    text-align: center;
    position: relative;
    margin-top: 50px;
    margin-bottom: 34px;
}
#main .intro .intro-head::after{
    content: "";
    position: absolute;
    width: 516px;
    height: 1px;
    background: #dddddd;
    right: 0;
    top: 15px;
}
#main .intro .intro-head::before{
    content: "";
    position: absolute;
    width: 516px;
    height: 1px;
    background: #dddddd;
    left: 0;
    top: 15px;
}
#main .intro .intro-center{

}
#main .intro .intro-center p{
    display: block;
    text-indent: 2em;
    font-size: 14px;
    color: #666666;
    line-height: 30px;
}
#main .intro .intro-list{
    margin-top:15px;
}
#main .intro .intro-list ul{}
#main .intro .intro-list ul li{
    float: left;
    margin-right: 85px;
}
#main .intro .intro-list ul li:last-child{
    margin-right: -3px;
}
#main .intro .intro-list ul li img{
    width: 76px;
    height: 96px;
}
#main .course{
    height: 300px;
    background: #f7f7f7;
    margin-top: 40px;
    overflow: hidden;
}
#main .course .inner{
    overflow: hidden;
}
#main .course ul{
    margin-top: 70px;
}
#main .course ul li{
    float: left;
    width: 100px;
    margin-right: 55px;
    position: relative;
}
#main .course ul li::after{
    position: absolute;
    content: "";
    width: 55px;
    height: 1px;
    background: #00a160;
    right: -56px;
    top: 37px;
}
#main .course ul .over::after{
    position: absolute;
    content: "";
    width: 71px;
    height: 1px;
    background: #00a160;
    right: -72px;
    top: 37px;
}
#main .course ul li:last-child{
    margin-right: 0px;
    margin-left: 15px;
}
#main .course ul li .course-time{
    display: block;
    font-size: 18px;
    color: #00a160;
    line-height: 28px;
    text-align: center;
}
#main .course ul li .course-dian{
    display: block;
    width: 12px;
    height: 12px;
    background: #00a160;
    border: 4px solid #8dd0a4;
    border-radius: 50%;
    margin-left: 41px;
    position: relative;
}
#main .course ul li .course-dian::after{
    position: absolute;
    content: "";
    width: 40px;
    height: 1px;
    background: #00a160;
    left: 16px;
    top: 5px;
}
#main .course ul li .course-dian::before{
    position: absolute;
    content: "";
    width: 40px;
    height: 1px;
    background: #00a160;
    right: 16px;
    top: 5px;
}
#main .course ul li .course-center{
    display: block;
    width: 100px;
    font-size: 14px;
    color: #666666;
    line-height: 16px;
    margin-top: 16px;
}
#main .entity{}
#main .entity .entity-head{
    display: block;
    font-size: 30px;
    color: #333333;
    line-height: 30px;
    width: 100%;
    height: 30px;
    text-align: center;
    position: relative;
    margin-top: 50px;
    margin-bottom: 34px;
}
#main .entity .entity-head::after{
    content: "";
    position: absolute;
    width: 516px;
    height: 1px;
    background: #dddddd;
    right: 0;
    top: 15px;
}
#main .entity .entity-head::before{
    content: "";
    position: absolute;
    width: 516px;
    height: 1px;
    background: #dddddd;
    left: 0;
    top: 15px;
}
#main .entity .entity-center{}
#main .entity .entity-center p{
    display: block;
    text-indent: 2em;
    font-size: 14px;
    color: #666666;
    line-height: 26px;
}
#main .entity .entity-center{}
/*轮播图*/
#main  .about-rec {
    margin-top: 40px;
}

#main  .about-rec .about-wrap {
    width:1200px;
    overflow: hidden;
    height: 190px;
    position: relative;
}

#main  .about-rec .about-box {
    /*margin-left: 30px;*/
    width: 1200px;
}

#main  .about-rec .about-box ul {
    overflow: hidden;
}

#main  .about-rec .about-box ul li {
    float: left;
    width: 288px;
    height: 190px;
    margin-right: 16px;
    position: relative;
}
#main  .about-rec .about-box ul li .site{
    position: absolute;
    width: 278px;
    height: 120px;
    background: rgba(0,0,0,0.5);
    top: 151px;
    left: 0;
    padding: 0 5px;
    z-index: 99;
}
#main  .about-rec .about-box ul li:hover .site{
    animation: runTop 0.5s;
    -webkit-animation: runTop 0.5s;
    -moz-animation: runTop 0.5s;
    -o-animation: runTop 0.5s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
}
@keyframes runTop {
    from{
        top: 151px;
    }
    to{
        top: 70px;
    }
}
#main  .about-rec .about-box ul li .site .site-name{
    display: block;
    font-size: 16px;
    color: #ffffff;
    line-height: 36px;
    height: 36px;
}
#main  .about-rec .about-box ul li .site .site-name b{
    color: #ffea01;
    font-weight: normal;
}
#main  .about-rec .about-box ul li .site .wherever{
    display: block;
}
#main  .about-rec .about-box ul li .site .wherever p{
    display: inline-block;
    font-size: 14px;
    color: #ffffff;
    line-height: 18px;
    float: left;
}
#main  .about-rec .about-box ul li .site .wherever b{
    display: inline-block;
    width: 240px;
    height: 36px;
    font-size: 14px;
    color: #ffffff;
    line-height: 18px;
    font-weight: normal;
    float: left;
    margin-left: 5px;
}
#main  .about-rec .about-box ul li .site .shop-call{
    display: block;
    margin-top: 5px;
}
#main  .about-rec .about-box ul li .site .shop-call p{
    display: inline-block;
    font-size: 14px;
    color: #ffffff;
    line-height: 18px;
    float: left;
}
#main  .about-rec .about-box ul li .site .shop-call b{
    display: inline-block;
    width: 240px;
    height: 36px;
    font-size: 14px;
    color: #ffffff;
    line-height: 18px;
    font-weight: normal;
    float: left;
    margin-left: 5px;
}
#main  .about-rec .about-box ul li .p-img {
    display: block;
    width: 288px;
    height: 190px;
    overflow: hidden;
}

#main  .about-rec .about-box ul li .p-img img {
    width: 288px;
    height: 190px;
}



#main  .aBtn {
    display: block;
    font-size: 24px;
    width: 26px;
    height: 68px;
    border: 1px solid #eeeeee;
    line-height: 68px;
    text-align: center;
    position: absolute;
    top: 67px;
    background: white;
    color: #eeeeee;
    z-index: 1;
}

#main  .aBtn:hover {
    color: #cccccc;
    border: 1px solid #dddddd;
}

#main   .btn-prev {
    left: 0;
}

#main   .btn-next {
    right: 0;
}

#main .tabBox{
    margin-top:70px;
}
#main .tabBox .tabHead{
    text-align: center;
    margin-bottom: 30px;
}
#main .tabBox .tabHead .navbox{
    width: 188px;
    height: 40px;
    display: inline-block;
    position: relative;
}
#main .tabBox .tabHead .navbox::after{
    position: absolute;
    content: "";
    width: 495px;
    height: 1px;
    background: #dddddd;
    top: 20px;
    left: 198px;
}
#main .tabBox .tabHead .navbox::before{
    position: absolute;
    content: "";
    width: 495px;
    height: 1px;
    background: #dddddd;
    top: 20px;
    right: 198px
}
#main .tabBox .tabHead .navbox .tabNav{
    display: block;
    float: left;
    text-align: center;
    width: 80px;
    height: 40px;
    font-size: 30px;
    color: #333333;
    line-height: 40px;
    border-radius: 20px;
    /*background: hotpink;*/
    cursor: pointer;
}
#main .tabBox .tabHead .navbox .tabNav1{
    margin-right: 28px;
}
#main .tabBox .tabHead .navbox .ac_font{
    background: #ebf8f3;
    color: #00a160;
}
#main .tabBox .tab-box{}
#main .tabBox .tab-box .tab-center{
    text-align: center;
}
#main .tabBox .tab-box .tab-center .honor{
    display: inline-block;
    width: 1066px;
    height: 406px;
}
#main .tabBox .tab-box .tab-center ul{}
#main .tabBox .tab-box .tab-center ul li{
    float: left;
    width: 370px;
    height: 280px;
    margin-right: 45px;
    margin-bottom: 30px;
}
#main .tabBox .tab-box .tab-center ul .nomargin{
    margin-right: 0;
}
#main .tabBox .tab-box .tab-center ul li .aptitude{
    width: 370px;
    height: 280px;
}
#main .team{
    background: #f7f7f7;
    overflow: hidden;
    padding: 20px 0;
}
#main .team .team-head{
    display: block;
    width: 100%;
    height: 60px;
    font-size: 30px;
    color: #333333;
    line-height: 60px;
    text-align: center;
    position: relative;
    padding: 20px 0;
}
#main .team .team-head::after{
    position: absolute;
    content: "";
    width: 486px;
    height: 1px;
    background: #dddddd;
    left: 0px;
    top: 50px;
}
#main .team .team-head::before{
    position: absolute;
    content: "";
    width: 486px;
    height: 1px;
    background: #dddddd;
    right: 0px;
    top: 50px;
}
#main .team  .team-center{}
#main .team  .team-center ul{}
#main .team  .team-center ul li{
    float: left;
    width: 370px;
    height: 340px;
    margin-right: 45px;
}
#main .team  .team-center ul .last-li{
    margin-right: 0;
}
#main .team  .team-center ul li img{
    width: 370px;
    height: 220px;
}
#main .team  .team-center ul li span{
    display: block;
    font-size: 18px;
    color: #333333;
    line-height: 26px;
    height: 26px;
    font-weight: bold;
    padding: 10px 0;
}
#main .team  .team-center ul li p{
    display: block;
    font-size: 14px;
    color: #666666;
    line-height: 18px;
    height: 16px;
}
#main .server{
    margin-top: 30px;
}
#main .server .server-head{
    display: block;
    width: 100%;
    height: 60px;
    font-size: 30px;
    color: #333333;
    line-height: 60px;
    text-align: center;
    position: relative;
}
#main .server .server-head::after{
    position: absolute;
    content: "";
    width: 340px;
    height: 1px;
    background: #dddddd;
    top: 30px;
    left: 0;
}
#main .server .server-head::before{
    position: absolute;
    content: "";
    width: 340px;
    height: 1px;
    background: #dddddd;
    top: 30px;
    right: 0;
}
#main .server .server-box{
    height: 330px;
    margin-top: 50px;
}
#main .server .server-box .server-l{
    width: 600px;
    height: 332px;
    overflow: hidden;
}
#main .server .server-box .server-l ul{}
#main .server .server-box .server-l ul .s-list{
    height: 66px;
    width: 538px;
    border: 1px solid #dddddd;
    border-radius: 6px;
    margin-bottom: 20px;
}
#main .server .server-box .server-l ul .s-list .s-n{
    display: block;
    font-size: 60px;
    width: 66px;
    height: 66px;
    color: #00a160;
    line-height: 66px;
    text-align: center;
    background: #ededed;
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
}
#main .server .server-box .server-l ul .s-list .s-c{
    width: 430px;
    float: left;
    padding: 0 20px;
}
#main .server .server-box .server-l ul .s-list .s-c .s-title{
    display: block;
    font-size: 18px;
    color: #333333;
    line-height: 26px;
    font-weight: bold;
    margin-top: 5px;
}
#main .server .server-box .server-l ul .s-list .s-c ol{}
#main .server .server-box .server-l ul .s-list .s-c ol li{
    float: left;
    width: 124px;
    height: 18px;
}
#main .server .server-box .server-l ul .s-list .s-c ol .s-line{
    width: 150px;
}
#main .server .server-box .server-l ul .s-list .s-c ol li .s-bg{
    display: inline-block;
    height: 18px;
    padding-left: 28px;
    font-size: 16px;
    color: #666666;
    line-height: 18px;
    margin-top: 5px;
    background: url("../background/s-bg.png") no-repeat 0 2px;
}





#main .server .server-box .server-r{
    width: 599px;
    height: 332px;
    overflow: hidden;
    border-left: 1px dashed #dddddd;
}
#main .server .server-box .server-r ul{}
#main .server .server-box .server-r ul .s-list{
    height: 66px;
    width: 538px;
    border: 1px solid #dddddd;
    border-radius: 6px;
    margin-bottom: 20px;
    float: right;
}
#main .server .server-box .server-r ul .s-last{
    height: 116px;
}
#main .server .server-box .server-r ul .s-list .s-n{
    display: block;
    font-size: 60px;
    width: 66px;
    height: 66px;
    color: #00a160;
    line-height: 66px;
    text-align: center;
    background: #ededed;
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
}
#main .server .server-box .server-r ul .s-last .n-last{
    height: 116px;
    line-height: 116px;
}
#main .server .server-box .server-r ul .s-list .s-c{
    width: 430px;
    float: left;
    padding: 0 20px;
}
#main .server .server-box .server-r ul .s-list .s-c .s-title{
    display: block;
    font-size: 18px;
    color: #333333;
    line-height: 26px;
    font-weight: bold;
    margin-top: 5px;
}
#main .server .server-box .server-r ul .s-list .s-c ol{
    margin-top: 5px;
}
#main .server .server-box .server-r ul .s-list .s-c ol li{
    float: left;
    width: 215px;
}
#main .server .server-box .server-r ul .s-list .s-c ol li .s-bg{
    font-size: 16px;
    color: #666666;
    line-height: 18px;
    padding-left: 20px;
    position: relative;
}
#main .server .server-box .server-r ul .s-list .s-c ol li .s-bg::after{
    position: absolute;
    content: "";
    width: 4px;
    height: 4px;
    background: #666666;
    left: 0;
    top: 9px;
    border-radius: 50%;
}