@charset 'utf-8';
/* ---------- reset ---------- */
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display: block }
address, caption, cite, code, dfn, em, th, var {font-style: normal; font-weight: 400; }


* {margin: 0; padding: 0;word-break: break-all;}
body{font: 14px/1.5 Arial,'microsoft yahei',Helvetica,sans-serif;-webkit-font-smoothing: antialiased;}
table {border-collapse: collapse; border-spacing: 0 }
img {border: 0 none ;}
ol, ul, li {list-style: none; }
i,em{ font-style: normal; }
h1,h2,h3,h4,h5,h6 {font-size: 100%; font-weight: 400 }
a{ color: #333; text-decoration: none; cursor: pointer;}
a:hover{ text-decoration: none; color: #ed353c;}

.red {color: #e01d20!important }
/*common*/
.container{ width: 1200px; margin: 0 auto; }
.container:before,
.container:after {content: " "; display: table }
.container:after {clear: both }
.container {*zoom:1}
.section-title{ text-align: center; padding-top: 52px; margin-bottom: 58px;}
.section-title h2{ font-size: 36px; color: #333; margin-bottom: 25px; font-weight: bold;}
.section-title p{ font-size: 16px; color: #95989d; }
.section-title.white h2{ color: #fff; }
.section-title.white p{ color: #fff; }


.btn-red2{ transition: all .2s; font-size: 16px; color: #fff; width: 130px; height: 40px; background: #ED3C3F; display: inline-block; vertical-align: middle; border-radius: 5px; text-align: center; line-height: 40px; margin-left: 4px; margin-right: 4px;}
.btn-red2:hover{ background: #e02629; color: #fff; }
.btn-line{ transition: all .2s; height: 38px; width: 128px; border: 1px solid #fff; color: #fff; font-size: 16px; border-radius: 5px; text-align: center; line-height: 38px; display: inline-block; vertical-align: middle; margin-left: 4px; margin-right:4px; }
.btn-line:hover{ background: #fff; }

.btn-red-shadow{ background: url(../images/common/button-red-a.png) no-repeat left top; font-size: 18px; width: 160px; height: 70px; line-height: 50px; display: inline-block; vertical-align: middle; text-align: center; color: #fff !important; }
.btn-red-shadow:hover{ color:#fff; background-position: right top; }


/*手机端*/
@media screen and (max-width: 768px){

    html{ font-size:12px; overflow: auto;}
    body{ font-size: 1rem; min-width: auto; overflow: auto;}
    *{ box-sizing: border-box; }
    *{-webkit-tap-highlight-color:rgba(0,0,0,0); }

    /*common*/
    .container{ width: auto; padding-left: 1rem; padding-right: 1rem; }
    .section-title{ padding-top: 3rem; text-align: center; margin-bottom: 2rem; }
    .section-title h2{ font-size: 1.8rem; margin-bottom: 1rem; }
    .section-title p{ color: #95989d; font-size: 1.2rem;}

    .btn-red2{ height: 34px; width: 114px; line-height: 34px; font-size: 14px;}
    .btn-line{ height: 34px; width: 114px; line-height: 32px; font-size: 14px;}

    .shadow-box{ box-shadow: 0 0 3rem rgba(0,0,0,.08); border-radius: 0.7rem; background: #fff; margin-bottom: 2rem;}

    /* 7行代码实现手机端栅格布局（2~6列） */
    [data-row]:after,[data-row]:before{ content: " "; display: table; clear:both; }
    [data-row]>*{ float: left; }
    [data-row="2"]>*{ width: 50%; }
    [data-row="3"]>*{ width: 33.3333%; }
    [data-row="4"]>*{ width: 25%; }
    [data-row="5"]>*{ width: 20%; }
    [data-row="6"]>*{ width: 16.6666%; }


    .s-title{ padding-top: 3rem; text-align: center; margin-bottom: 2rem; }
    .s-title h2{ font-size: 1.8rem; margin-bottom: 1rem; font-weight: bold;}
    .s-title p{ color: #95989d; font-size: 1.2rem;}

    .list h3{ font-size: 1.3rem; margin-bottom: 0.2rem; }
    .list p{ color: #999; }

    .swiper-line-page .swiper-pagination-bullet-active{ background: #fff; }
    .swiper-line-page .swiper-pagination-bullet{ width: 25px; height: 2px; background: #fff; border-radius: 0; }
    .swiper-red-page .swiper-pagination-bullet-active{ background: #ef191a; }

    .btn-red-shadow,
    .btn-blue-shadow{background-size: 200%; font-size: 14px; line-height: 34px; width: 114px; height: 51px;}

    .img{ text-align: center; }
    .swiper-container img,
    .img img{ width: 100%; vertical-align: top; height: auto; }
}
    
    

    










.page-index .section-2{ padding-bottom: 40px; }
.page-index .section-2 .section-tab .tab-item{ width: 494px; transition: all .2s; float: left; margin-top: 80px;}
.page-index .section-2 .section-tab .tab-item.on{ width: 600px; margin-top: 0;}
.page-index .section-2 .section-tab .tab-item.tab-1{ margin-left: 20px; }
.page-index .section-2 .section-tab .tab-item.tab-2{ margin-left: 23px; }


.page-index .section-2 .section-tab .tab-item .item-hd{ width: 462px; height: 136px; transition: all .2s; background: #EFF5FB; border-radius: 5px 5px 0 0; margin-left: 16px;}
.page-index .section-2 .section-tab .tab-item.on .item-hd{ width: 550px; height: 160px; background: url(../images/common/line-bg.jpg) repeat-y left top; background-size: 100%; color: #fff; margin-left: 25px; color: #fff;}

.page-index .section-2 .section-tab .tab-item .hd-wrap{ padding: 25px 30px; }
.page-index .section-2 .section-tab .tab-item .hd-wrap .title{ overflow: hidden; margin-bottom: 10px;}
.page-index .section-2 .section-tab .tab-item .hd-wrap .title h3{ font-size: 24px; float: left; }
.page-index .section-2 .section-tab .tab-item.on .hd-wrap .title h3{ font-size: 30px; }
.page-index .section-2 .section-tab .tab-item .hd-wrap .title span{ float: left; height: 26px; line-height: 26px; background: rgba(0,0,0,.1); border-radius: 13px; padding: 0 15px; margin-left: 15px; font-size: 14px; color: #999; margin-top: 4px;}
.page-index .section-2 .section-tab .tab-item.on .hd-wrap .title span{ color: #fff; margin-top: 9px;}
.page-index .section-2 .section-tab .tab-item .hd-wrap p{ font-size: 14px; color: #95989d; }
.page-index .section-2 .section-tab .tab-item.on .hd-wrap p{ color: #fff; }


.page-index .section-2 .section-tab .tab-item .item-bd{ width: 494px; height: 504px; overflow: hidden; transition: all .2s; box-shadow: 0 0 40px rgba(33,40,60,.1); border-radius: 5px;}
.page-index .section-2 .section-tab .tab-item.on .item-bd{ width: 600px; height: 560px; }
.page-index .section-2 .section-tab .tab-item .bd-wrap{ width: 430px; margin: 0 auto; transition: all .2s;}
.page-index .section-2 .section-tab .tab-item.on .bd-wrap{ width: 530px; }




.page-index .section-2 .tab-1-slide .hd{ height: 58px; border-bottom: 1px solid #ECECEC; margin-bottom: 30px;}
.page-index .section-2 .tab-1-slide .hd li{ float: left; cursor: pointer; width: 25%; height: 56px; line-height: 56px; text-align: center; font-size: 14px; border-bottom: 2px solid #fff; }
.page-index .section-2 .tab-1-slide .hd li i{ width: 27px; height: 20px; transition: background .2s; vertical-align: -4px; margin-right: 5px; display: inline-block; background: url(../images/index/02-teb-icon.png) no-repeat;}
.page-index .section-2 .tab-1-slide .hd li.item-1 i{ background-position: 0 0; }
.page-index .section-2 .tab-1-slide .hd li.item-2 i{ background-position: -41px 0; }
.page-index .section-2 .tab-1-slide .hd li.item-3 i{ background-position: -83px 0; }
.page-index .section-2 .tab-1-slide .hd li.item-4 i{ background-position: -123px 0; }
.page-index .section-2 .tab-1-slide .hd li.on{ color: #ed353c; border-bottom: 3px solid #FE4A2E;}
.page-index .section-2 .tab-1-slide .hd li.on i{ background-position-y: bottom;  }



.page-index .section-2 .tab-1-slide dl dd{ border: 1px solid #ECECEC; position: relative; transition: all .2s;}
.page-index .section-2 .tab-1-slide .img{ transition: all .2s; }
.page-index .section-2 .tab-1-slide .text{ transition: all .2s; }
.page-index .section-2 .tab-1-slide h4{ font-size: 16px; color: #333; margin-bottom: 10px;}
.page-index .section-2 .tab-1-slide p{ font-size: 14px; color: #888; }
.page-index .section-2 .tab-1-slide .l-btn{ width: 82px; height: 28px; display: inline-block; font-size: 14px; text-align: center; line-height: 28px; border: 1px solid #FD472C; color: #FD472C; transition: all .2s; }
.page-index .section-2 .tab-1-slide .l-btn:hover{ background: #FD472C; color: #fff; }


.page-index .section-2 .section-tab .tab-item .tab-1-slide .dl-1 dd{ height: 172px; margin-bottom: 30px;}
.page-index .section-2 .section-tab .tab-item.on .tab-1-slide .dl-1 dd{ height: 203px; }
.page-index .section-2 .section-tab .tab-item .tab-1-slide .dl-1 .img{ float: left; width: 168px; height: 172px; background-position: center center; background-size: 80%; background-repeat: no-repeat;}
.page-index .section-2 .section-tab .tab-item.on .tab-1-slide .dl-1 .img{ height: 203px; width: 240px; }
.page-index .section-2 .section-tab .tab-item .tab-1-slide .dl-1 .text{ margin-left: 168px; padding-top: 57px; }
.page-index .section-2 .section-tab .tab-item.on .tab-1-slide .dl-1 .text{ margin-left: 240px; padding-top: 46px;}
.page-index .section-2 .section-tab .tab-item .tab-1-slide .dl-1 p{ margin-bottom: 23px; }
.page-index .section-2 .section-tab .tab-item .tab-1-slide .dl-1 .l-btn{ display: none; }
.page-index .section-2 .section-tab .tab-item.on .tab-1-slide .dl-1 .l-btn{ display: block; }

.page-index .section-2 .section-tab .tab-item .tab-1-slide .dl-2 dd{ height: 86px; margin-bottom: 12px;}
.page-index .section-2 .section-tab .tab-item.on .tab-1-slide .dl-2 dd{ height: 100px; }
.page-index .section-2 .section-tab .tab-item .tab-1-slide .dl-2 .img{ float: left; width: 90px; height: 86px; background-position: center bottom; background-size: 80%; background-repeat: no-repeat;}
.page-index .section-2 .section-tab .tab-item.on .tab-1-slide .dl-2 .img{ width: 110px; height: 100px; }
.page-index .section-2 .section-tab .tab-item .tab-1-slide .dl-2 .text{ margin-left: 90px; padding-top: 16px; }
.page-index .section-2 .section-tab .tab-item.on .tab-1-slide .dl-2 .text{ margin-left: 110px; padding-top: 24px;}
.page-index .section-2 .section-tab .tab-item .tab-1-slide .dl-2 .l-btn{ position: absolute; right: 20px; top: 37px; display: none;}
.page-index .section-2 .section-tab .tab-item.on .tab-1-slide .dl-2 .l-btn{ display: block; }

.page-index .section-2 .section-tab .tab-item .tab-1-slide .dl-3{ padding-top: 0; }
.page-index .section-2 .section-tab .tab-item .tab-1-slide .dl-3 dd{ height: 117px; }
.page-index .section-2 .section-tab .tab-item.on .tab-1-slide .dl-3 dd{ height: 135px; }
.page-index .section-2 .section-tab .tab-item .tab-1-slide .dl-3 .img{ height: 117px; background-position: center;}
.page-index .section-2 .section-tab .tab-item.on .tab-1-slide .dl-3 .img{ height: 135px; background-size: 57%;}
.page-index .section-2 .section-tab .tab-item .tab-1-slide .dl-3 .text{ padding-top: 28px; }
.page-index .section-2 .section-tab .tab-item.on .tab-1-slide .dl-3 .text{ padding-top: 20px; }

.page-index .section-2 .section-tab .tab-item .tab-1-slide .dl-4 dd{ height: 86px; margin-bottom: 12px;}
.page-index .section-2 .section-tab .tab-item.on .tab-1-slide .dl-4 dd{ height: 100px; }
.page-index .section-2 .section-tab .tab-item .tab-1-slide .dl-4 .img{ float: left; width: 90px; height: 86px; background-position: center bottom; background-size: 80%; background-repeat: no-repeat;}
.page-index .section-2 .section-tab .tab-item.on .tab-1-slide .dl-4 .img{ width: 110px; height: 100px; }
.page-index .section-2 .section-tab .tab-item .tab-1-slide .dl-4 .text{ margin-left: 90px; padding-top: 16px; }
.page-index .section-2 .section-tab .tab-item.on .tab-1-slide .dl-4 .text{ margin-left: 110px; padding-top: 24px;}
.page-index .section-2 .section-tab .tab-item .tab-1-slide .dl-4 .l-btn{ position: absolute; right: 20px; top: 37px; display: none;}
.page-index .section-2 .section-tab .tab-item.on .tab-1-slide .dl-4 .l-btn{ display: block; }





.page-index .section-2 .tab-1-slide .item-1 dl dd:nth-child(1) .img{ background-image: url(../images/index/02-teb-img1.png); }
.page-index .section-2 .tab-1-slide .item-1 dl dd:nth-child(2) .img{ background-image: url(../images/index/02-teb-img2.png); }
.page-index .section-2 .tab-1-slide .item-2 dl dd:nth-child(1) .img{ background-image: url(../images/index/02-teb-img3.png); }
.page-index .section-2 .tab-1-slide .item-2 dl dd:nth-child(2) .img{ background-image: url(../images/index/02-teb-img4.png); }
.page-index .section-2 .tab-1-slide .item-2 dl dd:nth-child(3) .img{ background-image: url(../images/index/02-teb-img5.png); }
.page-index .section-2 .tab-1-slide .item-2 dl dd:nth-child(4) .img{ background-image: url(../images/index/02-teb-img6.png); }
.page-index .section-2 .tab-1-slide .item-3 dl dd:nth-child(1) .img{ background-image: url(../images/index/02-teb-img16.png); }
.page-index .section-2 .tab-1-slide .item-3 dl dd:nth-child(2) .img{ background-image: url(../images/index/02-teb-img17.png); }
.page-index .section-2 .tab-1-slide .item-3 dl dd:nth-child(3) .img{ background-image: url(../images/index/02-teb-img18.png); }
.page-index .section-2 .tab-1-slide .item-4 dl dd:nth-child(1) .img{ background-image: url(../images/index/02-teb-img9.png); background-position: center center; background-size: 67%; }
.page-index .section-2 .tab-1-slide .item-4 dl dd:nth-child(2) .img{ background-image: url(../images/index/02-teb-img10.png); background-position: center center; background-size: 67%; }
.page-index .section-2 .tab-1-slide .item-4 dl dd:nth-child(3) .img{ background-image: url(../images/index/02-teb-img11.png); background-position: center center; background-size: 67%; }
.page-index .section-2 .tab-1-slide .item-4 dl dd:nth-child(4) .img{ background-image: url(../images/index/02-teb-img12.png); background-position: center center; background-size: 67%; }



.page-index .section-2 .section-tab .tab-item .dl-3{ width: 430px; margin: 0 auto; padding-top: 30px; transition: all .2s;}
.page-index .section-2 .section-tab .tab-item.on .dl-3{ width: 530px; }
.page-index .section-2 .section-tab .tab-item .dl-3 dd{ height: 135px; margin-bottom: 15px; border: 1px solid #ECECEC; position: relative; transition: all .2s;}
.page-index .section-2 .section-tab .tab-item.on .dl-3 dd{ height: 154px; }
.page-index .section-2 .section-tab .tab-item .dl-3 .img{ float: left; transition: all .2s; margin-left: 7px; width: 129px; height: 135px; background-position: center bottom; background-size: 86%; background-repeat: no-repeat;}
.page-index .section-2 .section-tab .tab-item.on .dl-3 .img{ height: 154px; width: 210px; background-size: 67%; margin-left: 0; }
.page-index .section-2 .section-tab .tab-item .dl-3 .text{ margin-left: 144px; transition: all .2s; padding-top: 40px; }
.page-index .section-2 .section-tab .tab-item.on .dl-3 .text{ margin-left: 210px; padding-top: 32px; }
.page-index .section-2 .section-tab .tab-item .dl-3 h4{ font-size: 16px; color: #333; margin-bottom: 6px; margin-top: 9px;}
.page-index .section-2 .section-tab .tab-item.on .dl-3 h4{ margin-top: 0; }
.page-index .section-2 .section-tab .tab-item .dl-3 p{ font-size: 14px; color: #888; margin-bottom: 15px;}
.page-index .section-2 .section-tab .tab-item .dl-3 .l-btn{ display: none; width: 82px; height: 28px; font-size: 14px; text-align: center; line-height: 28px; border: 1px solid #FD472C; color: #FD472C; transition: all .2s;}
.page-index .section-2 .section-tab .tab-item.on .dl-3 .l-btn{ display: inline-block; }

.page-index .section-2 .section-tab .tab-item.tab-2 .dl-3 .l-btn:hover{ background: #FD472C; color: #fff; }
.page-index .section-2 .section-tab .tab-item.tab-2.tab-2 .dl-3 dd:nth-child(1) .img{ background-image: url(../images/index/02-teb-img13.png); }
.page-index .section-2 .section-tab .tab-item.tab-2 .dl-3 dd:nth-child(2) .img{ background-image: url(../images/index/02-teb-img14.png); }
.page-index .section-2 .section-tab .tab-item.tab-2 .dl-3 dd:nth-child(3) .img{ background-image: url(../images/index/02-teb-img15.png); }


.page-index .mob-s2{display:none;}
@media screen and (max-width: 768px){
	
	.page-index .section-2{display:none;}
	.page-index .mob-s2{display:block;}
}




/*index 手机*/

.page-index .mob-s2 .s-box .b-title{ font-size: 1.6rem;  text-align: center; padding-top: 1rem;}
.page-index .mob-s2 .s-box .b-title:after{ content: ""; height: 3px; width: 2rem; background: #FD472C; display: block; margin: 1rem auto 0; }
.page-index .mob-s2 .s-box .s-tab{ border-bottom: 1px solid #ECECEC; height: 4rem;}
.page-index .mob-s2 .s-box .s-tab .item{ text-align: center; line-height: 4rem; height: 4rem; font-size: 1.2rem; border-bottom: 2px solid transparent;}
.page-index .mob-s2 .s-box .s-tab .item.on{ border-bottom: 2px solid #FE4A2E; color: #fe4a2e;}
.page-index .mob-s2 .s-box .list li{ border-bottom: 1px solid #ECECEC; overflow: hidden; }
.page-index .mob-s2 .s-box .list li:last-child{ border-bottom: 0 none; }
.page-index .mob-s2 .s-box .list li .img{ float: left; height: 10rem; width: 9rem; margin-left: 1rem; background-position: center; background-repeat: no-repeat; background-size: contain;}
.page-index .mob-s2 .s-box-1 .swiper-slide-1 .list li.item-1 .img{ background-image: url(../images/index/02-teb-img1.png); }
.page-index .mob-s2 .s-box-1 .swiper-slide-1 .list li.item-2 .img{ background-image: url(../images/index/02-teb-img2.png); }
.page-index .mob-s2 .s-box-1 .swiper-slide-2 .list li.item-1 .img{ background-image: url(../images/index/02-teb-img3.png); background-size: 77%; background-position: bottom;}
.page-index .mob-s2 .s-box-1 .swiper-slide-2 .list li.item-2 .img{ background-image: url(../images/index/02-teb-img4.png); background-size: 77%; background-position: bottom;}
.page-index .mob-s2 .s-box-1 .swiper-slide-2 .list li.item-3 .img{ background-image: url(../images/index/02-teb-img5.png); background-size: 77%; background-position: bottom;}
.page-index .mob-s2 .s-box-1 .swiper-slide-2 .list li.item-4 .img{ background-image: url(../images/index/02-teb-img6.png); background-size: 77%; background-position: bottom;}
.page-index .mob-s2 .s-box-1 .swiper-slide-3 .list li.item-1 .img{ background-image: url(../images/index/02-teb-img16.png); background-size: 80%;}
.page-index .mob-s2 .s-box-1 .swiper-slide-3 .list li.item-2 .img{ background-image: url(../images/index/02-teb-img17.png); background-size: 80%;}
.page-index .mob-s2 .s-box-1 .swiper-slide-3 .list li.item-3 .img{ background-image: url(../images/index/02-teb-img18.png); background-size: 80%;}
.page-index .mob-s2 .s-box-1 .swiper-slide-4 .list li.item-1 .img{ background-image: url(../images/index/02-teb-img9.png); background-size: 60%; }
.page-index .mob-s2 .s-box-1 .swiper-slide-4 .list li.item-2 .img{ background-image: url(../images/index/02-teb-img10.png); background-size: 60%; }
.page-index .mob-s2 .s-box-1 .swiper-slide-4 .list li.item-3 .img{ background-image: url(../images/index/02-teb-img11.png); background-size: 60%; }
.page-index .mob-s2 .s-box-1 .swiper-slide-4 .list li.item-4 .img{ background-image: url(../images/index/02-teb-img12.png); background-size: 60%; }

.page-index .mob-s2 .s-box-2 .list li.item-1 .img{ background-image: url(../images/index/02-teb-img13.png); background-size: 77%; background-position: bottom;}
.page-index .mob-s2 .s-box-2 .list li.item-2 .img{ background-image: url(../images/index/02-teb-img14.png); background-size: 77%; background-position: bottom;}
.page-index .mob-s2 .s-box-2 .list li.item-3 .img{ background-image: url(../images/index/02-teb-img15.png); background-size: 77%; background-position: bottom;}
.page-index .mob-s2 .s-box .list li .text{ margin-left: 11.5rem; padding-top: 3rem;}
.page-index .mob-s2 .s-box .list li .text p{ margin-bottom: .4rem; }
.page-index .mob-s2 .s-box .list li .text a{ color: #fd412c; font-size: 1.1rem; display: none;}
.page-index .mob-s2 .s-box-1 .swiper-slide-2 .list li .text,
.page-index .mob-s2 .s-box-2 .list li .text{ padding-top: 4rem; }







.page-index .section-2-1{background: #f4f6f9;}
.page-index .section-2-1 ul{max-width:800px; margin:auto;}
.page-index .section-2-1 ul li{font-size: 16px;line-height: 38px;}
.page-index .section-2-1 ul li a{ text-decoration:underline; }
.page-index .section-2-1 ul li span{padding-left: 30px;}

.page-index .section-2-1 ul li i{width:24px;height:24px;line-height:24px;color: #fff;background-color: #000;border-radius:12px;display: inline-block;text-align: center;margin-right: 20px;}
.page-index .section-2-1 p{margin: 70px auto 50px; text-align: center;}
.page-index .section-2-1 p i{width:24px;height:24px;line-height:24px;color: #fff;background-color: #000;border-radius:12px;display: inline-block;text-align: center;margin-right: 20px;}


@media screen and (max-width: 768px){
	
	.page-index .section-2-1 ul li{font-size: 1rem;line-height: 28px;}
	.page-index .section-2-1 ul li span{width: 100%;display: block;padding-left: 44px;}

}


.page-index .section-2-2{}
.page-index .section-2-2 .pricesystem-table {
	width: 100%;
	float: left;
	border-left:#d8dfe6 1px solid;
	border-top:#d8dfe6 1px solid;
	margin: 50px auto;
}
.page-index .section-2-2 .pricesystem-table td {
	padding:0 10px;
	width:10%;
	height:52px;
	border-bottom:#d8dfe6 1px solid;
	border-right:#d8dfe6 1px solid;
	font-size:14px;
	text-align: center;
}
.page-index .section-2-2 .pricesystem-table .yes {
	background:url('../images/attr_table_right.png') no-repeat center center;
}
.page-index .section-2-2 .pricesystem-table .wrong {
	background:url('../images/attr_table_wrong.png') no-repeat center center;
}
.page-index .section-2-2 .pricesystem-table .bgcolor{
	background-color: #fff4f4;
}
.page-index .section-2-2 .pricesystem-table .txtstyle{
	color: #fff;
	background-color: #d10000;
	font-size: 24px;
	height: 100px;
}


@media screen and (max-width: 768px){
	.page-index .section-2-2 .pricesystem-table {
		margin: 0 auto 50px;
	}


    .page-index .section-2-2 .pricesystem-table td {
        padding:0 2px;
        font-size: 12px;
    }
    .page-index .section-2-2 .pricesystem-table .txtstyle{
        font-size: 12px;
    }






}





.page-index .section-3{ background: #16192A url(../images/index/03-bg.jpg) no-repeat center; padding-bottom: 96px;}
.page-index .section-3 .img{ height: 597px; background: url(../images/index/03-img.png) no-repeat center top; }


@media screen and (max-width: 768px){
	.page-index .section-3 .img{ height: 50vw;  background-size: contain; }
}


.page-index .section-4 .list{ margin: 0 -60px 0 96px; }
.page-index .section-4 .list li{ float: left; width: 224px; margin-bottom: 30px; margin-right: 163px;}
.page-index .section-4 .list li .img{ width: 171px; height: 171px; position: relative; margin-bottom: 10px; margin: 0 auto 10px;}
.page-index .section-4 .list li .img i{ position: absolute; }
.page-index .section-4 .list li h3{ font-size: 18px; margin-bottom: 10px; text-align: center;}
.page-index .section-4 .list li p{ font-size: 14px; color: #95989d; text-align: center;}
.page-index .section-4 .list li.item-1 .s1{top: 30px; left: 7px; z-index: 3; left: 50%; animation: i1s1 1s ease-in-out infinite alternate; width: 61px; height: 79px; background: url(../images/index/04-icon-1-1.png) no-repeat; }
.page-index .section-4 .list li.item-1 .s2{top: 95px; width: 72px; left: 50%; animation: i1s2 1s ease-in-out infinite alternate; height: 53px; background: url(../images/index/04-icon-1-2.png) no-repeat; }
.page-index .section-4 .list li.item-1 .s3{left: 14px; top: 108px; left: 50%; animation: i1s3 1s ease-in-out infinite alternate; width: 46px; height: 48px; background: url(../images/index/04-icon-1-3.png) no-repeat; }
.page-index .section-4 .list li.item-2 .s1{ top: 68px; left: 0; left: 50%; transform: translate(-50%); animation: i2s1 1s linear infinite alternate; width: 140px; height: 75px; background: url(../images/index/04-icon-2-1.png) no-repeat; }
.page-index .section-4 .list li.item-2 .s2{ top: 50px; left: 31px; left: 45px; animation: i2s2 8s linear infinite; width: 48px; height: 48px; background: url(../images/index/04-icon-2-2.png) no-repeat; }
.page-index .section-4 .list li.item-2 .s3{ top: 79px; left: 70px; left: 85px; animation: i2s3 8s linear infinite; width: 37px; height: 38px; background: url(../images/index/04-icon-2-3.png) no-repeat; }
.page-index .section-4 .list li.item-3 .s1{ left: 0; top: 43px; left: 26px; animation: i3s1 2s ease-in-out infinite alternate; width: 116px; height: 121px; background: url(../images/index/04-icon-3-1.png) no-repeat; }
.page-index .section-4 .list li.item-3 .s2{ left: 96px; top: 105px; left: 122px; animation: i3s2 2s ease-in-out infinite alternate; z-index: 3; width: 28px; height: 28px; background: url(../images/index/04-icon-3-2.png) no-repeat; }
.page-index .section-4 .list li.item-3 .s3{ left: 70px; top: 42px; left: 96px; animation: i3s3 2s ease-in-out infinite alternate; width: 46px; height: 47px; background: url(../images/index/04-icon-3-3.png) no-repeat; }
.page-index .section-4 .list li.item-4 .s1{ left: 0; top: 38px; width: 111px; left: 30px; animation: i4s1 7s cubic-bezier(0.74, 0.01, 0.32, 0.99) infinite; height: 111px; background: url(../images/index/04-icon-4-1.png) no-repeat; }
.page-index .section-4 .list li.item-4 .s2{ left: 35px; top: 68px; width: 43px; left: 65px; animation: i4s2 7s cubic-bezier(0.74, 0.01, 0.32, 0.99) infinite; height: 55px; background: url(../images/index/04-icon-4-2.png) no-repeat; }
.page-index .section-4 .list li.item-5 .s1{ top: 90px; width: 154px; height: 60px; left: 50%; animation: i5s1 5s ease-in-out infinite; background: url(../images/index/04-icon-5-1.png) no-repeat; }
.page-index .section-4 .list li.item-5 .s2{ top: 50px; left: 38px; left: 50%; animation: i5s2 5s ease-in-out infinite; z-index: 4; width: 81px; height: 76px; background: url(../images/index/04-icon-5-2.png) no-repeat; }
.page-index .section-4 .list li.item-5 .s3{ left: 5px; top: 50px; left: 14px; animation: i5s3 2s ease-in-out infinite alternate; width: 21px; height: 50px; background: url(../images/index/04-icon-5-3.png) no-repeat; }
.page-index .section-4 .list li.item-5 .s4{ left: 100px; top: 30px; left: 109px; animation: i5s4 5s ease-in-out infinite; width: 38px; height: 83px; background: url(../images/index/04-icon-5-4.png) no-repeat; }
.page-index .section-4 .list li.item-6 .s1{ top: 40px; width: 140px; left: 50%; animation: i6s1 2s ease-in-out infinite alternate; height: 106px; background: url(../images/index/04-icon-6-1.png) no-repeat; }
.page-index .section-4 .list li.item-6 .s2{ top: 106px; left: 30px; width: 111px; height: 29px; left: 45px; background: url(../images/index/04-icon-6-2.png) no-repeat; }
@keyframes i1s1{
	0% { transform: translate(-50%,-10px); }
	100% { transform: translate(-50%,0); }
}
@keyframes i1s2{
	0% { transform: translate(-50%,-10px) scaleY(1.4); transform-origin: center top; }
	100% { transform: translate(-50%,0) scaleY(1.2); transform-origin: center top; }
}
@keyframes i1s3{
	0% { transform: translate(-50%,-10px); }
	20% {opacity: 1; }
	40% {opacity: 0.7; }
	60% {opacity: 1; }
	80% {opacity: 0.7; }
	100% {opacity: 1; transform: translate(-50%,0); }
}
@keyframes i2s1{
	0% { opacity: 1; }
	100% { opacity: .3; }
}
@keyframes i2s2{
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
@keyframes i2s3{
	0% { transform: rotate(0deg); }
	100% { transform: rotate(-360deg); }
}
@keyframes i3s1{
	0% { transform: translate(0,0);}
	100% { transform: translate(-2px,2px);}
}
@keyframes i3s2{
	0% { transform: translate(0,0);}
	100% { transform: translate(5px,5px);}
}
@keyframes i3s3{
	0% { transform: translate(0,0);}
	100% { transform: translate(5px,-5px);}
}
@keyframes i4s1{
	0% { transform: rotate(0deg);}
	50% { transform: rotate(1800deg);}
	100% { transform: rotate(1800deg);}
}
@keyframes i4s2{
	0% { opacity: .6; transform: scale(.8);}
	50% { opacity: 1; transform: scale(1);}
	100% { opacity: .6; transform: scale(.8);}
}
@keyframes i5s1{
	0% { transform: translate(-50%,0);}
	100% { transform: translate(-50%,7px);}
}
@keyframes i5s2{
	0% { transform: translate(-50%,-20px); opacity: 0;}
	25% { transform: translate(-50%,0); opacity: 1;}
	75% { transform: translate(-50%,0) scale(1); opacity: 1;}
	100% { transform: translate(-50%,0) scale(1.5); opacity: 0;}
}
@keyframes i5s3{
	0% { transform: translate(0,0);}
	100% { transform: translate(0,-7px);}
}
@keyframes i5s4{
	0% { transform: translate(0,-20px); opacity: 0;}
	25% { transform: translate(0,-20px); opacity: 0;}
	50% { transform: translate(0,0); opacity: 1;}
	100% { transform: translate(0,0); opacity: 0;}
}
@keyframes i6s1{
	0% { transform: translate(-50%,3px);}
	100% { transform: translate(-50%,-4px);}
}


@media screen and (max-width: 768px){

	.page-index .section-4{background: #F4F5F9;}
	.page-index .section-4 .list{ padding-top: 1rem; margin: 0;box-shadow: 0 0 3rem rgba(0,0,0,.08); border-radius: 0.7rem; background: #fff; margin-bottom: 2rem; overflow: auto;}
	.page-index .section-4 .list li{ padding: 1rem; overflow: hidden; width: 100% !important; margin: 0 !important; }
	.page-index .section-4 .list li .text{ padding-left: 11rem; text-align: left}
	.page-index .section-4 .list li h3{ font-size: 1.3rem; margin-bottom: 0.2rem; text-align: left}
	.page-index .section-4 .list li p{ color: #999; font-size: 1rem;text-align: left}
	.page-index .section-4 .list li .img{ width: 7.4rem; height: 7.4rem; float: left; margin-top: -1rem; margin-left: 1rem;}
	.page-index .section-4 .list li .img i{display: none;}
	.page-index .section-4 .list li.item-1 .img{ background: url(../images/mobile/index/02-icon1.png) no-repeat center; background-size: contain; }
	.page-index .section-4 .list li.item-2 .img{ background: url(../images/mobile/index/02-icon2.png) no-repeat center; background-size: contain; }
	.page-index .section-4 .list li.item-3 .img{ background: url(../images/mobile/index/02-icon3.png) no-repeat center; background-size: contain; }
	.page-index .section-4 .list li.item-4 .img{ background: url(../images/mobile/index/02-icon4.png) no-repeat center; background-size: contain; }
	.page-index .section-4 .list li.item-5 .img{ background: url(../images/mobile/index/02-icon5.png) no-repeat center; background-size: contain; }
	.page-index .section-4 .list li.item-6 .img{ background: url(../images/mobile/index/02-icon6.png) no-repeat center; background-size: contain; }

}





.page-index .section-5{ background: #F6F8FB; padding-bottom: 70px;}
.page-index .section-5 .hd .list{ padding-left: 71px; height: 96px; position: relative;}
.page-index .section-5 .hd .list:before{ content: ""; position: absolute; z-index: -1; left: 322px; top: 45px; width: 560px; height: 11px; background: url(../images/index/05-0y.png) no-repeat;}
.page-index .section-5 .hd .list li{ float: left; width: 200px; height: 60px; position: relative; margin-right: 10px; line-height: 60px; background: #fff; cursor: pointer;}
.page-index .section-5 .hd .list li:after{ content: ""; box-shadow: 0 0 21px rgba(0,0,0,.05); left: 88px; top: 85px; background: #fff; position: absolute; width: 25px; height: 25px; -webkit-transform: rotate(45deg); transform: rotate(45deg); display: none; }
.page-index .section-5 .hd .list li.on:after{ display: block; }
.page-index .section-5 .hd .list li:before{ content: ""; width: 40px; height: 20px; background: #fff; position: absolute; left: 81px; top: 96px; z-index: 2;}

.page-index .section-5 .hd .list li .img{ width: 36px; height: 40px; float: left; margin-left: 36px; margin-top: 9px; }
.page-index .section-5 .hd .list li .iconfont{width: 35px; height: 60px; float: left; margin-left: 45px; line-height: 60px;color:#d81e06; font-size:20px;}
.page-index .section-5 .hd .list li.item-3 .iconfont{font-size:30px;}
.page-index .section-5 .hd .list li.on{ background: url(../images/common/line-bg.jpg) repeat-y left top; background-size: 100%; color: #fff; }
.page-index .section-5 .hd .list li.on .iconfont{color: #fff;}
.page-index .section-5 .hd .list li p{ font-size: 16px; color: #95989d; margin-left: 60px;}
.page-index .section-5 .hd .list li.on p{ color: #fff; }
.page-index .section-5 .bd{ background: #fff; height: 441px; box-shadow: 0 0 21px rgba(0,0,0,.05);overflow: hidden;}
.page-index .section-5 .inner-slide{ width: 1200px; }
.page-index .section-5 .inner-slide .bd2{ float: left; margin-top: 60px; margin-left: 70px; box-shadow: 0 6px 53px rgba(0,0,0,0.1);}
.page-index .section-5 .inner-slide .bd2 li{ width: 526px; height: 319px; }
.page-index .section-5 .inner-slide-1 .bd2 .item-1{ background-image: url(../images/index/05-img1-1.png); }
.page-index .section-5 .inner-slide-1 .bd2 .item-2{ background-image: url(../images/index/05-img1-2.png); }
.page-index .section-5 .inner-slide-1 .bd2 .item-3{ background-image: url(../images/index/05-img1-3.png); }
.page-index .section-5 .inner-slide-1 .bd2 .item-4{ background-image: url(../images/index/05-img1-4.png); }
.page-index .section-5 .inner-slide-1 .bd2 .item-5{ background-image: url(../images/index/05-img1-5.png); }
.page-index .section-5 .inner-slide-1 .bd2 .item-6{ background-image: url(../images/index/05-img1-6.png); }
.page-index .section-5 .inner-slide-1 .bd2 .item-7{ background-image: url(../images/index/05-img1-7.png); }
.page-index .section-5 .inner-slide-1 .bd2 .item-8{ background-image: url(../images/index/05-img1-8.png); }
.page-index .section-5 .inner-slide-1 .bd2 .item-9{ background-image: url(../images/index/05-img1-9.png); }
.page-index .section-5 .inner-slide-1 .bd2 .item-10{ background-image: url(../images/index/05-img1-10.png); }
.page-index .section-5 .inner-slide-2 .bd2 .item-1{ background-image: url(../images/index/05-img2-1.png); }
.page-index .section-5 .inner-slide-2 .bd2 .item-2{ background-image: url(../images/index/05-img2-2.png); }
.page-index .section-5 .inner-slide-2 .bd2 .item-3{ background-image: url(../images/index/05-img2-3.png); }
.page-index .section-5 .inner-slide-2 .bd2 .item-4{ background-image: url(../images/index/05-img2-4.png); }
.page-index .section-5 .inner-slide-2 .bd2 .item-5{ background-image: url(../images/index/05-img2-5.png); }
.page-index .section-5 .inner-slide-2 .bd2 .item-6{ background-image: url(../images/index/05-img2-6.png); }
.page-index .section-5 .inner-slide-2 .bd2 .item-7{ background-image: url(../images/index/05-img2-7.png); }
.page-index .section-5 .inner-slide-2 .bd2 .item-8{ background-image: url(../images/index/05-img2-8.png); }
.page-index .section-5 .inner-slide-2 .bd2 .item-9{ background-image: url(../images/index/05-img2-9.png); }
.page-index .section-5 .inner-slide-2 .bd2 .item-10{ background-image: url(../images/index/05-img2-10.png); }
.page-index .section-5 .inner-slide-3 .bd2 .item-1{ background-image: url(../images/index/05-img3-1.png); }
.page-index .section-5 .inner-slide-3 .bd2 .item-2{ background-image: url(../images/index/05-img3-2.png); }
.page-index .section-5 .inner-slide-3 .bd2 .item-3{ background-image: url(../images/index/05-img3-3.png); }
.page-index .section-5 .inner-slide-3 .bd2 .item-4{ background-image: url(../images/index/05-img3-4.png); }
.page-index .section-5 .inner-slide-3 .bd2 .item-5{ background-image: url(../images/index/05-img3-5.png); }
.page-index .section-5 .inner-slide-3 .bd2 .item-6{ background-image: url(../images/index/05-img3-6.png); }
.page-index .section-5 .inner-slide-3 .bd2 .item-7{ background-image: url(../images/index/05-img3-7.png); }
.page-index .section-5 .inner-slide-3 .bd2 .item-8{ background-image: url(../images/index/05-img3-8.png); }
.page-index .section-5 .inner-slide-3 .bd2 .item-9{ background-image: url(../images/index/05-img3-9.png); }
.page-index .section-5 .inner-slide-3 .bd2 .item-10{ background-image: url(../images/index/05-img3-10.png); }
.page-index .section-5 .inner-slide-4 .bd2 .item-1{ background-image: url(../images/index/05-img4-1.png); }
.page-index .section-5 .inner-slide-4 .bd2 .item-2{ background-image: url(../images/index/05-img4-2.png); }
.page-index .section-5 .inner-slide-4 .bd2 .item-3{ background-image: url(../images/index/05-img4-3.png); }
.page-index .section-5 .inner-slide-4 .bd2 .item-4{ background-image: url(../images/index/05-img4-4.png); }
.page-index .section-5 .inner-slide-4 .bd2 .item-5{ background-image: url(../images/index/05-img4-5.png); }
.page-index .section-5 .inner-slide-4 .bd2 .item-6{ background-image: url(../images/index/05-img4-6.png); }
.page-index .section-5 .inner-slide-4 .bd2 .item-7{ background-image: url(../images/index/05-img4-7.png); }
.page-index .section-5 .inner-slide-4 .bd2 .item-8{ background-image: url(../images/index/05-img4-8.png); }
.page-index .section-5 .inner-slide-4 .bd2 .item-9{ background-image: url(../images/index/05-img4-9.png); }
.page-index .section-5 .inner-slide-4 .bd2 .item-10{ background-image: url(../images/index/05-img4-10.png); }
.page-index .section-5 .inner-slide-5 .bd2 .item-1{ background-image: url(../images/index/05-img5-1.png); }
.page-index .section-5 .inner-slide-5 .bd2 .item-2{ background-image: url(../images/index/05-img5-2.png); }
.page-index .section-5 .inner-slide-5 .bd2 .item-3{ background-image: url(../images/index/05-img5-3.png); }
.page-index .section-5 .inner-slide-5 .bd2 .item-4{ background-image: url(../images/index/05-img5-4.png); }
.page-index .section-5 .inner-slide-5 .bd2 .item-5{ background-image: url(../images/index/05-img5-5.png); }
.page-index .section-5 .inner-slide-5 .bd2 .item-6{ background-image: url(../images/index/05-img5-6.png); }
.page-index .section-5 .inner-slide-5 .bd2 .item-7{ background-image: url(../images/index/05-img5-7.png); }
.page-index .section-5 .inner-slide-5 .bd2 .item-8{ background-image: url(../images/index/05-img5-8.png); }
.page-index .section-5 .inner-slide-5 .bd2 .item-9{ background-image: url(../images/index/05-img5-9.png); }
.page-index .section-5 .inner-slide-5 .bd2 .item-10{ background-image: url(../images/index/05-img5-10.png); }

.page-index .section-5 .inner-slide .hd2{ float: left; width: 414px; margin: 70px 0 0 120px;}
.page-index .section-5 .inner-slide .hd2 li{ float: left; text-align: center; cursor: pointer; width: 160px; height: 50px; line-height: 50px; position: relative;  margin: 0 40px 15px 0; }

/*.page-index .section-5 .inner-slide .hd2 li:after{ content: ""; width: 20px; height: 20px; background: url(../images/index/05-icon-new.png) no-repeat center; position: absolute; z-index: 2; left: 13px;
    top: 16px; opacity: .2;}
.page-index .section-5 .inner-slide .hd2 li:before{ content: ""; opacity: 0; transition: all .2s; position: absolute; left: 0; top: 0; box-shadow:0 7px 20px rgba(200, 200, 200, 0.3); width: 100%; height: 100%; z-index: 1; background: #fff;}
*/

.page-index .section-5 .inner-slide .hd2 li:before{ content: ""; opacity: 0; transition: all .2s; position: absolute; left: 0; top: 0; box-shadow:0 7px 20px rgba(200, 200, 200, 0.3); width: 100%; height: 100%; z-index: 1; background: #fff;}


.page-index .section-5 .inner-slide .hd2 li p{ font-size: 14px; color: #95989d; position: relative; z-index: 2; text-align: left; margin-left: 44px;}
.page-index .section-5 .inner-slide .hd2 li.on:before{ opacity: 1; }
.page-index .section-5 .inner-slide .hd2 li.on:after{ opacity: 1; }
.page-index .section-5 .inner-slide .hd2 li.on p{  color: #ED3C3F; }
.page-index .section-5 .inner-slide .hd2 li .iconfont{ width: 20px; height: 20px;position: absolute;z-index: 2;left: 13px;top: 0;opacity: .2; color: #ed353c;}
.page-index .section-5 .inner-slide .hd2 li.on .iconfont{opacity: 1;}


@media screen and (max-width: 768px){
	
	.page-index .section-5{display: none;}

}








.page-index .section-6{ height: 595px; width: 100%; overflow: hidden; background: #1A1A28; position: relative; color: #fff; }
.page-index .section-6 .bd{ height: 100%; }
.page-index .section-6 .bd ul{ left: 50%; transform: translate(-50%); }
.page-index .section-6 .bd li{ height: 595px; text-align: center;}
.page-index .section-6 .bd li .h2{ font-size: 24px; font-weight: 700; padding-top: 124px;}
.page-index .section-6 .bd li .h2:after{ content: ""; width: 21px; height: 3px; display: block; background: #ED3C3F; margin: 30px auto; }
.page-index .section-6 .bd li .text{ font-size: 14px; line-height: 30px; width: 884px; margin: 0 auto 21px; }
.page-index .section-6 .bd .item-1{ background: url(../images/index/06-img1.jpg) no-repeat center;}
.page-index .section-6 .bd .item-2{ background: url(../images/index/06-img2.jpg) no-repeat center;}
.page-index .section-6 .bd .item-3{ background: url(../images/index/06-img3.jpg) no-repeat center;}
.page-index .section-6 .bd .item-4{ background: url(../images/index/06-img4.jpg) no-repeat center;}
.page-index .section-6 .bd .item-5{ background: url(../images/index/06-img5.jpg) no-repeat center;}
.page-index .section-6 .bd .item-6{ background: url(../images/index/06-img6.jpg) no-repeat center;}
.page-index .section-6 .bd .item-7{ background: url(../images/index/06-img7.jpg) no-repeat center;}
.page-index .section-6 .hd{ position: absolute; height: 161px; width: 976px; left: 50%; margin-left: -477px; bottom: 0; }
.page-index .section-6 .hd li{ float: left; height: 161px; width: 136px; cursor: pointer; text-align: center; }
.page-index .section-6 .hd li.on{ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ed3c3f+100&0+1,0.75+100 */
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,253,253,0) 1%, rgba(237,60,63,0.75) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,253,253,0) 1%,rgba(237,60,63,0.75) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,253,253,0) 1%,rgba(237,60,63,0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#bfed3c3f',GradientType=0 ); /* IE6-9 */ }
.page-index .section-6 .hd li .iconfont{font-size: 36px; margin: 10px auto 0; height: 60px; line-height:60px; display: block}
.page-index .section-6 .hd li p{ font-size: 16px; }

.page-index .section-6 .hd li.item-4 .iconfont{font-size: 44px;}
.page-index .section-6 .hd li.item-5 .iconfont{font-size: 48px;}
.page-index .section-6 .hd li.item-6 .iconfont{font-size: 44px;}

.page-index .mob-s4{display: none;}
@media screen and (max-width: 768px){

	.page-index .section-6{display: none;}
	.page-index .mob-s4{display: block;}

}

/*index 手机*/
.page-index .swiper-container-horizontal>.swiper-pagination{ bottom: 2rem; }
.page-index .mob-s4 .swiper-slide{ height: 26rem; padding-top: 1.9rem; color: #fff; text-align: center;}
.page-index .mob-s4 .swiper-slide-1{ background: url(../images/index/06-img1.jpg) no-repeat center; background-size: cover; }
.page-index .mob-s4 .swiper-slide-2{ background: url(../images/index/06-img2.jpg) no-repeat center; background-size: cover; }
.page-index .mob-s4 .swiper-slide-3{ background: url(../images/index/06-img3.jpg) no-repeat center; background-size: cover; }
.page-index .mob-s4 .swiper-slide-4{ background: url(../images/index/06-img4.jpg) no-repeat center; background-size: cover; }
.page-index .mob-s4 .swiper-slide-5{ background: url(../images/index/06-img5.jpg) no-repeat center; background-size: cover; }
.page-index .mob-s4 .swiper-slide-6{ background: url(../images/index/06-img6.jpg) no-repeat center; background-size: cover; }
.page-index .mob-s4 .swiper-slide-7{ background: url(../images/index/06-img7.jpg) no-repeat center; background-size: cover; }
.page-index .mob-s4 .h2{ font-size: 1.6rem;  text-align: center; padding-top: 2rem; margin-bottom: 1rem;}
.page-index .mob-s4 .h2:after{ content: ""; height: 3px; width: 2rem; background: #FD472C; display: block; margin: 1rem auto 0; }
.page-index .mob-s4 .btn-line{ display: none; }
.page-index .mob-s4 .text{ margin: 0 2.1rem 1.1rem; color: #f5f5f5; font-size: 1.2rem;}







.page-index .section-7 .container{ position: relative; }
.page-index .section-7 .img{ position: absolute; width: 575px; height: 422px; top: 260px; left: 50%; margin-left: -262px;}
.page-index .section-7 .img .img-1{ position: absolute; left: 10px; top: 10px; width: 555px; height: 402px; background: url(../images/index/07-img-1.png) no-repeat center;}
.page-index .section-7 .img .img-2{ position: absolute; left: -13px; top: 74px; width: 150px; height: 135px; background: url(../images/index/07-img-2.png) no-repeat center; animation: s7i2 1.5s ease-in-out infinite alternate;}
.page-index .section-7 .img .img-3{ position: absolute; left: 450px; top: 130px; width: 109px; height: 104px; background: url(../images/index/07-img-3.png) no-repeat center; animation: s7i3 1.5s ease-in-out .7s infinite alternate;}
.page-index .section-7 .list{  height: 402px; position: relative; z-index: 2; padding-top: 36px;}
.page-index .section-7 .list li{ float: left; width: 286px; margin-bottom: 114px;}
.page-index .section-7 .list li.item-1,
.page-index .section-7 .list li.item-3{ margin-right: 520px; margin-left: 60px; width: 326px;}
.page-index .section-7 .list .title{ font-size: 26px; color: #ed353c; font-weight: 700; position: relative; margin-bottom: 19px;}
.page-index .section-7 .list .title i{display: inline-block; width: 40px; height: 30px; vertical-align: -3px; margin-right: 5px; font-size: 36px; color:#666;}
.page-index .section-7 .list .item-1 .title i{  }
.page-index .section-7 .list .item-2 .title i{  }
.page-index .section-7 .list .item-3 .title i{font-size: 30px;}
.page-index .section-7 .list .item-4 .title i{  }
.page-index .section-7 .list .text{ font-size: 16px; color: #666; }
.page-index .section-7 .list .text p{ margin-left: 40px; margin-bottom: 7px;}
.page-index .section-7 .list .text p:before{ content: ""; width: 8px; height: 8px; border-radius: 100%; background: #666; display: inline-block; vertical-align: middle; margin-right: 10px; }
.page-index .section-7 .list .item-3 .text{ padding-left: 19px; }
.page-index .section-7 .list .item-3 .text p{ float: left; margin-left: 21px; }
@keyframes s7i2{
	0% { transform: translate(0,3px);}
	100% { transform: translate(0,-4px);}
}
@keyframes s7i3{
	0% { transform: translate(0,0);}
	100% { transform: translate(0,-7px);}
}


@media screen and (max-width: 768px){

	.page-index .section-7 .img{display: none;}
	.page-index .section-7 .list{height: auto; padding-top: 0;}
	.page-index .section-7 .list li{ float: left; width: 50% !important; margin: 0 0 2rem !important;}
	.page-index .section-7 .list .title{ font-size: 1.4rem; color: #ed353c; font-weight: 700; white-space: nowrap; position: relative; margin-bottom: 1rem;}
	.page-index .section-7 .list .title i{ font-size: 20px; text-align: right; width: 35px; margin-right: 10px;}
	.page-index .section-7 .list .item-3 .title i{font-size: 20px;}
	.page-index .section-7 .list .text{ font-size: 1.2rem; color: #95989d; }
	.page-index .section-7 .list .text p{ margin-left: 33px; margin-bottom: 7px; white-space: nowrap;}
	.page-index .section-7 .list .text p:before{ content: ""; width: 3px; height: 3px; border-radius: 100%; background: #95989d; display: inline-block; vertical-align: middle; margin-right: 10px; }

}



    





.page-index .section-8{ background: #F6F8FB; padding-bottom: 50px;}
.page-index .section-8 .section-title a{ display: none; }
.page-index .section-8 .list{ margin-right: -19px; margin-top: -30px;}
.page-index .section-8 .list li{ float: left; width: 228px; height: 79px; cursor: pointer; background: #fff; background-repeat: no-repeat; background-position: center; border: 1px solid #EDEDED; margin: 0 12px 9px 0; }
.page-index .section-8 .list li.item-1{ background-image: url(../images/index/customer/f1.jpg); }
.page-index .section-8 .list li.item-2{ background-image: url(../images/index/customer/f2.jpg); }
.page-index .section-8 .list li.item-3{ background-image: url(../images/index/customer/f3.jpg); }
.page-index .section-8 .list li.item-4{ background-image: url(../images/index/customer/f4.jpg); }
.page-index .section-8 .list li.item-5{ background-image: url(../images/index/customer/f5.jpg); }
.page-index .section-8 .list li.item-6{ background-image: url(../images/index/customer/f6.jpg); }
.page-index .section-8 .list li.item-7{ background-image: url(../images/index/customer/f7.jpg); }
.page-index .section-8 .list li.item-8{ background-image: url(../images/index/customer/f8.jpg); }
.page-index .section-8 .list li.item-9{ background-image: url(../images/index/customer/f9.jpg); }
.page-index .section-8 .list li.item-10{ background-image: url(../images/index/customer/f10.jpg); }
.page-index .section-8 .list li.item-11{ background-image: url(../images/index/customer/f11.jpg); }
.page-index .section-8 .list li.item-12{ background-image: url(../images/index/customer/f12.jpg); }
.page-index .section-8 .list li.item-13{ background-image: url(../images/index/customer/f13.jpg); }
.page-index .section-8 .list li.item-14{ background-image: url(../images/index/customer/f14.jpg); }
.page-index .section-8 .list li.item-15{ background-image: url(../images/index/customer/f15.jpg); }
.page-index .section-8 .list li.item-16{ background-image: url(../images/index/customer/f16.jpg); }
.page-index .section-8 .list li.item-17{ background-image: url(../images/index/customer/f17.jpg); }
.page-index .section-8 .list li.item-18{ background-image: url(../images/index/customer/f18.jpg); }
.page-index .section-8 .list li.item-19{ background-image: url(../images/index/customer/f19.jpg); }
.page-index .section-8 .list li.item-20{ background-image: url(../images/index/customer/f20.jpg); }
.page-index .section-8 .list li:hover{ box-shadow: 0px 1px 30px rgba(0,0,0,.1) }


@media screen and (max-width: 768px){

	.page-index .section-8{ background: #F6F8FB; padding-bottom: 2rem;}
	.page-index .section-8 .section-title a{ display: inline-block; }
	.page-index .section-8 .list{ margin-right: -19px; margin-top: 0;}
	.page-index .section-8 .list li{ width: 23.3%; height: auto; padding-top: 11%; margin: 0 1% 1% 0; background-size: 100%;}

}