@charset "utf-8";
.pubBar{ margin: 0 auto; padding: 30px 0; background-color: #fff}
.pubBar:first-child{ margin-top: 0}
.pubBar:last-child{ margin-bottom: 0}
/** 新春元素 样式 **/
/*#top_contactBar{ background: none; border:none; box-shadow: none}
#top_contactBar p{ color: #fff}
#NewYearBar{ max-width: 1180px; margin: 0 auto; text-align: center}
#NewYearBar img{ height: 300px; margin: 0 auto;}
body{ background-image: url("../images/newyear.png"); background-repeat: no-repeat; background-size: cover; background-position: top}*/

/** 轮播图板块 样式 **/
#bannerBar{ width: 100%; max-width: 1180px; height: 270px}
#bannerBar .bannerCon{ width: 100%; height: 270px; background: #eee; background-repeat: no-repeat; background-position: center; background-size: cover; position: relative;  transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s;}
#bannerBar .arrowBar{ height: 100%; padding: 0 15px; /*background: rgba(0,0,0,.03);*/ cursor: pointer; position: absolute; z-index: 8; top:0; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s;}
/*#bannerBar .arrowBar:hover{ background: rgba(0,0,0,.13);}*/
#bannerBar .arrowBar .arrow{ margin-top: 95px; font-size: 80px; color: #fafafa; text-shadow: 0 0 3px rgba(0,0,0,.33); transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s;}
#bannerBar .arrowBar .arrow:hover{ color: #fff; text-shadow: 0 0 2px rgba(0,0,0,.33);}
#bannerBar .navBar{ width: 100%; padding: 15px 0; position: absolute; z-index: 9; left: 0; bottom: 0;}
#bannerBar .navBar .content{ width: 100%; text-align: center;}
#bannerBar .navBar .content ol{ width: 10px; cursor: pointer; margin-right: 10px; height: 10px; border: 2px #fff solid; border-radius: 999px; display: inline-block; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s;}
#bannerBar .navBar .content ol:last-child{ margin: 0}
#bannerBar .navBar .content .active{ background: #fff}

/** 新闻板块 样式 **/
#newsBar{ width: 100%; max-width: 1180px; height: 360px;}
#newsBar .newsImgBar{ width: 580px; max-width: 580px; height: 100%; position: relative}
#newsBar .newsImgBar img{ max-width: 100%; height: 100%;}
#newsBar .newsImgBar .decBar{ width: 100%; background: rgba(0,0,0,.43); padding: 10px 0; position: absolute; bottom: 0; left: 0; z-index: 1}
#newsBar .newsImgBar .dec{ width: 90%; margin: 0 auto; color: #fff; font-size: 14px;}
#newsBar .newsImgBar .dec p{ width: 100%; white-space: nowrap; overflow : hidden; text-overflow: ellipsis;}
#newsBar .newsImgBar .dec a,#newsBar .newsImgBar .dec a:visited{color: #ffffff}
#newsBar .newsImgBar .dec a:hover{text-decoration: underline}
#newsBar .newsListBar{ width: 572px; max-width: 572px; height: 100%;}
#newsBar .newsListBar .newsTopBar{ width: 100%; height: 38px;}
#newsBar .newsListBar .newsTopBar ul{ height: 37px;}
#newsBar .newsListBar .newsTopBar ul li{ float: left; height: 37px; background: #f4f4f4; border: 1px #ddd solid; cursor: pointer}
#newsBar .newsListBar .newsTopBar ul .active{ background: #fff;}
#newsBar .newsListBar .newsTopBar ul .active p{ font-weight: bold;color: #0780de}
#newsBar .newsListBar .newsTopBar ul li:last-child{ margin-left: -1px}
#newsBar .newsListBar .newsTopBar ul li p{ font-size: 16px; color: #1b1b1b; margin-top: 8px; padding: 0 20px;}
#newsBar .newsListBar .newsBodyBar{ width: 100%; height:320px; border: 1px #ddd solid;}
#newsBar .newsListBar .newsBodyBar ul{ width: 100%; height: 100%;}
#newsBar .newsListBar .newsBodyBar ul li{ width: 90%; height: 22px; margin: 0 auto; padding: 10px 0;}
#newsBar .newsListBar .newsBodyBar ul li .titleBar{ width: 75%; height: 100%;}
#newsBar .newsListBar .newsBodyBar ul li .titleBar a p{width: 100%; font-size: 14px; color: #1b1b1b; text-align: left; white-space: nowrap; overflow : hidden; text-overflow: ellipsis;}
#newsBar .newsListBar .newsBodyBar ul li .titleBar a p:before{content: "· "; font-weight: bold}
#newsBar .newsListBar .newsBodyBar ul li .titleBar a:hover p{ color: #0780de}
#newsBar .newsListBar .newsBodyBar ul li .dateBar{ width: 25%; height: 100%;}
#newsBar .newsListBar .newsBodyBar ul li .dateBar p{ font-size: 14px; color: #535353; text-align: right}

/** 内容板块 样式 **/
#contentBar{ width: 100%; max-width: 1180px; height: 672px;}
#contentBar .contentSolveBar{ width: 770px; max-width: 770px;}
#contentBar .contentSolveBar .titleImgBar{ }
#contentBar .contentSolveBar .solveListBar{ width: 100%; height: 516px; border: 1px #ddd solid; padding: 10px 0;}
#contentBar .contentSolveBar .solveListBar .solveListCon{ width: 95%; margin: 0 auto;}
#contentBar .contentSolveBar .solveListBar .solveListCon .titleBar{ width: 100%; height: 26px; border-bottom: 1px #ddd solid;}
#contentBar .contentSolveBar .solveListBar .solveListCon .titleBar .titleText{ font-size: 15px; font-weight: bold; color: #1b1b1b}
#contentBar .contentSolveBar .solveListBar .solveListCon .titleBar .titleText span{ font-size: 12px; color: #0780de; margin-right: 5px}
#contentBar .contentSolveBar .solveListBar .solveListCon .titleBar .menuBar{ height: 100%;}
#contentBar .contentSolveBar .solveListBar .solveListCon .titleBar .menuBar ul{ height: 100%;}
#contentBar .contentSolveBar .solveListBar .solveListCon .titleBar .menuBar ul li{ padding: 0 13px; border-right: 1px #535353 solid; float: left;}
#contentBar .contentSolveBar .solveListBar .solveListCon .titleBar .menuBar ul li:first-child{ padding-left: 0}
#contentBar .contentSolveBar .solveListBar .solveListCon .titleBar .menuBar ul li:last-child{ border-right: none; padding-right: 0}
#contentBar .contentSolveBar .solveListBar .solveListCon .titleBar .menuBar ul .active a{color: #0780de;}
#contentBar .contentSolveBar .solveListBar .solveListCon .titleBar .menuBar ul li a{ color: #535353; font-size: 14px;}
#contentBar .contentSolveBar .solveListBar .solveListCon .titleBar .menuBar ul li a:hover{ color: #0780de;}
#contentBar .contentSolveBar .solveListBar .solveListCon .listBar{ width: 100%; height: 496px;}
#contentBar .contentSolveBar .solveListBar .solveListCon .listBar ul{ width: 100%; height: 100%}
#contentBar .contentSolveBar .solveListBar .solveListCon .listBar ul li{ width: 95%; margin: 0 auto; padding: 20px 0; border-bottom: 1px #ddd solid}
#contentBar .contentSolveBar .solveListBar .solveListCon .listBar ul li:last-child{ border-bottom: none}
#contentBar .contentSolveBar .solveListBar .solveListCon .listBar ul li .sumBar{ width: 100%; height: 80px;}
#contentBar .contentSolveBar .solveListBar .solveListCon .listBar ul li .sumBar .imgBar{ width: 90px; height: 80px;}
#contentBar .contentSolveBar .solveListBar .solveListCon .listBar ul li .sumBar .imgBar img{ width: 100%; max-height: 100%}
#contentBar .contentSolveBar .solveListBar .solveListCon .listBar ul li .sumBar .textBar{ height: 60px; padding-top: 10px; padding-left: 105px}
#contentBar .contentSolveBar .solveListBar .solveListCon .listBar ul li .sumBar .textBar p{ font-size: 14px; color: #535353; word-break: break-all}
#contentBar .contentSummaryBar{ width: 380px; max-width: 380px;}
#contentBar .contentSummaryBar .comSummaryBar{ width: 100%; height: 480px; padding: 10px 0; border: 1px #ddd solid;}
#contentBar .contentSummaryBar .comSummaryBar .comSummaryCon{ width: 95%; margin: 0 auto;}
#contentBar .contentSummaryBar .comSummaryBar .comSummaryCon .titleBar{ width: 100%; margin-bottom: 10px;}
#contentBar .contentSummaryBar .comSummaryBar .comSummaryCon .titleBar p{ font-size: 15px; font-weight: bold; color: #1b1b1b}
#contentBar .contentSummaryBar .comSummaryBar .comSummaryCon .titleBar span{font-size: 12px; color: #0780de; margin-right: 5px}
#contentBar .contentSummaryBar .comSummaryBar .comSummaryCon .sumBar{ width: 100%;}
#contentBar .contentSummaryBar .comSummaryBar .comSummaryCon .sumBar img{ width: 100%; max-height: 229px; margin-bottom: 10px}
#contentBar .contentSummaryBar .comSummaryBar .comSummaryCon .sumBar p{ text-indent: 2em; font-size: 14px; color: #535353; line-height: 28px; word-break: break-all;}
#contentBar .contentSummaryBar .comSummaryBar .comSummaryCon .sumBar .more{ width: 100%; margin-top: 10px; text-align: right;}
#contentBar .contentSummaryBar .comSummaryBar .comSummaryCon .sumBar .more a{ color:#0780de;}
#contentBar .contentSummaryBar .articleBar{ width: 100%; height: 150px; margin-top: 20px}
#contentBar .contentSummaryBar .articleBar ul{ width: 100%; height: 100%;}
#contentBar .contentSummaryBar .articleBar ul li{ width: 100%; height: 68px; margin-bottom: 15px;}
#contentBar .contentSummaryBar .articleBar ul li:last-child{ margin-bottom: 0}
#contentBar .contentSummaryBar .articleBar ul li img{ width: 100%; max-height: 68px;}

/** 伙伴板块 样式 **/
#partnerBar{ width: 100%; max-width: 1180px; height: 180px; padding: 10px 0; border: 1px #ddd solid; padding-bottom: 30px}
#partnerBar .contentListBar{ max-width: 1144px; margin: 0 auto}
#partnerBar .contentListBar .titleBar{ width: 100%; margin-bottom: 10px;}
#partnerBar .contentListBar .titleBar p{ font-size: 15px; font-weight: bold; color: #1b1b1b}
#partnerBar .contentListBar .titleBar span{font-size: 12px; color: #0780de; margin-right: 5px}
#partnerBar .contentListBar .listBar{ width: 100%; height: 125px; padding: 10px 0; position: relative;}
#partnerBar .contentListBar .listBar .listCon{ width: 100%; height: 100%; background: #fff; overflow: hidden;white-space: nowrap;}
#partnerBar .contentListBar .listBar .listCon #ScrollBar_Start,#partnerBar .contentListBar .listBar .listCon #ScrollBar_End{ width: 1620px; float: left}
#partnerBar .contentListBar .listBar .listCon ul{ width: 100%; height: 100%; transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s;}
#partnerBar .contentListBar .listBar .listCon ul li{ width: 155px; height: 123px; float: left; border: 1px #ddd solid; margin-right: 5px;}
#partnerBar .contentListBar .listBar .listCon ul li:last-child{ margin-right: 0}
#partnerBar .contentListBar .listBar .listCon ul li img{ width: 100%; height: 100%;}