
@font-face {
    /* font-test*/
    font-family: tonjay;
    src:url('../font/SourceHanSansCN-Medium.woff'),
    url('../font/SourceHanSansCN-Medium.ttf'),
    url('../font/SourceHanSansCN-Medium.eot'); /* IE9 */
}
@font-face {
    /* font-test*/
    font-family: tonjay2;
    src:url('../font/SansLight.woff'),
    url('../font/SansLight.ttf'),
    url('../font/SansLight.eot'); /* IE9 */
}
.bg{  }
.page2 .moveMingren{  animation:moveMingren 1.5s linear 0s;-webkit-animation:moveMingren 1.5s linear 0s ;  }
/*å¯¼èˆª*/
.page2 .nav{width: 77%;margin: 0 0 0 14%; }
.page2 .nav ul{  }
.page2 .nav ul li{width: 18.5%; padding-top: 6%; float: left;margin-right: 6.5%;position: relative;}
.page2 .nav ul li img.hover_img{ display: none; position: absolute; left: 0; top: 0; }
.page2 .nav ul li span{position: absolute;width: 100%; height:100%; top:0;/* text-align: center;left: 0;font-size: 200%;top: 50%;margin-top: -0.65em;line-height: 1em;letter-spacing: 3px; */}
.page2 .nav ul li.active span{ color: #fff;  }
.page2 .nav ul li.active img.hover_img{ display: block ; }
.page2 .nav ul li .text{ position: absolute; left: 0; top: 0 }
.page2 .nav ul li strong{ display: none; }
.page2 .luxian{position: relative;}
.page2 .lx_text{width: 31%;position:  absolute;left: 18%;top: 50%;margin-top: 4%;}
.page2 .lx_content{position: absolute;width: 60%;top: 0;margin-top: 0;height: 100%;left: 11%;}
.page2 .lx_content li{position: absolute;top: 0;left: 0;width: 3.75%; cursor: pointer;transition: all .3s linear;}
.page2 .lx_content li.this_q{ color:#18aa2e;  }
.page2 .lx_content li strong{display: none;position: absolute;width: 6em;left: 50%;margin-left: -4em;}
.page2 .lx_content li strong img{width: 6em;position: absolute;}
.page2 .lx_content li strong em{color: #fff;position: absolute;font-size: 12px;margin: 10% 0 0 19%;}
.page2 .lx_content li .zuobiao{width: 100%;}
.page2 .lx_content li .dian{position: absolute;width: 35%;}
.page2 .lx_content li.move .zuobiao{  animation:bounce 1s linear 0s infinite;-webkit-animation:bounce 1s linear 0s infinite ;  }
.page2 .lx_content li.move .dian{  animation:tada 4s linear 0s infinite;-webkit-animation:tada 4s linear 0s infinite ;  }
.page2 .lx_content li span{ display: none; position: absolute;left: 50%;font-size: 110%; font-weight: bold; letter-spacing: 1px;transform: rotate(5deg);font-style: italic;}
.page2 .lx_content li.qd{margin: 56.5% 0 0 2.5%;left: 1.5%;}
.page2 .lx_content li.lz{margin: 47.9% 0 0 1%;left: 1.5%;}
.page2 .lx_content li.lllh{margin: 36.3% 0 0 3.7%;left: 1.5%;}
.page2 .lx_content li.llxs{margin: 24.9% 0 0 1.7%;left: 9.5%;}
.page2 .lx_content li.tmtx{margin: 27% 0 0 18.5%;left: 1.5%;}
.page2 .lx_content li.bm{margin: 32.5% 0 0 38.7%;left: 1.5%;}
.page2 .lx_content li.mdbc{margin: 22.9% 0 0 43%;left: 1.5%;}
.page2 .lx_content li.dqbc{margin: 23% 0 0 54%;left: 1.5%;}
.page2 .lx_content li.rwh{margin: 19.5% 0 0 72.7%;left: 1.5%;}
.page2 .lx_content li.rw{margin: 16.9% 0 0 20%;left: 1.5%;}
.page2 .lx_content li.lgbc{margin: 50.5% 0 0 64.5%;left: 1.5%;}
.page2 .lx_content li.ll{margin: 50.5% 0 0 79%;left: 1.5%;}
.page2 .lx_content li.rlbbc{margin: 61.2% 0 0 88%;left: 3.5%;}
.page2 .lx_content li.qd .dian{margin: 165% 0 0 0;right: 8%;top: 0;}
.page2 .lx_content li.lz .dian{margin: 160% 0 0 0;right: 33%;top: 0;}
.page2 .lx_content li.lllh .dian{margin: 160% 0 0 0;right: 33%;top: 0;}
.page2 .lx_content li.llxs .dian{margin: 160% 0 0 0;right: 33%;top: 0;}
.page2 .lx_content li.tmtx .dian{margin: 160% 0 0 0;right: 33%;top: 0;}
.page2 .lx_content li.bm .dian{margin: 160% 0 0 0;right: 33%;top: 0;}
.page2 .lx_content li.mdbc .dian{margin: 160% 0 0 0;right: 33%;top: 0;}
.page2 .lx_content li.dqbc .dian{ margin: 160% 0 0 0;right: 33%;top: 0;}
.page2 .lx_content li.rwh .dian{ margin: 160% 0 0 0;right: 33%;top: 0;}
.page2 .lx_content li.rw .dian{margin: 160% 0 0 0;right: 33%;top: 0;}
.page2 .lx_content li.lgbc .dian{margin: 160% 0 0;right: -16%;top: 0;}
.page2 .lx_content li.ll .dian{margin: 160% 0 0 0;right: 33%;top: 0;}
.page2 .lx_content li.rlbbc .dian{margin: 158% 0 0 0;right: 19%;top: 0;}
.page2 .lx_content li.qd span{width: 3em;margin-top: 145%;margin-left: -2.25em;}
.page2 .lx_content li.lz span{width: 3em;margin-top: 99%;margin-left: 34%;}
.page2 .lx_content li.lllh span{width: 5em;margin-top: 166%;margin-left: 61%;}
.page2 .lx_content li.llxs span{width: 5em;margin-top: 91%;margin-left: 69%;}
.page2 .lx_content li.tmtx span{width: 5em;margin-top: 144%;margin-left: 34%;}
.page2 .lx_content li.bm span{width: 3em;margin-top: 104%;margin-left: 34%;}
.page2 .lx_content li.mdbc span{width: 6em;margin-top: 175%;margin-left: -2.5em;}
.page2 .lx_content li.dqbc span{width: 5em;margin-top: 180%;margin-left: -2.5em;transform: rotate(2deg);}
.page2 .lx_content li.rwh span{width: 4em;margin-top: 6%;margin-left: 1.5em;transform: rotate(1deg);}
.page2 .lx_content li.rw span{width: 3em;margin-top: 90%;margin-left: 34%;}
.page2 .lx_content li.lgbc span{width: 5em;margin-top: 170%;margin-left: -2em;transform: rotate(1deg);font-style: normal;}
.page2 .lx_content li.ll span{width: 3em;margin-top: 194%;margin-left: -82%;transform: rotate(4deg);font-style: normal;}
.page2 .lx_content li.rlbbc span{width: 6em;margin-top: 183%;margin-left: -3.5em;transform: rotate(-1deg);font-style: normal;}
.page2 .lx_info{position: absolute;width: 28.4375%;right: 10.35%;top: 0;margin-top: 8.25%;}
.page2 .info_img{width: 100%;}
.page2 .info_text{margin: 4% 0% 0 8%; overflow: hidden; text-align: left; color: #ae8457; transform: rotate(-2deg); }
.page2 .info_text span{ display: block; text-align: left; margin-left:5em;}
.page2 .show_text p{ -webkit-animation: showline .8s linear 0s 1 forwards; animation: showline .8s linear 0s 1 forward; overflow: hidden; white-space: nowrap;}
.page2 .show_text p:nth-child(1){-webkit-animation-delay: 0.8s;animation-delay: 0.8s;}
.page2 .show_text p:nth-child(2){-webkit-animation-delay: 1.6s;animation-delay: 1.6s;}
.page2 .show_text p:nth-child(3){-webkit-animation-delay: 2.4s;animation-delay: 2.4s;}
.page2 .show_text p:nth-child(4){-webkit-animation-delay: 3.2s;animation-delay: 3.2s;}
.page2 .show_text p:nth-child(5){-webkit-animation-delay: 4s;animation-delay: 4s;}
.page2 .show_text p:nth-child(6){-webkit-animation-delay: 4.8s;animation-delay: 4.8s;}
.page2 .show_text p:nth-child(7){-webkit-animation-delay: 5.6s;animation-delay: 5.6s;}
.page2 .show_text p:nth-child(8){-webkit-animation-delay: 6.4s;animation-delay: 6.4s;}

.page2 .news{position: relative;}
.page2 .news_bg{ width: 100%; position: absolute; left: 0; top: 0; z-index: 0; }
.page2 .news_content{width: 83%;position:  absolute;left: 9.5%;top: 0;padding-top: 21.3%;height: 0;}
.page2 .video{width: 46.5%;position: absolute;left: -4%;top: 0;margin-top: 13%;height: 90%;}
.page2 .news_item{width: 96%;right: 0;margin-top: 43%;position: absolute;right: 0;top: 0;background: none;height: 92%;}
.page2 .news_item h1{font-size: 200%;font-weight: bold;text-align: center;position: relative;padding-top: 6%;}
.page2 .news_item h1 .news_line{width: 60%;margin: 0 auto;display: block;position: absolute;left: 20%;top: 51%;}
.page2 .news_item h1 span{display: block;position: absolute;width: 100%;top: 80%;margin-top: -0.5em;line-height: 1em;letter-spacing: 2px;}
.page2 .news_item h1 span img{display: block;position: absolute;width: 100%;top: 50%;margin-top: -0.5em;line-height: 1em;letter-spacing: 2px;}
.page2 .news_list{height: 62%;overflow: hidden;font-size: 170%;}
.page2 .news_list p{line-height: 1em;padding:0.5% 0 1% 0;}
.page2 .news_list p.qidai{padding: 8% 0 0 1.5em;/* text-align: center; */ color: #000; }
.page2 .news_list p a{ color: #fff; font-family: "tonjay2"; font-weight: 100;
    font-size: 89%;}
.page2 .mCSB_inside>.mCSB_container{ margin-right: 10px; }
.page2 .news_more{ display: none; position: absolute;bottom: 5%;width: 5%;left: 47.5%;}
.page2 .news_list p a:hover{ color: #d00000; transition: all .3s linear;}

.page2 .kekao{position: absolute;color: #fff;font-size: 200%;letter-spacing: 0.25em;width: 100%;text-align: center;top: 50%;margin-top: -4%;}
.page2 .zhuanjia{position: absolute;width: 70%;left: 42%;top: 14%;font-family: "tonjay";}
.page2 .zj_item{width: 14%;float: left;margin: 7% 2% 0 11%;position: relative; overflow: hidden;}
.page2 .zj_bg { position: relative; z-index: 2; }
.page2 .peo_img{position: absolute;width: 82.5%;left: 5%;top: 0;margin-top: 7%;}
.page2 .zj_text{float: left;width: 49%;margin-top: 6%;padding-top: 25.5%;position: relative;height: 0;}
.page2 .zj_info{height: 78%;position: absolute;top: 0;width: 100%; overflow:hidden;/* overflow-y: scroll; */}
.page2 .zj_info h1{font-size: 200%;letter-spacing: 2px;}
.page2 .zj_info p{margin-bottom:  0.75em;}
.page2 .ft_btn{background: url(../images/jiao.png) 59% center no-repeat #d00000; border:2px solid #d00000;transition: all .3s linear; padding: 0.5em 53%;letter-spacing: 2px;color: #fff;position: absolute;bottom: 0;background-size: auto 50%;line-height: 1em;font-size: 135%;left: -32%;}
.page2 .lushuhref{background: url(../images/jiao.png) 74% center no-repeat #d00000;border:2px solid #d00000;transition: all .3s linear;padding: 0.5em 7em;letter-spacing: 2px;color: #fff;position: absolute;bottom: 0;background-size: auto 50%;line-height: 1em;font-size: 135%;left:  50%;margin-left: -9em;margin-bottom: -4.5%;}

.page2 .mingren{ position: relative; }
.page2 .mingren h1.mingren_title{position: absolute;color: #000;font-size: 200%;letter-spacing: 0.25em;width: 100%;text-align: center;top: 0;margin-top: 3%;}
.page2 .mingren_peo{position:  absolute;width: 11.2%;left: 44.9%;top: 0;margin-top: 7%;}
.page2 .touxiang_swiper{  }
.slide_toux{
    border: 3px solid #fff;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    width: 95%;
    padding-top: 95%;
    height: 0; cursor: pointer;
}
.slide_toux p{ display: none;
    position: absolute;
    width: 100%;
    height: 68%;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.7);
    color: #fff;
    text-align: center;
    padding-top: 32%;
}
.slide_toux img{transition: all .5s linear;}
.slide_toux:hover p{ display: block;transform: scale(1.1, 1.1); }
.slide_toux:hover img{transform: scale(1.1, 1.1);}
.slide_toux p span{
    display: block;
    margin-top: 1em;
    padding-top: 1em;
    position: relative;
}
.slide_toux p span em{
    position: absolute;
    top: -2px;
    width: 1.5em;
    height: 4px;
    background: #fff;
    left: 50%;
    margin-left: -0.75em;
}


#swiperzong{overflow: hidden;}

