/*index--banner*/
.banner {width: 100%;height: 802px;margin-top: 80px;}
.banner .swiper-slide > a {display: inline-block;width: 100%;height: 802px;}
.banner .swiper-slide > a > img {position: absolute;left: 50%;margin-left: -960px;}
.banner .banner_info {width: 1000px;height: 802px;position: absolute;top: 0;left: 50%;margin-left: -500px;}
.banner .banner_info > div {position: absolute;top: 95px;width: 390px;right: 0;}
.banner .banner_info > div h2 {margin-bottom: 30px;font-size: 48px;color: #fff;}
.banner .banner_info > div p {line-height: 30px;margin-bottom: 55px;font-size: 16px;color: #919095;}
.banner .banner_info > div i {display: none;position: relative;width: 167px;height: 50px;line-height: 50px;margin: 250px 0 0 5px;font-size: 18px;color: #fff;text-indent: 35px;background: #DB1F3E;border-radius: 50px;cursor: pointer;transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;}
.banner .banner_info > div i:after {display: inline-block;content: "";width: 12px;height: 19px;background: url(../images/in-more.png);background-size: 100% 100%;position: absolute;right: 35px;top: 48%;margin-top: -9.5px;}
.banner .banner_info > div i:hover {background: #cf0f32;}
.banner .banner_pagination {width: 1000px;position: absolute;height: 20px;left: 50%;top: 460px;margin-left: -500px;}
.banner .swiper-pagination {right: 0;}
.banner .swiper-pagination-bullet {width: 12px;height: 12px;display: inline-block;border-radius: 100%;background: #fff;opacity: .3;margin-left: 20px;}
.banner .swiper-pagination-bullet-active {opacity: 1;background: #fff;}
/*index--banner_news*/
.banner_news {position: relative;z-index: 20;width: 1000px;height: 410px;margin: 0 auto;margin-top: -300px;}
.banner_news .tj_img_left {float: left;width: 200px;height: 410px;}
.banner_news .tj_img_right {float: left;width: 400px;height: 410px;}
.banner_news .tj_img_right img {float: left;width: 400px;height: 205px;}
.banner_news .news_box {float: left;width: 600px;height: 410px;overflow: hidden;background: #fff;box-shadow: 0 0 5px #ccc;-webkit-box-shadow: 0 0 5px #ccc;-moz-box-shadow: 0 0 5px #ccc;-ms-box-shadow: 0 0 5px #ccc;}
.banner_news .news_box .hd {width: 540px;height: 60px;line-height: 60px;margin: 0 auto;border-bottom: 1px solid #F3F3F3;}
.banner_news .news_box .hd .title_name {position: relative;display: inline-block;padding-left: 10px;font-size: 16px;font-weight: 600;color: #000;}
.banner_news .news_box .hd .title_name:before {position: absolute;left: 0;top: 50%;display: inline-block;content: "";width: 5px;height: 15px;margin-top: -7.5px;background: url(../images/in-icon01.png);background-size: 100% 100%;}
.banner_news .news_box .hd .more {float: right;font-size: 16px;color: #999;}
.banner_news .news_box .hd .more:hover {color: #000;}
.banner_news .news_box .bd {width: 540px;height: 130px;margin: 0 auto;border-bottom: 1px solid #F3F3F3;}
.banner_news .news_box .bd h2 {width: 100%;padding: 30px 0 15px 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 24px;color: #222;}
.banner_news .news_box .bd h2:hover {color: #e0284a;}
.banner_news .news_box .bd p {width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 16px;color: #999;}
.banner_news .news_box .news_info {width: 540px;margin: 0 auto;margin-top: 9px;height: 245px;overflow: hidden;}
.banner_news .news_box li {width: 100%;display: block;height: 46px;line-height: 46px;font-size: 16px;color: #222;}
.banner_news .news_box li a {display: block;position: relative;color: #222;width: 75%;float: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition: margin-left .5s;-webkit-transition: margin-left .5s;-moz-transition: margin-left .5s;-ms-transition: margin-left .5s;}
.banner_news .news_box li:hover a{font-weight: 600;color: #e0284a;margin-left: 5px;}
.banner_news .news_box .time {float: right;font-size: 16px;color: #999;}
.banner_news .news_box li:hover .time{color: #e0284a;}

/*index--about_us*/
.about_us{width:1000px;margin:0 auto;margin-bottom: 68px;overflow:hidden;}

.about_us .hd {width: 100%;height: 50px;line-height: 50px;margin: 0 auto;border-bottom: 1px solid #e4e2e2;}
.about_us .hd .title_name {position: relative;display: inline-block;padding-left: 10px;font-size: 16px;font-weight: 600;color: #000;}
.about_us .hd .title_name:before {position: absolute;left: 0;top: 50%;display: inline-block;content: "";width: 5px;height: 15px;margin-top: -7.5px;background: url(../images/in-icon01.png);background-size: 100% 100%;}
.about_us .hd .more {float: right;font-size: 16px;color: #999;}
.about_us .hd .more:hover {color: #000;}

.about_us .about_left{width:660px;}
.about_us .about_left .brief-introduction{font-size: 14px;color:#a1a0a0;text-align: justify;line-height: 22px;padding-top: 20px;padding-left: 12px;}

.about_us .about_right{width:310px;}
.about_us .about_right .email{width: 100%;padding-top: 20px;padding-left: 80px;position: relative;}
.about_us .about_right .email .xkl{position: absolute;top:20px;left:0;width: 62px;height: 64px;}
.about_us .about_right .email span{color:#707070;font-size: 16px;display: block;}
.about_us .about_right .email a{font-size: 14px;color:#a1a0a0;display:block;padding: 5px 0;}
.about_us .about_right .email a:hover{color:#e0284a;text-decoration: underline;}


/*product--p_imgbox*/
.p-imgbox {position: relative;height: 760px;width: 100%;margin-top: 80px;overflow: hidden;}
.p-imgbox > a > img {position: absolute;top: 0;left: 50%;width: 1920px;height: 700px;margin-left: -960px;}
.p-imgbox .w_swiper_box {position: absolute;left: 50%;right: 0;bottom: 0;width: 1200px;height: 120px;margin-left: -600px;background-color: rgba(0, 0, 0, .7);}
.p-imgbox .w_swiper_box #swiper3 {position: absolute;left: 50%;top: 50%;width: 1100px;transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);}
.p-imgbox .w_swiper_box .swiper-button-prev3 {position: absolute;top: 50%;left: 10px;width: 40px;height: 100px;transform: translate(0, -50%);-ms-transform: translate(0, -50%);-webkit-transform: translate(0, -50%);-o-transform: translate(0, -50%);-moz-transform: translate(0, -50%);background: url("../images/p-prev.png") no-repeat;background-size: 100% 100%;cursor: pointer;opacity: .8;}
.p-imgbox .w_swiper_box .swiper-button-next3 {position: absolute;top: 50%;right: 10px;width: 40px;height: 100px;transform: translate(0, -50%);-ms-transform: translate(0, -50%);-webkit-transform: translate(0, -50%);-o-transform: translate(0, -50%);-moz-transform: translate(0, -50%);background: url("../images/p-next.png") no-repeat;background-size: 100% 100%;cursor: pointer;opacity: .8;}
.p-imgbox .w_swiper_box .swiper-button-prev3:hover, .p-imgbox .w_swiper_box .swiper-button-next3:hover {opacity: 1;}
.p-imgbox .w_swiper_box .w_sm_gun {width: 275px;height: 100px;background: #000;background-size: 100% 100%;position: relative;cursor: pointer;}
.p-imgbox .w_swiper_box .swiper-slide.active .w_sm_gun img {opacity: .6;}
.p-imgbox .w_swiper_box .swiper-slide .w_sm_gun .progress {position: absolute;top: 50%;left: 0;right: 0;height: 10px;margin-top: -5px;background-color: transparent;}
.p-imgbox .w_swiper_box .swiper-slide.active .w_sm_gun .progress {background-color: rgba(256, 256, 256, .1);}
.p-imgbox .w_swiper_box .swiper-slide .w_sm_gun .progress span {position: absolute;display: inline-block;top: 50%;left: 0;margin-top: -5px;background-color: #e0284a;width: 0;height: 100%;}
.p-imgbox .w_swiper_box .swiper-slide .w_sm_gun > img {display: inline-block;width: 100%;height: 100px;}

/*product--pn-inner*/
.pn-inner {width: 1000px;margin: 0 auto;margin-top: 48px;margin-bottom: 50px;overflow: hidden;}
.product-center{margin-bottom: 10px;}
.pn-inner .product-title{text-align: center;padding-bottom: 46px;}
.pn-inner .pn-nav ul li {display: inline-block;width: 204px;height: 65px;line-height: 65px;margin: 0 10px;background: url("../images/p-gtbg.png");background-size: 100% 100%;}
.pn-inner .pn-nav ul li a {position: relative;z-index: 1;display: block;width: 100%;height: 100%;font-size: 18px;color: #222;transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;}
.pn-inner .pn-nav ul li a:before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #e0284a;z-index: -1;opacity: 0;transform: scale3d(0.7, 1, 1);-ms-transform: scale3d(0.7, 1, 1);-moz-transform: scale3d(0.7, 1, 1);-webkit-transform: scale3d(0.7, 1, 1);-o-transform: scale3d(0.7, 1, 1);transition: transform 0.4s, opacity 0.4s;-moz-transition: transform 0.4s, opacity 0.4s;-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;-o-transition: transform 0.4s, opacity 0.4s;transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);-moz-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);-o-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);-webkit-box-sizing: border-box;box-sizing: border-box;-moz-box-sizing: border-box;}
.pn-inner .pn-nav ul li a, .pn-inner .pn-nav ul li a:before {transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);-moz-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);-o-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);}
.pn-inner .pn-nav ul li a:hover:before {opacity: 1;transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);}
.pn-inner .pn-nav ul li a:hover {color: #fff;}
.pn-inner .pn-nav ul li.all a.active,
.pn-inner .pn-nav ul li.hot a.active,
.pn-inner .pn-nav ul li.new a.active,
.pn-inner .pn-nav ul li.test a.active {background: #e0284a;color: #fff;}
.pn-inner .pn-con .pn-list {margin: 30px 0;}

.pn-inner .pn-con .hd {width: 100%;height: 60px;line-height: 60px;margin: 0 auto;border-bottom: 1px solid #e4e2e2;}
.pn-inner .pn-con .hd .title_name {position: relative;display: inline-block;padding-left: 10px;font-size: 16px;font-weight: 600;color: #000;}
.pn-inner .pn-con .hd .title_name:before {position: absolute;left: 0;top: 50%;display: inline-block;content: "";width: 5px;height: 15px;margin-top: -7.5px;background: url(../images/in-icon01.png);background-size: 100% 100%;}
.pn-inner .pn-con .hd .more {float: right;font-size: 16px;color: #999;}
.pn-inner .pn-con .hd .more:hover {color: #000;}

.pn-inner .pn-con .pn-list .item {float: left;position: relative;width: 312px;height: 291px;margin: 0 32px 30px 0;background: url("../images/p-gamebg.png");background-size: 100% 100%;}
.pn-inner .pn-con .pn-list .item:nth-child(3n){margin-right: 0;float: right;}
.pn-inner .pn-con .pn-list .item a {display: block;width: 310px;height: 185px;margin: 0 auto;overflow: hidden;position: relative;}
.pn-inner .pn-con .pn-list .item:after {display: inline-block;content: "";position: absolute;z-index: 1;left: 50%;bottom: 0;width: 0;height: 4px;margin-left: -155px;transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;}
.pn-inner .pn-con .pn-list .item:hover:after {width: 310px;background: #E22B4B;}
.pn-inner .pn-con .pn-list .item a > img {display: block;width: 310px;height: 185px;-webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;-o-transition: all 0.35s ease-in-out;transition: all 0.35s ease-in-out;}
.pn-inner .pn-con .pn-list .item a:hover > img {-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);}
.pn-inner .pn-con .pn-list .item a .hover {z-index: 10;position: absolute;left: 0;top: -185px;width: 310px;height: 185px;background: rgba(230, 43, 72, .9);-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.pn-inner .pn-con .pn-list .item a:hover .hover {top: 0;}
.pn-inner .pn-con .pn-list .item a .hover .pn-ewm {float: left;width: 108px;height: 112px;margin-left: 25px;margin-top: 38px;}
.pn-inner .pn-con .pn-list .item a .hover .pn-ewm img {display: block;width: 108px;height: 112px;margin: 0 auto;}
.pn-inner .pn-con .pn-list .item a .hover .pn-ewm p {width: 100%;text-align: center;font-size: 16px;color: #000;margin-top: 2px;}
.pn-inner .pn-con .pn-list .item a .hover .pn-hover-right {margin: 40px 20px 0 0;}
.pn-inner .pn-con .pn-list .item a .hover .pn-more {opacity: 1;width: 116px;height: 34px;line-height: 34px;margin-top: 15px;border: 1px solid #fff;border-radius: 19px;font-size: 14px;color: #fff;text-align: center;}
.pn-inner .pn-con .pn-list .item a .hover .pn-more:hover {background: #fff;color:#E22B4B;}
.pn-inner .pn-con .pn-list .item a .hover .pn-more i {position: relative;top: -2px;width: 9px;height: 14px;display: inline-block;vertical-align: middle;background: url(../images/p-icon01.png) no-repeat;}
.pn-inner .pn-con .pn-list .item a .hover .pn-type, .pn-inner .pn-con .pn-list .item a .hover .pn-star {margin-bottom: 10px;font-size: 14px;color: #ECCDD1;}
.pn-inner .pn-con .pn-list .item a .hover .pn-type > span {margin-left: 10px;color: #fff;}
.pn-inner .pn-con .pn-list .item a .hover .pn-star .star {display: inline-block;width: 14px;height: 13px;background: url("../images/p-icon04.png");background-size: 100% 100%;}
.pn-inner .pn-con .pn-list .item a .hover .pn-star .star.full {background: url("../images/p-icon02.png");background-size: 100% 100%;}
.pn-inner .pn-con .pn-list .item a .hover .pn-star .star.half {background: url("../images/p-icon03.png");background-size: 100% 100%;}
.pn-inner .pn-con .pn-list .item a .hover .pn-info {font-size: 21px;color: #fff;width: 175px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.pn-inner .pn-con .pn-list .item figcaption {display: block;overflow: hidden;height: 86px;padding: 0 14px;margin-top: 16px;}
.pn-inner .pn-con .pn-list .item_en figcaption{ margin-top: 8px;}
.pn-inner .pn-con .pn-list .item figcaption h3 {margin: 0 auto;font-size: 18px;color: #222;line-height: 35px;font-weight: 600;}
.pn-inner .pn-con .pn-list .item figcaption h6 {overflow: hidden;font-size: 12px;line-height:18px;color: #999;font-weight: normal;}

.pn-tck {position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 999999;visibility: hidden;background: rgba(0, 0, 0, .9);}
.pn-tck .pn-tckcon {width: 900px;height: 596px;position: fixed;left: 50%;top: 50%;margin: -298px 0 0 -450px;-webkit-transform: scale(0.7);-moz-transform: scale(0.7);-ms-transform: scale(0.7);transform: scale(0.7);opacity: 0;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s;}
.pn-tck .pn-tckcon img {display: block;width: 100%;height: 100%;}
.pn-tck .pn-tckcon .pn-tck-close {display: block;width: 26px;height: 28px;position: absolute;right: 5px;top: 20px;cursor: pointer;background: url(../images/p-close.png) no-repeat;transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;-webkit-transition: all 0.4s ease-out;-o-transition: all 0.4s ease-out;}
.pn-tck .pn-tckcon .pn-tck-close:hover {transform: rotate(360deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);}
.pn-tck .pn-tckcon .pn-tck-home {display: block;width: 211px;height: 60px;line-height: 60px;position: absolute;right: 38px;bottom: 50px;font-size: 24px;color: #fff;text-align: center;border-radius: 60px;background: #e0284a;transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;}
.pn-tck .pn-tckcon .pn-tck-home:hover {background: #cf0f32;}
.pn-tck.md-show {visibility: visible;}
.pn-tck.md-show .pn-tckcon {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1);opacity: 1;}

/*about-con*/
.about-con {margin-top: 150px;}
.about-con .page1 {position: relative;width: 100%;height: 500px;padding-top: 80px;background-color: #F4F4F4;}
.about-con .page2 {overflow: hidden;position: relative;width: 100%;padding: 100px 0;background-color: #fff;}
.about-con .page3 {overflow: hidden;position: relative;width: 100%;padding: 100px 0;background-color: #F4F4F4;}
.about-con .page4 {position: relative;width: 100%;height: 695px;padding-top: 100px;background-color: #fff;}
.about-con .page5 {position: relative;width: 100%;height: 560px;padding-top: 100px;background-color: #F4F4F4;}
.about-con .page6 {position: relative;width: 100%;height: 650px;padding-top: 100px;background: #272727;}
.about-con .page1 > div {width: 1000px;margin: 0 auto;height: 100%;}
.about-con .page1 > div .row {width: 100%;height: 60%;}

.same_title {position: relative;display: inline-block;}
.same_title .c_name {font-size: 24px;font-weight: 600;color: #222;position: absolute;left: 14px;top: 15px;}
.same_title .c_name.white {color: #fff;}
.same_title .e_name {font-size: 14px;color: #999;position: absolute;left: 14px;top: 50px;}
.about_title{position: absolute;}


.about-con .page1 > div .row .intro_text {position: relative;width: 75%;margin-left: 25%;float: right;}
.about-con .page1 > div .row .intro_text + .intro_text {margin-left: 25%;margin-top: 3.5%;}
.about-con .page1 > div .row .intro_text span {display: inline-block;position: absolute;top: 10px;left: -40px;width: 20px;height: 20px;font-size: 16px;font-family: "Impact";color: #E22B4B;}
.about-con .page1 > div .row .intro_text p {font-size: 16px;color: #222;line-height: 34px;}

.about-con .page2{min-height: 370px;}
.about-con .page2 > div {width: 1000px;margin: 0 auto;height: 100%;overflow: hidden;}
.about-con .page2 > div .course_title {width: 258px;}
.about-con .page2 > div .course_content {width: 740px;}
.about-con .page2 > div .years {overflow: hidden;}
.about-con .page2 > div .years .year {font-family: "Impact";width: 146px;border: 1px solid #ddd;height: 50px;line-height: 50px;font-size: 24px;font-weight: bolder;color: #666;cursor: pointer;}
.about-con .page2 > div .years .year.grey {color: #ccc;}
.about-con .page2 > div .years .year.active {background-color: #E22B4B;color: #fff;}
.about-con .page2 > div .years .year + .year {border-left: 0px;}
.about-con .page2 > div .course_list {margin: 30px auto 0 auto;}
.about-con .page2 > div .course_list .info {display: none;float: left;}
.about-con .page2 > div .course_list .info p {color: #242424;font-size: 14px;line-height: 35px;position: relative;padding-left: 100px;}
.about-con .page2 > div .course_list .info p span{color: #000;font-size: 14px;margin-right: 15px;position: absolute;left:0;}

.about-con .page3{min-height: 600px;}
.about-con .page3 > div {width: 1000px;margin: 0 auto;height: 100%;overflow: hidden;}
.about-con .page3 > div .honor_title {width: 258px;}
.about-con .page3 > div .honor_content {width: 740px;}
.about-con .page3 > div .years {overflow: hidden;}
.about-con .page3 > div .years .year {font-family: "Impact";width: 146px;border: 1px solid #ddd;height: 50px;line-height: 50px;font-size: 24px;font-weight: bolder;color: #666;cursor: pointer;background: #fff;}
.about-con .page3 > div .years .year.grey {color: #ccc;}
.about-con .page3 > div .years .year.active {background-color: #E22B4B;color: #fff;}
.about-con .page3 > div .years .year + .year {border-left: 0;}
.about-con .page3 > div .honor_list {overflow: hidden;margin: 40px auto 0 auto;min-height: 200px;max-height: 450px}
.about-con .page3 > div .honor_list .info {float: left;width: 310px;height: 90px;min-height: 90px;color: #000;overflow: hidden;margin-right: 60px;}
.about-con .page3 > div .honor_list .info:nth-of-type(2n) {float: right;margin-right: 0;}
.about-con .page3 > div .honor_list .info h3 {font-size: 18px;font-weight: 700;line-height: 1.2;}
.about-con .page3 > div .honor_list .info h3 i {font-size: 16px;font-style: normal;padding: 0 10px;font-weight: 400;}
.about-con .page3 > div .honor_list .info h3 span {color: #E22B4B;font-size: 15px;}
.about-con .page3 > div .honor_list .info p {font-size: 12px;color: #666;margin-top: 6px;margin-bottom:8px;}
.about-con .page3 > div .more {text-align: center;margin-top: 20px;}
.about-con .page3 > div .more a.btn_get {color: #aeadad;font-size: 16px;text-align: center;}
.about-con .page3 > div .more a.btn_get .icon_arrow {background: url(../images/arrow_on.png) no-repeat;width: 19px;height: 10px;display: inline-block;animation: swipeMove 1.5s ease-in infinite;-webkit-animation: swipeMove 1.5s ease-in infinite;-moz-animation: swipeMove 1.5s ease-in infinite;-ms-animation: swipeMove 1.5s ease-in infinite;}
.about-con .page3 > div .more a.btn_get .icon_arrow.up {animation: swipeMoveUp 1.5s ease-in infinite;-webkit-animation: swipeMoveUp 1.5s ease-in infinite;-moz-animation: swipeMoveUp 1.5s ease-in infinite;-ms-animation: swipeMoveUp 1.5s ease-in infinite;}
.about-con .page3 > div .more a.btn_get > span {display: block;}


/*news-list*/
.loading {position: static !important;width: 86px !important;height: 10px;background: url(../images/loading.png) no-repeat;background-size: 100% 100%;margin: 0 auto !important;margin-top: 90px !important;margin-bottom: 90px !important;}
.nomore {font-size: 20px;color: #666;text-align: center;margin-top: 90px !important;margin-bottom: 90px !important;}
.new-list-wrap {width: 100%;margin: 50px 0;min-height: 555px;overflow: hidden;}
.new-list-wrap .event-list-news li {width: 100%;height: 255px;}
.new-list-wrap .event-list-news li:hover {background: #fff;}
.new-list-wrap .event-list-news li a {position: relative;display: block;width: 1000px;height: 154px;margin: 0 auto;top: 50px;}
.new-list-wrap .event-list-news li img {width: 276px;height: 154px;position: absolute;left: 0;top: 0;}
.new-list-wrap .event-list-news li h2 {width: 700px;line-height: 25px;margin-left: 300px;font-size: 24px;color: #222;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.new-list-wrap .event-list-news li p.tit {width: 700px;margin: 40px 0 10px 300px;font-size: 16px;color: #999;}
.new-list-wrap .event-list-news li p.txt {overflow: hidden;width: 700px;height: 60px;line-height: 30px;margin-left: 300px;font-size: 16px;text-align: justify;color: #666;}

/* news left fixed */
.li-fixed {position: fixed;left: 46%;top: 152px;z-index: 99;margin-left: -600px;}
.li-fixed .li-year {margin-top: 115px;}
.li-fixed .li-year > p {font-size: 14px;color: #999;}
.li-fixed .li-year > h2 {font-size: 30px;color: #222;letter-spacing: 0;}
.li-fixed .li-year > .page {margin-top: 30px;}
.li-fixed .li-year > .page > span {position: relative;width: 30px;height: 30px;background: #DEDEDE;}
.li-fixed .li-year > .page > span:hover {background: #e0284a;}
.li-fixed .li-year > .page > span:before {display: inline-block;content: "";position: absolute;left: 50%;top: 50%;width: 9px;height: 15px;margin: -7.5px 0 0 -4.5px;background: url(../images/ab-page01.png);background-size: 100% 100%;}
.li-fixed .li-year > .page > span.next:before {background: url(../images/ab-page02.png);background-size: 100% 100%;}

/*news-article*/
.new-list-wrap {width: 100%;margin: 100px 0 50px 0;overflow: hidden;}
.new-list-wrap > div {position: relative;display: block;width: 1000px;margin: 0 auto;margin-top: 50px;}
.new-list-wrap > div > h2 {width: 1000px;line-height: 34px;margin-left: 0;font-size: 24px;color: #222;}
.new-list-wrap > div > .tit {width: 1000px;margin: 20px 0 10px 0;font-size: 16px;color: #999;}
.new-list-wrap > div > .artText {width: 1000px;margin: 45px 0 10px 0;padding-top: 40px;border-top: 1px solid #E4E4E4;}
.new-list-wrap > div > .artText p {font-size: 18px;color: #222;line-height: 35px;text-align: justify;padding-bottom: 20px;}
.new-list-wrap > div > .artText p img {display: block;margin: 20px auto;max-width: 90%;width: auto;}
.new-list-wrap > div > .artText p a{color:#e0284a;}
.new-list-wrap > div > .artText p a:hover {text-decoration: underline;}
.new-list-wrap > div > .artText p.weight{font-weight: 600;padding-top: 15px;padding-bottom: 15px;}
.li-fixed .li-back {margin-top: 50px;font-size: 18px;color: #999;}
.li-fixed .li-back > a {color: #999;}
.li-fixed .li-back:hover > a {color: #000;}
.li-fixed .li-back:before {display: inline-block;content: "";position: relative;top: 2px;width: 10px;height: 17px;margin-right: 5px;background: url(../images/li-point.png);background-size: 100% 100%;}
.li-fixed .li-back:hover:before {background: url(../images/li-point-hover.png);background-size: 100% 100%;}



@-webkit-keyframes swipeMove {
    0% {
        opacity: 0;
        transform: translate3d(0, -8px, 0);
    }
    70% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
    100% {
        opacity: 0;
        transform: translate3d(0, 5px, 0);
    }
}
@-moz-keyframes swipeMove {
    0% {
        opacity: 0;
        transform: translate3d(0, -8px, 0);
    }
    70% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
    100% {
        opacity: 0;
        transform: translate3d(0, 5px, 0);
    }
}
@keyframes swipeMove {
    0% {
        opacity: 0;
        transform: translate3d(0, -8px, 0);
    }
    70% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
    100% {
        opacity: 0;
        transform: translate3d(0, 5px, 0);
    }
}
@-ms-keyframes swipeMove {
    0% {
        opacity: 0;
        transform: translate3d(0, -8px, 0);
    }
    70% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
    100% {
        opacity: 0;
        transform: translate3d(0, 5px, 0);
    }
}
@-webkit-keyframes swipeMoveUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 8px, 0) rotate(180deg);
    }
    70% {
        opacity: 1;
        transform: translate3d(0, 0, 0) rotate(180deg);
    }
    100% {
        opacity: 0;
        transform: translate3d(0, -5px, 0) rotate(180deg);
    }
}
@-moz-keyframes swipeMoveUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 8px, 0) rotate(180deg);
    }
    70% {
        opacity: 1;
        transform: translate3d(0, 0, 0) rotate(180deg);
    }
    100% {
        opacity: 0;
        transform: translate3d(0, -5px, 0) rotate(180deg);
    }
}
@keyframes swipeMoveUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 8px, 0) rotate(180deg);
    }
    70% {
        opacity: 1;
        transform: translate3d(0, 0, 0) rotate(180deg);
    }
    100% {
        opacity: 0;
        transform: translate3d(0, -5px, 0) rotate(180deg);
    }
}
@-ms-keyframes swipeMoveUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 8px, 0) rotate(180deg);
    }
    70% {
        opacity: 1;
        transform: translate3d(0, 0, 0) rotate(180deg);
    }
    100% {
        opacity: 0;
        transform: translate3d(0, -5px, 0) rotate(180deg);
    }
}

/* 窗口宽度<1500 */
@media screen and (min-width: 1921px) {
    html,body{width: 1920px;margin: 0 auto;overflow-x: hidden;}
}