.red_more { color: #e7364a; }
.more_pink {
    color: #eac72c;
}
.more_pink:hover { color: #eac72c; }


body { overflow-x: hidden; }
.index_header { width: 100%; margin: 0 auto; }
.index_header img { width: 100%; }
.xiangyue {
    width: 100%;
    
    background: url(../images/xiangyue_bg.jpg) no-repeat center 0;
    margin-top: -5%;
}
.xyIn {
    width: 1000px;
    margin: 0 auto;
    position: relative;
    padding-top: 5%;
    margin-top: 20px;
}
.xyin_top { height: 100px;  }
.xyt_l,.xyt_m { float: left; }
.xyt_m { width: 530px; margin: 20px 0 0 40px; font-size: 16px; }
.xyt_r {
    float: right;
    margin: 40px 0 0 0;
}
.xyin_bottom {
    margin-top: 30px;
    /* height: 520px; */
    background: url(../images/xyin_bottom_bg.png) center top no-repeat;
    /* padding: 10px 20px 20px; */
    overflow: hidden;
}
.xyin_bottom h1 {
    font-size: 20px;
    color: #fff;
    margin: 20px 0 0 0;
    padding: 0 0 0 20px;
    background-color: #e7364a;
}
.xxyb_in {
    overflow: hidden;
    background-color: #e7364a;
    padding: 0 20px 20px;
}
.xxyb_l {
    height: 480px;
    width: 590px;
    background: #000 url(../images/xxyb_l_bg.jpg) center bottom no-repeat;
    margin-top: 10px;
    float: left;
    position: relative;
}
.xxyb_l a.show{
    display: block;
}
.xxyb_l a {
    position: absolute;
    display: none;
}
.xxyb_l img {
    width: 590px;
    height: 437px;
}
.xxyb_r {
    float: right;
    width: 350px;
    overflow: hidden;
}





ul.xxbul_top {
    width: 120%;
    overflow: hidden;
}
.xxbul_top li {
    float: left;
    margin: 12px 15px 0 0;
}
.xxbul_top li a {
    width: 168px;
    height: 96px;
	overflow: hidden;
    display: block;
    position: relative;
}

#xx_top li a img {
    -webkit-transition: all .8s ease 0s;
    -ms-transition: all .8s ease 0s;
    -moz-transition: all .8s ease 0s;
    transition: all .8s ease 0s;
}
 
#xx_top li a:hover img {
    -o-transform: scale(1.1,1.1) ; 
    -webkit-transform: scale(1.1,1.1)  ; 
    -ms-transform: scale(1.1,1.1) ; 
    -moz-transform: scale(1.1,1.1) ; 
    transform: scale(1.1,1.1) ;
}


.xxyb_r li.hide .mengban {
    display: none;
}
.xxyb_r .mengban {
    display: block;
   width: 168px;
    height: 96px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/mengban.png);
}

.xyt_2 {
    display: block;
    margin: 15px 0 8px 0;
}
.xyIn i {
    display: block;
    position: absolute;
}
.xyIn_l {
    left: -93px;
    bottom: -25px;
    width: 93px;
    height: 352px;
    background: url(../images/xyIn_l.png) 0 0 no-repeat;
}
.xyIn_b {
    bottom: -224px;
    left: 0;
    width: 1030px;
    height: 224px;
    background: url(../images/xyIn_b.png) 0 0 no-repeat;
}
.xyIn_r {
    right: -218px;
    bottom: 0;
    width: 218px;
    height: 384px;
    background: url(../images/xyIn_r.png) 0 0 no-repeat;
}


.youjiao {
    margin: 150px 0 0 0;
    width: 100%;
    height: 669px;
    position: relative;
    z-index: 1;
    background: url(../images/youjiao_bg.jpg) center 0 no-repeat;
}

.yj_in {
    width: 1000px;
    height: 600px;
    margin: 0 auto;
    position: relative;
}
.yj_zbd {
    position: absolute;
    bottom: 11px;
    left: 35px;
    width: 210px;
    height: 300px;
    z-index: 99999999999;
    background-color: #e4394e;
}
.yj_zbd h2 {
    margin: 25px 0 15px -11px;
    width: 210px;
    height: 38px;
    line-height: 38px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    background-color: #fea5b0;
}
.yj_zbd h2 a {
	color: #fff;
}
.yj_zbd p {
    padding: 0 18px;
    font-size: 14px;
    color: #fff;
    margin-bottom: 20px;
}
.yj_zbd0,.yj_zbd1 {
    width: 460px;
    height: 300px;
}
.yj_zbd0 h2,.yj_zbd1 h2 { margin: 25px 0 50px -11px; }
.yj_zbd0 p, .yj_zbd1 p {
    padding: 0 20px;
}



