body {

  font      : 12px/1.5 "microsoft yahei", "\5FAE\8F6F\96C5\9ED1", arial, simsun, sans-serif;

  margin    : 0 auto;

  background: #fff;

  color     : #333;

  min-width : 1200px;

}



html,

body {

  margin      : 0;

  padding     : 0;

  /* min-width: 1250px; */

}



ul,

li {

  list-style: none;

  padding   : 0;

  margin    : 0;

}



a {

  text-decoration: none;

  color          : #333;

}



a:hover {

  color: #0c4da2;

}



.zd-center {

  width : 1200px;

  margin: 0 auto;

}

.foot-img img{

  width: 98px;

  height: 98px;

}

.zd-title {

  width        : 100%;

  border-bottom: 1px solid #eaeaea;

}



.zd-title span {

  position      : relative;

  top           : 1px;

  color         : #0c4da2;

  display       : inline-block;

  border-bottom : 1px solid #0c4da2;

  width         : 70px;

  padding-bottom: 10px;

  font-size     : 17px;

}



.zd-title a {

  font-size     : 14px;

  float         : right;

  color         : #0c4da2;

  vertical-align: top;

}



.more {

  margin-top   : 3x;

  float        : right;

  border-radius: 10px;

  transition   : 0.2s;

  width        : 72px;

  height       : 22px;

  background   : #3a3a3a;

  color        : #fff;

  display      : block;

  text-align   : center;

  font-size    : 12px;

  line-height  : 22px;

}



.more:hover {

  color: #0c4da2;

}



.fl {

  float: left

}



.fr {

  float: right

}



.abso {

  position: absolute

}



/*三角箭头*/

.dialog-noBorder {

  background           : #FFF;

  margin               : 0 auto;

  -webkit-border-radius: 0px;

  -moz-border-radius   : 0px;

  border-radius        : 0px;

  position             : relative;

  padding              : 15px 20px;

  box-shadow           : 2px 2px 3px rgba(0, 0, 0, .03);

  color                : #333;

  font-size            : 14px;

}



.dialog-noBorder-right {



  background           : #FFF;

  margin               : 0 auto;

  -webkit-border-radius: 0px;

  -moz-border-radius   : 0px;

  border-radius        : 0px;

  position             : relative;

  padding              : 15px 20px;

  box-shadow           : 2px 2px 3px rgba(0, 0, 0, .03);

  color                : #333;

  font-size            : 14px;



}



.dialog-noBorder::before {

  content      : '';

  position     : absolute;

  top          : 30%;

  right        : -8px;

  border-left  : 8px solid #fff;

  border-top   : 8px solid transparent;

  border-bottom: 8px solid transparent;



}



.dialog-noBorder-right::before {

  content      : '';

  position     : absolute;

  top          : 30%;

  left         : -8px;

  border-right : 8px solid #fff;

  border-top   : 8px solid transparent;

  border-bottom: 8px solid transparent;

}



/*header*/

.zd-header {

  overflow: hidden;

  height  : 80px;

}



.zd-header>div:nth-of-type(1) {

  float      : left;

  padding-top: 5px;

}



.zd-header>div:nth-of-type(1) img {

  width: 200px

}



.zd-header>div:nth-of-type(2) {

  float: right;

}



.zd-nav>li {

  display     : inline-block;

  height      : 80px;

  line-height : 80px;

  margin-right: 20px;

}



.zd-nav>li>a {

  display   : block;

  padding   : 0 18px;

  color     : #555;

  font-size : 15px;

  transition: all .3s ease;

}



.zd-nav>li:hover a {

  color     : #FFF !important;

  background: #0c4da2

}



.zd-active>a {

  color     : #FFF !important;

  background: #0c4da2

}



/* .zd-nav>li:last-child>a{color:#0c4da2 !important;position:relative;} */

/* .zd-nav>li:last-child>a:hover{background: #FFF} */



.hideul {

  white-space: nowrap;

  min-width  : 101px;

  display    : none;

  position   : absolute;

  z-index    : 999;

  top        : 80px;

  ;

}



.hideul>li {

  padding: 0;

}



.hideul>li>a {

  font-size  : 13px;

  height     : 34px;

  line-height: 34px;

  display    : block;

  padding    : 0 18px;

  background : #0c4da1;

  color      : #FFF;

}



.hideul>li>a:hover {

  background     : #0c4da2;

  text-decoration: underline

}







/*轮播*/

.flexslider {

  position  : relative;

  height    : 400px;

  overflow  : hidden;

  background: url(../addons/cms/img/loading.gif) 50% no-repeat;

}



.slides {

  position: relative;

  z-index : 1;

}



.slides li {

  height: 400px;

}



.flex-control-nav {

  position  : absolute;

  bottom    : 10px;

  z-index   : 2;

  width     : 100%;

  text-align: center;

}



.flex-control-nav li {

  display : inline-block;

  width   : 50px;

  height  : 5px;

  margin  : 0 5px;

  *display: inline;

  zoom    : 1;

  overflow: hidden;

}



.flex-control-nav a {

  display    : inline-block;

  width      : 50px;

  height     : 5px;

  line-height: 40px;

  background : url(../addons/cms/img/dot.png) right 0 no-repeat;

  cursor     : pointer;

}



.flex-control-nav .flex-active {

  background-position: 0 0;

}



