html, body {font-family: Arial,"微软雅黑",Helvetica,sans-serif;font-size:16px; line-height: 40px;background-color: #ffffff;padding: 0;margin: 0; width: 100%;}
 body{color: #333;-webkit-animation: fadeIn 1s cubic-bezier(0.44, 0.13, 0.48, 0.87);-moz-animation: fadeIn 1s cubic-bezier(0.44, 0.13, 0.48, 0.87);-o-animation: fadeIn 1s cubic-bezier(0.44, 0.13, 0.48, 0.87);animation: fadeIn 1s cubic-bezier(0.44, 0.13, 0.48, 0.87);}
 a:link,a:visited{color:#333;text-decoration:none;}
 a:hover,a:active{color:#2a699e;text-decoration:underline;}
 img{border: 0;vertical-align: middle;max-width: 100%;-ms-interpolation-mode:bicubic;}
 ul{list-style: none;padding: 0;margin: 0;}
 ::-webkit-scrollbar-track-piece {background-color: rgba(0, 0, 0, 0.1);border-left: 1px solid rgba(0, 0, 0, 0);}
 ::-webkit-scrollbar {width: 5px;height: 13px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
 ::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, 0.5);background-clip: padding-box;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;min-height: 28px;}
 ::-webkit-scrollbar-thumb:hover {background-color: rgba(0, 0, 0, 0.5);-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
 .trans{-webkittransition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;-ms-transition: all .5s ease;transition: all .5s ease;}
 :focus{outline: 0;}
 .backfff{background:#fff;}
 .fr{float:right;}.fl{float:left;}.ovh{overflow: hidden;}
 .mt20{margin-top: 20px;}.op0{opacity: 0 !important;}.op1{opacity: 1 !important;}
 /* css3 no lte ie8*/
 .rad2{border-radius:2px;-moz-border-radius:2px;*-moz-border-radius:2px}
 .rad3{border-radius:3px;-moz-border-radius:3px;*-moz-border-radius:3px}
 .rad5{border-radius:5px;-moz-border-radius:5px;*-moz-border-radius:5px}
 .rad8{border-radius:8px;-moz-border-radius:8px;*-moz-border-radius:8px}
 .rad12{border-radius:12px;-moz-border-radius:12px;*-moz-border-radius:12px}
 .amn1{transition:all ease-in-out .1s 0s;-webkit-transition:all ease-in-out .1s 0s;-moz-transition:all ease-in-out .1s 0s;-o-transition:all ease-in-out .1s 0s;}
 .amn2{transition:all ease-out .2s 0s;-webkit-transition:all ease-out .2s 0s;-moz-transition:all ease-out .2s 0s;-o-transition:all ease-out .2s 0s;}
 .amn3{transition:all ease-in-out .3s 0s;-webkit-transition:all ease-in-out .3s 0s;-moz-transition:all ease-in-out .3s 0s;-o-transition:all ease-in-out .3s 0s;}
 .amn4{transition:all ease-in-out .4s 0s;-webkit-transition:all ease-in-out .4s 0s;-moz-transition:all ease-in-out .4s 0s;-o-transition:all ease-in-out .4s 0s;}
 .amn6{transition:all ease-in-out .6s 0s;-webkit-transition:all ease-in-out .6s 0s;-moz-transition:all ease-in-out .6s 0s;-o-transition:all ease-in-out .6s 0s;}
 .sdw{-webkit-box-shadow:#999 0px 0px 8px;-moz-box-shadow:#999 0px 0px 8px;box-shadow:#999 0px 0px 8px;}
 .row{width: 1360px; overflow: hidden; margin: 0 auto;}

 * {
  transition-delay: 0;
  transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  /* 这两个在技术上是一样的, 为了兼容了浏览器两个都加上 */
  overflow-wrap: break-word;
  word-wrap: break-word;

  /* -ms-word-break: break-all; */
  /* 这个的使用在web-kit中有些危险，他可能会阶段所有东西 */
  /* word-break: break-all; */
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* 如果浏览器支持的话增加一个连接符(Blink不支持) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  -webkit-overflow-scrolling: touch;
}

/**首页**/
.top{background-color: #327ab5; overflow: hidden;}
.top>.row{padding:40px 0;}
.top .logo{width: 752px; height: 50px; background: url(logo.png) center center no-repeat;}
.top .info{font-size: 14px; color: #fff; padding:5px 20px 5px 0;}
.top .info i{opacity: 0.5;padding: 0 5px;}
.top .info a{color: #fff;}
.top .search{height: 32px; margin: 9px 0; background-color: #fff; overflow: hidden; border-radius: 16px;}
.top .search form{height: 100%;padding: 0;margin: 0;}
.top .search .text{
  border-width: 0;
  height: 32px; width: 130px;
  line-height: 32px; color: #666;
  padding:0 0 0 20px;
}
.top .search .btn{
  cursor: pointer; padding: 0;
  width: 40px; height: 32px; border-width: 0;
  background: url(search.png) center center no-repeat;
}
.nav{height: 52px;}
.nav li{float: left; width: 170px; text-align: center;background: url(line1.gif) right center no-repeat; }
.nav li a{display: block; margin:0 30px; line-height: 50px; border-bottom: 2px solid #fff;}
.nav li a:hover, .nav li .selected{ color: #2a699e; text-decoration: none; border-bottom: 2px solid #f8aa44;}
.nav li:last-child{background: transparent;}
.banner .swiper-slide{height: 480px; background-size: cover;}
.banner .swiper-pagination-bullet{ width: 20px;  border-radius: 5px;}
.banner .swiper-pagination-bullet-active{background-color: #2a699e;}

.index{margin: 40px auto 10px auto;}
.row>.box{width: 438px; height: 338px; border: 1px solid #e4e9ee; overflow: hidden;margin-right: 20px; margin-bottom: 30px;}
.index>.fr{margin-right: 0;}
.title{
  margin-bottom: 10px; height: 48px; position: relative;
  border-bottom: 1px solid #e4e9ee; background-color: #f1f5fa;
}
.box .title .t{position: absolute; left: 18px; top: 9px;}
.box .title .t b{
  line-height: 40px; font-weight: bold; font-size: 18px; color: #fff;
  background-color: #327ab5; padding: 0 25px; display: block;
}
.box .title .t i{
  display: block; background: url(titleArrow.png) center center no-repeat;
  width: 12px; height: 6px; overflow: hidden; margin: 0 auto;
}
.box .title .fr{margin: 8px 20px 0 0; font-size: 14px;}
.box .list1{padding:5px 20px; overflow: hidden;}
.box .list1 li{float: left; width: 100%; line-height: 44px; }
.box .list1 li a{
  max-width: 310px; overflow:hidden; white-space: nowrap; 
  text-overflow: ellipsis; -o-text-overflow:ellipsis;
  float: left; padding-left: 18px; font-size: 15px;
  background: url(arrow.png) left center no-repeat;
}
.box .list1 li span{float: right; font-size: 14px; color: #999;}
.box .list2{padding:5px 20px; overflow: hidden;}
.box .list2 li{float: left; width: 100%; line-height: 30px; padding: 7px 0; font-size: 15px; line-height: 30px;}
.box .list2 li span{
  float: left;
  text-align: right; padding-right: 10px;
  width: 62px; height: 30px; font-size: 14px; color: #327ab5;
  background: url(time.png) 10px center no-repeat #f1f5fa;
  margin-right: 10px;
}
.box .list2 li a{
  float: left;
  max-width: 310px; overflow:hidden; white-space: nowrap; 
  text-overflow: ellipsis; -o-text-overflow:ellipsis;
}
.focusPic{margin: 20px auto auto auto; width: 400px; height: 250px;}
.focusPic .swiper-pagination{text-align: right; bottom: 5px; width: 96%;}
.focusPic .swiper-pagination-bullet{
  color: #fff; font-size: 12px; text-align: center;
  width: 24px; height: 24px; line-height: 24px; opacity: 1 !important;
  background-color: rgba(0, 0, 0, 0.4); border-radius: 2px;
}
.focusPic .swiper-pagination-bullet-active{background-color: #f8aa44;}

.bottom {  
  padding: 25px 0;background-color: #327ab5; line-height: 32px;
  font-size: 14px;color: #fff; text-align: center;
}
.bottom a{color: #fff;}
.bottom i{opacity: 0.5; padding: 0 5px; font-family: '宋体'; font-style: normal;}

.pagebanner{
  height: 300px; background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.pageleft{
  width: 280px; margin: 30px 0; padding-bottom: 250px;
  background-color: #fff; position: relative;
  background: url(pageleftbg.jpg) center bottom no-repeat #f6f7f8;
  /* box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.05); */
}


.pageleft h1{
  line-height: 90px; margin: 0; text-align: center;
  background: url(pagelefttitlebg.jpg) right bottom no-repeat #327ab5;
  overflow: hidden; font-size: 30px; color: #fff;
  font-weight: normal; margin-bottom: 20px;
}
.pagenav{width: 240px; margin-left: 40px;}
.pagenav a{
  border-bottom: 1px solid #f0f1f2; color: #327ab5;
  line-height: 56px; display: block; padding-left: 60px;
  background: url(p5.gif) 45px center no-repeat;
}
.pagenav a:hover,.pagenav a.selected{text-decoration: none; background-color: #fff; border-left-color: #327ab5;}


.pageright{width: 1040px; min-height: 500px; margin: 20px 0;}
.location{line-height: 60px; overflow: hidden;background: url(p1.gif) left bottom repeat-x; }
.location b{float: left; font-size: 28px; padding: 0 5px; border-bottom: 2px solid #327ab5;font-weight: normal;}
.location .fr{font-size: 14px; color: #666; padding-left: 20px; background: url(home.jpg) left center no-repeat;}
.location .fr a:last-child{color: #ffa400;}
.location .fr i{font-family: '宋体'; padding: 0 5px; font-style: normal; color: #c0c0c0;}
.newslist,.picslist{overflow: hidden; margin: 20px 0;}
.newslist li{
  float: left; width: 100%; overflow: hidden; line-height: 60px; background-color: #f8f9fa;
  /* border-bottom: 1px solid #eee;  */
}
.newslist li.wt{background-color: #fff;}
.newslist li a{
  float: left; padding-left: 20px; margin-left: 20px;
  max-width: 800px; overflow:hidden; white-space: nowrap; 
  text-overflow: ellipsis; -o-text-overflow:ellipsis;
  background: url(p4.gif) 2px center no-repeat;
}
.newslist li span{float: right; color: #888; font-size: 14px; padding-right: 20px;}
.newshow .tit{text-align: center; border-bottom: 1px solid #eee; margin-top: 30px;}
.newshow .tit b{font-size: 28px; color: #222; font-weight: normal;}
.newshow .tit p{font-size: 14px; color: #666; margin: 5px 0;}
.newshow .content{padding: 10px 0;overflow: hidden;line-height: 36px; min-height: 300px;}
.newshow .bot{border-top: 1px solid #eee; margin: 20px 0; position: relative; height: 70px; padding: 10px 0;}
.newshow .bot span{display: block; font-size: 14px; line-height: 35px; color: #327ab5;} 
.newshow .bot .backlist{ 
  position: absolute; right: 0; top: 10px; text-align: center;
  width: 120px; background-color: #327ab5; color: #fff; font-size: 14px;
}
.picslist{width: 1050px; margin-top: 30px;}
.picslist li{float: left;width: 320px; margin:0 30px 25px 0; overflow: hidden;}
.picslist li a{display: block; text-align: center;}
.picslist li a .v{width: 100%; height: 200px; overflow: hidden;}
.picslist li a .v img{width: 100%;}
.picslist li a span{
  width: 100%; display: block;font-size: 14px;
  overflow:hidden; white-space: nowrap;  text-overflow: ellipsis; -o-text-overflow:ellipsis;
}
.picslist li a:hover img{transform: scale(1.2);}