/****** index ******/
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        -ms-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        -ms-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.header { width: 100%; overflow: hidden; background-image:url("25566740.jpg"); position: relative; }
.header .w1168 { padding-bottom: 50px; }
.header .animate-one, .header .animate-two { width: 100%; overflow: hidden; text-align: center; }
.header .animate-one { margin-top: 2%; }
.header .animate-two { margin-top: 2%; }
.header .animate-one img, .header .animate-two img { display: block; margin: 0 auto; }
.header .scb-text-box { width: 100%; overflow: hidden; margin-top: 2%; }
.header .scb-text-box .w915 { padding: 60px 100px; position: relative; }
.header .scb-after-img, .header .scb-before-img { position: absolute; z-index: 999;
 height: 46px; }
.header .scb-after-img { width: 209px; left: 0px; top: 0px; background: url("25566746.png") no-repeat center; }
.header .scb-before-img { width: 232px; right: 0px; bottom: 0px; background: url("25566753.png") no-repeat center; }
.header .scb-text-box p { font-size: 18px; line-height: 32px; text-indent: 2em; }

.w1168 { width: 1168px; overflow: hidden; margin: 0 auto; position: relative; }
.w915 { width: 710px; overflow: hidden; margin: 0 auto; }
img { vertical-align: middle; }

.logo-box { width: 100%; overflow: hidden; margin: 0 auto; margin-top: 0.8%; }
.logo-box a { float: left; }
.logo-box img { display: block; }

.swiper-slide { background-size: 100%; position: relative; }
.ss-after-img, .ss-before-img { display: block; position: absolute; z-index: 0; }
.ss-after-img { left: 0px; bottom: 0px; width: 227px; height: 305px; }
.ss-before-img { right: 0px; top: 0px; width: 246px; height: 286px; }
.ss-after-img img, .ss-before-img img { display: block; width: 100%;  }

.slide1 { background-image:url("25566740.jpg"); }
.slide2 { background-image:url("25566740.jpg"); }
.slide3 { background-image:url("25566740.jpg"); }
.slide4 { background-image:url("25566740.jpg"); }
.slide5 { background-image:url("25566740.jpg"); }
.slide6 { background-image:url("25566740.jpg"); }