.flex-control-paging {

  overflow: hidden;

}



.flex-direction-nav {

  position: absolute;

  z-index : 3;

  width   : 100%;

  top     : 45%;

}



.flex-direction-nav li a {

  display : block;

  width   : 50px;

  height  : 50px;

  overflow: hidden;

  cursor  : pointer;

  position: absolute;

}



/*

.flex-direction-nav li a.flex-prev{left :40px;background:url(../addons/cms/img/prev.png) center center no-repeat;}

.flex-direction-nav li a.flex-next{right:40px;background:url(../addons/cms/img/next.png) center center no-repeat;}

*/

/*一楼*/

.jianjieimg img {

  width : 100%;

  height: 100%;

}



.s1 {

  overflow     : hidden;

  margin-top   : 15px;

  margin-bottom: 45px;

}



.s1>div:nth-of-type(1) {

  float: left;

  width: 655px;

}



.s1>div:nth-of-type(2) {

  float: right;

  width: 500px;

}



.company {

  overflow  : hidden;

  margin-top: 25px;

}



.company>div:nth-of-type(1) {

  float : left;

  width : 330px;

  height: 250px;

}



.company>div:nth-of-type(2) {

  float : right;

  width : 295px;

  height: 250px;

}



.companyinfo>div {

  font-size  : 12px;

  text-indent: 2em;

  line-height: 28px;

  color      : #333;

}



.companyinfo>div>p {

  margin: 0

}



.gsdt-nav {

  border-bottom: 1px solid #eaeaea;

}



.gsdt-nav>a {

  font-size   : 16px;

  display     : inline-block;

  width       : 69px;

  padding     : 13px 0;

  position    : relative;

  top         : 1px;

  margin-right: 70px;

  text-align  : center;

  color       : #999

}



.gsdt-nav>a:last-child {

  margin-right: 0;

}



.gsdt-active {

  color        : #0c4da2 !important;

  border-bottom: 1px solid #0c4da2;

}



.gsdt-nav {

  margin-bottom: 25px;

}



.newsfirst {

  overflow: hidden;

  display : block

}



.newsfirst>div:nth-of-type(1) {

  width : 150px;

  height: 100px;

  float : left;

}



.newsfirst>div:nth-of-type(1) img {

  width : 100%;

  height: 100%;

}



.newsfirst-info {

  float: right;

  width: 330px;

}



.newsfirst-info>p:nth-of-type(1) {

  margin       : 0;

  font-size    : 16px;

  color        : #000;

  white-space  : nowrap;

  text-overflow: ellipsis;

  overflow     : hidden;

  word-break   : break-all;

}



.newsfirst-info>p:nth-of-type(2) {

  margin-top   : 7px;

  margin-bottom: 5px;

  font-size    : 13px;

  color        : #999;

}



.newsfirst-info>p:nth-of-type(3) {

  margin            : 0;

  font-size         : 13px;

  color             : #999;

  line-height       : 26px;

  height            : 50px;

  overflow          : hidden;

  text-overflow     : ellipsis;

  display           : -webkit-box;

  -webkit-line-clamp: 2;

  line-clamp        : 2;

  -webkit-box-orient: vertical;

}



.newslists>a {

  display      : block;

  overflow     : hidden;

  height       : 44px;

  line-height  : 44px;

  border-bottom: 1px dashed #CCC;

  transition   : 0.1s;

  width        : 100%;

}



.newslists>a img {

  position: relative;

  top     : -18px;

}



.newslists>a>span:nth-of-type(1) {

  display      : inline-block;

  color        : #333;

  font-size    : 14px;

  width        : 350px;

  white-space  : nowrap;

  text-overflow: ellipsis;

  overflow     : hidden;

  word-break   : break-all;

  margin-left  : 10px;

}



.newslists>a>span:nth-of-type(2) {

  float       : right;

  font-size   : 13px;

  margin-right: 5px;

}



.newslists>a:hover span {

  color: #0c4da2;

}



.show-ul {

  height  : 245px;

  overflow: hidden

}



.show-ul>ul {

  margin-bottom: 10px;

}



/*二楼*/

.s2 {

  background     : url(../addons/cms/img/kj2.jpg) no-repeat;

  background-size: cover;

  padding        : 10px 0;

  margin-top     : 40px;

  padding-bottom : 40px

}



.s2-content {

  position  : relative;

  height    : 600px;

  margin-top: 17px;

  overflow  : hidden;

}



.s2-row {

  position  : absolute;

  width     : 3px;

  background: #0c4da2;

  height    : 600px;

  left      : 50%;

}



#year1 {

  position: absolute;

  top     : 40px;

  left    : 510px;

}



#year1>div:nth-of-type(1) {

  font-size  : 16px;

  background : url(../addons/cms/img/dateleft.png) no-repeat;

  width      : 117px;

  height     : 46px;

  color      : #FFF;

  text-align : center;

  line-height: 30px;

}



.abso>div:nth-of-type(2) {

  position: absolute;

}



#year2 {

  position: absolute;

  top     : 120px;

  right   : 510px;

}



#year2>div:nth-of-type(1) {

  font-size  : 16px;

  background : url(../addons/cms/img/dateright.png) no-repeat;

  width      : 117px;

  height     : 46px;

  color      : #FFF;

  text-align : center;

  line-height: 30px;

}



