@charset "UTF-8";
*{margin: 0;padding: 0;}
body{font-family: "Microsoft YaHei","Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC",  "WenQuanYi Micro Hei", sans-serif;}
ul li{list-style: none;}
.sj_main { max-width:640px; min-width:320px; margin:0 auto; overflow:hidden; }
.sj_main .sj_box { position: relative; text-align: center;width: 100%;}
.sj_main .sj_box img { display: block; width: 100%; }
.sj_main .sj_box .poa { position: absolute; }
/* 1 */
.sj_main .sj_box_1 .sj_h1 {font-size: 2.4rem;color: #fff;top: 36%;left: 5%;font-weight: normal;text-shadow: -0.2rem 0.6rem 0.3rem #ebb431;}
.sj_main .sj_box_1 .sj_p {font-size: .9rem;color: #fff;}
.sj_main .sj_box_1 .sj_p span {font-size: 1rem;font-weight: bold;}
.sj_main .sj_box_1 .p_1 {top: 51%;left: 5%;}
.sj_main .sj_box_1 .p_2 {top: 51%;left: 25%;}
.sj_main .sj_box_1 .p_3 {top: 51%;left: 45%;}
.sj_main .sj_box_1 .zx {width: 26.5625%; bottom: 7%;left: 50%;}
/* 2 */
.sj_main .sj_box_2 .sj_h1 {font-size: 2.1rem;color: #333;top: 0;left: 0;right: 0;margin: 0 auto;}
.sj_main .sj_box_2 .sj_h3 {font-size: 1rem;color: #fff;top: 9.4%;left: 20%;}
.sj_main .sj_box_2 .sj_p {left: 43%;width: 52.5%;font-size: .9rem;text-align: left;color: #fff;}
.sj_main .sj_box_2 .p_1 {top: 23%;}
.sj_main .sj_box_2 .p_2 {top: 38%;}
/* 3 */
.sj_main .sj_box_3 .sj_h1 {font-size: 1.8rem;color: #fff;top: 14%;left: 0;right: 0;margin: 0 auto;}
.sj_main .sj_box_3 .sj_h2 {font-size: 1.2rem;color: #e64c00;top: 35%;left: 20%;right: 0;margin: 0 auto;}
.sj_main .sj_box_3 .dov {width: 26%;text-align: left;}
.sj_main .sj_box_3 .dov_1 {top: 54%;left: 5%;}
.sj_main .sj_box_3 .dov_2 {top: 45%;left: 33%;}
.sj_main .sj_box_3 .dov_3 {top: 51%;left: 72%;}
.sj_main .sj_box_3 .dov_4 { width: 31%; top: 79%; left: 3%; }
.sj_main .sj_box_3 .dov_5 { width: 31%; top: 89%; left: 40%; }
.sj_main .sj_box_3 .dov_6 {top: 86%;left: 73%;}
.sj_main .sj_box_3 .dov .p_1 {font-size: 1.2rem;color: #e64c00;}
.sj_main .sj_box_3 .dov .p_2 {font-size: .9rem;color: #333;text-indent: 1.4rem;}
/* 4 */
.sj_main .sj_box_4 .zx {width: 46.5625%;top: 59%;left: 47%;}
/* 5 */
.sj_main .sj_box_5 .sj_h2 {font-size: 1.2rem;color: #e64c00;top: 5%;left: 20%;right: 0;margin: 0 auto;}
.sj_main .sj_box_5 .sj_p {font-size: .8rem;color: #333;}
.sj_main .sj_box_5 .sj_p_l { left: 9%; text-align: left; }
.sj_main .sj_box_5 .sj_p_r {left: 57%;text-align: left;}
.sj_main .sj_box_5 .sj_p_1 { width: 41%; top: 20%; }
.sj_main .sj_box_5 .sj_p_2 { width: 27%; top: 31%; }
.sj_main .sj_box_5 .sj_p_3 { width: 18%; top: 47%; }
.sj_main .sj_box_5 .sj_p_4 { width: 21%;top: 67%;}
.sj_main .sj_box_5 .sj_p_5 { width: 35%;top: 19%;}
.sj_main .sj_box_5 .sj_p_6 { width: 19%; top: 35%; left: 74%; }
.sj_main .sj_box_5 .sj_p_7 { width: 18%; top: 48%; left: 74%; }
.sj_main .sj_box_5 .sj_p_8 { width: 22%; top: 62%; left: 69%; }
.sj_main .sj_box_5 .zx {width: 46.5625%;top: 82%;left: 0;right: 0;margin: 0 auto;}
/* 6 */
.sj_main .sj_box_6 .sj_h1 {font-size: 1.8rem;color: #333;top: 9%;left: 0;right: 0;margin: 0 auto;}
.sj_main .sj_box_6 .sp_1 {font-size: .9rem;color: #fff;top: 33%;left: 50%;}
.sj_main .sj_box_6 .p_1 {font-size: .9rem;color: #333;top: 36.5%;left: 50%;}
.sj_main .sj_box_6 .sp_2 { font-size: .9rem; color: #fff; top: 40.2%; left: 50%;}
.sj_main .sj_box_6 .p_2 { font-size: .9rem; color: #333; top: 40.2%; left: 67%; }
.sj_main .sj_box_6 .p_3 { width: 43%; font-size: .8rem; color: #fff; top: 47.5%; left: 52%; text-align: left; }
.sj_main .sj_box_6 .zx {width: 46.5625%;top: 88%;left: 0;right: 0;margin: 0 auto;}
/* 7 */
.sj_main .sj_box_7 .sp_1 { font-size: .9rem; color: #fff; top: 24.3%; left: 5%; }
.sj_main .sj_box_7 .p_1 {font-size: .9rem;color: #333;top: 28%;left: 4%;}
.sj_main .sj_box_7 .sp_2 { font-size: .9rem; color: #fff; top: 32.4%; left: 5%;}
.sj_main .sj_box_7 .p_2 { font-size: .9rem; color: #333; top: 32.4%; left: 22%; }
.sj_main .sj_box_7 .p_3 { width: 45%; font-size: .8rem; color: #fff; top: 41%; left: 5%; text-align: left; }
.sj_main .sj_box_7 .zx {width: 46.5625%;top: 87%;left: 0;right: 0;margin: 0 auto;}
/* 8 */
.sj_main .sj_box_8 .sj_h1 {font-size: 2.1rem;color: #fff;top: 13%;left: 0;right: 0;margin: 0 auto;}
.sj_main .sj_box_8 .sj_h3 { font-size: 1rem; color: #fff; top: 21%; left: 0; right: 0; margin: 0 auto; }
.sj_main .sj_box_8 .sj_p {width: 27.34375%;font-size: .9rem;color: #333;}
.sj_main .sj_box_8 .sj_p_1 {top: 70%;left: 3%;}
.sj_main .sj_box_8 .sj_p_2 {top: 66%;left: 0;right: 0;margin: 0 auto;}
.sj_main .sj_box_8 .sj_p_3 {top: 70%;left: 70%;}
.sj_main .sj_box_8 .zx {width: 32.1875%;top: 81%;left: 0;right: 0;margin: 0 auto;}
/* 9 */
.sj_main .sj_box_9 .sj_h1 {font-size: 2.1rem;color: #333;top: 3%;left: 0;right: 0;margin: 0 auto;}
.sj_main .sj_box_9 .dov {width: 73%;left: 0;right: 0;margin: 0 auto;text-align: left;}
.sj_main .sj_box_9 .dov_1 { top: 50%; left: 13%; }
.sj_main .sj_box_9 .dov_2 { top: 60%; left: 13%; }
.sj_main .sj_box_9 .dov_3 { top: 79.5%; left: 13%; }
.sj_main .sj_box_9 .dov .sj_p {color: #fff;}
.sj_main .sj_box_9 .dov .p_1 {font-size: 1.1rem;font-weight: bold;}
.sj_main .sj_box_9 .dov .p_2 {font-size: .9rem;}
.sj_main .sj_box_9 .zx {width: 42.1875%;top: 86%;left: 0;right: 0;margin: 0 auto;}
/* 10 */
.sj_main .sj_box_10 .dov {width: 73%;left: 0;right: 0;margin: 0 auto;text-align: left;}
.sj_main .sj_box_10 .dov_1 { top: 44%; left: 13%; }
.sj_main .sj_box_10 .dov_2 { top: 55%; left: 13%; }
.sj_main .sj_box_10 .dov_3 { top: 77.5%; left: 13%; }
.sj_main .sj_box_10 .dov .sj_p {color: #fff;}
.sj_main .sj_box_10 .dov .p_1 {font-size: 1.1rem;font-weight: bold;}
.sj_main .sj_box_10 .dov .p_2 {font-size: .9rem;}
.sj_main .sj_box_10 .zx {width: 42.1875%;top: 86%;left: 0;right: 0;margin: 0 auto;}
/* 11 */
.sj_main .sj_box_11 .dov {width: 80%;text-align: left;top: 33.5%;left: 0;right: 0;margin: 0 auto;}
.sj_main .sj_box_11 .dov .sj_p {font-size: .9rem;color: #333;line-height: 1.9;}

/* 12 */
.sj_main .sj_box_12 .sj_h1 {font-size: 2.1rem;color: #333;top: 6.5%;left: 0;right: 0;margin: 0 auto;}
.sj_main .sj_box_12 .sj_h3 { font-size: 1rem; color: #333; top: 12.8%; left: 0; right: 0; margin: 0 auto; font-weight: normal; }
.sj_main .sj_box_12 .zx {width: 42.1875%;top: 84%;left: 0;right: 0;margin: 0 auto;}


.zj-lunbo{position: absolute; top: 17.5%;}
.zj-lunbo .zj-btn{ width: 100%; overflow: hidden; position: absolute; bottom: 0;}
.zj-lunbo .zj-btn li{ width: 19.6875%; float: left; margin-left: 4%; }
.zj-lunbo .zj-btn li:nth-of-type(1){background: url(../images/zj1-btn.png) no-repeat center; height: 7.25rem; background-size:100% 100%; }
.zj-lunbo .zj-btn li:nth-of-type(2){background: url(../images/zj2-btn.png) no-repeat center; height: 7.25rem; background-size:100% 100%; }
.zj-lunbo .zj-btn li:nth-of-type(3){background: url(../images/zj3-btn.png) no-repeat center; height: 7.25rem; background-size:100% 100%; }
.zj-lunbo .zj-btn li:nth-of-type(4){background: url(../images/zj4-btn.png) no-repeat center; height: 7.25rem; background-size:100% 100%; }
.zj-lunbo .zj-btn li:nth-of-type(1).on{background: url(../images/zj1-btn1.png) no-repeat center; background-size:100% 100%;}
.zj-lunbo .zj-btn li:nth-of-type(2).on{background: url(../images/zj2-btn1.png) no-repeat center; background-size:100% 100%;}
.zj-lunbo .zj-btn li:nth-of-type(3).on{background: url(../images/zj3-btn1.png) no-repeat center; background-size:100% 100%;}
.zj-lunbo .zj-btn li:nth-of-type(4).on{background: url(../images/zj4-btn1.png) no-repeat center; background-size:100% 100%;}
.zj-lunbo .zj-qh{ width: 100%; overflow: hidden;}
.zj-lunbo .zj-qh li{display: none;}
.zj-lunbo .zj-qh li.on{display: block;}


/* 13 */
.sj_main .sj_box_13 .sj_h1 {font-size: 1.9rem;color: #333;top: 2%;left: 0;right: 0;margin: 0 auto;}
.sj_main .sj_box_13 .sj_h3 { font-size: 1rem; color: #fff; top: 8.4%; left: 0; right: 0; margin: 0 auto; }
.sj_main .sj_box_13 .dov {width: 34%;top: 25%;left: 5%;color: #fff;text-align: left;}
.sj_main .sj_box_13 .dov_1 {top: 38%;left: 10%;}
.sj_main .sj_box_13 .dov_2 {top: 38%;left: 58%;}
.sj_main .sj_box_13 .dov_3 {top: 81.5%;left: 10%;}
.sj_main .sj_box_13 .dov_4 {top: 81.5%;left: 58%;}
.sj_main .sj_box_13 .dov .d_h3 {font-size: 1.1rem;text-align: center;}
.sj_main .sj_box_13 .dov .d_p {font-size: .9rem;margin-top: 1.5rem;}
/* 14 */
.sj_main .sj_box_14 .sj_p {color: #fff;}
.sj_main .sj_box_14 .sj_p_1 {font-size: .9rem;top: 25%;left: 32%;}
.sj_main .sj_box_14 .sj_p_2 {font-size: 1rem;top: 33%;left: 68%;}
.sj_main .sj_box_14 .sj_p_3 {font-size: 1rem;top: 70%;left: 64%;}
.sj_main .sj_box_14 .sj_p_4 { font-size: 1.1rem; top: 69%; left: 16%; font-weight: bold; }
.sj_main .sj_box_14 .sj_p_5 {font-size: 1rem;top: 42%;left: 8%;}
.sj_main .sj_box_14 .zx {width: 19.53125%; top: 60%;left: 0;right: 0;margin: 0 auto;}


.fl{ float:left;}
.fr{ float:right;}
.clearfix:after {visibility: hidden;display: block; font-size: 0;content: " ";clear: both;height: 0; *zoom: 1;}


.part2{position: relative; margin-top: -7%;}
.part2 img{display: block; width: 100%;}
.part2 ul{position: absolute; width: 96.875%; top: 71%; left: 3.1%;}
.part2 ul li{width: 31.613%; float: left; margin-right: 1%; text-align: center; position: relative;}
.part2 ul li .info{width: 100%; position: absolute; top: 0;}
.part2 ul li .info p{font-size: 1.35rem; color: #414141; margin: 7% auto 0; }
.part2 ul li .info h3{font-size: 1.5rem; font-weight: bold; color: #d70418;}
.part2 ul li a{animation: zixunBtn 3s linear infinite; display: block; width: 70.41%; margin: 7% auto 0;}

.part3{ background:#fff; overflow:hidden; padding-bottom: 2rem; }
.part3 img{display: block; width: 100%;}
.part3 .tt1{ text-align:center; font-size:2rem; font-weight: bold; line-height:2rem; padding:1.5rem 0; color: #333; position: relative;}
.part3 .tt1:before{content: ""; width: 23.4375%; height: 2px; background: #eaeaea; position: absolute; top: 52%; left: 4%;}
.part3 .tt1:after{content: ""; width: 23.4375%; height: 2px; background: #eaeaea; position: absolute; top: 52%; right: 4%;}
.part3 .tt1 span{ color:#fe8a78; font-weight: normal; }
.part3 .p3box{ margin:0 auto; width:31rem; overflow:hidden}
.part3 .p3box .list{ display:table; float:left; width:25%; height:7.75rem; position:relative; }
.part3 .p3box .list p{ text-align:center; display:table-cell; font-size:1.25rem; line-height:1.6rem; color:#fff; vertical-align:middle}
.part3 .p3box .list .hot{ position:absolute; left:0.55rem; top:0.9rem; width:1.85rem; height:1.35rem; background-image:url(../images/hot.png); background-size:1.85rem 1.35rem; font-size:0.7rem; text-align:center; line-height:1rem; color:#fff;}
.part3 .p3box .list .y{ position:absolute; right:0.75rem; bottom:0.75rem; width:1.2rem;}
.part3 .p3box .list:nth-of-type(odd){background:#fe7430}
.part3 .p3box .list:nth-of-type(even){background:#ff976b}	

.part3 .tt2{ text-align:center; font-size:1.35rem; line-height:1.4rem; padding:1.45rem 0; color: #333;}
.part3 .p3box2{ margin:0 auto; width:31rem; overflow:hidden}
.part3 .p3box2 .box{ width:15.5rem; overflow:hidden}
.part3 .p3box2 .list{ display:table; float:left; width:50%; height:7.75rem; position:relative; }
.part3 .p3box2 .list p{ text-align:center;display:table-cell; font-size:1.25rem; line-height:1.6rem; color:#fff; vertical-align:middle}
.part3 .p3box2 .list .hot{ position:absolute; left:0.55rem; top:0.9rem; width:1.85rem; height:1.35rem; background-image:url(../images/hot.png); background-size:1.85rem 1.35rem; font-size:0.7rem; text-align:center; line-height:1rem; color:#fff;}
.part3 .p3box2 .list .y{ position:absolute; right:0.75rem; bottom:0.75rem; width:1.2rem;}
.part3 .p3box2 .bg1{background:#fe7430}
.part3 .p3box2 .bg2{background:#ff976b}

.part4 img{display: block; width: 100%;}
.kst-dialog {overflow: hidden;position: relative; margin-bottom: 6%; }
.kst-dialog .show-dialog {  position: absolute; width: 100%; display: none;}
.kst-dialog .dialog {position: relative;font-size: 1.25rem; line-height: 1.65rem; color: #4f5154;}
.kst-dialog .pp1 { position: absolute;font-size: 1.5rem;line-height: 4rem;color: #fff; left: 2%;top: 0%;}
#showOne { left: 0; top: 20%;}
#showTwo {left: 0; top: 42%;}
.kst-dialog .dialog span {position: absolute;  width: 72%; left: 21%; top:15%; color: #4f5154;}
.kst-dialog h3 { text-align: center; font-size: 1rem;  color: #818181; font-weight: normal; line-height: 1.5rem; margin-bottom: 1%;}
.wechat-question { position: absolute; width: 95%;  bottom: 17%; left: 3%;}
.kst-dialog .wechat-question a:first-child { margin-left: 0;}
.kst-dialog .wechat-question a {  width: 23.088%; height: 2.6rem; line-height: 2.6rem; margin: 0 0 0 1.5%; border-radius: 8px; border: 1px solid #000; color: #2d2d2d;  font-size: 1.2rem; display: block; float: left; background: #fff; text-align: center; }
.kst-dialog .wechat-question a i{display: block; width: 32.06%; margin: -32% auto; height: 4.5rem;}
.kst-dialog .KSTChatBox { position: absolute;width: 100%; left: 0; bottom: 0; background: #f1f1f1;overflow: hidden; padding: 2% 0;}
.kst-dialog .call { display: block;width: 30%; position: absolute; right: 0; top: 0;}
.kst-dialog .call img { display: inline-block; vertical-align: middle; width: 25%; -webkit-animation: tada 1.5s linear normal both infinite;  animation: tada 1.5s linear normal both infinite;}
.kst-dialog .call span { font-size: 1.5rem; line-height: 4rem;color: #fff; display: inline-block; vertical-align: middle;}
.kst-dialog .KSTChatBox input { float: left; resize: none; width: 75%; color: #4f5154; font-size: .8rem; line-height: 2.8rem; margin-top: 1%; text-indent: 4em; background: #ffffff;  border: 1px solid #858585; border-radius: 4px; margin-left: 2%;}
.kst-dialog .KSTChatBox a { float: left; width: 15%;text-align: center; background: #ea5405;  color: #fff;  font-size: 1.4rem; line-height: 3.25rem; border-radius: 4px; margin-left: 2%;}

@keyframes tada {
    0% {
        -webkit-transform: scale(1);
    }
    10%, 20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale(1.1) rotate(3deg);
    }
    40%, 60%, 80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
    }
    100% {
        -webkit-transform: scale(1) rotate(0);
    }
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale(1);
    }
    10%, 20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale(1.1) rotate(3deg);
    }
    40%, 60%, 80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
    }
    100% {
        -webkit-transform: scale(1) rotate(0);
    }
}