@charset "utf-8";
/* CSS Document */
body {
    background: #fff;
}

.w {
    width: 1200px;
    margin: auto;
}

.inw {
    background: #fff;
    width: 1200px;
    margin: 0 auto;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
}

.tc {
    text-align: center;
}

.nowColor {
    color: #2f70a8;
}

.clearFix {
    clear: both;
}

/*顶部导航*/
.topNav {
    height: 88px;
    overflow: hidden;
    width: 100%;
    background: #fff;

}

.topNav .w {
    height: 88px;
}

.topNav .logo {
    margin: 22px 0 20px;
    float: left;
}

.topNav .c-Name {
    float: right;
    line-height: 44px;
    color: #fff;
    margin: 28px 0 6px;
}

.nav-border {
    height: 3px;
    width: 100%;
}

.nav {
}

.nav li {
    float: left;
}

.nav li a {
    color: #7a7a7a;
    font-size: 15px;
    padding: 0px 22px;
    display: block;
    height: 88px;
    line-height: 88px;
}

.nav li a.current {
    background: #546a8b;
    color: #fff;
    display: block;
}

.subNav {
    float: left;
    position: relative;
    z-index: 5;
}

.subNav ul {
    width: 118px;
    position: absolute;
    text-align: center;
    left: 50%;
    margin-left: -59px;
    top: 56px;
    z-index: 6;
}

.subNav ul li {
    background: #6dca78;
    width: 100%;
    height: 44px;
    line-height: 44px;
}

.subNav ul li:hover {
    background: #72d57e;
}

.subNav ul li a {
    font-size: 14px;
    padding: 0;
    color: #fff;
}