#year3 {

  position: absolute;

  top     : 200px;

  left    : 510px;

}



#year3>div:nth-of-type(1) {

  font-size  : 16px;

  background : url(../addons/cms/img/dateleft.png) no-repeat;

  width      : 117px;

  height     : 46px;

  color      : #FFF;

  text-align : center;

  line-height: 30px;

}



#year4 {

  position: absolute;

  top     : 280px;

  right   : 510px;

}



#year4>div:nth-of-type(1) {

  font-size  : 16px;

  background : url(../addons/cms/img/dateright.png) no-repeat;

  width      : 117px;

  height     : 46px;

  color      : #FFF;

  text-align : center;

  line-height: 30px;

}



#year5 {

  position: absolute;

  top     : 360px;

  left    : 510px;

}



#year5>div:nth-of-type(1) {

  font-size  : 16px;

  background : url(../addons/cms/img/dateleft.png) no-repeat;

  width      : 117px;

  height     : 46px;

  color      : #FFF;

  text-align : center;

  line-height: 30px;

}



#year6 {

  position: absolute;

  top     : 440px;

  right   : 510px;

}



#year6>div:nth-of-type(1) {

  font-size  : 16px;

  background : url(../addons/cms/img/dateright.png) no-repeat;

  width      : 117px;

  height     : 46px;

  color      : #FFF;

  text-align : center;

  line-height: 30px;

}



#year7 {

  position: absolute;

  top     : 520px;

  left    : 510px;

}



#year7>div:nth-of-type(1) {

  font-size  : 16px;

  background : url(../addons/cms/img/dateleft.png) no-repeat;

  width      : 117px;

  height     : 46px;

  color      : #FFF;

  text-align : center;

  line-height: 30px;

}



/*三楼*/

.s3 {

  padding: 25px 0;

}



.s3-content>a {

  transition: 0.3s;

  display   : block;

  position  : relative;

  width     : 378px;

  height    : 245px;

  border    : 1px solid #CCC;

  display   : inline-block;

  margin    : 0;

}



.s3-content>a:nth-of-type(2) {

  margin: 0 25px

}



.s3-content>a:hover {

  box-shadow: 0 0 10px #999;

}



.s3-tit>img {

  transition: 0.3s;

}



.s3-content>a:hover .s3-tit>img {

  -moz-transform   : scaleX(-1);

  -webkit-transform: scaleX(-1);

  -o-transform     : scaleX(-1);

  transform        : scaleX(-1);

}



.s3-bg {

  position  : absolute;

  bottom    : 0;

  height    : 30px;

  width     : 100%;

  opacity   : 0.6;

  background: #000

}



.s3-tit {

  position      : absolute;

  bottom        : 0;

  height        : 30px;

  width         : 100%;

  color         : #FFF;

  text-align    : center;

  line-height   : 30px;

  vertical-align: top;

  overflow      : hidden;

}



.s3-tit img {

  float : right;

  height: 100%;

}



/*四楼*/

.s4 {

  background     : url(../addons/cms/img/kj1.jpg) no-repeat;

  background-size: cover;

  padding        : 20px 0;

  margin-top     : 40px;

  padding-bottom : 50px

}



.s4-content {

  width   : 596px;

  height  : 240px;

  display : inline-block;

  overflow: hidden

}



.divs4 {

  width   : 400px;

  height  : 240px;

  overflow: hidden

}



.divs4 img {

  width     : 100%;

  height    : 100%;

  transition: 0.4s;

}



.divs4 img:hover {

  transform: scale(1.1)

}



.s4-news-intro>p {

  font-size : 16px;

  color     : #0c4da2;

  text-align: center;

}



.s4-news-intro>div {

  font-size         : 12px;

  color             : #555;

  line-height       : 24px;

  height            : 145px;

  overflow          : hidden;

  text-overflow     : ellipsis;

  display           : -webkit-box;

  -webkit-line-clamp: 6;

  line-clamp        : 2;

  -webkit-box-orient: vertical;

}



.s4-noBorder-left {



  width     : 156px;

  height    : 210px;

  background: #FFF;

  margin    : 0 auto;

  position  : relative;

  padding   : 15px 20px;



  color    : #333;

  font-size: 14px;

}



.s4-noBorder-right {

  width     : 156px;

  height    : 210px;

  background: #FFF;

  margin    : 0 auto;



  position: relative;

  padding : 15px 20px;



  color    : #333;

  font-size: 14px;



}



.s4-noBorder-left::before {

  content      : '';

  position     : absolute;

  top          : 20%;

  left         : -10px;

  z-index      : 999;

  border-right : 10px solid #FFF;

  border-top   : 10px solid transparent;

  border-bottom: 10px solid transparent;



}



.s4-noBorder-right::before {

  content      : '';

  position     : absolute;

  top          : 30%;

  right        : -10px;

  z-index      : 9999;

  border-left  : 10px solid #fff;

  border-top   : 10px solid transparent;

  border-bottom: 10px solid transparent;

}



/*五楼*/

.s5 {

  padding-top   : 20px;

  padding-bottom: 40px;

}



.s5-content>a {

  width     : 350px;

  height    : 80px;

  display   : inline-block;

  margin    : 20px;

  border    : 1px solid #CCC;

  transition: 0.1s;

}



.s5-content>a:nth-of-type(5n+1) {

  margin-left: 25px;

}