.yji_t {
    overflow: hidden;
    margin: 0 0 0 -2px;
    /* padding-top: 15px; */
}
.yji_t li {
    float: left;
    color: #4d0101;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #e4394e;
    border-radius: 5px 5px 0 0;
    border-bottom: none;
    padding: 0 15px;
    background-color: #ff9fab;
    position: relative;
    cursor: pointer;
    margin-top: 15px;
}

.yji_t li.current {
    background-color: #e4394e;
    color: #fff;
    font-size: 20px;
    height: 45px;
    line-height: 45px;
    margin: 0;
    /* margin-top: 0;
    z-index: 10; */
}


.yjli_01 { z-index: 4; }

.yjli_02 {
    z-index: 3;
    margin-left: -10px;
}

.yjli_03 { z-index: 2; margin-left: -10px; }

.yjli_04 { z-index: 1; margin-left: -10px;  }

.yji_m {
    margin: 27px 13px 0 13px;
    height: 360px;
}
.yjim_01 {
    overflow: hidden;
    display: none;
}
.yjim_01.show{
    display: block;
}
.yjiTop {
    overflow: hidden;
}
.yji_m .yjim_l { float: left; }
.yjimD_03 .yjim_l {
    width: 620px;
    height: 516px;
   
}
.yjimr_a {
    /* margin-left: -20px; */
    display: block;
    margin-top: 33px;
    width: 300px;
    height: 175px;
	position: relative;
}
.yjimr_a .mengban {
    position: absolute;
    top: 0;
    left: 0;
    width: 300px;
    height: 175px;
	background: url(../images/mengban.png);
}
.yjim_01 .yjim_r .yjimr_a img {
    margin: 0;
}

.yjimD_03 .yjim_l img {
    width: 620px;
    height: 516px;
}
.yjim_r {
    float: right;
    width: 300px;
    /* height: 360px; */
    padding-top: 45px;
}
.yjimD_04 .yjim_r {
    width: 333px;
}
.yjim_01 .yjim_r img {
    display: block;
    margin: 0 0 35px 23px;
}

.yjimD_04 .yjim_r img {
	margin: 0 0 35px 57px;
}
.yjim_01 .yjim_r ul li {
    padding: 0 0 0 23px;
    background: url(../images/li_bg.jpg) 0 center no-repeat;
    line-height: 46px;
    
}
.yjimD_02 .yjim_r ul li {
    line-height: 32px;
}

.yjim_01 .yjim_r ul li a {
font-size: 16px;

}
.yjim_01 .yjim_r ul li a:hover {
    color: #e4394e;

}

.yj_zbd3 {
    width: 380px;
    height: 220px;
    bottom: 21px;
}


.yji_b {
    height: 135px;
    margin: 10px 0px 0 0;
}
.yji_b ul { float: right; }
.yji_b li {
    float: left;
    margin-left: 15px;
}
.yji_b img {
    width: 230px;
    height: 135px;
}
.yji_b a {
    display: block;
    width: 230px;
    height: 135px;
    position: relative;
}
.yji_b .mengban {
    width: 230px;
    height: 135px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/mengban.png) ;
}
.jiabin {
    width: 100%;
    height: 848px;
    overflow: hidden;
    background: url(../images/jiabin_bg.jpg) center 0 no-repeat;
}
.jb_in {
    width: 1000px;
    margin: 0 auto;
}
.jb_in .xyin_top {
    margin: 52px 0 0 0;
}
.jbi_bottom {
    margin: 20px 0 0 0;
    overflow: hidden;
    height: 645px;
}
.jbi_bottom ul { width: 120%; height: 645px; }
.jbi_bottom ul li {
    float: left;
    width: 188px;
    height: 215px;
    margin: 0 15px 0 0;
}
.jbi_bottom ul li a {
    float: left;
    position: relative;
    height: 200px;
    width: 188px;
    overflow: hidden;
}
.jbi_bottom ul li a img {
    -webkit-transition: all .8s ease 0s;
    -ms-transition: all .8s ease 0s;
    -moz-transition: all .8s ease 0s;
    transition: all .8s ease 0s;
}
 
.jbi_bottom ul li a:hover img {
    -o-transform: scale(1.1,1.1) ; 
    -webkit-transform: scale(1.1,1.1)  ; 
    -ms-transform: scale(1.1,1.1) ; 
    -moz-transform: scale(1.1,1.1) ; 
    transform: scale(1.1,1.1) ;
}

.jbi_bottom ul li span {
    display: block;
    color: #fff;
    width: 120%;
}
.jbi_bottom ul li .title {
    font-size: 16px;
}
.jbi_bottom ul li .mengban {
    padding: 5px 5px;
    width: 178px;
    height: 43px;
    background: url(../images/jb_mb_bg.png);
    position: absolute;
    bottom: -53px;
    left: 0;
}
.jbi_bottom ul li.jbili_02 {
    margin: 0 15px 0 203px;
}