.banner{width:100%;position:relative;height:500px;z-index:1;}
.banner .bd{margin:0 auto;position:relative;z-index:0; overflow:hidden; }
.banner .bd ul{width:100% !important;}
.banner .bd li{width:100% !important;height:500px;overflow:hidden; text-align:center;}
.banner .bd li a{display:block;}
.banner .hd{width:100%;position:absolute;z-index:99;bottom:18px;left:0;height:10px;}
.banner .hd ul{text-align:center;}
.banner .hd ul li{cursor:pointer;display:inline-block; _zoom:1;_display:inline; zoom:2;     width: 32px;
    height: 4px; margin: 0 6px; overflow: hidden;  background: #f5f0f0; filter:alpha(opacity=100);line-height:999px; opacity:1}
.banner .hd ul .on{background:#ec5504;}
.banner .prev,.banner .next{ display: block;	position: absolute;	z-index: 1;	top: 220px;	margin-top: -30px;	left: 17px;	z-index: 1;
    width: 50px;height: 100px;	background: url(../images/slider-arrow1.png) 5px /*#eee */no-repeat;
    cursor: pointer;filter: alpha(opacity=50);opacity: 0.6;	display: block; }
.banner .next{left:auto;right:17px; background-position:-55px;}

.side{
    width: 92px;
    padding: 10px 20px;
    box-shadow:  1px 1px 5px #d9d9d9;
    position:fixed;
    top:350px;
    right: 6px;
    background: #fff;
    z-index: 999;
    font-size: 12px;
    color: #848587;
    text-align: center;
}
.side img{
    display: block;
    text-align: center;
    margin: 16px auto 0;
}
.side a{
    font-size: 12px;
    color: #848587;
}
.side .qq,.side .wx{
    padding-bottom: 16px;
    border-bottom: 1px solid #adb3bd;
}
.side .wTime{
    padding: 16px 0;
}
/*公司简介+新闻+案例*/
.bg-w {
    padding: 30px 0 30px;
}
.item-Group {
    width: 782px;
    margin: 0 20px 0 0 ;
}
.item-Group .bTit,.item-Group2 .bTit,.item-Group3 .bTit,.item-Group4 .bTit{
    line-height:44px;
    border-bottom:1px solid #eee;
    margin-bottom:10px;
    font-size: 17px;
    color: #01548f;
}
.item-Group  a.sMore,.item-Group2 a.sMore,.item-Group3  a.sMore,.item-Group4 a.sMore{
    color: #999;
    font-size: 12px;
    float: right;
}
.item-Group2 {
    width: 398px;

}
.item-Group2 .Arlist{
    background: #f6f6f6;
    width:366px;
    height: 226px;
    padding: 4px 16px;

}
.item-Group2 .Arlist li{
    height: 37px;
    line-height: 36px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    border-bottom: 1px dashed #ebebeb;
}
.item-Group2 .Arlist li:last-child{
    border-bottom: none;
}
.item-Group2 .Arlist li span{
    padding-right: 10px;
    color: #334259;
}
.item-Group3 {
    width: 400px;
    margin: 0 20px 0 0;
}

.item-Group3 .c1 h3{
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    background: #ebe8e8;
    padding: 0 10px;
    color: #666666;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.item-Group3 .c1 h3 span{
    width:40px;
    padding-right: 8px;
    font-size: 16px ;
    color: #334259;
}
.item-Group3 .c1 .iName{
    height: 40px;
    line-height: 40px;
    background: #faf8f7;
    padding: 0 40px 0px 36px;
    color: #878787;
    font-size: 14px;

}
.item-Group4 {
    width: 780px;
}
.item-Group4 .trainD img{
    float: left;
}
.category-slider-content {
    background-color: #334259;
    height: 235px;
    width: 296px;
    line-height: 1.6;
    margin-right: 20px;
}
.category-slider-content .inner {
    border: 2px solid #4d5b70;
    margin: 20px;
    padding: 20px;
    height: 150px;
}
.category-slider-content .title {
    font-weight:700;
    color:#fff;
    text-align:center;
    padding-top:10px;
    font-size:15px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.category-slider-content .des, .category-slider-content .meta {
    color:#7d828d;
    font-size:12px;
    margin-top:20px;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    overflow:hidden;
}
.category-slider-content .meta {
    text-align: center;
}

.dateList{
    width: 466px;
    background: #f6f6f6;
    padding:12px 20px;
    height: 235px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.dateList .date{
    float: left;
    width: 36px;
    padding: 0 7px;
    background: #334259;
    color: #fff;
    text-align: center;
}
.dateList .date i{
    width: 50px;
    display: block;
    background: #fff;
    color: #334259;
    height: 24px;
    line-height: 24px;
    margin-left: -7px;
}
.dateList p{
    float: left;
    width: 366px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-left: 10px;
}
.dateList li{
    height: 70px;
}
.dateList li a{
    float: left;
    padding: 9px 0 9px 0;
    border-bottom: 1px solid #ebebeb;
    line-height: 24px;
}
.dateList li span{
    display: inline-block;
    margin-right: 20px;
}

.trainD{

}
.Aright{
    float: left;
    background: #f6f6f6;
    width: 380px;
    height: 212px;
    padding:14px 20px;
}
.Aright h1{
    font-size: 16px;
    color: #333333;
    line-height: 34px;
}
.Aright h1:hover{
    color: #334259;
}
.Aright span{
    line-height: 34px;
    color: #999;
}
.Aright p{
    font-size: 13px;
    color: #666;
    line-height: 24px;
    border-top: 1px solid #ebebeb;
    padding-top: 14px;
}
.Aright i{
    width:80px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 4px;
    background: #334259;
    float: right;
    color: #fff;
    font-size: 12px;
    margin-top: 10px;
}


/*搜索*/
button, img, fieldset, input, textarea, select {
    border: 0;
    outline: none;
}
.m-search {
    height: 62px;
}
.m-search .searchbox {
    float: left;
    margin:34px 34px 80px;
    box-shadow: 6px 0px 32px #dadada;
}
.m-search .searchbox .search-input {
    float: left;
    position: relative;
    height: 66px;
    line-height: 66px;
}
.m-search .searchbox input {
    background: #fff;
    color: #868686;
    font-size: 16px;
    width: 556px;
    height: 42px;
    line-height: 42px;
    padding: 0 16px;
    border-radius: 2px 0 0 2px;
}
.s-btn-b {
    font-size: 16px;
    min-width: 100px;
    height: 62px;
    line-height: 62px;
    color: #fefefe;
    background: #fff url(../images/ser.jpg) 28px 9px no-repeat;
}
.s-btn-b {
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    border-radius: 0px 2px 2px 0;
    padding: 0 10px;
    cursor: pointer;
}
.inrightList .headTab {
    width: 754px;
    line-height: 42px;
    border-bottom: 1px solid #ebebeb;
}
.inrightList .headTab h1{
    font-size: 15px;
    color: #4a6082;
    padding-left: 10px;
    border-left: 4px solid #4a6082;
    line-height: 32px;
}
.tips{
    margin: 32px 36px;float: left;font-size: 16px;
}
.inrightList .headTab {
    width: 754px;
    line-height: 42px;
    border-bottom: 1px solid #ebebeb;
}

.dtArt {
    height: 78px;
    padding: 15px;
}

.dtArt span {
    display: block;
    width: 26px;
    height: 3px;
    background: #6dca78;
}

.dtArt h1 {
    color: #666;
    font-size: 16px;
    line-height: 36px;
}

.dtArt a {
    font-size: 13px;
    line-height: 20px;
    color: #808080;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.wMore {
    display: block;
    width: 100%;
    height: 38px;
    line-height: 38px;
    text-align: center;
    background: #6dca78;
    color: #fff;
}


/* 网站底部导航*/
.cR-btm {
    background: #393939;
    padding: 65px 0 0px;
    border-bottom: 1px solid #333333;
}
.cR-btm .iconT{
    margin-bottom: 102px;
}

.cR-btm .iconT li{
    float: left;
    width: 220px;
    height: 120px;
    padding: 45px 40px 56px;
}
.cR-btm .iconT li p{
    line-height: 26px;
}
.cR-btm .iconT li h3{
    text-align: center;
    padding: 0 0 0 22px;
    line-height:30px;
    margin-bottom: 26px;
    font-size: 18px;
    color: #4d4d4d;
    font-weight: bold;
}
.cR-btm .iconT li.z1{
    background: #fff;
}
.cR-btm .iconT li.z1 h3{
    background: url(../images/icon_1.png) 44px 2px no-repeat;
}
.cR-btm .iconT li.z2{
    color: #fff;
    background: #e45a5a;
}
.cR-btm .iconT li.z2 h3{
    color: #fff;
    background: url(../images/icon_2.png) 44px 2px no-repeat;
}
.cR-btm .iconT li.z3{
    color: #fff;
    background: #4a6082;
}
.cR-btm .iconT li.z3 h3{
    color: #fff;
    background: url(../images/icon_3.png) 44px 2px no-repeat;
}
.cR-btm .iconT li.z3 h3{
    color: #fff;
}
.cR-btm .iconT li.z4{
    background: #fff;
}
.cR-btm .iconT li.z4 h3{
    background: url(../images/icon_4.png) 44px 2px no-repeat;
}
.cR-contact{
    margin-bottom: 50px;
}
.cR-contact li{
    width: 300px;
    padding: 0 0 0 100px;
    float: left;
    font-size: 16px;
    color: #fff;
    height: 80px;
}
.cR-contact li h1{
    margin: 12px 0 10px;
}
.cR-contact li span{
    color: #828282;
    font-size: 14px;
}
.cR-contact li.c1{
    background: url(../images/icon_5.png)  left no-repeat;
}
.cR-contact li.c2{
    background: url(../images/icon_6.png)  left no-repeat;
}
.cR-contact li.c3{
    background: url(../images/icon_7.png)  left no-repeat;
}
.cR{
    background: #393939;
    border-top:1px solid #434343;
}

.cR li{
    float: left;
    height: 70px;
    line-height: 70px;
}
.cR li{
    border-top:2px solid #e25462;
}
.cR li a{
    color: #ebebeb;
    margin: 0 14px;
    height: 70px;
}
.cR .fr{
    #height: 70px;
    #line-height: 70px;
    color: #ebebeb;
    height: 70px;
    line-height: 70px;
}
.fr a{
    color: inherit;
}


/*内页 banner*/

.b4 {
    width: 100%;
    height: 280px;
    text-align: center;
    margin: 0 auto;
    background: url(../images/b4.jpg) center no-repeat;
    border-top:2px solid #fd7682;
}
.b5 {
    width: 100%;
    height: 280px;
    text-align: center;
    margin: 0 auto;
    background: url(../images/b5.jpg) center no-repeat;
    border-top:2px solid #fd7682;
}
.b6 {
    width: 100%;
    height: 280px;
    text-align: center;
    margin: 0 auto;
    background: url(../images/b6.jpg) center no-repeat;
    border-top:2px solid #fd7682;
}
.b7 {
    width: 100%;
    height: 280px;
    text-align: center;
    margin: 0 auto;
    background: url(../images/b7.jpg) center no-repeat;
    border-top:2px solid #fd7682;
}
.b9 {
    width: 100%;
    height: 280px;
    text-align: center;
    margin: 0 auto;
    background: url(../images/b9.jpg) center no-repeat;
    border-top:2px solid #fd7682;
}
.main {
    padding: 80px 0;
    background: #f7f7f7;
}

/*内页左边导航*/
.inLeftnav {
    width: 260px;
    padding: 26px 26px 26px 50px;
    /*border-right:2px solid #ebebeb;*/
}

.inLeftnav h3 {
    font-size: 18px;
    color: #334259;
    padding: 0 0 0 18px;
}

.inLeftnav h3 span {
    font-size: 13px;
    padding-left: 8px;
    text-transform: uppercase;
}

.inLeftnav ul {
    margin-top: 20px;
    border-top: 1px solid #f2f2f6;
}

.inLeftnav li {
    border-bottom: 1px solid #f2f2f6;
}

.inLeftnav li a {
    display: block;
    width: 100%;
    height: 48px;
    line-height: 48px;
}

.inLeftnav li a span {
    display: inline-block;
    margin: 4px 34px 4px 18px;
    width: 4px;
    height: 4px;
    background: #4a6082;
}

.inLeftnav li a.on {
    width: 100%;
    height: 48px;
    background: #effcf0;
    color: #4a6082;
}

/*内页右边导航*/

.inrightList {
    width: 754px;
    margin-top: 22px;
    padding: 0 50px 0 36px;
    margin-bottom: 40px;
    border-left: 1px solid #ebebeb;
}

.inrightList .head h1 {
    font-size: 15px;
    color: #4a6082;
    padding-left: 10px;
    border-left: 4px solid #4a6082;
    line-height: 32px;
}
.inrightList .head {
    width: 754px;
    line-height: 42px;
    border-bottom: 1px solid #ebebeb;
}

.inrightList .head span {
    font-size: 14px;
    color: #adadad;
    line-height: 40px;
}

.inrightList .head span a.last {
    color: #4a6082;;
}

.h-aboutCt {
    width: 760px;
    margin: 0 0 50px 0;
}
.h-aboutCt h1{
    text-align: center;
    font-size: 19px;
    line-height: 30px;
    color: #2b2b2b;
    margin: 28px 0 24px;
    font-weight: bold;
}
.inLeftnav li a {
    display: block;
    width: 100%;
    line-height: 48px;
    color: #696969
}

.inLeftnav li a.on {
    background: #effcf0;
    color: #4a6082;
}

.inLeftnav li .downlist span {
    display: inline-block;
    margin: 6px 18px 4px 32px;
    width: 6px;
    height: 2px;
    background: #bdbdbd;
}

.inLeftnav li .downlist {
    border-top: 1px solid #f2f2f6;
}

.h-aboutCt p {
    width:760px;
    line-height: 28px;
    margin: 12px 0;
}
.realCaseList ul li:nth-child(4n+4){margin-right: 0 !important;}

.realCaseList ul li{ width: 24.85%; height:316px; float: left;text-align: center;position: relative;overflow:hidden;margin-right: 0.2%;margin-bottom: 0.2%; }
.inLeftnav li a {
    display: block;
    width: 100%;
    line-height: 48px;
    color: #696969
}

.inLeftnav li a.on {
    background: #effcf0;
    color: #4a6082;
}

.inLeftnav li .downlist span {
    display: inline-block;
    margin: 6px 18px 4px 32px;
    width: 6px;
    height: 2px;
    background: #bdbdbd;
}
.inLeftnav li .downlist{
    margin-top: 0px;
}
.inLeftnav li .downlist li{
    margin-top: 0px;
    width: 100%;
    height: 42px;
    line-height: 42px;
}
.inLeftnav li .downlist li a.active{color: #4a6082;}
.inLeftnav li .downlist li:last-child{border:none;}
.h-aboutCt .map {
    margin-top: 40px;
    width: 752px;
    height: 288px;
    border: 1px solid #dad9d9;
    background: #fff;
}



.inLeftnav li a {
    display: block;
    width: 100%;
    line-height: 48px;
    color: #696969
}

.inLeftnav li a.on {
    background: #effcf0;
    color: #6b91cb;
}

.inLeftnav li .downlist span {
    display: inline-block;
    margin: 6px 18px 4px 32px;
    width: 6px;
    height: 2px;
    background: #bdbdbd;
}

.inLeftnav li .downlist {
    border-top: 1px solid #f2f2f6;
}

.h-aboutCt p {
    line-height: 28px;
    margin: 12px 0;
}
.realCaseList ul li:nth-child(4n+4){margin-right: 0 !important;}

.realCaseList ul li{ width: 24.85%; height:316px; float: left;text-align: center;position: relative;overflow:hidden;margin-right: 0.2%;margin-bottom: 0.2%; }
.inLeftnav li a {
    display: block;
    width: 100%;
    line-height: 48px;
    color: #696969
}

.inLeftnav li a.on {
    background: #eff6ff;
    color: #4a6082;
}

.inLeftnav li .downlist span {
    display: inline-block;
    margin: 6px 18px 4px 32px;
    width: 6px;
    height: 2px;
    background: #bdbdbd;
}
.inLeftnav li .downlist{
    margin-top: 0px;
}
.inLeftnav li .downlist li{
    margin-top: 0px;
    width: 100%;
    height: 42px;
    line-height: 42px;
}
.inLeftnav li .downlist li a.active{color: #4a6082;}
.inLeftnav li .downlist li:last-child{border:none;}
.h-aboutCt .map {
    margin-top: 40px;
    width: 752px;
    height: 288px;
    border: 1px solid #dad9d9;
    background: #fff;
}

/*新闻中心 -- 新闻资讯 -- 列表*/
.h-newsCt .newsctList li {
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    color: #444;
    border-bottom: dashed 1px #e5e5e5;
    clear: both;
    overflow: hidden;
}

.h-newsCt .newsctList li a span.icon {
    display: inline-block;
    background: #4a6082;
    width: 4px;
    height: 4px;
    margin-right: 12px;
}

.h-newsCt .newsctList li a {
    color: #757575;
    float: left;
}

.h-newsCt .newsctList li a:hover {
    color: #4a6082;
}

.h-newsCt .newsctList li .date {
    margin-right: 5px;
    color: #4a6082;
}

/*翻页*/
.pageTo {
    text-align: center;
    margin: 62px 0 10px;
}

.pageTo a {
    display: inline-block;
    _zoom: 1;
    _display: inline;
    width: 30px;
    height: 34px;
    padding: 2px 6px;
    text-align: center;
    line-height: 36px;
    font-size: 14px;
    color: #666666;
    border: 1px solid #d9d9d9;
    margin: 0 4px;
    transition: 1s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
}

.pageTo a.on {
    color: #fff;
    background: #4a6082;
    border: 1px solid #3f5578;
}

/*内页 招聘信息*/
.recruitment {
    width: 754px;
    position: relative;
    z-index: 1;
    padding: 2px 0px 20px;
    margin-top: 16px;
}

.recruitment li {
    margin-bottom: 12px;
}

.recruitment li h3 {
    border: 1px solid #ebebeb;
    padding: 0 0 0 14px;
    height: 40px;
    line-height: 40px;
    font-size: 15px
}

.recruitment li .box {
    border: 1px solid #ebebeb;
    padding: 12px 12px 18px;
    margin-top: -1px;
    background: #fbfbfb;
    display: none;
}

.recruitment li .box p {
    line-height: 28px;
    font-size: 14px;
}

.recruitment li span {
    color: #4a6082;
    width: 88px;
    height: 42px;
    float: right;
    padding-right: 14px;
}
/*期刊目录*/
.journalList h3 {
    font-size: 16px;
    line-height: 40px;
    background: #ececec;
    padding: 0 10px;
    color: #666666;
}
.journalList h3 span {
    width: 40px;
    padding-right: 8px;
    font-size: 16px;
    color: #334259;
}
.journalList .iName {
    height: 40px;
    line-height: 40px;
    background: #fff;
    padding: 0 40px 0px 36px;
    color: #878787;
    font-size: 14px;
}