.s5-content>a:nth-of-type(5n) {

  margin-right: 0;

}



.s5-content>a>img {

  width : 100%;

  height: 100%

}



.s5-content>a:hover {

  border: 1px solid #0c4da2;

}




.ewm {

  margin-left: 150px;

  margin-top : 41px !important;

}



.ewm>p:nth-of-type(1) {

  color     : #dadada;

  margin-top: 0;

  font-size : 14px;

}



.ewm>p:nth-of-type(1) img {

  width       : 24px;

  margin-right: 6px;

  position    : relative;

  top         : 6px;

}



.ewm>img {

  display      : block;

  margin       : 25px auto;

  margin-bottom: 20px;

}



.ewm>p:nth-of-type(2) {

  color     : #dadada;

  text-align: center;

  margin-top: 0;

  font-size : 14px;

}









/**列表页**/

.topbanner {

  background         : url(../addons/cms/img/topbanner.png);

  background-repeat  : repeat no-repeat;

  height             : 300px;

  background-position: top center;

  width              : 100% !important;

  background-size    : 1920px;

  overflow           : hidden

}



.topbanner>div:nth-of-type(1) {

  margin-top: 0;

  color     : #0c4da2;

  text-align: center;

  font-size : 36px;

  margin-top: 80px;

  opacity   : 0.8

}



.topbanner>div:nth-of-type(2) {

  margin-top: 0;

  color     : #999;

  text-align: center;

  font-size : 24px;

  margin-top: 10px;

  opacity   : 0.8

}



.newsnav>a {

  display     : inline-block;

  height      : 40px;

  line-height : 40px;

  padding     : 0 15px;

  background  : #eaeaea;

  color       : #444;

  font-size   : 14px;

  margin-right: 20px;

  transition  : 0.2s;

}



.newsnav>a:hover {

  background: #0c4da2 !important;

  color     : #FFF !important;

}



.nav-active {

  background: #0c4da2;

  color     : #FFF !important;

}



.zd-newslist-nav {

  margin-top   : 40px;

  border-bottom: 1px dashed #eaeaea;

  margin-bottom: 30px;

}



.bread-crumb {

  border-bottom : 1px solid #eaeaea;

  padding-bottom: 0px;

  margin-bottom : 15px;

}



.bread-crumb img {

  width       : 17px;

  margin-right: 5px;

}



.bread-crumb>p,

a {

  font-size: 14px;

  color    : #666;

}



.bread-crumb-active {

  color: #0c4da2;

}



.newslist {

  overflow: hidden;

  padding : 20px 0;

}



.newslist>div:nth-of-type(1) {

  width: 850px;

  float: left;

}



.newslist>div:nth-of-type(2) {

  float: right;

  width: 300px;

}



.newsimg {

  width : 250px;

  height: 154px;

}



.newsimg img {

  width : 100%;

  height: 100%;

}



.news-list-li {

  overflow      : hidden;

  border-bottom : 1px dashed #CCC;

  padding-top   : 30px;

  padding-bottom: 17px;

}



.news-list-li:first-child {

  padding-top: 0;

}



.newsimg {

  float: left;

}



.news-list-info {

  float     : right;

  width     : 560px;

  transition: 0.2s;

}



.news-list-info>a {

  transition : 0.2s;

  font-size  : 16px;

  color      : #222;

  line-height: 28px;

}



.news-list-info:hover a {

  color          : #0c4da2;

  text-decoration: underline

}



.newsdate img {

  width: 13px;

}



.newsdate span {

  margin-right: 15px;

}



.newsdate {

  font-size: 12px;

  color    : #999;

}



.news-list-info>p:nth-of-type(2) {

  font-size         : 13px;

  line-height       : 24px;

  color             : #666;

  height            : 60px;

  overflow          : hidden;

  text-overflow     : ellipsis;

  display           : -webkit-box;

  -webkit-line-clamp: 2;

  line-height       : 28px;

  line-clamp        : 2;

  -webkit-box-orient: vertical;

}



.bankuai {

  padding      : 10px;

  border       : 1px solid #eaeaea;

  margin-bottom: 20px;

}



.right-tit {

  font-size     : 16px;

  background    : #0c4da2;

  margin        : 0;

  height        : 45px;

  margin-bottom : 10px;

  line-height   : 45px;

  text-align    : center;

  color         : #fff;

  font-weight   : 490;

  letter-spacing: 2px;

}



.newslistfirst-img>img {

  width : 100%;

  height: 165px;

}



.newslistfirst-info {

  width: 100%;

}



.newslistfirst-info>p:nth-of-type(1) {

  color        : #333;

  margin-bottom: 0px;

}



.newslistfirst-info>p:nth-of-type(2) {

  margin-top        : 6px;

  height            : 50px;

  color             : #999;

  line-height       : 24px;

  font-size         : 12px;

  overflow          : hidden;

  text-overflow     : ellipsis;

  display           : -webkit-box;

  -webkit-line-clamp: 2;

  line-height       : 28px;

  line-clamp        : 2;

  -webkit-box-orient: vertical;

}



.right-new-list {

  border-bottom: 1px dashed #CCC;

  line-height  : 45px;

  width        : 100%;

  white-space  : nowrap;

  text-overflow: ellipsis;

  overflow     : hidden;

  word-break   : break-all;

}



