/*关于*/
.con1 {padding: 3% 0;}
.con1 .info,.con1 .shipin {display: inline-block;width: 48%;vertical-align: middle;}
.con1 .info {margin-right: 2%;background: url(../images/bg.jpg) no-repeat top center;background-size: 100%;box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);}
.con1 .info .text {padding: 6% 8%;}
.con1 .info h4 {font-size: 30px;}
.con1 .info h4 p {font-size: 18px;color: #f58635;padding-top: 5px;}
.con1 .info .text span {display: block;margin: 5% 0;width: 8%;height: 1px;background: #333;}
.con1 .info .text>p {font-size: 12px;color: #666;line-height: 24px;text-align: justify;}
.con1 .shipin {position: static !important;margin-left: 2%;}
.con1 .shipin video {position: static !important;width: 100%;height: auto !important;cursor: pointer;margin: 0 !important;}
/*信*/
.letter {background: url(../images/2.jpg) no-repeat center;background-size: cover;padding-bottom: 5%;}
.letter section {width: 74%;margin: 0 auto;color: #666;background: url(../images/bg1.jpg) no-repeat center;background-size: cover;padding: 3% 5%;}
.letter section h5 {font-size: 18px;padding: 2% 5%;}
.letter section p {font-size: 14px;color: #666;line-height: 40px;padding: 0 10%;background: url(../images/border.png) center bottom;}
.letter section span {color: #f58635;font-weight: bold;}
.letter section h5:last-child {text-align: right;}
/*为什么选择*/
.con2 li {position: relative;width: 21.25%;margin-right: 5%;padding: 3% 0;margin-bottom: 5%;text-align: center;background: #f9f9f9;border-bottom: 3px solid #f58635;}
.con2 li .text {position: absolute;top: 0;left: 0;width: 100%;height: 100%;color: #fff;background: url(../images/bgli.jpg) no-repeat center;background-size: cover;opacity: 0;}
.con2 li h4 {position: relative;font-size: 24px;padding-top: 40%;}
.con2 li h4:after {position: absolute;content: '';top: 50%;left: 45%;width: 10%;height: 1px;background: #f58635;}
.con2 li:first-child h4 {background: url(../images/icon01.png) no-repeat top center;background-size: 31%;}
.con2 li:nth-child(2) h4 {background: url(../images/icon02.png) no-repeat top center;background-size: 31%;}
.con2 li:nth-child(3) h4 {background: url(../images/icon03.png) no-repeat top center;background-size: 31%;}
.con2 li:nth-child(4) h4 {background: url(../images/icon04.png) no-repeat top center;background-size: 31%;}
.con2 li:nth-child(5) h4 {background: url(../images/icon03.png) no-repeat top center;background-size: 31%;margin-bottom: 0;}
.con2 li:nth-child(6) h4 {background: url(../images/icon06.png) no-repeat top center;background-size: 31%;margin-bottom: 0;}
.con2 li:nth-child(7) h4 {background: url(../images/icon07.png) no-repeat top center;background-size: 31%;margin-bottom: 0;}
.con2 li:last-child h4 {background: url(../images/icon08.png) no-repeat top center;background-size: 31%;margin-bottom: 0;}
.con2 li:nth-child(5),.con2 li:nth-child(6),.con2 li:nth-child(7),.con2 li:nth-child(8){margin-bottom: 0;}
.con2 li:hover {-webkit-transform: scale(1.08);-moz-transform: scale(1.08);-ms-transform: scale(1.08);-o-transform: scale(1.08);transform: scale(1.08);}
.con2 li:hover .text {opacity: 1;}
.con2 li .text h4 {font-size: 18px;font-weight: normal;background: none;padding-top: 10%;}
.con2 li span {display: block;width: 10%;height: 2px;background: #fff;margin: 5% auto;}
.con2 li p {position: relative;font-size: 14px;line-height: 22px;padding: 0 10%;}
/*ACG艺术团队*/
.con3,.con4 {padding-bottom: 3%;}
.con3 li {margin-bottom: 3%;box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);}
.con3 li:last-child {margin-bottom: 0;}
.con3 li img {display: inline-block;width: 50%;vertical-align: middle;}
.con3 li .info {display: inline-block;width: 40%;padding: 0 4% 0 6%;vertical-align: middle;}
.con3 li .info h4 {font-size: 20px;color: #f58635;}
.con3 li .info h4 p {font-size: 12px;font-weight: normal;color: #bababa;padding-top: 5px;}
.con3 li .info span {display: inline-block;width: 10%;height: 1px;background: #f58635;margin: 5% 0;}
.con3 li .info>p {font-size: 14px;color: #999;line-height: 24px;text-align: justify;}
/*地方中心*/
.con4 .swiper-container {width: 75%;padding: 2%;margin: 0 auto;text-align: center;cursor: pointer;}
.con4 .swiper-container .tu {position: relative;}
.con4 .swiper-container .tu img {width: 100%;vertical-align: top;}
.con4 .swiper-container .swiper-slide .info {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 50%;}
.con4 .swiper-container .swiper-slide .info .text {left: 0;width: 100%;color: #fff;}
.con4 .swiper-container .swiper-slide .info h4 {font-size: 18px;}
@media only screen and (max-width: 1500px) {.con4 .swiper-container .swiper-slide .info h4 {font-size: 16px;}}
.con4 .swiper-container .swiper-slide .info p {font-size: 12px;opacity: 0.8;padding: 2% 5%;}
.con4 .swiper-container .swiper-slide .info:after {opacity: 0;position: absolute;content: '';top: 110%;left: 45%;width: 12%;height: 10%;background: url(../images/15.png) no-repeat center bottom;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;}
.con4 .swiper-container .swiper-slide-active .info {background: rgba(245, 134, 53, 0.8);}
.con4 .swiper-container .swiper-slide-active .info:after {opacity: 1;}
.con4 .swiper-button-prev,.con4 .swiper-button-next {position: absolute;top: 50%;width: 50px;height: 57px;margin-top: -28.5px;z-index: 10;}
.con4 .swiper-button-prev {left: 0;background: url(../images/13.png) no-repeat left center;background-size: 40%;}
.con4 .swiper-button-next {right: 0;background: url(../images/14.png) no-repeat right center;background-size: 40%;}
.con4 .tablist li {display: none;}
.con4 .tablist li.active {display: block;}
/*发展史*/
.con5 .swiper-container {width: 75%;margin: 0 auto 5%;}
.con5 .swiper-slide {position: relative;height: 124px !important;vertical-align: middle;cursor: pointer;}
.con5 .swiper-slide .nian {position: relative;width: 100%;height: 100%;line-height: 124px;background: url(../images/16.png) no-repeat center;background-size: 40%;z-index: 10;}
.con5 .swiper-slide:hover .nian {background: url(../images/17.png) no-repeat center;background-size: 40%;}
.con5 .swiper-slide h4 {font-family: helvetica;font-size: 20px;color: #fff;text-align: center;}
.con5 .swiper-slide span {position: absolute;top: 50%;left: 0;width: 100%;height: 5px;background: #f0f0f0;margin-top: -2.5px;z-index: 2;}
.con5 .swiper-slide .text {position: absolute;width: 150%;min-height: 275px;font-size: 12px;color: #fff;line-height: 20px;text-align: justify;}
.con5 .swiper-slide:nth-child(6n+1) .text {background: url(../images/19.png) no-repeat center;background-size: cover;}
.con5 .swiper-slide:nth-child(6n+2) .text {background: url(../images/20.png) no-repeat center;background-size: cover;}
.con5 .swiper-slide:nth-child(6n+3) .text {background: url(../images/21.png) no-repeat center;background-size: cover;}
.con5 .swiper-slide:nth-child(6n+4) .text {background: url(../images/22.png) no-repeat center;background-size: cover;}
.con5 .swiper-slide:nth-child(6n+5) .text {background: url(../images/23.png) no-repeat center;background-size: cover;}
.con5 .swiper-slide:nth-child(6n) .text {background: url(../images/24.png) no-repeat center;background-size: cover;}
.con5 .swiper-slide:nth-child(2n) .text {bottom: 0;right: 0;}
.con5 .swiper-slide:nth-child(2n+1) .text {top: 0;left: 0;}
.con5 .swiper-slide:nth-child(2n+1):hover .text {background: url(../images/18.png) no-repeat center;background-size: cover;}
.con5 .swiper-slide:nth-child(2n):hover .text {background: url(../images/29.png) no-repeat center;background-size: cover;}
.con5 .swiper-slide .text p {left: 10%;width: 80%;}
/*取得成绩*/
.con6 {position: relative;}
.con6 .container {position: absolute;top: 0;left: 12.5%;width: 75%;height: 100%;}
.con6 h3 {position: absolute;top: 0;left: 0;width: 100%;color: #fff;}
.con6 .num {position: absolute;top: 0;left: 0;width: 28.5%;height: 100%;background: rgba(0, 0, 0, 0.3);}
.con6 .num .info {left: 30%;width: 45%;}
.con6 .num .info h4 {font-family: helvetica;font-size: 40px;padding: 10% 0;color: #fff;letter-spacing: -3px;}
.con6 .num .info h4 p {font-family: arial, sans-serif;font-size: 14px;letter-spacing: 0;opacity: .7;}
.con6 .num .info span {display: block;width: 50%;height: 1px;background: rgba(255, 255, 255, 0.3);}
.con6 .text {position: absolute;top: 35%;left: 43%;width: 14%;height: 30%;background: url(../images/7.png) no-repeat center;background-size: cover;}
.con6 .text p {left: 0;width: 100%;font-size: 18px;color: #fff;font-weight: bold;text-align: center;}
.con6 .huojiang {position: absolute;top: 0;right: 0;width: 32%;height: 100%;}
.con6 .huojiang ul {position: absolute;top: 50%;left: 0;width: 100%;}
.con6 .huojiang ul li {position: relative;width: 95%;font-size: 12px;color: #fff;height: 40px;line-height: 40px;text-align: center;background: rgba(0, 0, 0, 0.1);margin: 0 auto 5%;}
.con6 .huojiang ul li span {position: absolute;top: calc(50% - 4px);left: 15%;width: 6px;height: 6px;border-radius: 50%;background: #fff;}
@media only screen and (max-width: 1700px) {.con6 .huojiang ul li span {left: 11%;}}
@media only screen and (max-width: 1600px) {.con6 .huojiang ul li span {left: 9%;}}
@media only screen and (max-width: 1500px) {.con6 .huojiang ul li span {left: 7%;}}
@media only screen and (max-width: 1400px) {.con6 .huojiang ul li span {left: 5%;}}
.con6 .huojiang ul li:hover {background: #f58635;width: 100%;font-size: 12px;}