@charset "utf-8";
.cm {
  color: #00a1e9;
}
.cm2 {
  color: #29c3ab;
}
.jianbian {
  background-image: -webkit-gradient(linear, left top, right top, from(#29c3ab), to(#16a8b5));
  background-image: linear-gradient(to right, #29c3ab, #16a8b5);
}

.inbanner {
  width: 100%;
  height: 430px;
  position: relative;
  overflow: hidden;
}
.inbanner > img {
  position: relative;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 72% 50%;
     object-position: 72% 50%;
  z-index: 0;
}
.inbanner .cer {
  position: relative;
  height: 100%;
}
.inbanner2 {
  width: 100%;
  height: 200px;
  overflow: hidden;
}
.inbanner2 > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.cate1 {
  text-align: center;
}
.cate1 .hx {
  position: relative;
  width: 50px;
  height: 4px;
  margin: 4px auto;
  background-color: #0060af;
}
.cate1 .hx:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 50%;
  height: 100%;
  background-color: #00923f;
}
.cate1 .cn {
  font-size: 32px;
  color: #333;
  line-height: 48px;
}
.cate1 .en {
  font-size: 16px;
  color: rgba(51, 51, 51, 0.5);
  line-height: 26px;
  font-family: "Helvetica";
  text-transform: uppercase;
}
@media screen and (max-width: 750px) {
  .cate1 .cn {
    font-size: 24px;
  }
}
.ibcatein {
  position: absolute;
  width: 100%;
  left: 0;
  top: 50%;
  z-index: 1;
  display: none;
  color: #fff;
  text-align: center;
  overflow: hidden;
  margin-top: -110px;
}
.ibcatein .cn {
  font-size: 44px;
  line-height: 64px;
  margin: 20px 0 10px;
}
.ibcatein .en {
  font-size: 16px;
  line-height: 28px;
  font-family: "Helvetica";
}
.ibcatein .txt1 {
  font-size: 0;
  color: #fff;
  line-height: 36px;
  height: 36px;
  position: relative;
  z-index: 2;
  overflow: hidden;
  white-space: nowrap;
}
.ibcatein .txt1 i {
  display: inline-block;
  vertical-align: top;
  width: 48px;
  height: 100%;
  position: relative;
}
.ibcatein .txt1 i:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  z-index: 0;
  width: 100%;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.55);
}
.ibcatein .txt1 span {
  display: inline-block;
  vertical-align: top;
  height: 100%;
  margin: 0 16px;
  font-size: 24px;
  padding-left: 3px;
  letter-spacing: 3px;
}
.mouse {
  display: block;
  width: 48px;
  height: 48px;
  margin-top: 114px;
  margin-left: -25px;
  display: none;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  border: 1px solid #fff;
  border-radius: 50%;
  /*font-size: 16px; line-height: 28px; color: #fff; text-align: center;*/
  background: url('../images/jtd-ib.png') center 21px no-repeat;
}
@media screen and (max-width: 1200px) {
  .ibcatein .cn {
    font-size: 34px;
    line-height: 54px;
  }
}
@media screen and (max-width: 750px) {
  .ibcatein {
    left: 5%;
    width: 90%;
  }
  .ibcatein .cn {
    font-size: 24px;
    line-height: 44px;
  }
}
.ibcate {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  margin-top: -126px;
  padding: 100px 0 38px;
  margin-left: -720px;
}
.ibcate .cn {
  font-size: 30px;
  color: #fff;
  line-height: 2em;
  letter-spacing: 7px;
}
.ibcate .enp {
  font-size: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
}
.ibcate img {
  opacity: 0.1;
}
.ibcate:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 0;
  width: 42px;
  height: 1px;
  background-color: #fff;
}
@media screen and (max-width: 1500px) {
  .ibcate {
    left: 60px;
    margin-left: 0;
  }
}
@media screen and (max-width: 1023px) {
  .ibcate .cn {
    letter-spacing: 2px;
  }
}
@media screen and (max-width: 750px) {
  .ibcate {
    left: 5%;
    width: 90%;
  }
  .ibcate .cn {
    font-size: 24px;
  }
}
.ibcate .bg {
  position: absolute;
  left: 50%;
  top: 4px;
  margin-left: -132px;
  z-index: 0;
  width: 265px;
  height: 265px;
  background: url('../images/huahuan1.png') center no-repeat;
  -webkit-animation: rotate360 30s linear infinite;
          animation: rotate360 30s linear infinite;
}
.ibcate .fig1 img {
  -webkit-animation: movt 8s linear 0s both infinite;
          animation: movt 8s linear 0s both infinite;
}
@-webkit-keyframes movt {
  0% {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
  }
  25% {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
  }
  50% {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
  }
  75% {
    -webkit-transform: rotateY(360deg);
            transform: rotateY(360deg);
  }
  100% {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
  }
}
@keyframes movt {
  0% {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
  }
  25% {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
  }
  50% {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
  }
  75% {
    -webkit-transform: rotateY(360deg);
            transform: rotateY(360deg);
  }
  100% {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
  }
}
.ibbg {
  -webkit-animation: pagebgfd 6s linear infinite alternate;
          animation: pagebgfd 6s linear infinite alternate;
}
@-webkit-keyframes pagebgfd {
  0% {
    opacity: 1;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1);
            transform: scale(1.1, 1.1);
  }
}
@keyframes pagebgfd {
  0% {
    opacity: 1;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1);
            transform: scale(1.1, 1.1);
  }
}
/*远见2关于我们 合作单位*/
.borderwan {
  position: relative;
}
.borderwan i.ii1,
.borderwan i.ii2,
.borderwan i.ii3,
.borderwan i.ii4 {
  position: absolute;
  z-index: 5;
  background-color: #009de2;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.borderwan i.ii1 {
  left: 0;
  top: 0;
  width: 0;
  height: 1px;
}
.borderwan i.ii2 {
  right: 0;
  top: 0;
  width: 1px;
  height: 0;
}
.borderwan i.ii3 {
  right: 0;
  bottom: 0;
  width: 0;
  height: 1px;
}
.borderwan i.ii4 {
  left: 0;
  bottom: 0;
  width: 1px;
  height: 0;
}
.borderwan:hover i.ii1,
.borderwan:hover i.ii3 {
  width: 100%;
}
.borderwan:hover i.ii2,
.borderwan:hover i.ii4 {
  height: 100%;
}
.btt1 img,
.btt2 img,
.btt3 img {
  -webkit-animation: move ease-in-out 2s infinite;
          animation: move ease-in-out 2s infinite;
}
@-webkit-keyframes move {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(5px);
            transform: translateY(5px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes move {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(5px);
            transform: translateY(5px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes move2 {
  0% {
    -webkit-transform: translateX(0) rotate(0deg);
            transform: translateX(0) rotate(0deg);
  }
  50% {
    -webkit-transform: translateX(10px) rotate(360deg);
            transform: translateX(10px) rotate(360deg);
  }
  100% {
    -webkit-transform: translateX(0) rotate(0deg);
            transform: translateX(0) rotate(0deg);
  }
}
@keyframes move2 {
  0% {
    -webkit-transform: translateX(0) rotate(0deg);
            transform: translateX(0) rotate(0deg);
  }
  50% {
    -webkit-transform: translateX(10px) rotate(360deg);
            transform: translateX(10px) rotate(360deg);
  }
  100% {
    -webkit-transform: translateX(0) rotate(0deg);
            transform: translateX(0) rotate(0deg);
  }
}
.greybg {
  background-color: #bdbbbc;
}
.greybg2 {
  background-color: #918f8f;
}
.js-qiecon2 {
  display: none;
}
.js-qiecon2.on {
  display: block;
}
.js-qiecon {
  position: absolute;
  left: 200%;
  top: 0;
  z-index: -20;
  opacity: 0;
  width: 100%;
}
.js-qiecon.on {
  position: static;
  left: 0;
  top: 0;
  z-index: 1;
  opacity: 1;
}
.pianyi {
  padding-top: 80px;
  margin-top: -80px;
}
.js-qiecon-wrap1,
.js-qiecon-wrap2,
.js-qiecon-wrap3 {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.lefthalf {
  float: left;
  width: 50%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.righthalf {
  float: right;
  width: 50%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.txtEff label {
  display: inline-block;
}
.baninfo {
  padding: 15px 0;
  height: 64px;
  position: relative;
  z-index: 2;
  border-bottom: 1px solid #eee;
  border-top: 6px solid #00a1e9;
}
.baninfo .cer8 {
  height: 100%;
}
.erji {
  float: right;
  font-size: 0;
  white-space: nowrap;
  text-align: center;
  max-width: 100%;
  line-height: 64px;
  height: 64px;
}
.erji a {
  display: inline-block;
  height: 100%;
  position: relative;
  margin-left: 80px;
  color: #333;
  font-size: 16px;
  line-height: 64px;
  vertical-align: top;
}
.erji a:first-child {
  margin-left: 0;
}
.erji a:after {
  content: '';
  position: absolute;
  left: 100%;
  bottom: 0;
  z-index: 0;
  width: 0;
  height: 1px;
  background-color: #009de2;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.erji a:hover {
  color: #009de2;
}
.erji a.on {
  color: #009de2;
  font-weight: bold;
}
.erji a:hover:after {
  left: 0;
  width: 100%;
  -webkit-transition: width 0.3s;
  transition: width 0.3s;
}
.tree {
  float: left;
  height: 100%;
  font-size: 16px;
  line-height: 64px;
  color: #999;
}
.tree a {
  display: inline-block;
  height: 100%;
  color: #999;
  vertical-align: middle;
}
.tree a:hover,
.tree a.leaf {
  color: #009de2;
}
.tree i {
  display: inline-block;
  width: 34px;
  height: 100%;
  vertical-align: middle;
  background: url('../images/sjr1-tree.png') center no-repeat;
}
@media screen and (max-width: 1024px) {
  .tree {
    display: none;
  }
  .erji {
    float: none;
  }
}
@media screen and (max-width: 750px) {
  .erji a {
    margin-left: 60px;
  }
}
@media screen and (max-width: 640px) {
  .erji a {
    width: 25%;
    margin-left: 0;
  }
}
/*宝创8产品详情 */
.bneck {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 66px;
  z-index: 3;
}
.berji {
  font-size: 0;
  width: 100%;
  text-align: center;
}
.berji a {
  display: inline-block;
  width: 164px;
  height: 100%;
  font-size: 16px;
  color: #fff;
  line-height: 54px;
  position: relative;
  overflow: hidden;
  background-color: #66807f;
  margin: 10px 17px;
  border-radius: 8px;
}
.berji a:before {
  content: '';
  position: absolute;
  right: 0;
  top: 20px;
  z-index: 0;
  width: 1px;
  height: 30px;
  display: none;
}
.berji a:after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0px;
  z-index: 0;
  margin-left: 0;
  width: 0;
  height: 4px;
  background-color: #0076cd;
  display: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.berji a.on:after,
.berji a:hover:after {
  width: 80px;
  margin-left: -40px;
}
.berji a.on,
.berji a:hover {
  background-color: #1fb5b0;
}
/*鸿盛广达1首页按钮*/
a.seemore {
  display: block;
  width: 160px;
  height: 50px;
  overflow: hidden;
  position: relative;
  font-size: 0;
  color: #116bb4;
  line-height: 50px;
  text-align: center;
  background-color: #fff;
  margin-top: 60px;
  margin-left: 34px;
}
a.seemore:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
  border: 1px solid #116bb4;
}
a.seemore span {
  position: relative;
  z-index: 2;
  display: inline-block;
  font-size: 16px;
  letter-spacing: 2px;
}
a.seemore:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  height: 0;
  background-color: #116bb4;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
a.seemore:hover:after {
  height: 100%;
}
a.seemore:hover {
  background-color: #116bb4;
  color: #fff;
}
a.seemore2 {
  display: block;
  width: 172px;
  height: 42px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  font-size: 16px;
  color: #1e64c6;
  line-height: 42px;
  text-align: center;
  border: 2px solid #fff;
  border-radius: 23px;
  background-color: #fff;
}
a.seemore2 span {
  position: relative;
  z-index: 2;
  display: inline-block;
  padding-right: 40px;
  background: url('../images/jtr1h.png') right no-repeat;
}
.jello-h:hover {
  -webkit-animation: jello 1s 0s infinite;
          animation: jello 1s 0s infinite;
}
.rubberBand-h:hover {
  -webkit-animation: rubberBand 1s 0s 1;
          animation: rubberBand 1s 0s 1;
}
/*远见8产品详情 */
.outnavbg {
  width: 100%;
  height: 60px;
  background-color: #f8f8f8;
  overflow: hidden;
  position: relative;
  z-index: 5;
}
.outnav7 {
  height: 60px;
  padding: 0;
  position: relative;
  z-index: 1;
  overflow: hidden;
  text-align: center;
}
.outnav7 .nav-left,
.outnav7 .nav-right {
  width: 40px;
  height: 100%;
  cursor: pointer;
  position: absolute;
  top: 0;
  z-index: 2;
  background-position: center;
  background-repeat: no-repeat;
  display: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background-color: #e7e7e7;
}
.outnav7 .nav-left {
  left: 0;
  background-image: url('../images/lt3.png');
}
.outnav7 .nav-right {
  right: 0;
  background-image: url('../images/gt3.png');
}
.outnav7 .nav-left:hover {
  background-image: url('../images/lt3h.png');
  background-color: #eb0104;
}
.outnav7 .nav-right:hover {
  background-image: url('../images/gt3h.png');
  background-color: #eb0104;
}
.outnav7 #wrapper77 {
  width: 100%;
  height: 100%;
  position: relative;
}
.outnav7.on {
  padding: 0 40px;
}
.outnav7.on .nav-left,
.outnav7.on .nav-right {
  display: block;
}
.nav7 {
  width: 100%;
  height: 100%;
  font-size: 0;
  white-space: nowrap;
}
.nav7 li {
  width: 170px;
  display: inline-block;
  height: 100%;
  overflow: hidden;
}
.nav7.fen2 li {
  width: 50%;
}
.nav7.fen3 li {
  width: 33.3%;
}
.nav7.fen4 li {
  width: 25%;
}
.nav7.fen5 li {
  width: 20%;
}
.nav7 li a {
  display: block;
  position: relative;
  color: #666;
  line-height: 60px;
  font-size: 16px;
}
.nav7 li a:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  z-index: 0;
  display: none;
  width: 1px;
  height: 14px;
  background-color: #ccc;
  margin-top: -7px;
}
.nav7 li a:after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  z-index: 1;
  width: 0;
  height: 2px;
  margin-left: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background-color: #014ab1;
}
.nav7 li:hover a {
  color: #eb0104;
}
.nav7 li:hover a:after {
  width: 108px;
  margin-left: -54px;
}
.nav7 li.on a {
  color: #eb0104;
}
.nav7 li.on a:after {
  width: 108px;
  margin-left: -54px;
}
/*新闻详情*/
.greybgnews {
  background-color: #f5f9fc;
  padding: 60px 0 90px;
}
.main {
  position: relative;
  padding-right: 430px;
}
.mainleft {
  width: 100%;
  min-height: 770px;
}
.mainright {
  width: 392px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}
.mainright .sidebox {
  padding: 30px 28px 40px;
  width: auto;
  background-color: #fff;
  border: 1px solid #e9e9e9;
}
.mainright .sidebox .title {
  height: 28px;
  position: relative;
  font-weight: bold;
  margin-bottom: 18px;
  font-size: 20px;
  line-height: 28px;
  color: #333;
  text-indent: 12px;
}
.mainright .sidebox .title:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 3px;
  height: 100%;
  background-color: #0060af;
}
.relnewslist {
  padding-top: 20px;
}
.relnewslist li {
  padding-left: 12px;
  position: relative;
}
.relnewslist li:before {
  content: '';
  position: absolute;
  left: 0;
  top: 15px;
  z-index: 0;
  width: 4px;
  height: 4px;
  background-color: #666;
  border-radius: 2px;
}
.relnewslist li a {
  display: block;
  padding-right: 80px;
  position: relative;
  font-size: 14px;
  color: #666;
  line-height: 34px;
  height: 34px;
}
.relnewslist li span.info {
  width: 100%;
  height: 100%;
  color: #666;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-transition: .3s;
  transition: .3s;
}
.relnewslist li span.date {
  position: absolute;
  width: 80px;
  right: 0;
  top: 0;
  text-align: right;
  color: #666;
  -webkit-transition: .3s;
  transition: .3s;
}
.relnewslist li:hover:before {
  background-color: #00a1e9;
}
.relnewslist li:hover span {
  color: #00a1e9;
}
.newsitem {
  border-bottom: 1px solid #c6c6c6;
}
.newsitem a {
  display: block;
  position: relative;
  padding-bottom: 14px;
}
.newsitem .pic {
  width: 100%;
  height: 208px;
  position: relative;
  overflow: hidden;
}
.newsitem .pic img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.newsitem .pic:hover img {
  -webkit-transform: scale(1.04);
          transform: scale(1.04);
}
.newsitem h3 {
  font-size: 16px;
  color: #333;
  line-height: 26px;
  margin-top: 14px;
  height: 52px;
  overflow: hidden;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.newsitem:hover h3 {
  color: #00a1e9;
}
.atc {
  padding: 48px 54px;
  background-color: #fff;
  border: 1px solid #e9e9e9;
}
.atc-h {
  border-bottom: 1px solid #e9e9e9;
  padding-bottom: 26px;
  position: relative;
}
.atc-h h1 {
  font-size: 28px;
  color: #333;
  line-height: 48px;
  margin-bottom: 20px;
}
.atc-date {
  font-size: 14px;
  color: #333;
  line-height: 26px;
}
.atc-date span {
  display: inline-block;
  margin-right: 16px;
}
.atc-con {
  padding: 26px 0 30px;
  font-size: 16px;
  line-height: 36px;
  color: #333;
  text-align: justify;
  border-bottom: 1px solid #e9e9e9;
}
.atc-con .pic {
  text-align: center;
  padding: 28px 0;
}
.atc-con img {
  max-width: 100%;
}
.atc-con a {
  color: #00a1e9;
}
.atc-pn {
  position: relative;
  margin-top: 24px;
  padding-right: 160px;
}
.atc-pn a {
  display: block;
  overflow: hidden;
  font-size: 14px;
  color: #626262;
  line-height: 32px;
}
.atc-pn a:hover {
  color: #00a1e9;
}
.atc-pn a label {
  margin-right: 10px;
}
a.atc-ret {
  font-size: 14px;
  color: #fff;
  line-height: 34px;
  text-align: center;
  background-color: #0060af;
  width: 108px;
  height: 34px;
  position: absolute;
  right: 0;
  top: 15px;
  z-index: 1;
}
a.atc-ret:hover {
  opacity: 0.8;
}
.videowrap {
  width: 1440px;
  position: relative;
  text-align: center;
  margin: 50px auto;
  overflow: hidden;
}
.video {
  width: 100%;
  height: 612px;
}
@media screen and (max-width: 1440px) {
  .videowrap {
    width: 100%;
    padding-bottom: 42.5%;
    height: 0;
  }
  .video {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
  }
}
@media screen and (max-width: 1300px) {
  .main {
    padding-right: 0;
  }
  .mainleft {
    min-height: 0;
  }
  .mainright {
    display: none;
  }
}
@media screen and (max-width: 1200px) {
  .greybgnews {
    padding: 60px 0 80px;
  }
}
@media screen and (max-width: 1023px) {
  .greybgnews {
    padding: 60px 0 70px;
    background-color: #fff;
  }
  .atc {
    padding: 40px 30px;
  }
}
@media screen and (max-width: 960px) {
  .atc-pn {
    padding-right: 0;
  }
  a.atc-ret {
    position: static;
    display: block;
    margin: 30px auto 0;
    width: 140px;
    height: 40px;
    line-height: 40px;
  }
}
@media screen and (max-width: 750px) {
  .greybgnews {
    padding: 50px 0 70px;
  }
  .atc {
    padding: 0 0;
    border: 0 none;
  }
  .atc-h h1 {
    font-size: 20px;
    line-height: 36px;
  }
  a.atc-ret {
    width: 180px;
  }
}
.newsout {
  padding: 68px 0 64px;
  position: relative;
}
.newsout .cer8 {
  position: relative;
  z-index: 2;
}
.newslist {
  padding: 0 0 4px;
  margin: 0 -22px;
  overflow: hidden;
}
.newslist li {
  float: left;
  width: 33.33%;
  margin-bottom: 56px;
}
.newslist li .lin {
  padding: 0 22px;
}
.newslist li a {
  display: block;
  position: relative;
}
.newslist .pic {
  width: 100%;
  height: 0;
  padding-bottom: 50%;
  overflow: hidden;
  position: relative;
}
.newslist img {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.newslist li .wz {
  padding-top: 30px;
}
.newslist li h3 {
  font-size: 22px;
  color: #333;
  line-height: 40px;
  height: 40px;
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.newslist li .txt {
  font-size: 16px;
  color: #666;
  line-height: 26px;
  height: 52px;
  overflow: hidden;
  margin-top: 8px;
}
.newslist li:hover h3,
.newslist li:hover .txt {
  color: #00a1e9;
}
.newslist h3,
.newslist .txt {
  -webkit-transition: .5s;
  transition: .5s;
}
@media screen and (max-width: 1260px) {
  .newslist {
    margin: 0 0;
  }
  .newslist li .lin {
    padding: 0 16px;
  }
}
@media screen and (max-width: 1100px) {
  .newslist li {
    margin-bottom: 50px;
  }
  .newslist li .wz {
    padding-top: 20px;
  }
}
@media screen and (max-width: 1023px) {
  .newslist li {
    width: 50%;
  }
}
@media screen and (max-width: 640px) {
  .newslist li {
    width: 100%;
  }
  .newslist li .lin {
    padding: 0 0;
  }
}
.newsone {
  padding: 80px 0;
  background-color: #f3f8ff;
}
.hotscroll {
  position: relative;
}
.hotscroll .bd {
  width: 100%;
  height: 390px;
  overflow: hidden;
}
.hotlist {
  height: 390px;
}
.hotlist li {
  position: relative;
  height: 100%;
}
.hotlist li .lin {
  height: 100%;
  padding-left: 50%;
}
.hotlist .pic {
  float: left;
  margin-left: -100%;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}
.hotlist .pic img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.hotlist li .wrap {
  padding-top: 16px;
  padding-left: 12.5%;
}
.hotlist h3 {
  height: 50px;
  line-height: 50px;
  overflow: hidden;
  font-size: 30px;
  color: #333;
  font-weight: bold;
}
.hotlist h3 a {
  color: #333;
}
.hotlist h3:hover a {
  color: #00a1e9;
}
.hotlist .txt {
  height: 150px;
  overflow: hidden;
  color: #666;
  font-size: 16px;
  line-height: 30px;
}
.hotlist .date {
  margin: 20px 0 26px;
  height: 30px;
  font-size: 16px;
  color: #999;
  line-height: 30px;
}
.hotlist a.more {
  margin-top: 46px;
  display: block;
  width: 140px;
  height: 40px;
  border: 1px solid #c7c7c7;
  font-size: 16px;
  color: #333;
  line-height: 40px;
  text-align: center;
  border-radius: 21px;
}
.hotlist a.more:hover {
  color: #00a1e9;
  border-color: #00a1e9;
}
.hotscroll .hd {
  overflow: hidden;
  position: absolute;
  z-index: 3;
  right: 20px;
  bottom: 10px;
}
.hotscroll .hd ul {
  padding: 16px 0;
  height: 10px;
  overflow: hidden;
  zoom: 1;
  font-size: 0;
  text-align: center;
  line-height: 10px;
}
.hotscroll .hd ul li {
  display: inline-block;
  width: 10px;
  height: 10px;
  overflow: hidden;
  margin: 0 7px;
  cursor: pointer;
  background-color: #a9a9a9;
  border-radius: 50%;
}
.hotscroll .hd ul li.on {
  background-color: #116bb4;
}
.hotscroll a.prev,
.hotscroll a.next {
  width: 16px;
  height: 42px;
  display: block;
  font-size: 0;
  position: absolute;
  right: 0;
  bottom: 10px;
  z-index: 3;
}
.hotscroll a.prev {
  background: url('../images/lt-hot.png') center no-repeat;
  margin-right: 146px;
}
.hotscroll a.next {
  background: url('../images/gt-hot.png') center no-repeat;
}
.hotscroll a.prev:hover {
  background-image: url('../images/lth-hot.png');
}
.hotscroll a.next:hover {
  background-image: url('../images/gth-hot.png');
}
@media screen and (max-width: 1024px) {
  .newsone {
    padding: 70px 0;
  }
  .hotscroll .bd {
    height: auto;
  }
  .hotlist {
    height: auto;
  }
  .hotlist li .lin {
    padding-left: 0;
  }
  .hotlist .pic {
    float: none;
    margin-left: 0;
    height: 390px;
    text-align: center;
  }
  .hotlist .pic img {
    width: auto;
    max-width: 100%;
  }
  .hotlist li .wrap {
    padding-left: 0;
    padding-top: 20px;
    padding-bottom: 10px;
    text-align: center;
    max-width: 720px;
    margin: 0 auto;
  }
  .hotlist h3 {
    font-size: 24px;
    height: 44px;
    line-height: 44px;
  }
  .hotlist .date {
    display: none;
  }
  .hotlist .txt {
    height: 120px;
    margin-top: 10px;
  }
  .hotlist a.more {
    margin-top: 20px;
  }
}
@media screen and (max-width: 750px) {
  .hotlist h3 {
    font-size: 20px;
    height: 40px;
    line-height: 40px;
  }
  .hotlist .txt {
    font-size: 14px;
  }
  .newsone {
    padding: 60px 0;
  }
}
.lxone {
  background-color: #f5f9fc;
  padding-top: 60px;
  padding-bottom: 30px;
}
#map {
  width: 100%;
  height: 664px;
}
.cate7 {
  text-align: center;
  margin-top: 48px;
}
.cate7 .cn {
  font-size: 30px;
  color: #0077d9;
  line-height: 50px;
  display: inline-block;
  background-image: -webkit-linear-gradient(left, #07ad4f, #0077d9);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.cate7 .cn2 {
  font-size: 16px;
  color: #000;
  line-height: 30px;
  margin-top: 10px;
}
@media screen and (max-width: 750px) {
  .cate7 .cn {
    font-size: 20px;
    line-height: 40px;
  }
  .cate7 .cn2 {
    margin-top: 0;
  }
}
.lxtwo {
  padding: 68px 0 62px;
  background: url('../images/lxbg.jpg') center / cover no-repeat;
}
.way-head {
  height: 60px;
  background-color: #fff;
  overflow: hidden;
  padding: 0 60px;
}
.way-head .th {
  padding: 15px 0;
  height: 30px;
  overflow: hidden;
  font-size: 16px;
  color: #0060af;
  line-height: 30px;
  text-align: center;
  font-weight: bold;
}
.way-head .th.type {
  min-width: 64px;
}
.way-hand {
  height: 60px;
  background-color: rgba(255, 255, 255, 0.2);
  overflow: hidden;
  padding: 0 60px;
  margin-top: 10px;
}
.way-hand .td {
  padding: 15px 0;
  height: 30px;
  overflow: hidden;
  font-size: 16px;
  color: #fff;
  line-height: 30px;
  text-align: center;
}
.way-hand .td.name {
  min-width: 48px;
}
.way-head,
.way-hand {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.lxwaylist li:hover .way-hand {
  background-color: rgba(255, 255, 255, 0.9);
}
.lxwaylist li:hover .way-hand .td {
  color: #0060af;
}
.lxwaylist .way-hand,
.lxwaylist .td {
  -webkit-transition: 0.6s;
  transition: 0.6s;
}
@media screen and (max-width: 1023px) {
  .way-head,
  .way-hand {
    padding: 0 40px;
  }
}
@media screen and (max-width: 750px) {
  .way-head,
  .way-hand {
    padding: 0 20px;
  }
}
.lxthree {
  padding: 46px 0 56px;
}
.liuyan {
  color: #666;
  font-size: 0;
  padding-bottom: 1px;
  margin-top: 42px;
}
.liuyan .hang {
  float: left;
  width: 32%;
  margin-left: 2%;
  margin-bottom: 20px;
}
.liuyan .hang.first {
  margin-left: 0;
}
.liuyan .hang.fat {
  width: 100%;
  height: auto;
  margin-left: 0;
}
.liuyan p {
  text-align: center;
  line-height: 32px;
  margin-bottom: 20px;
}
.liuyan p > label {
  display: inline-block;
  width: 90px;
  vertical-align: top;
  font-size: 16px;
  color: #333;
}
.liuyan .mradio {
  height: 32px;
}
.liuyan .hang > label {
  display: none;
}
.liuyan input[type=text] {
  width: 100%;
  height: 46px;
  border: 1px solid #cecece;
  background-color: #fff;
  line-height: 44px;
  text-indent: 15px;
  font-size: 16px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.liuyan textarea {
  padding: 5px 15px;
  height: 116px;
  border: 1px solid #cecece;
  background-color: #fff;
  resize: none;
  vertical-align: top;
  width: 100%;
  line-height: 26px;
  font-size: 16px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.liuyan input[type=text]:focus,
.liuyan textarea:focus {
  border-color: #00a1e9;
}
.liuyan input[type=text],
.liuyan textarea {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.liuyan i.v {
  display: inline-block;
  width: 100%;
  height: 100%;
  vertical-align: top;
}
.liuyan .hang2 {
  height: 46px;
  line-height: 46px;
  margin-bottom: 20px;
}
.liuyan .hang2 .yzwrap {
  width: 100%;
  height: 100%;
  position: relative;
}
.liuyan .hang2 i.v {
  width: 32%;
  height: 46px;
}
.liuyan .verifyImg {
  width: 110px;
  height: 46px;
  cursor: pointer;
  vertical-align: top;
  margin: 0 2%;
  border: 1px solid #cecece;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.liuyan .yzmchange {
  display: inline-block;
  vertical-align: top;
  width: 46px;
  height: 100%;
  background: url('../images/change2.png') center no-repeat;
}
.liuyan input#tj {
  width: 150px;
  height: 46px;
  background-color: #00a1e9;
  border: 0 none;
  font-size: 16px;
  line-height: 46px;
  color: #fff;
  border-radius: 4px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.liuyan input#tj:hover {
  background-color: #07ad4f;
}
@media screen and (max-width: 800px) {
  .liuyan p {
    padding-left: 100px;
    text-align: left;
  }
  .liuyan p > label {
    float: left;
    margin-left: -100px;
  }
}
@media screen and (max-width: 750px) {
  .liuyan .hang {
    float: none;
    width: 100%;
    margin-left: 0;
  }
  .liuyan .hang2 {
    height: auto;
  }
  .liuyan input#tj {
    position: static;
    display: block;
    margin: 30px auto 0;
  }
}
@media screen and (max-width: 560px) {
  .liuyan .hang2 i.v {
    width: 50%;
  }
}
.tuijian {
  width: 100%;
  height: 620px;
  overflow: hidden;
  position: relative;
  background: url('../images/whbg2.jpg') center / cover;
}
.tjpicbg {
  width: 50%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  overflow: hidden;
}
.tjpicbg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: 1s;
  transition: 1s;
}
.tjother {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
}
.tjother .inner {
  margin: auto;
  font-family: "Microsoft JhengHei";
}
.tjother h3 {
  font-size: 38px;
  color: #fff;
  line-height: 48px;
  font-weight: bold;
}
.tjother .hx {
  width: 64px;
  height: 4px;
  background-color: #fff;
  margin: 38px auto;
}
.tjother .tjcon {
  font-size: 16px;
  color: #fff;
  line-height: 34px;
  text-align: left;
  max-height: 340px;
  overflow: hidden;
  display: inline-block;
}
.tjother .tjcon img {
  display: none;
}
.tuijian:hover .tjpicbg img {
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
}
@media screen and (max-width: 1100px) {
  .tjpicbg {
    position: relative;
    width: auto;
    height: auto;
    text-align: center;
  }
  .tjpicbg img {
    width: auto;
    height: auto;
    max-width: 100%;
  }
  .tjother {
    float: none;
    width: 100%;
  }
  .tjother h3 {
    font-size: 30px;
  }
  .tjother .hx {
    margin: 20px auto 40px;
  }
  .tjother .tjcon {
    max-height: none;
  }
}
@media screen and (max-width: 750px) {
  .tjother h3 {
    font-size: 24px;
  }
}
.zpfirst {
  padding: 60px 0 94px;
  background-color: #f5f9fc;
}
.zhiyelist {
  text-align: center;
  font-size: 0;
  padding-top: 36px;
  margin: 0 -18px;
}
.zhiyelist li {
  display: inline-block;
  width: 25%;
}
.zhiyelist li .lin {
  padding: 0 18px;
}
.zhiyelist li a {
  display: block;
  padding: 60px 0 42px;
  background-color: #fff;
}
.zhiyelist li .im {
  width: 130px;
  height: 130px;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 50%;
  background-color: #38bab1;
  font-size: 20px;
  color: #fff;
  line-height: 130px;
  font-weight: bold;
  -webkit-box-shadow: 0 0 0 10px rgba(56, 186, 177, 0.2);
          box-shadow: 0 0 0 10px rgba(56, 186, 177, 0.2);
}
.zhiyelist li .txt {
  font-size: 16px;
  color: #333;
  line-height: 26px;
  height: 130px;
  overflow: hidden;
  margin-top: 40px;
  padding: 0 50px;
}
.zhiyelist li:hover .im {
  -webkit-animation: pin01 1s ease-in-out 0s infinite alternate;
          animation: pin01 1s ease-in-out 0s infinite alternate;
}
@-webkit-keyframes pin01 {
  0% {
    -webkit-box-shadow: 0px 0px 0px 10px rgba(56, 186, 177, 0.2);
            box-shadow: 0px 0px 0px 10px rgba(56, 186, 177, 0.2);
  }
  100% {
    -webkit-box-shadow: 0px 0px 0px 30px rgba(56, 186, 177, 0);
            box-shadow: 0px 0px 0px 30px rgba(56, 186, 177, 0);
  }
}
@keyframes pin01 {
  0% {
    -webkit-box-shadow: 0px 0px 0px 10px rgba(56, 186, 177, 0.2);
            box-shadow: 0px 0px 0px 10px rgba(56, 186, 177, 0.2);
  }
  100% {
    -webkit-box-shadow: 0px 0px 0px 30px rgba(56, 186, 177, 0);
            box-shadow: 0px 0px 0px 30px rgba(56, 186, 177, 0);
  }
}
@media screen and (max-width: 1400px) {
  .zhiyelist li a {
    padding: 50px 0;
  }
  .zhiyelist li .txt {
    padding: 0 24px;
    height: 156px;
  }
}
@media screen and (max-width: 1023px) {
  .zhiyelist li {
    width: 50%;
    margin-top: 20px;
  }
  .zhiyelist li .txt {
    height: 104px;
  }
}
@media screen and (max-width: 750px) {
  .zpfirst {
    padding: 60px 0 70px;
  }
  .zhiyelist li {
    width: 50%;
  }
  .zhiyelist li .txt {
    height: 130px;
  }
}
@media screen and (max-width: 680px) {
  .zhiyelist {
    margin: 0 -10px;
  }
  .zhiyelist li .lin {
    padding: 0 10px;
  }
  .zhiyelist li .txt {
    height: 156px;
    padding: 0 12px;
  }
}
.fsubcate {
  position: relative;
  height: 54px;
  line-height: 54px;
  overflow: hidden;
  font-family: "Microsoft JhengHei";
}
.fsubcate .cn {
  float: left;
  font-size: 38px;
  color: #333;
  font-weight: bold;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.fsubcate:hover .cn {
  color: #00a1e9;
}
.fsubcate .more {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
  height: 36px;
  font-size: 16px;
  color: #333;
  line-height: 36px;
  font-weight: bold;
}
.fsubcate .more:hover {
  color: #00a1e9;
}
.zpthree {
  padding: 80px 0;
  background: #ffffff url('../images/zpbg.jpg') bottom no-repeat;
}
.zplist {
  padding-top: 40px;
  padding-bottom: 40px;
}
.zplist li {
  border: 1px solid #dedede;
  margin-bottom: 20px;
  background-color: #fff;
}
.zplist .zpone {
  height: 108px;
  cursor: pointer;
  position: relative;
  padding-left: 40px;
  padding-right: 70px;
}
.zplist .zpone:before {
  content: '';
  width: 5px;
  height: 40px;
  position: absolute;
  top: 34px;
  left: 0;
  z-index: 0;
  background-color: #dedede;
}
.zplist .zpone h3 {
  font-size: 16px;
  color: #666;
  line-height: 32px;
  font-weight: bold;
  height: 32px;
  overflow: hidden;
  padding-top: 24px;
}
.zplist .zpone p.info {
  font-size: 16px;
  color: #333;
  line-height: 30px;
  height: 30px;
  overflow: hidden;
}
.zplist .zpone p.info span {
  margin-right: 14px;
}
.zplist .zpone i {
  position: absolute;
  right: 20px;
  top: 34px;
  z-index: 1;
  width: 40px;
  height: 40px;
  background: url('../images/jtr-zp.png') center no-repeat;
}
.zplist li.on {
  border-color: #00a1e9;
}
.zplist li.on .zpone:before {
  background-color: #00a1e9;
  white-space: nowrap;
}
.zplist li:hover {
  -webkit-box-shadow: 0 0 10px 0 #dedede;
          box-shadow: 0 0 10px 0 #dedede;
}
.zplist li.on .zpone i,
.zplist li:hover .zpone i {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.zplist li,
.zplist li .zpone:before,
.zplist .zpone i {
  -webkit-transition: 0.6s;
  transition: 0.6s;
}
.zpcon {
  display: none;
  padding: 16px 40px 44px;
  font-size: 16px;
  color: #333;
  line-height: 30px;
  font-family: "Microsoft JhengHei";
}
.zpcon .zpbtn {
  display: block;
  width: 154px;
  height: 46px;
  background-color: #00a1e9;
  margin-top: 24px;
  font-size: 20px;
  color: #fff;
  line-height: 46px;
  text-align: center;
  font-weight: bold;
}
@media screen and (max-width: 1200px) {
  .fsubcate .cn {
    font-size: 30px;
  }
}
@media screen and (max-width: 750px) {
  .fsubcate .cn {
    font-size: 24px;
  }
  .zpthree {
    padding: 70px 0;
  }
  .zplist .zpone {
    padding-left: 30px;
    padding-right: 50px;
  }
  .zplist .zpone i {
    right: 0;
  }
  .zpcon {
    padding: 16px 30px 30px;
  }
}
@media screen and (max-width: 600px) {
  .zplist .zpone {
    padding: 0 5%;
  }
  .zplist .zpone i {
    display: none;
  }
  .zpcon {
    padding: 16px 5% 30px;
  }
}
/*首页*/
.fabout {
  background: url('../images/fabbg.jpg') center / cover no-repeat;
  padding: 70px 0 90px;
  text-align: center;
}
.fabout p.intro {
  font-size: 18px;
  color: #fff;
  line-height: 32px;
  margin: 44px auto 52px;
}
.fabout .morebtn {
  display: block;
  width: 158px;
  height: 48px;
  border: 1px solid #fff;
  font-size: 16px;
  color: #fff;
  line-height: 48px;
  text-align: center;
  margin: 0 auto;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.fabout .morebtn:hover {
  background-color: #fff;
  color: #00a1e9;
}
.fcate2 {
  position: relative;
  width: 100%;
  padding: 20px 0;
  text-align: center;
}
.fcate2 .enp {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  font-size: 0;
}
.fcate2 img {
  max-width: 90%;
  vertical-align: top;
}
.fcate2 .cn {
  font-size: 0;
  color: #fff;
  line-height: 48px;
  height: 48px;
  font-family: "Microsoft JhengHei";
  position: relative;
  z-index: 2;
  overflow: hidden;
  white-space: nowrap;
}
.fcate2 .cn span {
  display: inline-block;
  height: 100%;
  font-size: 30px;
  letter-spacing: 1px;
  font-weight: bold;
}
.fcate2:after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  z-index: 0;
  width: 38px;
  height: 2px;
  background-color: #fff;
  margin-left: -19px;
}
.fcate1 {
  text-align: center;
  padding: 50px 0 54px;
}
.fcate1 .cn {
  font-size: 30px;
  color: #116bb4;
  line-height: 48px;
  font-family: "Microsoft JhengHei";
  font-weight: bold;
  letter-spacing: 3px;
}
.fcate1 .cn2 {
  font-size: 16px;
  color: #666;
  line-height: 30px;
  letter-spacing: 1px;
}
.guanlist-wrap {
  width: 100%;
  position: relative;
}
.guanlist-out {
  width: 100%;
  height: 712px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  cursor: ew-resize;
}
.guanlist {
  width: auto;
  height: 100%;
  font-size: 0;
  white-space: nowrap;
}
.guanprev,
.guannext {
  display: none;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  cursor: pointer;
  font-size: 0;
  position: absolute;
  top: 50%;
  z-index: 3;
  margin-top: -25px;
}
.guanprev {
  background: url('../images/lt1.png') center no-repeat;
  left: 0;
}
.guannext {
  background: url('../images/gt1.png') center no-repeat;
  right: 0;
}
.guanprev:hover,
.guannext:hover {
  background-color: #07ad4f;
}
.guanlist {
  width: 100%;
  background: url('../images/fprobg.jpg') center no-repeat;
}
.guanlist li {
  display: inline-block;
  width: 20%;
  height: 100%;
}
.guanlist li .lin {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.guanlist li .lin:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 1px;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.2);
}
.guanlist .pic {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  font-size: 0;
}
.guanlist .pic img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.guanlist .pic i {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: url('../images/jab1.png') bottom no-repeat;
}
.guanlist li .cover {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 4;
  -webkit-transition: .6s;
  transition: .6s;
}
.guanlist li .cover .in {
  padding: 110px 0 0;
  color: #f7f7f7;
  margin: 0 auto;
  width: 180px;
}
.guanlist li .num {
  font-size: 48px;
  color: #fff;
  line-height: 52px;
  height: 52px;
  overflow: hidden;
  font-weight: bold;
  font-family: "arial";
  opacity: 0.2;
  margin-bottom: 14px;
  -webkit-transition: .4s;
  transition: .4s;
}
.guanlist li h3 {
  font-size: 20px;
  line-height: 40px;
  height: 40px;
  overflow: hidden;
  font-weight: bold;
}
.guanlist li h4 {
  font-size: 14px;
  line-height: 26px;
  height: 20px;
  overflow: hidden;
  text-transform: capitalize;
  font-family: 'arial';
}
.guanlist li .txt3 {
  font-size: 14px;
  line-height: 38px;
  height: 152px;
  overflow: hidden;
  margin: 44px 0 88px;
}
.guanlist li .txt3 dd {
  color: #b6d3ff;
  -webkit-transition: .4s;
  transition: .4s;
}
.guanlist li .txt3 dd a {
  color: #b6d3ff;
}
.guanlist li .more {
  display: block;
  height: 24px;
  font-family: arial;
  opacity: 0.5;
  -webkit-transition: .4s;
  transition: .4s;
  font-size: 16px;
  line-height: 24px;
  color: #f7f7f7;
  text-transform: uppercase;
}
.guanlist li:hover .more {
  opacity: 1;
}
.guanlist li .txt3 dd:hover {
  color: #fff;
}
.guanlist li .txt3 dd:hover a {
  color: #fff;
}
.guanlist li:hover .cover {
  background-color: rgba(0, 0, 0, 0.2);
}
.guanlist li:hover .num {
  opacity: 1;
}
@media screen and (max-width: 1600px) {
  .guanlist {
    width: auto;
  }
  .guanlist li {
    width: 320px;
  }
  .guanprev,
  .guannext {
    display: block;
  }
}
.fnewscon {
  height: 750px;
}
.fnewsleft {
  float: left;
  width: 50%;
  height: 100%;
  background-color: #edf1f4;
}
.fnewspic-scroll {
  width: 600px;
  height: 550px;
  margin: 66px auto 0;
}
.fnewspic-scroll .flex-viewport {
  width: 100%;
  height: 100%;
}
.fnewspic-scroll .slides {
  overflow: hidden;
  height: 100%;
}
.fnewspic-scroll .slides li {
  height: 100%;
  -webkit-backface-visibility: hidden;
  position: relative;
}
.fnewspic-scroll .slides li a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.fnitem .pic {
  width: 100%;
  height: 322px;
  overflow: hidden;
}
.fnitem img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.fnitem .wz {
  padding-top: 40px;
}
.fnitem h3 {
  font-size: 22px;
  color: #116bb4;
  line-height: 36px;
  height: 36px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  letter-spacing: 3px;
}
.fnitem .txt {
  font-size: 16px;
  color: #666;
  line-height: 28px;
  height: 56px;
  overflow: hidden;
  margin-top: 12px;
}
.fnitem .date {
  font-size: 16px;
  color: #999;
  line-height: 32px;
  height: 32px;
}
.fnitem label {
  font-size: 16px;
  color: #666;
  line-height: 22px;
  height: 22px;
  text-transform: uppercase;
  display: block;
  margin-top: 30px;
}
.fnewspic-scroll .flex-direction-nav a {
  width: 30px;
  height: 50px;
  display: block;
  font-size: 0;
  position: absolute;
  top: 135px;
  z-index: 4;
}
.fnewspic-scroll .flex-direction-nav a.flex-prev {
  left: 0;
  background: url('../images/lt3.png') center no-repeat;
}
.fnewspic-scroll .flex-direction-nav a.flex-next {
  right: 0;
  background: url('../images/gt3.png') center no-repeat;
}
.fnewspic-scroll .flex-direction-nav a:hover {
  background-color: #116bb4;
}
.fnewspic-scroll .flex-control-paging {
  height: 10px;
  font-size: 0;
  padding: 6px 0;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 5;
}
.fnewspic-scroll .flex-control-paging li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  overflow: hidden;
  width: 10px;
  height: 10px;
  margin-left: 20px;
}
.fnewspic-scroll .flex-control-paging li a {
  width: 10px;
  height: 10px;
  display: block;
  cursor: pointer;
  background-color: #c1c1c1;
  border-radius: 50%;
}
.fnewspic-scroll .flex-control-paging li a.flex-active {
  background-color: #116bb4;
}
.fnewsright {
  float: left;
  width: 50%;
  height: 100%;
  padding-left: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.fnewslist2 {
  width: 100%;
  overflow: hidden;
}
.fnewslist2 li {
  width: 100%;
  height: 90px;
  padding: 25px 0;
  border-bottom: 1px solid #eee;
}
.fnewslist2 li a {
  display: block;
  position: relative;
  width: 75%;
  height: 100%;
  overflow: hidden;
  padding-left: 34px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.fnewslist2 li h3 {
  font-size: 18px;
  color: #333;
  line-height: 30px;
  height: 30px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.fnewslist2 .date {
  font-size: 16px;
  color: #999;
  line-height: 24px;
  height: 24px;
  overflow: hidden;
  margin-top: 4px;
}
.fnewslist2 li .txt {
  font-size: 14px;
  color: #666;
  line-height: 26px;
  height: 26px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: 6px;
}
.fnewslist2 li:hover {
  background-color: #edf1f4;
}
.fnewslist2 li:hover h3 {
  color: #00a1e9;
}
.fnewslist2 li,
.fnewslist2 h3 {
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
@media screen and (max-width: 1320px) {
  .fnewspic-scroll {
    width: 90%;
  }
  .fnitem h3 {
    letter-spacing: 0;
  }
  .fnewslist2 li a {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
  a.seemore {
    margin-left: 20px;
  }
}
@media screen and (max-width: 1023px) {
  .fnewscon {
    height: auto;
  }
  .fnewsleft {
    float: none;
    width: 100%;
    height: auto;
    padding: 60px 0;
  }
  .fnewspic-scroll {
    margin-top: 0;
  }
  .fnewsright {
    float: none;
    width: 100%;
    height: auto;
    padding: 40px 5% 60px;
  }
  .fnewslist2 li {
    padding: 20px 0;
  }
  a.seemore {
    margin: 40px auto 0;
  }
}
@media screen and (max-width: 600px) {
  .fnewslist2 li:hover {
    background-color: #fff;
  }
  .fnewslist2 li a {
    padding-left: 0;
    padding-right: 0;
  }
}
.canshuwrap {
  background-color: #f5f9fc;
  padding: 80px 0;
}
table.cansu {
  width: 100%;
  min-width: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-align: center;
  border-right: 1px solid #62aae8;
}
table.cansu th {
  font-size: 20px;
  line-height: 30px;
  color: #fff;
  background-color: #2778be;
  padding: 20px 10px;
  font-family: "Microsoft JhengHei";
}
table.cansu th.ii3 .in {
  width: 100px;
}
table.cansu th.ii5 .in {
  width: 100px;
}
table.cansu th.ii4 .in {
  max-width: 300px;
}
table.cansu tr {
  border-bottom: 1px solid #62aae8;
}
table.cansu th:first-child {
  background-color: #3e90d7;
}
table.cansu th:first-child .in {
  width: 320px;
}
table.cansu td {
  font-size: 16px;
  line-height: 30px;
  color: #333;
  background-color: #fff;
  text-align: center;
  padding: 25px 10px;
}
table.cansu tr:nth-child(odd) td {
  background-color: #f3f3f3;
}
table.cansu td:first-child {
  background-color: #7dbbf1!important;
  color: #fff;
}
table.cansu td:first-child .in {
  width: 320px;
}
table.cansu td.ii3 .in {
  width: 100px;
}
table.cansu td.ii5 .in {
  width: 100px;
}
table.cansu td.ii4 .in {
  max-width: 300px;
}
/*table.cansu td:hover{ background-color: #daeffd;}*/
@media screen and (max-width: 1300px) {
  table.cansu {
    width: auto;
  }
  table.cansu th .in {
    min-width: 160px;
  }
  table.cansu td .in {
    min-width: 160px;
  }
  table.cansu th.ii4 .in {
    max-width: 360px;
  }
  table.cansu td.ii4 .in {
    max-width: 360px;
  }
}
@media screen and (max-width: 1023px) {
  .canshuwrap {
    padding: 70px 0;
  }
}
@media screen and (max-width: 750px) {
  .canshuwrap {
    padding: 60px 0;
  }
}
.scrollarea2 {
  position: relative;
}
.scrollarea2 .viewport {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.scrollarea2 .overview {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  min-width: 100%;
}
.scrollarea2 .scrollbar {
  height: 5px;
  width: 100%;
  position: relative;
  margin-top: 50px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.scrollarea2 .track {
  height: 5px;
  width: 100%;
  background-color: #eee;
  position: relative;
}
.scrollarea2 .thumb {
  height: 5px;
  background-color: #007cc3;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  border-radius: 2px;
  cursor: pointer;
}
.scrollarea2 .end {
  position: absolute;
  right: 5px;
  top: -20px;
  z-index: 1;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  cursor: ew-resize;
  background: #007cc3;
}
.scrollbar.disable {
  display: none;
}
.issues {
  height: 600px;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.issues .rightp {
  float: right;
  width: 50%;
  height: 100%;
}
.issues .ttxt {
  float: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 720px;
  max-width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 10%;
}
.issues .ttxt .inner {
  margin: auto 0;
  width: 100%;
}
.issues .ttxt h3 {
  font-size: 26px;
  color: #00a1e9;
  line-height: 46px;
  height: 46px;
  font-family: "Microsoft JhengHei";
  font-weight: bold;
  margin-bottom: 40px;
  overflow: hidden;
}
.issues .leftp {
  float: left;
  width: 50%;
  height: 100%;
  font-size: 0;
  text-align: center;
}
.even.issues .rightp {
  float: left;
}
.even.issues .ttxt {
  float: right;
  padding-left: 0;
  padding-right: 10%;
}
.even.issues .leftp {
  float: right;
}
.scrollarea1 .scrollbar {
  width: 4px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 4px;
  z-index: 2;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.scrollarea1 .track {
  width: 4px;
  height: 100%;
  background-color: #f4f4f4;
  position: relative;
  left: 0;
}
.scrollarea1 .thumb {
  width: 4px;
  background-color: #00a1e9;
  border-radius: 2px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  cursor: pointer;
}
.scrollarea1 {
  position: relative;
  padding-right: 60px;
  height: 330px;
}
.scrollarea1 .viewport {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 100%;
}
.scrollarea1 .overview {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  font-size: 16px;
  line-height: 30px;
  color: #666;
  text-align: justify;
}
.scrollarea1 .overview img {
  max-width: 100%;
}
@media screen and (max-width: 1480px) {
  .issues .ttxt {
    padding-left: 5%;
    padding-right: 5%;
  }
  .even.issues .ttxt {
    padding-left: 5%;
    padding-right: 5%;
  }
}
@media screen and (max-width: 1023px) {
  .issues {
    height: auto;
  }
  .issues .leftp {
    float: none;
    width: 100%;
    height: auto;
  }
  .issues .rightp {
    float: none;
    width: 100%;
    height: auto;
  }
  .issues .ttxt {
    float: none;
    display: block;
    width: 100%;
    padding: 50px 5%;
  }
  .even.issues .rightp {
    float: none;
  }
  .even.issues .ttxt {
    float: none;
    padding: 50px 5%;
  }
  .even.issues .leftp {
    float: none;
  }
  .scrollarea1 {
    padding-right: 0;
    height: auto;
    max-height: 330px;
    overflow: hidden;
  }
  .scrollarea1 .overview {
    position: static;
  }
}
@media screen and (max-width: 750px) {
  .issues .ttxt h3 {
    font-size: 22px;
    margin-bottom: 20px;
  }
}
.propic-scroll {
  position: relative;
  width: 100%;
  height: 100%;
}
.propic-scroll .flex-viewport {
  width: 100%;
  height: 100%;
}
.propic-scroll .slides {
  overflow: hidden;
  height: 100%;
}
.propic-scroll .slides li {
  display: none;
  height: 100%;
  -webkit-backface-visibility: hidden;
  position: relative;
}
.propic-scroll .slides li a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  text-align: center;
}
.propic-scroll .slides a > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.propic-scroll .flex-direction-nav a {
  width: 38px;
  height: 38px;
  display: block;
  font-size: 0;
  position: absolute;
  right: 50px;
  z-index: 4;
  border-radius: 50%;
  border: 1px solid #00a1e9;
}
.propic-scroll .flex-direction-nav a.flex-prev {
  bottom: 50%;
  margin-bottom: 10px;
  background: url('../images/lt-pro.png') center no-repeat;
}
.propic-scroll .flex-direction-nav a.flex-next {
  top: 50%;
  margin-top: 10px;
  background: url('../images/gt-pro.png') center no-repeat;
}
.propic-scroll .flex-direction-nav a:hover {
  background-color: #00a1e9;
}
.propic-scroll .flex-direction-nav a.flex-prev:hover {
  background-image: url('../images/lth-pro.png');
}
.propic-scroll .flex-direction-nav a.flex-next:hover {
  background-image: url('../images/gth-pro.png');
}
.propic-scroll .flex-control-paging {
  width: 100%;
  height: 10px;
  font-size: 0;
  text-align: center;
  position: absolute;
  bottom: 20px;
  left: 0;
  z-index: 3;
}
.propic-scroll .flex-control-paging li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  overflow: hidden;
  width: 10px;
  height: 10px;
  margin: 0 5px;
}
.propic-scroll .flex-control-paging li a {
  width: 10px;
  height: 10px;
  display: block;
  cursor: pointer;
  background-color: #fff;
  border-radius: 5px;
}
.propic-scroll .flex-control-paging li a.flex-active {
  background-color: #00a1e9;
}
.issues.even .propic-scroll .flex-direction-nav a {
  right: auto;
  left: 50px;
}
@media screen and (max-width: 1200px) {
  .propic-scroll .flex-direction-nav a {
    right: 30px;
  }
  .issues.even .propic-scroll .flex-direction-nav a {
    right: auto;
    left: 30px;
  }
}
@media screen and (max-width: 750px) {
  .propic-scroll .flex-direction-nav a.flex-prev {
    margin-bottom: -20px;
  }
  .propic-scroll .flex-direction-nav a.flex-next {
    margin-top: -20px;
  }
  .propic-scroll .flex-direction-nav a.flex-prev {
    left: 30px;
    right: auto;
  }
  .issues.even .propic-scroll .flex-direction-nav a.flex-next {
    left: auto;
    right: 30px;
  }
}
.network {
  max-width: 1440px;
  height: 840px;
  position: relative;
  margin: 0 auto;
}
.network .map {
  width: 50%;
  height: 100%;
  float: left;
  position: relative;
}
.network .map .mapImg {
  text-align: center;
  margin-top: 44px;
  width: 792px;
  height: 669px;
  position: relative;
}
.nanhai {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 0;
  width: 73px;
  height: 109px;
  background: url('../images/china/nanhai.png') center no-repeat;
}
.mapshadow {
  position: absolute;
  left: 0;
  bottom: -44px;
  z-index: 0;
  width: 100%;
  height: 50px;
  background: url('../images/shadow1.png') center no-repeat;
}
.mapList {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.mapList li {
  width: 23px;
  height: 33px;
  position: absolute;
  top: 477px;
  left: 455px;
}
.mapList li .bg-y {
  width: auto;
  height: auto;
  position: absolute;
  font-size: 0px;
  display: none;
  z-index: 8;
}
.mapList li .mapText {
  width: 70px;
  text-align: center;
  position: absolute;
  bottom: -20px;
  z-index: 10;
  left: 50%;
  margin-left: -35px;
  font-size: 14px;
  color: #999;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.mapList li.cur .mapText {
  color: #ff850e;
}
.mapList li.cur .bg-y {
  display: block;
}
/*.mapList li.cur .bg-y2{ display: none;}*/
.mapList li:hover .mapText {
  color: #ff850e;
}
.mapList li:hover .bg-y {
  display: block;
}
.mapList li.on .mapText {
  color: #ff850e;
}
.mapList li.on .bg-y {
  display: block;
}
/*.mapList li.on .bg-y2 {display: block;}*/
.mapList li.on .bg-y {
  -webkit-animation: scaleout 1s infinite ease-in-out alternate;
          animation: scaleout 1s infinite ease-in-out alternate;
}
.mapList li.SX {
  top: 340px;
  left: 475px;
}
.mapList li.SX .bg-y {
  top: -75px;
  left: -34px;
}
.mapList li.NX {
  top: 275px;
  left: 432px;
}
.mapList li.NX .bg-y {
  top: -4px;
  left: -12px;
}
.mapList li.GS {
  top: 320px;
  left: 410px;
}
.mapList li.GS .bg-y {
  top: -124px;
  left: -151px;
}
.mapList li.SC {
  top: 390px;
  left: 392px;
}
.mapList li.SC .bg-y {
  top: -28px;
  left: -77px;
}
.mapList li.ZQ {
  top: 413px;
  left: 445px;
}
.mapList li.ZQ .bg-y {
  top: -12px;
  left: -9px;
}
.mapList li.SXX {
  left: 520px;
  top: 286px;
}
.mapList li.SXX .bg-y {
  top: -42px;
  left: -13px;
}
.mapList li.XJ {
  left: 168px;
  top: 173px;
}
.mapList li.XJ .bg-y {
  top: -109px;
  left: -168px;
}
.mapList li.YN {
  left: 354px;
  top: 514px;
}
.mapList li.YN .bg-y {
  top: -59px;
  left: -47px;
}
.mapList li.GX {
  left: 483px;
  top: 530px;
}
.mapList li.GX .bg-y {
  top: -15px;
  left: -60px;
}
.mapList li.HN {
  left: 502px;
  top: 614px;
}
.mapList li.HN .bg-y {
  top: 17px;
  left: -15px;
}
.mapList li.GD {
  left: 554px;
  top: 514px;
}
.mapList li.GD .bg-y {
  top: 14px;
  left: -52px;
}
.mapList li.HNN {
  left: 543px;
  top: 449px;
}
.mapList li.HNN .bg-y {
  top: -9px;
  left: -54px;
}
.mapList li.HB {
  left: 538px;
  top: 401px;
}
.mapList li.HB .bg-y {
  top: -17px;
  left: -55px;
}
.mapList li.HNNN {
  left: 551px;
  top: 338px;
}
.mapList li.HNNN .bg-y {
  top: -15px;
  left: -40px;
}
.mapList li.FJ {
  left: 645px;
  top: 475px;
}
.mapList li.FJ .bg-y {
  top: -6px;
  left: -37px;
}
.mapList li.JX {
  left: 591px;
  top: 446px;
}
.mapList li.JX .bg-y {
  top: -9px;
  left: -25px;
}
.mapList li.ZJ {
  left: 655px;
  top: 413px;
}
.mapList li.ZJ .bg-y {
  top: 14px;
  left: -22px;
}
.mapList li.AH {
  left: 606px;
  top: 383px;
}
.mapList li.AH .bg-y {
  top: -32px;
  left: -26px;
}
.mapList li.JS {
  left: 645px;
  top: 356px;
}
.mapList li.JS .bg-y {
  top: -16px;
  left: -46px;
}
.mapList li.SD {
  left: 595px;
  top: 300px;
}
.mapList li.SD .bg-y {
  top: -14px;
  left: -18px;
}
.mapList li.TJ {
  left: 592px;
  top: 233px;
}
.mapList li.TJ .bg-y {
  top: 1px;
  left: -19px;
}
.mapList li.LN {
  left: 668px;
  top: 179px;
}
.mapList li.LN .bg-y {
  top: 1px;
  left: -49px;
}
.mapList li.HBB {
  left: 562px;
  top: 261px;
}
.mapList li.HBB .bg-y {
  top: -59px;
  left: -12px;
}
.mapList li.GZ {
  left: 445px;
  top: 470px;
}
.mapList li.GZ .bg-y {
  top: -15px;
  left: -38px;
}
.mapList li.HLJ {
  top: 66px;
  left: initial;
  right: 70px;
}
.mapList li.HLJ .bg-y {
  top: -66px;
  right: -66px;
}
.mapList li.XZ {
  top: 330px;
  left: 125px;
}
.mapList li.XZ .bg-y {
  top: -42px;
  left: -95px;
}
.mapList li.QH {
  top: 280px;
  left: 271px;
}
.mapList li.QH .bg-y {
  top: -24px;
  left: -68px;
}
.mapList li.NMG {
  top: 190px;
  left: 480px;
}
.mapList li.NMG .bg-y {
  top: -184px;
  left: -151px;
}
.mapList li.JL {
  top: 125px;
  left: 688px;
}
.mapList li.JL .bg-y {
  top: 1px;
  left: -54px;
}
.mapList li.TW {
  top: 531px;
  left: 675px;
}
.mapList li.BJ {
  top: 200px;
  left: 565px;
}
.mapList li.BJ .bg-y {
  top: 30px;
  left: 15px;
}
.mapList li.SH {
  top: 371px;
  left: 670px;
}
.mapList li.SH .bg-y {
  top: 40px;
  left: 0px;
}
.mapList li.XG {
  top: 530px;
  left: 580px;
}
.mapList li.XG .bg-y {
  top: 40px;
  left: -8px;
}
.mapList li.AM {
  top: 542px;
  left: 534px;
}
.mapList li.AM .bg-y {
  top: 31px;
  left: 23px;
}
.mapList li.SD .mapText {
  bottom: 0;
  margin-left: -20px;
}
.mapList li.HB .mapText {
  bottom: -5px;
}
.mapList li.JS .mapText {
  bottom: 0;
}
.mapList li.HNN .mapText {
  margin-left: -55px;
}
.mapList li.AH .mapText {
  bottom: 0;
}
.mapList li.SX .mapText {
  bottom: 0;
}
.mapList li.ZQ .mapText {
  bottom: -5px;
  margin-left: -30px;
}
.mapList li.SXX .mapText {
  bottom: 0;
}
.mapList li.TJ .mapText {
  bottom: -10px;
  margin-left: -20px;
}
.mapList li.BJ .mapText {
  bottom: -10px;
  margin-left: -20px;
}
.mapList li.HBB .mapText {
  bottom: -5px;
}
.nwright {
  width: 484px;
  height: 646px;
  position: absolute;
  right: 0;
  top: 0;
  background: #00a1e9 url('../images/netbg.png') right top no-repeat;
}
.nwright .inner {
  position: absolute;
  left: 0;
  bottom: 56px;
  z-index: 1;
  width: 100%;
  max-height: 540px;
  padding: 0 36px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.zongbu {
  padding-left: 20px;
  color: #fff;
}
.zongbu h4 {
  font-size: 28px;
  line-height: 40px;
  font-weight: bold;
}
.zongbu .hx {
  width: 38px;
  height: 2px;
  background-color: #fff;
  margin: 20px 0 26px;
}
.zongbu dd {
  font-size: 16px;
  line-height: 32px;
  font-weight: bold;
}
.shoplist {
  margin-top: 60px;
  padding: 18px 20px;
  background-color: #fff;
  border-radius: 4px;
}
.shoplist p.nodata {
  text-align: center;
  font-size: 20px;
  color: #ff7e00;
  font-weight: bold;
  line-height: 60px;
}
.shoplist .shopaddr {
  font-size: 16px;
  color: #333;
  line-height: 32px;
}
.shoplist .shoptel {
  font-size: 16px;
  color: #333;
  line-height: 32px;
  overflow-y: auto;
  max-height: 256px;
  padding-left: 80px;
}
.shoplist .shoptel label {
  float: left;
  margin-left: -80px;
}
.shoplist .shoptel span {
  margin-left: 20px;
}
.shoplist .shopaddr:hover {
  color: #00a1e9;
}
@media screen and (max-width: 1300px) {
  .nwright {
    width: 400px;
    right: 20px;
  }
}
@media screen and (max-width: 1200px) {
  .network {
    width: 100%;
    height: auto;
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .network .map {
    float: none;
    width: 100%;
    min-width: 792px;
    height: auto;
  }
  .network .map .mapImg {
    margin: auto;
  }
  .nwright {
    position: relative;
    width: 80%;
    right: auto;
    margin: 30px auto 0;
    height: auto;
    padding: 40px 0;
  }
  .nwright .inner {
    position: static;
    max-height: none;
  }
  .zongbu .hx {
    margin: 10px 0 16px;
  }
  .shoplist {
    margin-top: 30px;
  }
  .shoplist .shoptel {
    max-height: none;
  }
}
@media screen and (max-width: 800px) {
  .network .map {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    left: 50%;
    margin-left: -396px;
  }
  .network .map .mapImg {
    margin-top: -33px;
    margin-bottom: -33px;
  }
}
@media screen and (max-width: 720px) {
  .network .map {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  .network .map .mapImg {
    margin-top: -66px;
    margin-bottom: -66px;
  }
}
@media screen and (max-width: 640px) {
  .network .map {
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
  }
  .network .map .mapImg {
    margin-top: -100px;
    margin-bottom: -100px;
  }
  .nwright {
    width: 90%;
  }
  .nwright .inner {
    padding: 0 5%;
  }
}
@media screen and (max-width: 560px) {
  .network .map {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
  }
  .network .map .mapImg {
    margin-top: -133px;
    margin-bottom: -133px;
  }
}
@media screen and (max-width: 480px) {
  .network .map {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  .network .map .mapImg {
    margin-top: -166px;
    margin-bottom: -166px;
  }
  .network {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 400px) {
  .network .map {
    -webkit-transform: scale(0.4);
            transform: scale(0.4);
  }
  .network .map .mapImg {
    margin-top: -200px;
    margin-bottom: -200px;
  }
}
.baogaoone {
  background-color: #f5f9fc;
  border-top: 20px solid #00a0e8;
  padding: 50px 0 70px;
  font-size: 20px;
}
.baogaoone .txt1 {
  color: #333;
  line-height: 36px;
}
.baogaoone .txt2 {
  color: #666;
  line-height: 36px;
}
.baogaoone .txt3 {
  color: #00a1e9;
  line-height: 36px;
}
.baogaotwo {
  background: #ffffff url('../images/zpbg.jpg') bottom no-repeat;
  padding-top: 42px;
  padding-bottom: 64px;
}
.cate51 {
  text-align: center;
  font-size: 32px;
  color: #000;
  line-height: 52px;
  margin-bottom: 34px;
}
.cate52 {
  font-size: 30px;
  color: #fff;
  line-height: 60px;
  height: 60px;
  background-color: #00a1e9;
  padding-left: 30px;
}
.cate53 {
  font-size: 16px;
  color: #000;
  line-height: 44px;
  height: 44px;
  background-color: #cfebf7;
  padding-left: 18px;
}
.liuyanbox1 {
  padding: 62px 30px 36px;
  background-color: #f5f9fc;
}
.liuyanbox2 {
  padding: 25px 30px 36px;
  background-color: #f5f9fc;
}
.lysubbox {
  padding: 34px 0 14px;
}
.beizhu {
  font-size: 16px;
  color: #333;
  line-height: 36px;
  padding: 0 48px;
  margin-top: 46px;
}
.liuyan2 {
  color: #000;
  font-size: 0;
  width: 100%;
}
.liuyan2 .hang {
  margin-bottom: 20px;
}
.liuyan2 p {
  padding-left: 225px;
  height: 40px;
  line-height: 40px;
}
.liuyan2 .hang.fat p {
  height: auto;
}
.liuyan2 p > label {
  float: left;
  margin-left: -225px;
  width: 210px;
  font-size: 16px;
  text-align: right;
}
.liuyan2 p > label.manywords {
  line-height: 20px;
  width: 135px;
  margin-left: -150px;
}
.liuyan2 p em {
  font-size: 16px;
  color: #f00;
  margin-left: 14px;
}
.liuyan2 input[type=text] {
  width: 100%;
  height: 40px;
  border: 1px solid #dbdbdb;
  background-color: #fff;
  text-indent: 14px;
  line-height: 38px;
  font-size: 14px;
  color: #000;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.liuyan2 textarea {
  padding: 10px 14px;
  width: 100%;
  height: 142px;
  border: 1px solid #dbdbdb;
  resize: none;
  background-color: #fff;
  vertical-align: top;
  line-height: 24px;
  font-size: 14px;
  color: #000;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.liuyan2 input[type=text]:focus,
.liuyan2 textarea:focus {
  border-color: #00a1e9;
}
.liuyan2 input[type=text],
.liuyan2 textarea {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.liuyan2 i.v {
  display: inline-block;
  width: 288px;
  height: 100%;
  vertical-align: top;
}
.liuyan2 i.vv {
  display: inline-block;
  width: 228px;
  height: 100%;
  vertical-align: top;
  position: relative;
  margin-right: 40px;
}
.liuyan2 .hang.fat i.v {
  width: 1088px;
  max-width: 90%;
}
.vv span.Validform_checktip {
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 1;
  font-style: normal;
}
.liuyan2 .hang2 {
  height: 40px;
  line-height: 40px;
  margin-bottom: 30px;
}
.liuyan2 .verifyImg {
  width: 110px;
  height: 40px;
  cursor: pointer;
  vertical-align: top;
  margin: 0 2%;
}
.liuyan2 .yzmchange {
  display: inline-block;
  width: 40px;
  height: 100%;
  vertical-align: top;
  background: url('../images/change2.png') center no-repeat;
}
.liuyan2 input#tj2 {
  display: block;
  width: 436px;
  height: 50px;
  background-color: #00a1e9;
  font-size: 18px;
  line-height: 50px;
  color: #fff;
  text-align: center;
  margin-left: 225px;
}
.liuyan2 input#tj2:hover {
  background-color: #07ad4f;
}
.mradio {
  display: inline-block;
  color: #000;
  margin-right: 40px;
  height: 100%;
  vertical-align: top;
}
.mradio:last-child {
  margin-right: 0;
}
.mradio input[type=radio] {
  display: inline-block;
  margin-right: 10px;
}
.mradio span {
  display: inline-block;
  font-size: 16px;
}
.mradio.on span {
  color: #00a1e9;
}
@media screen and (max-width: 1200px) {
  .baogaoone {
    font-size: 16px;
  }
}
@media screen and (max-width: 860px) {
  .liuyan2 p {
    padding-left: 0;
    height: auto;
  }
  .liuyan2 p > label {
    float: none;
    display: block;
    width: 100%;
    line-height: 30px;
    text-align: left;
    margin-left: 0;
  }
  .liuyan2 p > label.manywords {
    line-height: 40px;
    width: 100%;
    margin-left: 0;
  }
  .liuyan2 .hang2 {
    height: auto;
  }
  .liuyan2 i.v {
    width: 90%;
    height: 40px;
  }
  .liuyan2 .hang.fat i.v {
    height: auto;
  }
  .liuyan2 .verifyImg {
    margin-top: 20px;
    margin-left: 0;
  }
  .liuyan2 .yzmchange {
    margin-top: 20px;
  }
  .liuyan2 input#tj2 {
    width: 100%;
    margin-left: 0;
  }
}
@media screen and (max-width: 750px) {
  .cate51 {
    font-size: 24px;
  }
  .cate52 {
    font-size: 22px;
    line-height: 50px;
    height: 50px;
  }
  .beizhu {
    padding: 0;
  }
}
@media screen and (max-width: 600px) {
  .liuyanbox1 {
    padding: 50px 5% 36px;
  }
  .liuyanbox2 {
    padding: 36px 5% 36px;
  }
}
.liuyan3 {
  color: #666;
  font-size: 0;
  padding: 60px 120px 70px;
}
.liuyan3 .hang {
  float: left;
  width: 48%;
  margin-bottom: 20px;
}
.liuyan3 .hang:nth-child(even) {
  margin-left: 4%;
}
.liuyan3 .hang.fat {
  width: 100%;
  margin-left: 0;
}
.liuyan3 label {
  display: block;
  font-size: 18px;
  color: #000;
  line-height: 34px;
}
.liuyan3 label em {
  color: #f00;
}
.liuyan3 input[type=text] {
  width: 100%;
  height: 44px;
  border: 1px solid #cecece;
  background-color: #fff;
  line-height: 42px;
  text-indent: 10px;
  font-size: 16px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.liuyan3 textarea {
  padding: 5px 10px;
  height: 116px;
  border: 1px solid #cecece;
  background-color: #fff;
  resize: none;
  vertical-align: top;
  width: 100%;
  line-height: 26px;
  font-size: 16px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.liuyan3 input[type=text]:focus,
.liuyan3 textarea:focus {
  border-color: #00a1e9;
}
.liuyan3 input[type=text],
.liuyan3 textarea {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.liuyan3 select {
  width: 50%;
  height: 44px;
  border: 1px solid transparent;
  background-color: #f5f5f5;
  line-height: 44px;
  text-indent: 10px;
  font-size: 16px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.liuyan3 i.v {
  display: block;
  width: 100%;
}
.liuyan3 .hang2 {
  margin-bottom: 20px;
}
.liuyan3 .hang2 .yzwrap {
  width: 100%;
  position: relative;
}
.liuyan3 .hang2 i.v {
  display: inline-block;
  width: 32%;
  height: 44px;
}
.liuyan3 .verifyImg {
  width: 110px;
  height: 44px;
  cursor: pointer;
  vertical-align: top;
  margin: 0 2%;
  border: 1px solid #cecece;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.liuyan3 .yzmchange {
  display: inline-block;
  vertical-align: top;
  width: 44px;
  height: 44px;
  background: url('../images/change2.png') center no-repeat;
}
.liuyan3 input#tj3 {
  width: 120px;
  height: 44px;
  background-color: #00a1e9;
  border: 0 none;
  font-size: 18px;
  line-height: 44px;
  color: #fff;
  font-weight: bold;
  border-radius: 4px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.liuyan3 input#tj3:hover {
  background-color: #07ad4f;
}
@media screen and (max-width: 1500px) {
  .liuyan3 {
    padding: 60px 80px;
  }
}
@media screen and (max-width: 1200px) {
  .liuyan3 {
    padding: 50px 60px;
  }
}
@media screen and (max-width: 1023px) {
  .liuyan3 {
    padding: 40px 50px;
  }
}
@media screen and (max-width: 900px) {
  .liuyan3 {
    padding: 40px 40px;
  }
}
@media screen and (max-width: 750px) {
  .liuyan3 {
    padding: 40px 30px;
  }
  .liuyan3 .hang2 {
    margin-bottom: 0;
  }
  .liuyan3 input#tj3 {
    position: static;
    display: block;
    width: 180px;
    margin: 30px auto 0;
  }
}
@media screen and (max-width: 600px) {
  .liuyan3 {
    padding: 30px 5%;
  }
  .liuyan3 .hang2 i.v {
    width: 48%;
  }
}
.hmr {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 150;
  top: 0;
  left: 0;
  display: none;
}
.hmrbg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.6);
}
.hmrin {
  position: absolute;
  width: 1440px;
  background-color: #fff;
  overflow: hidden;
  left: 50%;
  top: 50%;
  z-index: 3;
  font-family: "Microsoft JhengHei";
  -webkit-transform: translate(-50%, -50%) scale(0.7);
          transform: translate(-50%, -50%) scale(0.7);
  opacity: 0.5;
}
.hmrin {
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.hmr.on .hmrin {
  -webkit-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
  opacity: 1;
}
.hmrin .hmrh {
  width: 100%;
  height: 110px;
  position: relative;
  background-color: #00a1e9;
}
.hmrin .hmrh h3 {
  font-size: 34px;
  color: #fff;
  line-height: 110px;
  text-align: center;
  height: 100%;
  font-weight: bold;
}
.hmrin .hmrh a.close {
  position: absolute;
  width: 33px;
  height: 33px;
  right: 10px;
  z-index: 1;
  top: 10px;
  background: url('../images/close.png') center no-repeat;
}
.hmrin .hmrcon {
  overflow: hidden;
}
@media screen and (max-width: 1500px) {
  .hmrin {
    width: 90%;
  }
}
@media screen and (max-width: 1023px) {
  .hmrin .hmrh {
    height: 60px;
  }
  .hmrin .hmrh h3 {
    font-size: 24px;
    line-height: 60px;
  }
}
.about {
  width: 100%;
  height: 800px;
  overflow: hidden;
  position: relative;
}
.abpicbg {
  width: 50%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  overflow: hidden;
}
.abpicbg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: 1s;
  transition: 1s;
}
.abother {
  width: 50%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.abother .inner {
  padding-right: 90px;
  margin: auto 0;
}
.abother h3 {
  font-size: 28px;
  color: #0077d9;
  line-height: 44px;
}
.abother h3 span {
  display: inline-block;
  background-image: -webkit-linear-gradient(left, #07ad4f, #0077d9);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.abother .tjcon {
  font-size: 16px;
  color: #333;
  line-height: 38px;
  text-align: justify;
  max-height: 494px;
  overflow: hidden;
  margin-top: 54px;
}
.abother .tjcon img {
  display: none;
}
.about:hover .abpicbg img {
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
}
@media screen and (max-width: 1500px) {
  .abother .inner {
    padding-right: 60px;
  }
  .abother .tjcon {
    line-height: 32px;
    margin-top: 30px;
    max-height: 512px;
  }
}
@media screen and (max-width: 1300px) {
  .abother .inner {
    padding-right: 30px;
  }
}
@media screen and (max-width: 1100px) {
  /*.aboutwrap{ padding: 0 5%;}*/
  .about {
    height: auto;
  }
  .abpicbg {
    position: relative;
    width: auto;
    height: auto;
    text-align: center;
  }
  .abpicbg img {
    width: auto;
    height: auto;
    max-width: 100%;
  }
  .abother {
    float: none;
    display: block;
    width: 100%;
    height: auto;
  }
  .abother .inner {
    padding: 40px 0;
  }
  .abother h3 {
    font-size: 24px;
  }
  .abother .tjcon {
    max-height: none;
    line-height: 28px;
    margin-top: 20px;
  }
}
@media screen and (max-width: 750px) {
  .abother h3 {
    font-size: 20px;
    line-height: 36px;
  }
}
.about2 {
  width: 100%;
  padding: 70px 0;
  overflow: hidden;
  position: relative;
}
.abother2 {
  width: 100%;
}
.abother2 h3 {
  font-size: 28px;
  color: #0077d9;
  line-height: 44px;
  text-align: center;
}
.abother2 h3 span {
  display: inline-block;
  background-image: -webkit-linear-gradient(left, #07ad4f, #0077d9);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.abother2 .tjcon {
  font-size: 18px;
  color: #333;
  line-height: 38px;
  text-align: justify;
  margin-top: 30px;
}
.abother2 .tjcon img {
  display: none;
}
@media screen and (max-width: 1100px) {
  .abother2 h3 {
    font-size: 24px;
    line-height: 36px;
  }
}
.rongyu {
  padding: 70px 0 108px;
}
.cate13 {
  text-align: center;
}
.cate13 .cn {
  font-size: 38px;
  color: #00a1e9;
  line-height: 52px;
  font-family: "Microsoft JhengHei";
}
.ryylist-wrap {
  max-width: 1200px;
  margin: 40px auto 36px;
  padding: 0 120px;
  position: relative;
}
.ryylist-out {
  overflow: hidden;
  position: relative;
  height: 70px;
  cursor: ew-resize;
}
.ryylist {
  font-size: 0;
  text-align: center;
  white-space: nowrap;
  height: 100%;
  position: relative;
}
.ryylist li {
  display: inline-block;
  width: 120px;
  height: 100%;
}
.ryylist li a {
  display: block;
  width: 100%;
  height: 60px;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border-bottom: 1px solid #d7d7d7;
  -webkit-transition: 0s;
  transition: 0s;
}
.ryylist li a:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 0;
  width: 1px;
  height: 12px;
  background-color: #d7d7d7;
}
.ryylist li:last-child a:after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 0;
  width: 1px;
  height: 12px;
  background-color: #d7d7d7;
}
.ryylist li .year {
  font-size: 16px;
  color: #00a1e9;
  line-height: 60px;
  font-family: "Microsoft JhengHei";
  height: 60px;
  width: 100%;
}
.ryylist li.on .year {
  font-size: 26px;
  font-weight: bold;
}
.ryylist li.on a {
  border-bottom: 2px solid #00a1e9;
}
.ryyprev,
.ryynext {
  display: inline-block;
  width: 46px;
  height: 46px;
  cursor: pointer;
  font-size: 0;
  position: absolute;
  bottom: 0;
  z-index: 3;
  border: 1px solid #00a1e9;
  border-radius: 50%;
}
.ryyprev {
  background: url('../images/lt-pro.png') center no-repeat;
  left: 0;
}
.ryynext {
  background: url('../images/gt-pro.png') center no-repeat;
  right: 0;
}
.ryyprev:hover {
  background-image: url('../images/lth-pro.png');
  background-color: #00a1e9;
}
.ryynext:hover {
  background-image: url('../images/gth-pro.png');
  background-color: #00a1e9;
}
@media screen and (max-width: 1240px) {
  .ryylist-wrap {
    padding: 0 70px;
  }
}
@media screen and (max-width: 960px) {
  .ryylist-wrap {
    padding: 0 50px;
  }
}
@media screen and (max-width: 750px) {
  .rongyu {
    padding: 70px 0 70px;
  }
  .ryyprev,
  .ryynext {
    width: 36px;
    height: 36px;
  }
}
#sw3 {
  width: 100%;
  height: 540px;
}
#sw3 .swiper-slide {
  width: 100%;
  height: 100%;
}
.sw-next,
.sw-prev {
  position: absolute;
  bottom: 50%;
  width: 56px;
  height: 56px;
  z-index: 10;
  cursor: pointer;
  font-size: 0;
  border-radius: 28px;
  text-align: center;
  background-color: #bfbfbf;
}
.sw-prev {
  left: 0;
  background: url('../images/lt3.png') center no-repeat;
}
.sw-next {
  right: 0;
  background: url('../images/gt3.png') center no-repeat;
}
.sw-prev:hover,
.sw-next:hover {
  background-color: #0a60c6;
}
#sw3 .swiper-pagination {
  left: 0;
  bottom: 0;
  width: 100%;
  font-size: 0;
}
#sw3 .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  margin: 0 5px;
  background-color: #ccc;
  opacity: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#sw3 .swiper-pagination-bullet-active {
  background-color: #014ab1;
}
@media screen and (max-width: 1023px) {
  #sw3 {
    height: auto;
  }
}
/*@media screen and (max-width:640px){
	#sw3{ height: 375px;}
	#sw3 .swiper-slide{ width: 500px;}
}*/
.pzleft {
  float: left;
  width: 50%;
  height: 100%;
  background: url('../images/rybg1.jpg') center / cover no-repeat;
}
.pzright {
  float: right;
  width: 50%;
  height: 100%;
  background: url('../images/rybg2.jpg') center / cover no-repeat;
}
.pzright .ttxt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 720px;
  max-width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 10%;
}
.pzright .ttxt .inner {
  margin: auto 0;
  width: 100%;
  font-family: "Microsoft JhengHei";
  white-space: normal;
}
.pzright .ttxt h3 {
  font-size: 36px;
  color: #fff;
  line-height: 50px;
  height: 50px;
  margin-bottom: 40px;
  overflow: hidden;
}
.pzright .ttxt dd {
  font-size: 20px;
  color: #fff;
  line-height: 50px;
  cursor: pointer;
}
.scrollarea3 .scrollbar {
  width: 3px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.scrollarea3 .track {
  width: 3px;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.2);
  position: relative;
  left: 0;
}
.scrollarea3 .thumb {
  width: 3px;
  background-color: #fff;
  border-radius: 1px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  cursor: pointer;
}
.scrollarea3 {
  position: relative;
  padding-right: 60px;
  height: 300px;
}
.scrollarea3 .viewport {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 100%;
}
.scrollarea3 .overview {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  font-size: 16px;
  line-height: 30px;
  color: #666;
  text-align: justify;
}
.scrollarea3 .overview img {
  max-width: 100%;
}
@media screen and (max-width: 1480px) {
  .pzright .ttxt {
    padding-left: 5%;
    padding-right: 5%;
  }
}
@media screen and (max-width: 1023px) {
  .pzcon {
    height: auto;
  }
  .pzcon .pzleft {
    float: none;
    width: 100%;
    height: 540px;
  }
  .pzcon .pzright {
    float: none;
    width: 100%;
    height: 540px;
  }
  .pzright .ttxt {
    float: none;
    display: block;
    width: 100%;
    padding: 50px 5%;
  }
  .scrollarea3 {
    height: 330px;
  }
}
@media screen and (max-width: 750px) {
  .pzright .ttxt h3 {
    font-size: 26px;
    margin-bottom: 20px;
  }
  .pzright .ttxt dd {
    font-size: 18px;
  }
}
.rypic-scroll {
  position: relative;
  width: 100%;
  height: 100%;
}
.rypic-scroll .flex-viewport {
  width: 100%;
  height: 100%;
}
.rypic-scroll .slides {
  overflow: hidden;
  height: 100%;
}
.rypic-scroll .slides li {
  display: none;
  height: 100%;
  -webkit-backface-visibility: hidden;
  position: relative;
}
.rypic-scroll .slides li a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  text-align: center;
  line-height: 540px;
}
.rypic-scroll .slides a > img {
  max-width: 90%;
  max-height: 90%;
}
.rypic-scroll .slides a h3 {
  position: absolute;
  left: 5%;
  bottom: 24px;
  z-index: 2;
  width: 90%;
  font-size: 16px;
  color: #333;
  line-height: 30px;
  text-align: center;
}
.rypic-scroll .flex-direction-nav a {
  width: 32px;
  height: 48px;
  display: block;
  font-size: 0;
  position: absolute;
  z-index: 4;
  top: 50%;
  margin-top: -24px;
  border-radius: 4px;
}
.rypic-scroll .flex-direction-nav a.flex-prev {
  left: 60px;
  background: url('../images/lt-ry.png') center no-repeat;
}
.rypic-scroll .flex-direction-nav a.flex-next {
  right: 60px;
  background: url('../images/gt-ry.png') center no-repeat;
}
.rypic-scroll .flex-direction-nav a:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.rypic-scroll .flex-control-paging {
  height: 10px;
  font-size: 0;
  text-align: center;
  position: absolute;
  bottom: 20px;
  left: 0;
  z-index: 3;
}
.rypic-scroll .flex-control-paging li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  overflow: hidden;
  width: 10px;
  height: 10px;
  margin: 0 5px;
}
.rypic-scroll .flex-control-paging li a {
  width: 10px;
  height: 10px;
  display: block;
  cursor: pointer;
  background-color: #ddd;
  border-radius: 5px;
}
.rypic-scroll .flex-control-paging li a.flex-active {
  background-color: #00a1e9;
}
@media screen and (max-width: 1200px) {
  .rypic-scroll .flex-direction-nav a.flex-prev {
    left: 40px;
  }
  .rypic-scroll .flex-direction-nav a.flex-next {
    right: 40px;
  }
}
@media screen and (max-width: 750px) {
  .rypic-scroll .flex-direction-nav a.flex-prev {
    left: 20px;
  }
  .rypic-scroll .flex-direction-nav a.flex-next {
    right: 20px;
  }
}
.fazhan {
  padding: 80px 0 100px;
  background: #ffffff url('../images/chenbg.jpg') center / cover no-repeat;
}
.cate12 {
  text-align: center;
  color: #fff;
  position: relative;
  padding-bottom: 42px;
  background: url('../images/line1.png') bottom no-repeat;
}
.cate12 .cn {
  font-size: 32px;
  line-height: 34px;
  font-family: "Microsoft JhengHei";
  margin-bottom: 10px;
}
.cate12 .cn2 {
  font-size: 70px;
  line-height: 76px;
  font-weight: bold;
  font-family: Tahoma;
}
.certify {
  position: relative;
  z-index: 3;
  overflow: hidden;
  margin-top: 100px;
}
.certify .swiper-container {
  height: 266px;
}
.certify .swiper-slide {
  width: 800px;
  line-height: 266px;
}
.certify .swiper-slide a {
  display: block;
  height: 100%;
  font-size: 0;
  cursor: pointer;
}
.certify .swiper-slide .year {
  padding: 0 50px;
  height: 100%;
  font-size: 170px;
  color: transparent;
  position: absolute;
  z-index: 1;
  right: 0;
  top: 0;
  opacity: 1;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-text-stroke: 1px rgba(255, 255, 255, 0.3);
  font-family: Tahoma;
}
.certify .swiper-slide.swiper-slide-next .year {
  left: 0;
}
.certify .swiper-slide .yeartxt {
  font-size: 170px;
  fill: transparent;
  stroke-width: 1px;
  stroke: rgba(255, 255, 255, 0.3);
}
.certify .swiper-slide .scrollarea4 {
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  opacity: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: "Microsoft JhengHei";
}
.certify .swiper-slide-active .year {
  opacity: 0;
}
.certify .swiper-slide-active .scrollarea4 {
  opacity: 1;
}
.certify .swiper-button-prev {
  left: 50%;
  top: 50%;
  width: 42px;
  height: 42px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background: url('../images/lt-chen.png') center no-repeat;
  border-radius: 50%;
  margin-left: -680px;
}
.certify .swiper-button-next {
  right: 50%;
  top: 50%;
  width: 42px;
  height: 42px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background: url('../images/gt-chen.png') center no-repeat;
  border-radius: 50%;
  margin-right: -680px;
}
.certify .swiper-button-prev:hover,
.certify .swiper-button-next:hover {
  background-color: #00b0ec;
}
.certify .swiper-pagination {
  position: relative;
  text-align: center;
  z-index: 10;
  width: 100%;
  font-size: 0;
  margin-top: 115px;
}
.certify .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  margin: 0 10px;
  opacity: 1;
  background-color: #999;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.certify .swiper-pagination-bullet-active {
  background-color: #00b0ec;
}
.certify :focus {
  outline: none;
}
.scrollarea4 .scrollbar {
  width: 3px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.scrollarea4 .track {
  width: 3px;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.2);
  position: relative;
  left: 0;
}
.scrollarea4 .thumb {
  width: 3px;
  background-color: #fff;
  border-radius: 1px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  cursor: pointer;
}
.scrollarea4 {
  position: relative;
  z-index: 2;
  padding-right: 50px;
  height: 266px;
}
.scrollarea4 .viewport {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 100%;
}
.scrollarea4 .overview {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  font-size: 18px;
  line-height: 38px;
  color: #fff;
  text-align: justify;
}
.scrollarea4 .overview img {
  max-width: 100%;
}
.yaowan {
  position: relative;
  margin: 115px auto 0;
  height: 132px;
  z-index: 3;
  overflow: hidden;
}
.yaowan .swiper-container {
  height: 100%;
}
.yaowan .swiper-slide {
  width: 300px;
  height: 100%;
  text-align: center;
  position: relative;
}
.yaowan .swiper-slide a {
  display: block;
  width: 130px;
  height: 130px;
  border-radius: 50%;
  margin: 0 auto;
  cursor: pointer;
  position: relative;
  z-index: 2;
  border: 1px solid transparent;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.yaowan .swiper-slide a:after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 42px;
  z-index: 0;
  width: 10px;
  height: 10px;
  margin-left: -5px;
  background-color: #fff;
  border-radius: 5px;
}
.yaowan .swiper-slide .num {
  font-size: 18px;
  color: #fff;
  line-height: 120px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-family: "Microsoft JhengHei";
}
.yaowan .swiper-slide:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 46px;
  z-index: 0;
  width: 140px;
  height: 1px;
  background-color: #fff;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.yaowan .swiper-slide:after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 46px;
  z-index: 0;
  width: 140px;
  height: 1px;
  background-color: #fff;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.yaowan .swiper-slide-active .num {
  font-size: 30px;
  line-height: 94px;
}
.yaowan .swiper-slide-active:before {
  width: 76px;
}
.yaowan .swiper-slide-active:after {
  width: 76px;
}
.yaowan .swiper-slide-active a {
  border-color: #fff;
}
@media screen and (max-width: 1440px) {
  .certify .swiper-button-prev {
    left: 5%;
    margin-left: 0;
  }
  .certify .swiper-button-next {
    right: 5%;
    margin-right: 0;
  }
}
@media screen and (max-width: 1400px) {
  .certify .swiper-slide {
    width: 700px;
  }
}
@media screen and (max-width: 1023px) {
  .certify .swiper-slide {
    width: 600px;
  }
}
@media screen and (max-width: 840px) {
  .scrollarea4 {
    padding-right: 30px;
  }
}
@media screen and (max-width: 750px) {
  .certify {
    padding: 0 8%;
  }
  .certify .swiper-slide {
    width: 100%;
  }
  .certify .swiper-button-prev {
    left: 2%;
  }
  .certify .swiper-button-next {
    right: 2%;
  }
  .yaowan .swiper-slide {
    width: 150px;
  }
  .yaowan .swiper-slide a {
    width: 70px;
  }
  .yaowan .swiper-slide-active .num {
    font-size: 24px;
  }
  .yaowan .swiper-slide-active:before {
    width: 56px;
  }
  .yaowan .swiper-slide-active:after {
    width: 56px;
  }
  .yaowan .swiper-slide-active a {
    border-color: transparent;
  }
}
.dangjianlist {
  padding-bottom: 40px;
}
.dangjianlist li {
  width: 100%;
  position: relative;
  background-color: #fff;
  margin-bottom: 20px;
  border-top: 1px solid #eee;
}
.dangjianlist li .lin {
  max-width: 1520px;
  margin: 0 auto;
  padding: 0 30px;
}
.dangjianlist li a {
  display: block;
  position: relative;
  padding: 30px 100px 30px 100px;
  overflow: hidden;
}
.dangjianlist .date {
  width: 60px;
  position: absolute;
  left: 0;
  top: 40px;
  z-index: 1;
}
.dangjianlist .date span {
  display: block;
  text-align: center;
  font-family: 'arial';
}
.dangjianlist .date .day {
  font-size: 48px;
  line-height: 46px;
  height: 46px;
  color: #999;
}
.dangjianlist .date .year {
  font-size: 14px;
  line-height: 18px;
  height: 18px;
  color: #999;
}
.dangjianlist li h3 {
  font-size: 20px;
  color: #333;
  line-height: 36px;
  height: 36px;
  overflow: hidden;
}
.dangjianlist li .txt {
  font-size: 14px;
  color: #666;
  line-height: 30px;
  overflow: hidden;
  height: 60px;
  margin-top: 14px;
  text-align: justify;
}
.dangjianlist li .link {
  display: block;
  width: 40px;
  height: 40px;
  cursor: pointer;
  background: #cccccc url('../images/gt1.png') center no-repeat;
  border-radius: 50%;
  position: absolute;
  right: 0;
  top: 50%;
  z-index: 1;
  margin-top: -20px;
}
.dangjianlist li:hover h3 {
  color: #00a1e9;
}
.dangjianlist li:hover {
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
}
.dangjianlist li:hover .date .day,
.dangjianlist li:hover .date .year {
  color: #00a1e9;
}
.dangjianlist li:hover .link {
  background-color: #00a1e9;
}
.dangjianlist .link,
.dangjianlist li,
.dangjianlist h3 {
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.dangjianlist .day,
.dangjianlist .year {
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
@media screen and (max-width: 1200px) {
  .dangjianlist li a {
    padding-right: 0;
  }
  .dangjianlist li .link {
    display: none;
  }
}
@media screen and (max-width: 1023px) {
  .dangjianlist li .txt {
    height: 90px;
  }
}
@media screen and (max-width: 750px) {
  .dangjianlist li .lin {
    padding-left: 0;
  }
  .dangjianlist li a {
    padding-left: 80px;
  }
  .dangjianlist li:hover {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
.proitem + .proitem {
  margin-top: 40px;
}
.proitem {
  height: 400px;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.proitem .rightp {
  float: right;
  width: 60%;
  height: 100%;
}
.proitem .rightp h3 {
  font-size: 26px;
  color: #fff;
  line-height: 60px;
  height: 60px;
  background-color: #00a1e9;
  font-weight: bold;
  overflow: hidden;
  font-family: "Microsoft JhengHei";
  padding: 0 5%;
}
.proitem .ttxt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 340px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 5%;
  padding-right: 5%;
}
.proitem .ttxt .inner {
  margin: auto 0;
  width: 100%;
}
.proitem .leftp {
  float: left;
  width: 40%;
  height: 100%;
  font-size: 0;
  text-align: center;
  position: relative;
}
.proitem .leftp img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.proitem .leftp a.pdflink {
  display: block;
  width: 140px;
  height: 36px;
  background-color: #00a1e9;
  font-size: 14px;
  color: #fff;
  line-height: 36px;
  text-align: center;
  border-radius: 4px;
  position: absolute;
  right: 20px;
  bottom: 20px;
  z-index: 1;
  opacity: 0.1;
}
.proitem .leftp:hover a.pdflink {
  opacity: 1;
}
.scrollarea5 .scrollbar {
  width: 4px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.scrollarea5 .track {
  width: 4px;
  height: 100%;
  background-color: #f4f4f4;
  position: relative;
  left: 0;
}
.scrollarea5 .thumb {
  width: 4px;
  background-color: #00a1e9;
  border-radius: 2px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  cursor: pointer;
}
.scrollarea5 {
  position: relative;
  padding-right: 5%;
  height: 224px;
}
.scrollarea5 .viewport {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 100%;
}
.scrollarea5 .overview {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  font-size: 16px;
  line-height: 28px;
  color: #666;
  text-align: justify;
}
.scrollarea5 .overview img {
  max-width: 100%;
}
@media screen and (max-width: 1023px) {
  .proitem {
    height: auto;
  }
  .proitem .leftp {
    float: none;
    width: 100%;
    height: auto;
  }
  .proitem .rightp {
    float: none;
    width: 100%;
    height: auto;
  }
  .proitem .ttxt {
    display: block;
    height: auto;
    padding: 40px 5%;
  }
  .scrollarea5 {
    padding-right: 0;
    height: auto;
  }
  .scrollarea5 .overview {
    position: static;
  }
}
@media screen and (max-width: 750px) {
  .proitem .rightp h3 {
    font-size: 22px;
  }
}
@media screen and (max-width: 640px) {
  .proitem .ttxt {
    padding: 30px 0;
  }
}