.right-new-list img {

  margin-right: 6px;

}



.right-new-list:last-child {

  border: none;

}



/**文章页**/

.cataname {

  font-size    : 20px;

  color        : #444;

  float        : left;

  line-height  : 48px;

  font-weight  : bold;

  border-bottom: 1px solid #0c4da2;

}



.cataname>img {

  width       : 26px;

  margin-right: 12px;

  position    : relative;

  top         : 4px;

}



.newscontent {

  padding    : 10px 15px;

  box-shadow : 0 0 2px #CCC;

  min-height : 950px;

  margin-left: 2px;

  width      : 850px;

}



.content-tit {

  font-size : 22px;

  margin    : 9px auto;

  color     : #444;

  text-align: center

}



.fenge {

  height    : 1px;

  background: #eaeaea;

}



.newscontent-detial {

  overflow   : hidden;

  color      : #333 !important;

  line-height: 30px;

  font-size  : 15px;

  margin-top : 30px;

}



.newscontent-detial img {

  max-width: 100%;

}



.arti {

  margin-top: 25px;

  overflow  : hidden;

}



.cataname {

  float: left;

}



.date1 {

  line-height: 30px;

  text-align : center

}



/*联系我们*/

html,

body {

  margin : 0;

  padding: 0;

}



.iw_poi_title {

  color        : #CC5522;

  font-size    : 14px;

  font-weight  : bold;

  overflow     : hidden;

  padding-right: 13px;

  white-space  : nowrap

}



.iw_poi_content {

  font       : 12px arial, sans-serif;

  overflow   : visible;

  padding-top: 4px;

  white-space: -moz-pre-wrap;

  word-wrap  : break-word

}



.conname>p:nth-of-type(1) {

  color        : #0c4da2;

  font-size    : 26px;

  margin-bottom: 10px;

}



.conname>p:nth-of-type(2) {

  margin        : 0;

  font-size     : 14px;

  color         : #999;

  margin-bottom : 20px;

  padding-bottom: 10px;

  border-bottom : 1px solid #dadada;

}



.coninfo {

  width: 1000px;

}



.coninfo>p {

  line-height: 34px;

  font-size  : 14px;

}



.coninfo>p>img {

  width       : 20px;

  margin-right: 10px;

}



#dituContent {

  width        : 1000px;

  height       : 390px;

  border       : #ccc solid 1px;

  margin-top   : 40px;

  margin-bottom: 50px;

}



/*人才招聘*/

.rebanner {

  background         : url(../addons/cms/img/127/rczp.png);

  background-repeat  : repeat no-repeat;

  height             : 200px;

  background-position: top center;

  width              : 100% !important;

  background-size    : 1920px;

  overflow           : hidden;

}



.rebanner>p {

  text-align: center;

  font-size : 18px;

  text-align: center;

  margin    : 0 auto;

  color     : #dadada;

}



.rebanner>p:nth-of-type(1) {

  margin-top: 25px;

}



.rebanner>p:nth-of-type(2) {

  width        : 745px;

  margin-bottom: 20px;

  margin-top   : 20px;

}



.rebanner>p:nth-of-type(3) {

  height     : 40px;

  line-height: 40px;

  background : #dadada;

  color      : #333;

  width      : 210px;

  height     : 45px;

  line-height: 45px;

}



.zsrc {

  margin-bottom: 50px;

}



.zhiweilist {

  border    : 1px solid #dadada;

  font-size : 14px;

  padding   : 10px;

  margin-top: 15px;

}



.zhiwei {

  border-bottom : 2px solid #0c4da2;

  display       : inline-block;

  padding-bottom: 10px;

  margin-bottom : 0;

}



.gwzz {

  padding-left: 25px;

}



.gwinfo {

  font-weight: bold;

}



/*商务合作*/

.xqhz {

  padding-top    : 25px;

  margin-bottom  : 0px;

  background     : url(../addons/cms/img/1212/xqhz.png);

  background-size: cover;

  min-height     : 600px;

  margin-top     : 40px;

}



.xqhz>div {

  overflow: hidden;

}



.xq-tit {

  background: #0c4da2;

  overflow  : hidden;

}



.xq-left {

  float: left;

  width: 300px;

}



.xq-tit>p:nth-of-type(1) {

  margin   : 22px 0 10px 10px;

  font-size: 36px;

  color    : #FFF;

}



.xq-tit>p:nth-of-type(2) {

  margin-left: 10px;

  font-size  : 18px;

  color      : #eaeaea;

}



.xq-img>img {

  width     : 260px;

  display   : block;

  margin    : 0 auto;

  border    : 20px solid #eae7e7;

  margin-top: 20px;

}



.xq-right {

  float: right;

  width: 840px;

}



.xq-right>div {

  margin-bottom: 60px;

}



.xq-first-tit {

  font-size     : 24px;

  color         : #555;

  display       : inline-block;

  border-bottom : 2px solid #0c4da2;

  padding-bottom: 15px;

  margin        : 0

}



.text-con {

  font-size  : 14px;

  color      : #666;

  line-height: 28px;

}



/*课件*/

.kjlist {

  width       : 20%;

  display     : inline-block;

  text-align  : center;

  margin-right: 5%;

}



.kjlist:last-child {

  margin-right: 0;

}



.kjlist img {

  max-width: 80%;

}