.pagination { position: fixed; z-index: 100; margin-top: -240px; top: 50%; left: 0px; }
.swiper-pagination-switch { display: block; width: 64px; height: 46px; margin: 1px 0px;
 line-height: 46px; text-align: center; font-size: 26px; font-style:italic; font-weight: bold; color: #ffffff; cursor: pointer; background: url("25566749.png"); }
.swiper-active-switch { width: 78px; height: 46px; background: url("25566750.png"); }

.slide1-con-box { width: 100%; overflow: hidden; margin: 0 auto; }
.slide1-con-box .animate-one, .slide1-con-box .animate-two { width: 100%; overflow: hidden; text-align: center; }
.slide1-con-box .animate-one { margin-top: 2%; }
.slide1-con-box .animate-two { margin-top: 2%; }
.slide1-con-box .animate-one img, .slide1-con-box .animate-two img { display: block; margin: 0 auto; }
.slide1-con-box .scb-text-box { width: 100%; overflow: hidden; margin-top: 2%; }
.slide1-con-box .scb-text-box .w915 { padding: 60px 100px; position: relative; }
.slide1-con-box .scb-after-img, .slide1-con-box .scb-before-img { position: absolute; z-index: 999;
 height: 46px; }
.slide1-con-box .scb-after-img { width: 209px; left: 0px; top: 0px; background: url("25566746.png") no-repeat center; }
.slide1-con-box .scb-before-img { width: 232px; right: 0px; bottom: 0px; background: url("25566753.png") no-repeat center; }
.slide1-con-box .scb-text-box p { font-size: 18px; line-height: 32px; text-indent: 2em; }

.slide2-con-box { width: 100%; overflow: hidden; background: url("25566743.png") center top; }
.w975 { width: 975px; overflow: hidden; margin: 0 auto; }
.all-title-style { width: 1051px; overflow: hidden; margin: 0 auto; margin-top: 60px; background: url("25566737.png") no-repeat; }
.all-title-style .ats-num { display: block; width: 50px; height: 50px; overflow: hidden; float: left;
 margin: 8px 15px 8px 52px; line-height: 50px; font-size: 26px; font-weight: bold;
 font-style: italic; color: #cf3b32; text-align: center; border-radius: 50px; background: #ffffff; }
.all-title-style .ats-text { display: block; width: 820px; overflow: hidden; float: left;
 padding: 8px 0px 18px 0px; line-height: 26px; font-size: 22px; color: #ffffff; }

.at-wrap-box { width: 100%; height: 52px; overflow: hidden; display: table; }
.at-wrap-box span { display: table-cell; vertical-align: middle; }

.slide2-con-box .scb-text-box { width: 100%; overflow: hidden; padding: 10px 0px 75px 0px; }
.slide2-con-box .scb-text-box p img, .slide2-con-box .scb-text-box p img { display: block;
 max-height: 200px; margin: 20px auto; }
.slide2-con-box .scb-text-box p { text-indent: 2em; font-size: 16px; }

.scb-btn-box { width: 100%; overflow: hidden; text-align: center; }
.scb-btn-box img { display: block; margin: 0 auto; }

.footer { width: 100%; overflow: hidden; margin: 0 auto; padding-bottom: 16px; }
.footer p { line-height: 30px; font-size: 16px; text-align: center; color: #010101; }

.ani{
	opacity:0;
}
.ani-slide .ani1-1{
	opacity:1;
	-webkit-animation: fadeInDown 0.5s both;
    animation: fadeInDown 0.5s both;
}
.ani-slide .ani1-2{
	opacity:1;
    -webkit-animation: fadeInDown 1s 0.5s both;
    animation: fadeInDown 1s 0.5s both;
}
.ani-slide .ani1-3{
	opacity:1;
    -webkit-animation: fadeInDown 1s 1s both;
    animation: fadeInDown 1s 1s both;
}
.ani-slide .ani2-1,.ani-slide .ani3-1,.ani-slide .ani4-1,.ani-slide .ani5-1{
    opacity: 1;
    -webkit-animation: fadeInUp 1s both;
    animation: fadeInUp 1s both;
}
.ani-slide .ani2-2,.ani-slide .ani3-2,.ani-slide .ani4-2,.ani-slide .ani5-2{
    opacity: 1;
    -webkit-animation: fadeInUp 1s 0.5s both;
    animation: fadeInUp 1s 0.5s both;
}
.ani-slide .ani5-1-2{
	opacity: 1;
	-webkit-animation: fadeInUp 1s 0.3s both;
    animation: fadeInUp 1s 0.3s both;
}
.ani-slide .ani6-1 {
    opacity: 1;
    -webkit-animation: fadeInDown 0.5s both;
    animation: fadeInDown 0.5s both;
}
.ani-slide .ani6-2 {
    opacity: 1;
    -webkit-animation: fadeInDown 1s 0.5s both;
    animation: fadeInDown 1s 0.5s both;
}
.ani-slide .ani6-3 {
    opacity: 1;
    -webkit-animation: fadeInDown 1s 1s both;
    animation: fadeInDown 1s 1s both;
}


/* list */
.url-nav { width: 100%; overflow: hidden; font-size: 16px; color: #000000; padding: 15px 0px; text-indent: 1em;
 border-bottom: solid 1px #cccccc; position: relative; }
.url-nav:after { content: ""; position: absolute; left: 10px; top: 0px; z-index: 999;
 display: block; width: 14px; height: 16px; }
.url-nav a { color: #000000; }
.url-nav a:hover { color: #993333!important; }

.list-con-box { width: 100%; overflow: hidden; margin-top: 30px; }
.list-left { width: 240px; overflow: hidden; }
.list-left ul li { width: 100%; overflow: hidden; line-height: 26px; font-size: 18px;
 text-align: center; color: #023f98; border-bottom: solid 2px #ffffff; background: #e4e4e4; }
.list-left ul li a { display: block; padding: 15px 0px; color: #023f98; }
.list-left ul li:hover { transition: all 0.5s ease 0s; background: #023f98; }
.list-left ul li:hover a { color: #ffffff!important; }
.active-list-on { background: #023f98!important; }
.active-list-on a { color: #ffffff!important; }

.list-right { width: 872px; min-height: 600px; overflow: hidden; }
.lr-list-name { width: 100%; overflow: hidden; padding-bottom: 10px; margin-bottom: 10px; font-size: 18px;
 color: #023f98; border-bottom: solid 1px #bebebe; position: relative; }
.lr-list-name a { display: block; overflow: hidden; float: left; padding-left: 10px;
 color: #023f98; font-weight: bold; border-left: 3px #023f98 solid; }

.lr-list-box ul { width: 100%; overflow: hidden; }
.lr-list-box ul li { width: 100%; overflow: hidden; line-height: 40px; 
 border-bottom: solid 1px #e5e5e5; position: relative; }
.lr-list-box ul li:after { content: ''; position: absolute; left: 0px; top: 50%; z-index: 999;
 display: block; width: 4px; height: 4px; margin-top: -2px; background: #c60b0b; }
.lr-list-box ul li a { display: block; width: 100%; height: 100%; float: left; }
.lr-list-box ul li .fl { text-align: left; font-size: 16px; text-indent: 1em; color: #1a1a1a; }
.lr-list-box ul li .fr { text-align: right; font-size: 14px; color: #999999; }
.lr-list-box ul li a:hover .fl, .list-right ul li a:hover .fr { color: #993333; }

.lr-list-text-box { width: 100%; overflow: hidden; }
.lr-list-text-box img { display: block; max-width: 100%; margin: 0 auto; }
.lr-list-text-box p { font-size: 16px; line-height: 20px; text-indent: 2em; }

.page-box { text-align: center; margin: 50px auto; font-size: 0px; }
.page-box font { display: inline-block; padding: 6px 12px; color: #ffffff; margin: 0px 4px;
 font-size: 14px; border: solid 1px #0066cc; border-radius: 3px; background: #0066cc; }
.page-box a { display: inline-block; padding: 6px 12px; color: #333333; margin: 0px 4px;
 font-size: 14px; border-radius: 3px; border: solid 1px #0066cc; }
.page-box a:hover { color: #fff!important; border: solid 1px #0066cc; background: #0066cc; }


/* content */
.content-text-box { width: 100%; overflow: hidden; margin-top: 20px; }

.content-text-box .title, .content-text-box .info{ width: 100%; float: left;
 padding-bottom: 10px; line-height: 80px; text-align: center; }
.content-text-box .title h1{ font-size: 20px; font-weight: bold; color: #000; }
.content-text-box .info { border-top: 1px #ccc solid; font-size: 16px; color: #848484; }
.content-text-box .text { margin-top: 30px; font-size: 16px; color: #333; }

.content-text-box img { display: block; max-width: 100%; margin: 0 auto; }
.content-text-box img:hover { transform: scale(1.0)!important; }


/* wap端样式 */
@media screen and (min-width: 100px) and (max-width: 820px) {
    .ss-after-img { width: 2.27rem; height: 3.05rem; }
    .header .ss-after-img { width: 1.5rem; height: 2rem; }
    .ss-before-img { width: 2.46rem; height: 2.86rem; }

    .w1168 { width: 72%; height: 100%; }
    .logo-box img { display: block; width: 100%; }
    .ani-slide .ani1-1 { margin-top: 15%; }
    .ani-slide .ani1-1 img { display: block; width: 70%; margin: 0 auto; }
    .ani-slide .ani1-2 { margin-top: 6%; }
    .ani-slide .ani1-2 img { display: block; width: 100%; margin: 0 auto; }
    .ani-slide .ani1-3 { margin-top: 5%; }
    .slide1-con-box .scb-text-box .w915, .header .scb-text-box .w915 { width: 90%; padding: 0.8rem 0rem; }
    .slide1-con-box .scb-after-img, .slide1-con-box .scb-before-img, .header .scb-after-img, .header .scb-before-img { width: 50%; background-size: 100%; }
    .slide1-con-box .scb-text-box p, .header .scb-text-box p { line-height: 0.32rem; font-size: 0.18rem; }
    .scb-btn-box img { width: 1.3rem; }
    .pagination { margin-top: -50%; }
    .swiper-pagination-switch { width: 0.8rem; height: 0.73rem; line-height: 0.73rem;
     margin: 0.02rem 0rem; font-size: 0.2rem!important; }
    .swiper-active-switch { font-size: 0.2rem!important; }

    .slide2-con-box { width: 100%; margin-top: 10%; background: url("25566744.png") center top; background-size: 100%; }
    
    .all-title-style { width: 90%; margin-top: 0.2rem;
     background: url("25566738.png"); background-size: 100%; }
    .all-title-style .ats-num { width: 0.3rem; height: 0.3rem; line-height: 0.3rem;
     margin: 0.08rem 0.15rem 0.08rem 0.2rem; font-size: 0.2rem; }
    .all-title-style .ats-text { width: 3rem; line-height: 0.35rem; font-size: 0.24rem;
     padding: 0.05rem 0px 0.05rem 0px; }

    .slide2-con-box .scb-text-box { padding: 0.15rem 0px 0.2rem 0px; }
    .w975 { width: 90%; }

    .slide2-con-box .scb-text-box p { line-height: 0.3rem; font-size: 0.16rem; }
    .slide2-con-box .scb-text-box p img, .slide2-con-box .scb-text-box p img { max-width: 100%; }

    .footer { padding-bottom: 0.16rem; }
    .footer p { line-height: 0.3rem; font-size: 0.16rem; }

    .url-nav { font-size: 0.16rem; padding: 0.15rem 0rem; }
    .lr-list-box ul li { line-height: 0.35rem; }
    .lr-list-box ul li:after { content: ''; position: absolute; left: 0px; top: 0.20rem; z-index: 999; display: block; width: 4px; height: 4px; margin-top: -2px; background: #c60b0b; }
    .lr-list-box ul li .fl { font-size: 0.20rem; }
    .lr-list-box ul li .fr { font-size: 0.20rem; }
    .page-box { margin: 0.3rem auto; }
    .page-box font { padding: 0.06rem 0.12rem; margin: 0rem 0.04rem; font-size: 0.16rem; }
    .page-box a { padding: 0.06rem 0.12rem; margin: 0rem 0.04rem; font-size: 0.16rem; }

    .content-text-box .title h1 { line-height: 0.6rem; }
    .content-text-box .info { line-height: 0.5rem; }
}

@media screen and (min-width: 300px) and (max-width: 509px) {
    .pagination { margin-top: -50%; }
    .swiper-pagination-switch { width: 0.6rem; height: 0.6rem; line-height: 0.6rem; }
}

@media screen and (min-width: 510px) and (max-width: 620px)  {
    .pagination { margin-top: -45%; }
    .swiper-pagination-switch { width: 0.6rem; height: 0.5rem; line-height: 0.5rem; }
}

@media screen and (min-width: 621px) and (max-width: 760px)  {
    .pagination { margin-top: -35%; }
    .swiper-pagination-switch { width: 0.6rem; height: 0.4rem; line-height: 0.4rem; }
}

@media screen and (min-width: 761px) and (max-width: 810px)  {
    .pagination { margin-top: -35%; }
    .swiper-pagination-switch { width: 0.6rem; height: 0.4rem; line-height: 0.4rem; }
}

@media screen and (min-width: 811px) and (max-width: 890px)  {
    .pagination { margin-top: -30%; }
    .swiper-pagination-switch { width: 0.6rem; height: 0.4rem; line-height: 0.4rem; }
}

/* pc端小屏幕样式 */
@media screen and (min-width: 821px) and (max-width: 1024px) {
    .ss-after-img { width: 2.27rem; height: 3.05rem; }
    .ss-before-img { width: 2.46rem; height: 2.86rem; }

    .w1168 { width: 72%; }
    .logo-box img { display: block; width: 100%; }
    .ani-slide .ani1-1 { margin-top: 15%; }
    .ani-slide .ani1-1 img { display: block; width: 70%; margin: 0 auto; }
    .ani-slide .ani1-2 { margin-top: 6%; }
    .ani-slide .ani1-2 img { display: block; width: 100%; margin: 0 auto; }
    .ani-slide .ani1-3 { margin-top: 5%; }
    .slide1-con-box .scb-text-box .w915, .header .scb-text-box .w915 { width: 90%; padding: 0.8rem 0rem; }

    .slide2-con-box { width: 100%; top: 50%; 
     background: url("25566744.png") center top; background-size: 100%; }
    .all-title-style { width: 90%; margin-top: 0.2rem;
     background: url("25566738.png"); background-size: 100%; }
    .all-title-style .ats-num { width: 0.3rem; height: 0.3rem; line-height: 0.3rem;
     margin: 0.08rem 0.15rem 0.08rem 0.2rem; font-size: 0.2rem; }
    .all-title-style .ats-text { width: 3rem; line-height: 0.35rem; font-size: 0.24rem;
     padding: 0.05rem 0px 0.05rem 0px; }

    .slide2-con-box .scb-text-box { padding: 0.2rem 0px 0.2rem 0px; }
    .w975 { width: 90%; }

    .url-nav { font-size: 0.16rem; padding: 0.15rem 0rem; margin-top: 0.15rem; }
    .lr-list-box ul li { line-height: 0.35rem; }
    .lr-list-box ul li:after { content: ''; position: absolute; left: 0px; top: 0.20rem; z-index: 999; display: block; width: 4px; height: 4px; margin-top: -2px; background: #c60b0b; }
    .lr-list-box ul li .fl { font-size: 0.20rem; }
    .lr-list-box ul li .fr { font-size: 0.20rem; }
    .page-box { margin: 0.3rem auto; }
    .page-box font { padding: 0.06rem 0.12rem; margin: 0rem 0.04rem; font-size: 0.16rem; }
    .page-box a { padding: 0.06rem 0.12rem; margin: 0rem 0.04rem; font-size: 0.16rem; }

    .content-text-box .title h1 { line-height: 0.3rem; }
    .content-text-box .info { line-height: 0.5rem; }
}

/* pc端笔记本样式 */
@media screen and (min-width: 1025px) and (max-width: 1600px) {
	.ani-slide .ani1-1 img { width: 30%; }
	.ani-slide .ani1-2 img { width: 55%; }
	.ani-slide .ani1-3 img { width: 8%; }
	.footer { padding-bottom: 5px; }
	.footer p { line-height: 20px; }
}

@media screen and (min-width: 100px) {
    .slide2-con-box { position: absolute; left: 0px; top: 50%; transform: translate(0, -50%); }
}