*{font-size:14px;}
.wrap {max-width:1200px; margin: 0 auto; width: 100%;}
@media screen and (max-width: 1200px) {
    .block {max-width:1200px; margin: 0 auto; width: 100%;padding: 0 20px;box-sizing: border-box;}
}
.logo-txt {float: right; font-size: 22px; padding: 30px 5px 0 0;}
.banner{
    position: relative;
}
.banner a{
    width: 100%;
}
.banner img {width:100%; margin-bottom:0px;display: block;}
.leftBtn{
    cursor: pointer;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    z-index: 1;
    left: 10px;
}
.rightBtn{
    cursor: pointer;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    z-index: 1;
    right: 10px;
}
@media screen and (max-width:400px) {
    .leftBtn img,.rightBtn img{
        width: 16px;
        height: auto;
    }
    .leftBtn{
        cursor: pointer;
        position: absolute;
        top: 50%;
        margin-top: -15px;
        z-index: 1;
        left: 10px;
    }
    .rightBtn{
        cursor: pointer;
        position: absolute;
        top: 50%;
        margin-top: -15px;
        z-index: 1;
        right: 10px;
    }
}
.iconNav li a{
    display: block;
}
.icon li {float: left; font-size: 28px; margin: 30px 0px; width:25%;text-align: center;}
.iconNav li img{
    width: 87%;
}
.iconNav li p{
    padding-top: 5px;
}
@media screen and (max-width:530px) {
    .icon li{
        margin: 20px 0px;
    }
    .icon li img{
        width: 60%;
    }
    .iconNav li img{
        width: 84%;
    }
}
.item-tit {font-size:40px; margin-top:30px;}
.serv-bg1 {background:url(../img/serv_bg1.jpg) no-repeat;}
.serv-bg2 {background:url(../img/serv_bg2.jpg) no-repeat;}
.serv-bg3 {background:url(../img/serv_bg3.jpg) no-repeat;}
.serv-bg4 {background:url(../img/serv_bg4.jpg) no-repeat;}
.serv-bg5 {background:url(../img/serv_bg5.jpg) no-repeat;}
.serv-bg6 {background:url(../img/serv_bg6.jpg) no-repeat;}
.serv-bg7 {background:url(../img/serv_bg7.jpg) no-repeat;}
.serv-bg8 {background:url(../img/serv_bg8.jpg) no-repeat;}
.serv-box { width:49%;background-size: 100% 100%;margin: 30px 0 0 0; color:#fff; padding:30px 30px 25px;float:left;box-sizing: border-box;}
.serv-box:nth-child(odd){
    margin-left: 1%;
}
.serv-box:nth-child(even){
    margin-right: 1%;
}
.serv-tit1{font-size: 40px; text-align:center; padding-bottom:20px;}
.serv-txt {margin-bottom: 30px;}
@media screen and (max-width:931px) {
    .serv-tit1{
        font-size: 30px;
    }
}
@media screen and (max-width:745px) {
    .serv-tit1{
        font-size: 20px;
    }
}
@media screen and (max-width:556px) {
    .serv-tit1{
        font-size: 20px;
    }
    .serv-txt{
        font-size: 12px;
        margin-bottom: 15px;
    }
}
@media screen and (max-width:536px) {
    .item-tit{
        font-size: 28px;
    }
}
@media screen and (max-width:482px) {
    .item-tit{
        font-size: 24px;
    }
    .serv-tit1{
        font-size: 18px;
    }
    .serv-txt{
        font-size: 12px;
    }
}
.serv-box a {color:#fff; font-size:24px; padding:0 0px;}
.btn1 {filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); background:#fff; width:153px; height:43px;opacity:0.5; color:#fff;border-radius:8px; margin:7px auto; text-align:center; line-height:43px;}
.btn1 a {color:#0c439a !important; font-size:18px;border-radius: 4px; }
@media screen and (max-width:500px) {
    .btn1{
        width: 100%;
        height:36px;
        line-height: 36px;
    }
    .btn1 a{
        font-size: 14px;
    }
}
.blank {float:left; width:20px; height:50px; color:#fff;}

.intro-box-relative {position:relative; width:49%; background:#ffffff;float:left; margin-top:55px;}
.intro-box-relative-index .intro-box-relative:nth-child(odd){
    margin-left: 1%;
}
.intro-box-relative-index .intro-box-relative:nth-child(even){
    margin-right: 1%;
}
.intro-box-relative-con .intro-box-relative:nth-child(2n-1){
    margin-right: 1%;
}
.intro-box-relative-con .intro-box-relative:nth-child(2n){
    margin-left: 1%;
}
.intro-box {padding:0 40px 0 10px;box-sizing:border-box;float:left;background:#fff;border-radius:8px; width:70%;}
.mem-pic-absolute{
    float: left;
    width: 30%;
    max-width: 154px;
    box-sizing: border-box;
    padding-left: 10px;
    position: relative;
    top: -30px
}
.touxiang{
    border-radius: 50%;
    overflow: hidden;
}
.touxiang img{
    width: 100%;
    max-width: 154px;
}
.mem-pic {border-radius: 50%;-moz-box-shadow:-1px 0px 40px #999999; -webkit-box-shadow:-1px 0px 20px #999999; box-shadow:-1px 0px 20px #fdfdfd;}
.intro-tit a{display:inline-block;font-size:26px; line-height:36px; margin-top:30px;margin-bottom: 15px;}
.intro-txt{
    padding-bottom: 20px;
}
.intro-txt a{display:inline-block;font-size:16px; line-height:30px; text-align:justify;}
.shangqiao{
    display: inline-block;
}
.cont-icon { padding:24px;}
@media screen and (max-width:375px) {
    .intro-txt a{
        font-size: 14px;
    }
}
@media screen and (max-width:1098px) {
    .cont-icon { padding:20px;}
}
@media screen and (max-width:988px) {
    .cont-icon { padding:18px;}
}
@media screen and (max-width:935px) {
    .cont-icon { padding:16px;}
}
@media screen and (max-width:880px) {
    .cont-icon { padding:10px;}
}
@media screen and (max-width:716px) {
    .cont-icon { padding:6px;}
}
@media screen and (max-width:500px) {
    .intro-box-relative {width:100%;height: auto!important;}
    .intro-box-relative:nth-child(odd){
        margin-left: 0;
    }
    .intro-box-relative:nth-child(even){
        margin-right: 0;
    }
    .cont-icon { padding:6px;}
}
@media screen and (max-width:414px) {
    .intro-tit a{ font-size: 22px;line-height: 30px;}
}
@media screen and (max-width:375px) {
    .intro-tit a{ font-size: 20px;line-height: 28px;}
}
.copyright { text-align:center; margin:30px 0;}

.nav {border-bottom:2px #ccc solid; background:#f0f0f0; line-height:50px; text-align:center;}
.nav-box {width:100%; margin:0 auto;overflow: hidden;}
.nav-box  li {float:left; width:140px; text-align:center;}
.nav-box  li:hover {border-bottom:2px #F00 solid; line-height:48px; height:48px; }
.nav .nav-box li a{
    display: inline-block;
    line-height: 1;
    width: 100%;
    border-right: 1px solid #666666;
}
.nav .nav-box li:nth-last-child(1) a{
    border-right: none;
}
@media screen and (max-width:996px) {
    .nav-box  li{
        width: 14%;
    }
}
@media screen and (max-width:554px) {
    .nav{
        line-height: 36px;
    }
    .nav-box  li{
        width: 25%;
    }
    .logo{
        width: 100px;
    }
    .logo-txt{
        height: 71px;
        line-height: 71px;
        padding-top: 0;
        text-align: right;
        font-size: 20px
    }
}
@media screen and (max-width:420px) {
    .logo{
        width: 80px;
    }
    .logo-txt{
        height: 58px;
        line-height: 58px;
        font-size: 15px;
        padding-top: 0px;
    }
}

@media screen and (max-width:340px) {
    .logo{
        width: 70px;
    }
    .logo-txt{
        height: 50px;
        line-height: 50px;
        font-size: 15px;
        padding-top: 0px;
    }
}

.lanmu-tit {font-size:40px; text-align:center; color:#999; margin-top:20px;}
@media screen and (max-width:500px){
    .lanmu-tit {font-size:28px;}
}
.lanmu2-tit {font-size:24px; text-align:center; color:#999; margin-top:50px;}


.nav2-box { line-height:48px; height:48px; margin:20px auto; text-align:center;}
.nav2-box  li {float:left; width:148px; text-align:center;border:1px #dadada solid; margin:10px;  border-radius: 3px;}
.nav2-box  li:hover {border:1px #F40 solid; background:#F40; color:#fff!important; }
.nav2-box li a {color:#000;}
.nav2-box a li:hover {color:#fff;font-weight:bold;}
.serviceWrap{
    height: auto;
    line-height: auto;
}
.serviceWrap ul a{
    display: block;
}
.serviceWrap li a:hover {color:#fff;font-weight:bold;}
.serviceWrap ul li{
    cursor: pointer;
    width: 18%;
    margin: 1%;
    box-sizing: border-box;
}
@media screen and (max-width:900px) {
    .serviceWrap ul li{
        width: 23%;
        margin: 1%;
        box-sizing: border-box;
    }
}
@media screen and (max-width:705px) {
    .serviceWrap ul li{
        width: 31.33%;
        margin: 1%;
        box-sizing: border-box;
    }
}
@media screen and (max-width:470px) {
    .serviceWrap ul li{
        width: 48%;
        margin: 1%;
        box-sizing: border-box;
    }
}
.line {    
    display: inline-block;
    background: url(../img/line.png) no-repeat center center;
    height: 21px;
    width: 100%;
    max-width: 1200px;
    margin-top: 30px;
    margin-bottom: 10px;}

.list { }

.list>li {
    margin-bottom: 30px;
    background:#fff; border-radius:10px; padding:40px 40px 55px;
}

.list>li .cover-img {
    overflow: hidden;
    float: left;
    width: 35%;
    border-radius: 10px;
    max-width: 253px;
    display: block;
}
.list>li .cover-img img {max-width: 253px; width:100%;display:block;height:auto;}
.list>li .content {
    width: 65%;
    float: left;
    box-sizing: border-box;
    padding-left: 5%;
}

.list>li .content h2 {
    overflow: hidden;
    margin-bottom: 10px;
    max-height: 58px;
    font-size: 26px;
    line-height: 30px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-weight: normal;
    color: #000;
}
@media screen and (max-width:470px){
    .list>li .content h2 {
        font-size: 22px;
    }
}
.list>li .content h2 a:hover {
    color: #de1620;
}
.list  time {
    margin-right: 20px;
    display: inline-block;
    font-size: 14px;
    line-height: 30px;
}
.list>li .content .profiles {
    overflow: hidden;
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 30px;
    color: #666;max-height:90px;
   
}

.look a {padding:8px;}
.look a:hover {padding:8px;background:#f00; color:#fff; font-weight:bold;}


.fanye{margin:0 auto; text-align: center;}
.fanye li{line-height:30px;display:inline-block;}
.fanye li a{display:inline-block;padding:auto 0;display:inline-block;margin:8px 1px;line-height:50px;border:1px #dadada solid;padding:0 20px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.pageinfo{color:#111}
.fanye li a:hover{border:1px solid #f00;background:#f00;color:#fff}
.thisclass a{display:inline-block;padding:auto 0;display:inline-block;margin:8px 1px;line-height:30px;border:1px solid #f00;background:#f00;color:#fff}


.file-tit {font-size:30px; text-align:center; padding:20px;}
@media screen and (max-width:500px){
    .file-tit {font-size:22px;line-height: 36px;}
}
.file-cont {font-size:16px; line-height:30px; }
.file-cont img{
    max-width: 100%;
    display: block;
    margin: 0 auto;
}
@media screen and (max-width:1200px){
    .file-cont video{
        max-width: 100%;
        margin: 0 auto;
    }
    .file-cont section{
        max-width: 100%!important;
        margin: 0 auto;
    }
    .joinUs video,.aboutUs video{
        max-width: 100%;
        margin: 0 auto;
    }
    .joinUs img,.aboutUs img{
        max-width: 100%;
        display: block;
        margin: 0 auto;
    }
}
.file-cont p {margin-bottom:15px;}