.kjlist>p {

  font-size  : 14px;

  line-height: 14px;

}



.kjlist>p:nth-of-type(1) {

  color      : #333;

  font-size  : 18px;

  color      : #c74545;

  line-height: 24px;

}



.ilk>div {

  display: inline-block;

  width  : 49%;

}



.ilk>div>p {

  font-size : 24px;

  text-align: center;

  color     : #c74545;

}



.ilk>div>img {

  display: block;

  width  : 80%;

  margin : 0 auto;

}



/*网站建设*/

.wl>div {

  display: inline-block;

  ;

  width         : 45%;

  vertical-align: top;

  height        : 590px;

}



.wl>div:nth-of-type(2) {

  margin-left: 8%;

}



.wl>div img {

  max-width: 98%;

}



















/*

改

*/

.clearfix {

  zoom: 1;

}



.clearfix:after {

  display   : block;

  clear     : both;

  content   : "";

  visibility: hidden;

  height    : 0;

}



.w1200 {

  width : 1200px;

  margin: 0 auto;

}



p {

  margin: 0;

}



body {

  overflow-x: auto;

}



#nav {

  float: right;

}
.headerr {
  width: 100%;
  height: 90px;
  background:#fff !important;
overflow: visible !important;
  margin: 0 auto;
  box-shadow: 0 0 0,0 0 0 ,0 0 0,4px 4px 4px #ececec;

}
.navBar {

  margin:  0 auto;
 padding-top: 20px;
}
.nav .sub {
  display: none;
  position: absolute;
  left: -3px;
  top: 50px !important;
  z-index: 1;
  width: 117p!important;
  border: 1px solid #E6E4E3 !important;
  border-top: 0 !important;
  background: #fff !important;
}
.nav a {
  color: #333;
}
.nav .sub li {
  text-align: center;
  font-weight: normal  !important;
  margin-bottom: -1px;
}
.nav .sub li a {
  display: block;
  border-bottom: 1px solid #E6E4E3;
  padding: 8px 0 !important;
  height: 46px !important;

  color: #333 !important;
  font-size: 12px !important;
  font-weight: bold  !important;
}
.home .tit_b {

  text-align    : center;

  padding-bottom: 50px;

}
.nav h3 a{
  font-weight: normal !important;
}
a:hover {
  color: #333 !important;
}
/* .dropdown:hover .dropdown-menu {
  display:none;
  margin-top: 0;
} */


.home .tit_b h3 {

  font-size    : 36px;

  color        : #222;

  margin-bottom: 10px;

  line-height  : 40px;

  font-weight  : normal;

}



.home .tit_b p {

  font-size  : 20px;

  color      : #666;

  line-height: 24px;

}



.home .server_web01 {

  padding: 22px 0;

}



.home .server_web01 ul {

  display: flex;

}



.home .server_web01 ul li {

  float       : left;

  flex        : 1;

  height      : 66px;

  border-right: 2px solid #d1d1d1;

}



.home .server_web01 ul li .item_i {

  display    : block;

  width      : 80px;

  line-height: 24px;

  font-size  : 16px;

  padding    : 11px 0 11px 60px;

  color      : #666;

  margin     : 0 auto;

}



.home .server_web01 ul li .item_i .sub_p {

  display    : block;

  line-height: 20px;

  font-size  : 12px;

  color      : #777;

}



.home .server_web01 ul li:nth-child(1) {

  border-left: 2px solid #d1d1d1;

}



.home .server_web01 ul li:nth-child(1) .item_i {

  background: url(../img/icon-small/icon_01.png) 0 center no-repeat;

}



.home .server_web01 ul li:nth-child(2) .item_i {

  background: url(../img/icon-small/icon_02.png) 0 center no-repeat;

}



.home .server_web01 ul li:nth-child(3) .item_i {

  background: url(../img/icon-small/icon_03.png) 0 center no-repeat;

}



.home .server_web01 ul li:nth-child(4) .item_i {

  background: url(../img/icon-small/icon_04.png) 0 center no-repeat;

}



.home .server_web02 {

  background    : #f3f3f3;

  padding-top   : 10px;

  padding-bottom: 60px;

}



.home .server_web02 .cooperation {

  display  : flex;

  flex-wrap: wrap;

}



.home .server_web02 .cooperation li {

  display        : flex;

  width          : 20%;

  height         : 230px;

  flex-direction : column;

  justify-content: center;

  align-items    : center;

}



.home .server_web02 .cooperation li img {

  opacity: 0;

  width  : 100px;

}



.home .server_web02 .cooperation li p {

  color      : #fff;

  font-size  : 16px;

  line-height: 30px;

  margin-top : 10px;

}



.home .server_web02 .cooperation li:nth-child(1) {

  background: #5949ac;

}



.home .server_web02 .cooperation li:nth-child(2) {

  background: #2c70be;

}



.home .server_web02 .cooperation li:nth-child(3) {

  background: #ef4919;

}



.home .server_web02 .cooperation li:nth-child(4) {

  background: #22af6e;

}



.home .server_web02 .cooperation li:nth-child(5) {

  background: #d42225;

}



.home .server_web02 .cooperation li:nth-child(6) {

  background: #81b313;

}



.home .server_web02 .cooperation li:nth-child(7) {

  background: #eea129;

}



.home .server_web02 .cooperation li:nth-child(8) {

  background: #118fa5;

}



