@charset 'utf-8';

.tit {text-align: center;padding: 0 240px;}
.tit h1 {font-size: 28px;color: #484848;}
.tit h1:after {content:'';display: block;width: 40px;height: 2px;background: #d7d7d7;margin: 16px auto;}
.tit span {color: #333; font-size: 16px; line-height: 26px;}

.main1 {padding:4% 0;}
.main1 ul {padding-top: 46px;}
.main1 li { width: 12.5%; font-size: 14px;color: #063d64;text-align: center;line-height: 52px;}
.main1 li a:before {content: '';display: inline-block;width: 120px;height: 120px;}
.main1 .item1 a:before {background: url(../images/cp1.png);}
.main1 .item2 a:before {background: url(../images/cp2.png);}
.main1 .item3 a:before {background: url(../images/cp3.png);}
.main1 .item4 a:before {background: url(../images/cp4.png);}
.main1 .item5 a:before {background: url(../images/cp5.png);}
.main1 .item6 a:before {background: url(../images/cp6.png);}
.main1 .item7 a:before {background: url(../images/cp7.png);}
.main1 .item8 a:before {background: url(../images/cp8.png);}
.main1 li:hover a:before {background-position: 0 -120px;}


.main2 .content {font-size: 14px;color: #fff;padding: 150px 0 126px; width: 90%; margin: auto;}
.main2 h1 {font-size: 28px;color: #fff; text-align: center;}
.main2 h1:after {content:'';display: block;width: 40px;height: 2px;background: #d7d7d7;margin: 16px auto;}
.main2 .more {display: block;width: 130px; margin: auto; text-align: center;line-height: 40px;border: 1px solid #999;border-radius: 4px;color: #aaa;margin-top: 30px;}
.main2 .more:hover {border-color: #063d64;background: #063d64;color: #fff;}
.main2 p + p {padding-top: 20px;}
.main2 .content p{ line-height: 30px;text-align:center;}


.main3 {padding: 5% 0;}
.main3 ul {padding-top: 60px;}
.main3 li {font-size: 14px;color: #878787;width: 50%;padding-right: 20px;margin-bottom: 40px;}
.main3 li .txt { padding-left: 35px;}
.main3 h3 {font-size: 18px;color: #484848;padding: 20px 0 10px;line-height: 1.1;}


.main4 {padding:0 0 5%;}
.main4 .tit {padding: 5% 0 3%;}
.main4 li {width: 25%;border-bottom: 5px solid #e8e7ee;}
.main4 li h3 {font-size: 16px;color: #565656;line-height: 42px;}
.main4 li img {width: 100%;max-width: 100%;}
.main4 li .txt {padding: 8px 30px 22px;color: #9f9f9f;line-height: 20px;min-height: 114px;}
.main4 li + li .txt {border-left: 1px solid #e8e7ee;}
.main4 li:hover h3 {color: #063d64;}



.main5 {padding: 87px 0 64px;text-align: center;font-size: 18px;color: #fff;line-height: 70px;}
.main5 li { width: 16.6%;}
.main5 li .text { position: relative; }
.main5 li .text span { position: absolute; top: 50%; left: 50%; color: #fff; font-size: 55px; font-family: "黑体"; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
.main5 li p{font-size:15px;}
.main6 {padding: 60px 0 20px;}
.main6 li { margin-bottom: 10px !important; width: 16.6%; text-align: center;}
.main6 .main6-logo { padding-bottom: 40px;}
.main6 .swiper-container-horizontal > .swiper-pagination { bottom: 0px; left: 0; width: 100%;}
.main6 .swiper-pagination-bullet-active { opacity: 1; background: #d90a0a; }

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform: rotate(0deg)
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes rotateIn {
  from {
    transform: rotate(0deg)
  }
  to {
    transform: rotate(360deg);
  }
}

.main5 li img {
  -webkit-animation: rotateIn 8s linear infinite; 
  -moz-animation: rotateIn 8s linear infinite; 
  animation: rotateIn 8s linear infinite;
}