.huanju {
    padding: 60px 0 0 0;
}
.huanju .xyin_top {

    width: 1000px;
    margin: 0 auto;
}
.hj_bottom {
    width: 100%;
    height: 475px;
    margin-top: 40px;
}
.hjb_01 {
    width: 100%;
    height: 264px;
    display: block;
    margin-bottom: 2px;
    background: url(../images/hjb_01_bg.jpg) 0 0 repeat-x;
}
.hjb_02 {
    width: 100%;
    height: 208px;
    display: block;
    background: url(../images/hjb_02_bg.jpg) 0 0 repeat-x;
}

.rongyao {
    width: 1000px;
    padding: 75px 0 0 0;
    margin: 0 auto;
}
.rongyao img {
    display: block;
    margin: 0 auto;
}
.ry_in {
    width: 1000px;
    height: 682px;
    margin-top: 16px;
    position: relative;
    background: url(../images/ry_in_bg.png) 190px 0 no-repeat;
}
.ry_in a {
    position: absolute;
    display: block;
}

.ry_in a img {
    width: 60px;   
}
.ry_in .rya_10 img {
    width: 75px;
}
.rya_02.current,.rya_04.current,.rya_06.current,.rya_08.current {
    -webkit-animation: scale 1.5s linear 0s ;
    animation: scale 1.5s linear 0s ;
}

/* .rya_01.current,.rya_03.current,.rya_05.current,.rya_07.current,.rya_09.current {
    -webkit-animation: scale 1.5s linear 0s ;
    animation: scale 1.5s linear 0s ;
} 

.rya_02.current,.rya_04.current,.rya_06.current,.rya_08.current { 
    -webkit-animation: scale 1.5s linear 0s ;
    animation: scale 1.5s linear 0s ;
}
*/


.rya_02,.rya_04,.rya_06,.rya_08,.rya_10{
    /* -webkit-animation: heart 1s infinite alternate;
    -moz-animation: heart 1s infinite alternate;
    -ms-animation: heart 1s infinite alternate; */


	-ms-animation: heart 1s infinite alternate;	
    -webkit-animation: heart 1s infinite alternate;	
    -0-animation: heart 1s infinite alternate;	
    -moz-animation: heart 1s infinite alternate;	
    animation: heart 1s infinite alternate;

}
.rya_01,.rya_03,.rya_05,.rya_07,.rya_09 {
    /* -webkit-animation: heart 1.6s infinite alternate;
    -moz-animation: heart 1.6s infinite alternate;
    -ms-animation: heart 1.6s infinite alternate; */


    -ms-animation: heart 1.6s infinite alternate;	
    -webkit-animation: heart 1.6s infinite alternate;	
    -0-animation: heart 1.6s infinite alternate;	
    -moz-animation: heart 1.6s infinite alternate;	
    animation: heart 1.6s infinite alternate;	
}


@-moz-keyframes heart {
    0% {
        -moz-transform: scale(.9);
    }
    100% {
        -moz-transform: scale(1.6);
    }
}

@-ms-keyframes heart {
    0% {
        -ms-transform: scale(.9);
    }
    100% {
        -ms-transform: scale(1.6);
    }
}

@-o-keyframes heart {
    0% {
        -o-transform: scale(.9);
    }
    100% {
        -o-transform: scale(1.6);
    }
}

@-webkit-keyframes heart {
    0% {
        -webkit-transform: scale(.9);
    }
    100% {
        -webkit-transform: scale(1.6);
    }
}

@keyframes heart {
    0% {
        transform: scale(.9);
    }
    100% {
        transform: scale(1.6);
    }
}




.rya_01 {
    left: 330px;
    top: 86px;
}

.rya_02 {
    left: 462px;
    top: 66px;
}

.rya_03 {
    right: 319px;
    top: 102px;
}

.rya_04 {
    right: 297px;
    top: 197px;
}

.rya_05 {
    right: 210px;
    top: 306px;
}

.rya_06 {
    right: 449px;
    bottom: 325px;
}
.rya_07 {
    left: 372px;
    bottom: 348px;
}
.rya_08 {
    left: 242px;
    top: 227px;
}
.rya_09 {
    left: 507px;
    top: 141px;
}
.rya_10 {
    left: 436px;
    top: 209px;
}

.footer {
    width: 100%;
    position: relative;
    margin-top: -30px;
}
.footer img {
    width: 100%;
}

#bb {
    margin: 50px 0 20px 0;
    position: absolute;
    bottom: 5%;
    color: #ffeeb7;
    /* text-align: center; */
    width: 100%;
    font-size: 14px;
}