.home .server_web02 .cooperation li:nth-child(9) {

  background: #870e8b;

}



.home .server_web02 .cooperation li:nth-child(10) {

  background: #b28850;

}



.home .server_web03 {

  padding: 0 0 12px 0;

}



.home .server_web03 .major {

  display   : flex;

  flex-wrap : wrap;

  /* padding: 0 30px; */

}



.home .server_web03 .major li {



  width        : 19%;

  margin-right : 1.25%;

  margin-bottom: 30px;



}



.home .server_web03 .major li:nth-child(5n) {

  margin-right: 0;

}



.home .server_web03 .major li a {

  display : block;

  position: relative;

}



.home .server_web03 .major li a img {

  display: block;

  width  : 100%;

  height : 235px;

}



.home .server_web03 .major li a .des {

  position   : absolute;

  bottom     : 0;

  line-height: 38px;

  font-size  : 16px;

  width      : 100%;

  text-align : center;

  background : rgba(0, 0, 0, 0.5);

  color      : #fff;

}



.home .server_web04 {

  padding   : 50px 0;

  background: #f3f3f3;

}



.home .server_web04 .teach {

  display  : flex;

  flex-wrap: wrap;

}



.home .server_web04 .teach li {

  width          : 25%;

  display        : flex;

  flex           : 1;

  justify-content: center;

  align-items    : center;

  flex-direction : column;

  text-align     : center;

  height         : 200px;

}



.home .server_web04 .teach li img {

  padding-bottom: 20px;

}



.home .server_web04 .teach li .txt p:nth-child(1) {

  font-size  : 20px;

  line-height: 40px;

  color      : #333;

  font-weight: bold;

}



.home .server_web04 .teach li .txt p:nth-child(2) {

  font-size  : 16px;

  line-height: 30px;

  color      : #333;

}



.home .server_web05 {

  padding: 30px 0 60px 0;

}



.home .server_web05 .teacher {

  display: flex;

  padding: 0 30px;

}



.home .server_web05 .teacher li {

  width       : 25%;

  height      : 320px;

  overflow    : hidden;

  margin-right: 60px;

  position    : relative;



}



.home .server_web05 .teacher li img {

  width : 240px;

  height: 320px;

}



.home .server_web05 .teacher li .ceng {

  opacity         : 0;

  top             : 0;

  position        : absolute;

  z-index         : 2;

  width           : 100%;

  height          : 100%;

  display         : block;

  background-color: rgba(0, 0, 0, 0.5)

}



.home .server_web05 .teacher li:hover .ceng {

  opacity   : 1;

  transition: all 0.3s ease-in-out;

}



.home .server_web05 .teacher li:hover img {

  transform : scale(1.1);

  transition: 500ms ease-in-out;

}



.home .server_web05 .teacher li:hover .tname {

  opacity   : 1;

  transition: all 0.3s ease-in-out;

}



.home .server_web05 .teacher li .tname {

  z-index  : 3;

  opacity  : 0;

  position : absolute;

  top      : 50%;

  transform: translateY(-50%);

  width    : 100%;

}



.home .server_web05 .teacher li .tname p {

  font-size  : 20px;

  color      : #fff;

  text-align : center;

  line-height: 24px;

}



.home .server_web05 .teacher li:last-child {

  margin-right: 0;

}



.home .server_web05 .btn_b {

  width        : 200px;

  font-size    : 14px;

  line-height  : 60px;

  text-align   : center;

  background   : #0986ca;

  border-radius: 4px;

  color        : #fff;

  margin       : 0 auto;

  margin-top   : 60px;

}



.home .bg_b {

  background     : url(../img/banner/bg.png) no-repeat;

  background-size: 100vw 100%;



}



.home .bg_b .stu_sum {

  display   : flex;

  text-align: center;

}



.home .bg_b .stu_sum li {

  flex        : 1;

  padding     : 40px 0 30px 0;

  border-right: 2px solid #d1d1d1;

}



.home .bg_b .stu_sum li p:nth-child(1) {

  font-size  : 20px;

  color      : #fff;

  line-height: 30px;

}



.home .bg_b .stu_sum li p:nth-child(1) b {

  color      : #fff;

  font-weight: bold;

  font-size  : 24px;

}



.home .bg_b .stu_sum li p:nth-child(2) {

  font-size  : 14px;

  color      : #fff;

  line-height: 20px;

}



.home .bg_b .stu_sum li:last-child {

  border-right: 0;

}



.home .server_web06 .school_style {

  padding: 50px 0;

}



.home .server_web06 .pic_show {

  display: flex;

}



.home .server_web06 .pic_show li {

  width: 25%;

}



.home .server_web06 .pic_des {

  display         : flex;

  height          : 170px;

  flex-direction  : column;

  justify-content : center;

  align-items     : center;

  background-color: #1fa4ec;

}



.home .server_web06 .pic_des p:nth-child(1) {

  font-size: 48px;

  color    : #fff;

}



.home .server_web06 .pic_des p:nth-child(2) {

  font-size  : 18px;

  color      : #fff;

  line-height: 30px;

  padding-top: 10px;

}



.home .server_web06 .pic_img {

  height: 170px;

}



.home .server_web06 .pic_img img {

  float: left;

  width: 100%;

}



.home .block {

  height    : 50px;

  background: #f8f8f8;

}



.home .server_web07 {

  padding: 20px 0 40px 0;

}



.home .server_web07 .tit_c {

  line-height: 40px;

  text-align : center;

  font-size  : 36px;

  padding    : 40px 0;

  color      : #222;

}



.home .server_web07 .company_show {

  display  : flex;

  flex-wrap: wrap;

}



.home .server_web07 .company_show li {

  width: 20%;

}



.home .server_web07 .company_show li img {

  float  : left;

  width  : 100%;

  opacity: 0;

}



.home .server_web07 .btn_consult .consult {

  width        : 200px;

  line-height  : 64px;

  text-align   : center;

  background   : #0986ca;

  font-size    : 16px;

  border-radius: 4px;

  margin       : 0 auto;

  margin-top   : 50px;

}



.home .server_web07 .btn_consult .consult a {

  display: block;

  color  : #fff;

}


.home .server_web07 .company_show li .av-inner-masonry {

    /* -webkit-animation: avia_msonry_show 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.075); */

    animation: avia_msonry_show 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.075);

  opacity          : 1;

}



.tit_anmation{

  -webkit-transform: translateY(60px);transform: translateY(60px);opacity: 0;-webkit-transition: -webkit-transform .8s ease-in-out 0s,  opacity .8s ease-in-out .2s;transition: transform .8s ease-in-out 0s,  opacity .8s ease-in-out .2s;-webkit-perspective: 1000;-webkit-backface-visibility: hidden;

}

.tit_anmation_01{

  -webkit-transform: translateY(0);transform: translateY(0);opacity: 1;-webkit-transition: -webkit-transform .8s ease-in-out 0s,  opacity .8s ease-in-out .2s;transition: transform .8s ease-in-out 0s,  opacity .8s ease-in-out .2s;-webkit-perspective: 1000;-webkit-backface-visibility: hidden;

}

.pageination_align {

  text-align: center;

}

.pagination{

  text-align: center;



    display: inline-block;

    padding-left: 0;

    margin: 20px 0;

    border-radius: 4px;



}

.pagination>li {

  float: left;

  display: inline !important;

width: 34px !important;

height: 34px !important;

    margin-right: 0px !important;

    margin-bottom:0px !important;

}

.pagination>li>a, .pagination>li>span {

  position: relative;

  float: left;

  /* padding: 6px 12px; */

  width: 100%;

  height: 100%;

 

  text-decoration: none;

  color: #acacac;

  background-color: #fff;

  border: 1px solid #ddd;

  margin-left: -1px;

}

.pagination>li:first-child>a, .pagination>li:first-child>span {

    margin-left: 0;

    border-bottom-left-radius: 4px;

    border-top-left-radius: 4px;

      line-height: 18px;

}

.pagination>li.active span {

  line-height: 18px;

  color: #ffffff;

  background: #0b4da2;

}

@media screen and (max-width:900px){



  .zdjy_header .navbar{

    padding: 0;

  }

  .zdjy_header .navbar .navbar-header{

    display: none;

  }

  .zdjy_header .navbar .navbar-collapse .nav {

    /* margin: 8.25px -15px; */

    float    : none;





}



.zdjy_header .navbar .navbar-collapse .nav>li {



    display    : block;

    float      : none;

    margin-left: 0;

    text-align : left;

}



.zdjy_header .navbar .navbar-collapse .nav>li>a {

    padding-top   : 10px;

    padding-bottom: 10px;

    line-height   : 17px;

    display       : block;

    font-size     : 14px;

    color         : #caced2;

}

.nav > li > a:hover, .nav > li > a:active, .nav > li > a:focus{

  background: #2a628d !important;

}

.zdjy_header .navbar .navbar-collapse .nav li .sub_menu{

  background: #2a628d !important;

}

.zdjy_header .navbar .navbar-collapse .nav li .sub_menu a{

  padding: 10px 0  10px 8px !important;

  margin-right: 15px;

  line-height: 0.8;

  color: #fff;

  background: #46789f !important;

}

.zdjy_header .navbar .navbar-collapse .nav>li{

  height: auto;



}

.zdjy_header .navbar .navbar-collapse .nav li .sub_menu{

  padding-top: 0;

  top: 10px;

  position: relative !important;

}



.zdjy_header .navbar .navbar-header {

    float        : none;

    margin-bottom: 15px;

}



#nav {

    float           : none;

    background-color: #2a628d;

}



.navbar-toggle {

    display: block;

}







.navbar-toggle .icon-bar {



    background-color: #fff;

    display         : block;

    width           : 22px;

    height          : 2px;

    border-radius   : 1px;



}



.navbar-toggle .icon-bar+.icon-bar {

    margin-top: 4px;

}



.dj {

    width           : 100%;

    background-color: #2a628d;

    position        : relative;



}



.dj .navbar-toggle {

    float: right;

    position        :  relative;

    right           : 10px;

    background-color: #2a628d;

    border-bottom   : 1px solid transparent;

    border-color    : #101010;

    display: block;





}

.dj .goBack {

  display: block;

  position: absolute;

  width: 20px;

  height: 20px;



  border-style: solid;

  border-color: white;

  border-width: 4px 0 0 4px;

  -webkit-transform: rotate(315deg) translateY(-50%);

  transform: rotate(315deg) translateY(-50%);

  top: 50%;



  left: 1.6rem;

}

}