/* CSS Document */

@charset "utf-8";

/*滚动焦点*/
.fullpage {
	width: 100%;
	/*height: 100%;*/
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	overflow: hidden;
}

#fullpage_sliderid {
	position: fixed;
	top: 50%;
	right: 23px;
	width: 30px;
}

#fullpage_sliderid ul li {
	width: 12px;
	height: 12px;
	border: 1px solid #8f8f8f;
	cursor: pointer;
	border-radius: 100%;
	list-style: none;
	margin-bottom: 15px;
}

#fullpage_sliderid ul li.on {
	width: 25px;
	height: 12px;
	border-radius: 6px;
	background: #fff;
}

#fullpage_sliderid ul li:hover {
	
	border-radius: 6px;
	background: #fff;
}

.page0 {
	background: url(../images/bg_banner1.png) no-repeat;
	background-size: cover;
}

.page1 {
	background: url(../images/bg_banner2.png) no-repeat;
	background-size: cover;
}

.page2 {
	background: url(../images/bg_banner3.png) no-repeat;
	background-size: cover;
}


/*滚动图文集*/

.banner_text {
	position: absolute;
	width: 69%;
	min-width: 800px;
	
	height: 360px;
	overflow: hidden;
	margin-left: 15.5%;
	top: 307px;
}

.banner_text .line {
	position: absolute;
	top: 85px;
	width: 44px;
	height: 3px;
	background: #fff;
}

.banner_text h4 {
	position: absolute;
	top: 0px;
	font-size: 48px;
	color: #fff;
}

.banner_text .line_text {
	font-size: 28px;
	color: #FFFFFF;
	position: absolute;
	top: 143px;
    line-height: 38px;
}

.ban_more {
	font-size: 20px;
	color: #FFFFFF;
	display: block;
	width: 160px;
	height: 50px;
	border: 1px solid #fff;
	line-height: 49px;
	text-align: center;
	border-radius: 25px;
	position: absolute;
	top: 294px;
}

.ban_more a {
	color: #fff;
}

.ban_more:hover {
	background: #fff;
	color: #333;
}

.ban_more:hover i {
	background: url(../images/more_hover.png) no-repeat 3.5px 5.5px;
}

.ban_more:hover a {
	color: #333;
}

.ban_more i {
	display: inline-block;
	width: 30px;
	height: 30px;
	background: url(../images/more.png) no-repeat 3.5px 5.5px;
	vertical-align: sub;
	margin-right: 3px;
}

#banner_title {
	position: fixed;
	font-size: 14px;
	color: #fff;
	
}

/**/
.home_bottom{
    margin-bottom: 10px;
}

.home_txt{
    text-align: center;
}
.home_txt h4{
    padding-top: 50px;
    margin-bottom: 28px;
    font-size: 36px;
    color: #595959;
}

.bosttom_ion{
    line-height: 40px;
    width: 140px;
    height: 40px;
    border-radius: 20px;
    color: #fff;
    font-size: 14px;
    color: #fff;
    text-align: center;
    margin: auto;
    margin-top: 20px;
}

.bosttom_ion img{
}
.bosttom_ion span{
    color: #fff;
}

.bosttom_ion1{
    background: #897ffe;
    line-height: 40px;
}

.bosttom_ion2{
    background: #ffa80e;
}

.bosttom_ion3{
    background: #33d86e;
}

.bosttom_ion4{
    background: #2bc369;
}

.bosttom_ion5{
    background: #1ca7f5;
}
.home_txt p{
    font-size: 16px;
    color:#595959;
}

.home1_icon{
    overflow: hidden;
    margin-top: 34px;
}
.home1_icon .left{
    text-align: center;
    /*margin-right: 8%;
    */
    width: 20%;
}
.home2_icon,.home3_icon,#home5_icon{
    overflow: hidden;
    margin-top: 40px;
}


.home3_icon{
    padding: 0 40px;
}


.home_1,.home_3,.home_5{
    width: 100%;
    background: #f6f4f6;
    padding-bottom:60px;
}
.home_2,.home_4{
    width: 100%;
    padding-bottom:60px;
    background: #fff;
}

/*第二模块*/

.left2{
    float: left;
    width: 25%;
    color: #595959;
    text-align: center;
}

.bosttom2{
    margin-top: 18px;
}

.bosttom2 span{
    text-align: center;
}

.bosttom2 .p1{
    font-size: 18px;

    margin-bottom: 20px;
}
.bosttom2 .p2{
    font-size: 14px;
}
.bosttom2 .p3{
    font-size: 14px;
}
/*第三模块*/
.left3{
    width: 50%;
    float: left;
    color: #595959;

    position: relative;
}

.left3 p{
    display: inline-block;
    font-size: 16px;
}

.left3 p span{
    font-size: 16px;
    color: #333;
    color: #909693;
}

.left3 p .home3_tit{
    font-size: 16px;
    color: #333;
}

.left3 div{
    margin-bottom: 20px;
}
.left3 img{
    vertical-align: bottom;
    margin-right: 15px;
}



/* 3  右侧图片 */
.gt1{

    position: absolute;
    top: 10px;
    right: 140px;
    z-index: 3;
}
.gt2{

    position: absolute;
    top: 50px;
    right:80px;
    z-index: 2;

}

.gt3{

    position: absolute;
    top: 115px;
    right:0px;
    z-index: 1;

}



/*4模块*/




.home4_icon{
    overflow: hidden;
    margin-top: 40px;
    padding: 0 5%;
}

.left4_1{
    width: 25%;
    padding-top: 70px;
}
.left4_2{
    width: 50%;
}
.left4_3{
    width: 25%;
    padding-top: 70px;
}

.left4{
    float: left;
}

.left4 div{
    margin-bottom: 20px;
}

.left4 div span{
    color: #7d7d7d;
    font-size: 14px;
}
.right4{
    float: right;
}

.right4 div{
    margin-bottom: 20px;
    text-align: right;
}

.right4 div span{
    color: #7d7d7d;
    font-size: 14px;
}



/*第五模块*/

#home5_icon{
    /*padding: 0 5%;
    */;
}
.left5{
    float: left;
    width: 33.3%;
    padding: 0 44px;
}

.left5 div{
    margin: 0 auto;
}
.h5_news_top{
    overflow: hidden;

    line-height: 27px;
}
.h5_news_top span{
    display: block;
    float: left;
}
.navtop1{
    font-size: 16px;
    color: #595959;
    margin-right: 20px;
}
.navtop1:hover{
    color: #0b8bdb;
}

.navtop2{
    font-size: 12px;
    color: #a5a5a5;
}
.navtop3{
    float: right !important;
    font-size: 12px;
    color: #595959;
    padding:0px 9px;
    border: 1px solid #f6f4f6;

}

.navtop3:hover{
    color:#0b8bdb;
}


.navtop3:hover{
    border: 1px solid #ccc;

}
.img_news{
    overflow: hidden;

    margin-top: 12px !important;
    margin-bottom: 15px !important;
}

.img_news img{
    float: left;
    width:48%;
}

.img_news_text{
    width: 48%;
    float: right;
}


.img_news_text span:first-child{


    font-size: 14px;
    color: #595959;
    font-weight: 800;
}


.img_news_text span:first-child a{
    color: #595959;
}

.img_news_text span:first-child a:hover{

    color: #0b8bdb;
}

.img_news_text span:last-child{


    font-size: 12px;
    color: #7a7a7a;
}
.img_news_text span:last-child a{
    color: #7a7a7a;
}



.img_news_list ul li{
    overflow: hidden;

    padding: 5px 0px;


}


/* 省略号 */

.ellipsis{

    width: 60%;
    display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.ellipsis1{

    width: 90%;
    display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}

.ellipsis2{
    width: 90%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    display: -moz-box;
    -moz-box-orient: vertical;
    -moz-line-clamp: 3;
    display: -ms-box;
    -ms-box-orient: vertical;
    -ms-line-clamp: 3;
    overflow: hidden;
}




.img_news_list ul li .time{
    float: right;
    color: #9d9d9d;
}


.img_news_list ul li span{
    float: left;
}

.img_news_list .spot{

    background: #08cd5a;
    width: 8px;
    height: 8px;
    border-radius: 4px;
    margin-top: 9.5px;
    margin-right: 9px




}


/* 6 */

.home_6{

    background: #eee;
    width: 100%;
    /*  padding: 15px 0px; */

}

.content1{
    width: 69%;
    min-width: 1000px;
    margin:0 auto;
    overflow: hidden;
    padding-top:15px;
    padding-bottom: 10px;

}
.content1 a{
    display: block;
    font-size: 14px;
    color: #595959;
    padding: 0px 35px;
    /* border-right: 1px solid #ccc; */
    float: left;
    margin-bottom: 5px;
}

/* -------------------hovercolor------------------------------- */

.content1 a:hover, .home_5 a:hover{


    color: #0b8bdb;
}


.content1 span{
    display: block;
    height: 15px;
    width: 1px;
    background: #ccc;
    float: left;
    margin-top: 7px;
}

/* css3 动画 */
.animation_y{
    -webkit-animation:flipInY 1s .2s ease;
    -moz-animation:flipInY 1s .2s ease;}
@-webkit-keyframes flipInY{
    0%{-webkit-transform:perspective(400px) rotateY(180deg);
    }

    100%{-webkit-transform:perspective(400px) rotateY(0deg);
    }
}
@-moz-keyframes flipInY{
    0%{-moz-transform:perspective(400px) rotateY(180deg);

    }

    100%{-moz-transform:perspective(400px) rotateY(0deg);
    }
}



.animation_rotate{
    -webkit-animation:rotateIn 1s .2s ease both;
    -ms-animation:rotateIn 1s .2s ease both;

    -moz-animation:rotateIn 1s .2s ease both;}
@-webkit-keyframes rotateIn{
    0%{-webkit-transform-origin:center center;
        -webkit-transform:rotate(0deg);
        opacity:1}
    100%{-webkit-transform-origin:center center;
        -webkit-transform:rotate(360deg);
        opacity:1}
}

@-ms-keyframes rotateIn{
    0%{-ms-transform-origin:center center;
        -ms-transform:rotate(0deg);
        opacity:1}
    100%{-ms-transform-origin:center center;
        -ms-transform:rotate(360deg);
        opacity:1}
}
@-moz-keyframes rotateIn{
    0%{-moz-transform-origin:center center;
        -moz-transform:rotate(0deg);
        opacity:1}
    100%{-moz-transform-origin:center center;
        -moz-transform:rotate(360deg);
        opacity:1}
}

/*--------  July_thirty  ---------*/
.ad{width: 100%;position: relative;}
.ad .ad_bg{min-height: 265px; overflow: hidden; }
.ad .ad_bg img{height: 100%;}
.ad .ad_slogan{position: absolute;top: 20%; width: 100%;text-align: center;}
.ad .ad_contact{ padding: 0rem 3.5rem; position: absolute;bottom: 20%;margin-left: 50%; transform: translateX(-50%);}
.ad .ad_contact a{display: block; width: 100%; color: #fff;}

.datatd td{border: none;height: 50px;line-height:50px;padding-left: 2px;}
.datatd tr{display: block;width:450px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.td1 {width: 100%;}
.info{background: #e8e8e8;}
.info div{height: 50px; font-weight: bold; line-height: 50px;}
.info .latest{overflow: hidden;color: #d7181e;width: 50%;}
.info .latest a{color: #333333; font-weight: normal; position: relative;display: block;  margin-left: 1.5rem;}
.info .latest a span{margin-right: 7px;}
.info .latest>div{position: relative;left: 8rem;top: -51px;/*animation: a_act 2s ease-in-out 0s infinite alternate;*/}
.info .hot_word{width: 50%; text-align: right; overflow: hidden;}
.info .hot_word span{ padding: .25rem .75rem; /*border: 1px solid #333; border-radius: 1rem;*/}
.info .hot_word span a{font-size: 12px; color: #666666; }
.info .hot_word span a:hover{color: #d7181e;}
/*.info .hot_word span:hover a{color: #FFFFFF; }*/

.brand_con .about{width: 500px; height: 472px; padding-top: 85px; padding-left: 37px; background: url(../images/jianjie_BJ.png); }
.brand_con .about_tit{position: relative;}
.about_company{position: absolute;bottom: 0px; right: 1px; }
.brand_con .com_intro{padding-right: 40px; font-size: 18px; line-height: 1.6; color: #fff; margin-top: 28px;}
.brand_con .about_more{margin-top: 45px;}
.brand_con .brand_show{width: 695px;margin-left: 5px;}
.brand_con .brand_show ul li{float: left; width: 345px; height: 234px; overflow: hidden; }
.brand_con .brand_show ul li a img{max-height: 234px; margin: auto;}
.brand_con .brand_show ul li:nth-child(2n){margin-left: 5px;}
.brand_con .brand_show ul li:nth-child(3),.brand_con .brand_show ul li:nth-child(4){margin-top: 4px;}

.equipment_wrapper{position: relative; padding: 45px 0; background: url(../images/chanpinliebiao_BJ.png) no-repeat; background-size: cover; background-position-x: center; }
.equipment_wrapper .equipment{width: 1200px; margin: auto; overflow: hidden; height: ; }
.equipment_wrapper .equipment>div{float: left;}
.equipment_wrapper .equipment .equipment_nav{width: 220px;}
.equipment_wrapper .equipment .equipment_nav ul{min-height: 600px; margin-bottom: ; background: #424141; }
.equipment_wrapper .equipment .equipment_nav ul li{ position: relative; border-bottom: 1px solid #393939;  padding: 17px 0; font-size: 19px;}
.equipment_wrapper .equipment .equipment_nav ul li span.arrow{position: absolute; display: none; right: -20px; top: 0; background: #D7181E; height: 100%;width: 20px;}
.equipment_wrapper .equipment .equipment_nav ul li span.arrow img{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.equipment_wrapper .equipment .equipment_nav ul li.hover{background: #d7181e;}
.equipment_wrapper .equipment .equipment_nav ul li.hover span{display: inline-block;}
.equipment_wrapper .equipment .equipment_nav ul li:last-child{border-bottom: none;}
.equipment_wrapper .equipment .equipment_nav ul li a{display: block;height: inherit; color: #EBEBEB;}
.equipment_wrapper .equipment .equipment_seriesX{width: 960px; margin-left: 20px;}
.equipment_wrapper .equipment .equipment_seriesX ul{ position: absolute; width: inherit; display: none; overflow: hidden;}
.equipment_wrapper .equipment .equipment_seriesX ul:first-child{display: block;}
.equipment_wrapper .equipment .equipment_seriesX ul._act{display: block;}
.equipment_wrapper .equipment .equipment_seriesX ul li{float: left;width: 312px; overflow: hidden; margin-right: 12px;}
.equipment_wrapper .equipment .equipment_seriesX ul li:nth-child(3n){margin-right: 0;}
.equipment_wrapper .equipment .equipment_seriesX ul li:nth-child(4),.equipment_wrapper .equipment .equipment_seriesX ul li:nth-child(5),.equipment_wrapper .equipment .equipment_seriesX ul li:nth-child(6){margin-top: 14px; margin-bottom: 14px;}
.equipment_wrapper .equipment .equipment_seriesX ul li img{ max-height: 302px; transition: all .5s;}
.equipment_wrapper .equipment .equipment_seriesX ul li:hover img{transform: scale(1.2);}
.equipment_wrapper .equipment .equipment_nav .equipment_contact{ position: relative; width: inherit; margin-top: ; height: 335px; background: #424141;}
.equipment_wrapper .equipment .equipment_nav .equipment_contact .p_w{text-align: left; margin-top: 10px; font-size: 16px; color: #FFFFFF; padding: 0 2rem; }
.equipment_wrapper .equipment .equipment_nav .equipment_contact .p_w img{margin-right: .5rem;}
.equipment_wrapper .equipment .equipment_nav .equipment_contact p{ line-height: 1; font-size: 22px; text-align: left; color: #FFFFFF; padding: 0 2rem; }

.equipment_wrapper .equipment .equipment_nav .equipment_contact .water_q{ width: 100%; position: absolute; opacity: 0.35; bottom: 0px;}
.equipment_wrapper .equipment .equipment_nav .equipment_contact .water_q img{width: 100%;}
/*------- ADVANTAGE -------*/
.zl_advantage ul li{height: 231px;padding-top: 30px;}
.zl_advantage ul li:nth-child(1){background: url(../images/youshi_1BJ.png) no-repeat;}
.zl_advantage ul li:nth-child(2){background: url(../images/youshi_2BJ.png) no-repeat;}
.zl_advantage ul li:nth-child(3){background: url(../images/youshi_3BJ.png) no-repeat;}
.zl_advantage ul li:nth-child(4){background: url(../images/youshi_4BJ.png) no-repeat;}
.zl_advantage ul li:nth-child(2n){color: #fff;padding-left: 500px; padding-right: 100px; }
.zl_advantage ul li:nth-child(2n) .big_tit,.zl_advantage ul li:nth-child(2n) .sm_word{color: #fff;}
.zl_advantage ul li:nth-child(2n) .big_tit .big_word{color: #fff; background: #d7181e; }
.zl_advantage ul li:nth-child(2n+1){padding-right: 500px;padding-left: 100px;}
.zl_advantage ul li:nth-child(2n+1) .sm_word,.zl_advantage ul li:nth-child(2n+1) .big_tit{color: #d7181e;}
.zl_advantage ul li:nth-child(2n+1) .big_tit .big_word{color: #d7181e; background: #fff; }
.zl_advantage ul li .big_tit{ width: ; margin-bottom: 20px; position: relative; font-size: 70px; line-height: 1; font-weight: bold; }
.zl_advantage ul li .big_tit .big_word{position: absolute; padding-left: 7px; font-size: 32px; bottom: 0; left: 43px; }
.zl_advantage ul li .sm_word{font-size: 22px;}
/*----- SELECT ------*/
.zl_select{height: ; padding: 44px 0 45px; background: url(../images/liyou_BJ.png) no-repeat; background-size: cover; }
.zl_select_nav{width: 442px; padding-right: 26px; border-right: 1px solid #bbcad4;}
.zl_select_nav .zl_select_nav_item{display: flex;justify-content: flex-start;}
.zl_select_nav .zl_select_nav_item{display: ;}
.zl_select_nav .zl_select_nav_item .icon{position: relative;}
.zl_select_nav .zl_select_nav_item .icon .hov{position: absolute; display: none; top: 0; left: 0;}
.zl_select_nav .zl_select_nav_item .word{ width: 100%; padding-left: 35px;padding-top: 16px;}
.zl_select_nav .zl_select_nav_item .word h1{ position: relative; font-size: 22px;}
.zl_select_nav .zl_select_nav_item .word h1 span.cir{position: absolute; width: 10px; height: 10px; border: 1px solid #bbcad4; border-radius: 50%; background: #fff; bottom: 0px; right: -32px;}
.zl_select_nav .zl_select_nav_item .word h1 span{color: #d7181e;}
.zl_select_nav .zl_select_nav_item .word .en{text-transform: uppercase; margin: 8px 0 2px; line-height: 1; color: #999999; }
.zl_select_nav .zl_select_nav_item .word .desc{font-size: ; color:#666666; font-size: 14px; line-height: 1.5; }
.zl_select_nav ul li:hover{cursor: pointer;}
.zl_select_nav ul li.hover .zl_select_nav_item .word h1 span.cir{background: #d7181e; border-color: #d7181e; }
.zl_select_nav ul li.hover .zl_select_nav_item .icon .hov{display: block;}

.zl_select_con{ position: absolute; display: none; width: 733px; padding: 25px; background: #d3dee5; margin-left: 25px;}
.zl_select_con.z_s_show{display: block;}
.zl_select_con:nth-child(2) ul li{width: 218px; height: 310px; }
.zl_select_con:nth-child(2) ul li a img{width: 100%;}
.zl_select_con:nth-child(2) ul li:nth-child(1),.zl_select_con:nth-child(2) ul li:nth-child(2),.zl_select_con:nth-child(2) ul li:nth-child(3){margin-bottom: 14px;}
.zl_select_con:nth-child(2) ul li:nth-child(2),.zl_select_con:nth-child(2) ul li:nth-child(5){margin: 0 14px;}
.zl_select_con:nth-child(2) ul:nth-child(2){margin-top: 14px;}
.zl_select_con:nth-child(3){padding-top: 66px; padding-bottom: 65px; }
.zl_select_con:nth-child(3) .title{font-size: 24px; font-weight: bold;  }
.zl_select_con:nth-child(3) .title span{color: #d7181e;}

.zl_select_con:nth-child(3) .en{text-transform: uppercase; line-height: 1; padding: 1rem 0; font-size: 14px; color: #666666; }
.zl_select_con:nth-child(3) ul li{width: 223px; height: 320px; overflow: hidden; }
.zl_select_con:nth-child(3) ul li a img{max-width: 223px; margin: auto;}
.zl_select_con:nth-child(3) ul li:nth-child(2){margin: 0 7px;}
.zl_select_con:nth-child(3) ul{margin-bottom: 7px;}
.zl_select_con:nth-child(5){padding-top: 40px; padding-bottom: 40px; }
.zl_select_con:nth-child(5) ul li{width: 218px;height: 247px;overflow: hidden;margin-bottom: 14px; background: #f8f8f8; transition: all 1s;}
.zl_select_con:nth-child(5) ul li:hover{background: #d7181e;}
.zl_select_con:nth-child(5) ul li:hover div p{color: #fff;}
.zl_select_con:nth-child(5) ul li:hover div img.hover{ position: relative; display: block;}
.zl_select_con:nth-child(5) ul li:hover div img.nor{display: none;}
.zl_select_con:nth-child(5) ul li:hover .img_{width: 100%; height: 164ox; overflow: hidden;}
.zl_select_con:nth-child(5) ul li div.word{padding: .85rem;}
.zl_select_con:nth-child(5) ul li div .tit{font-size: 14px; font-weight: bold; height: 36px; line-height: 1.3;
	display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.zl_select_con:nth-child(5) ul li div .desc{margin-top: .5rem; font-size: 12px; line-height: 1.3;
	word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;}
.zl_select_con:nth-child(5) ul li div img{width: 100%;}
.zl_select_con:nth-child(5) ul li div .more img{width: 196px;}
.zl_select_con:nth-child(5) ul li div .more{position: relative; margin-top: .5rem;}
.zl_select_con:nth-child(5) ul li div img.hover{position: absolute; display: none; left: 0px; top: 0px;}
.zl_select_con:nth-child(5) ul li:nth-child(3n+2){margin: 0 14px;}
.zl_select_con:nth-child(5) ul:nth-child(2){margin-top: 14px;}

.zl_select_con .main_img{width: 100%;height: 442px;}
.zl_select_con .main_img img{width: 100%;max-height: 442px;}/* ------------------------ */
.zl_select_con .slide_select{position: relative;overflow: hidden;/* */}
.zl_select_con .slide_select ul{margin-top: 17px;width: 2290px;/* */ height: 116px; }
.zl_select_con .slide_select ul li{float: left; width: 224px; height: 116px; margin-right: 5.5px;}
.zl_select_con .slide_select ul li .s_img{width: 100%;}
.zl_select_con .slide_select ul li:last-child{margin-right: 0px;}
.zl_select_con .slide_select span{position: absolute; top: 50%; transform: translateY(-50%); }
.zl_select_con .slide_select span:hover{cursor: pointer;}
.zl_select_con .slide_select span.s_l_btn{left: 5px;}
.zl_select_con .slide_select span.s_r_btn{right: 3px;}
/*----  PRAISE  -----*/
.zl_praise{position: relative;/* */}
.zl_praise>div{overflow: hidden;}
.zl_praise ul{width: 2424px;/* */}
.zl_praise ul li{width: 282px; margin-right: 24px; position: relative; float: left; }
.zl_praise ul li:last-child{margin-right: 0;}
.zl_praise ul li a{font-size: 18px;}
.zl_praise ul li>a>img{width: 100%;height: 214px;}
.zl_praise ul li .example_more{padding: 1rem;border: 1px solid #e5e5e5;}
.zl_praise ul li .example_more img{vertical-align: sub;}

.zl_praise ul li .shadow{position: absolute; display: ; width: 100%; top: -300px; transition: all .35s; }
.zl_praise ul li .shadow .s_more{  /*left: 50%; transform-origin: center; transform: translateX(-50%);*/ }
.zl_praise ul li .shadow a .s_more{position: absolute;top: 50%; left: 50%; margin-left: -25px; }
.zl_praise ul li:hover .shadow{display: ; top: 0px; }
.zl_praise ul li:hover .shadow a{display: block;}
.zl_praise ul li:hover .shadow .s_more{ animation: s_more .75s;}
.zl_praise span{position: absolute;top: 50%;transform: translateY(-50%);}
.zl_praise span:hover{cursor: pointer;}
.zl_praise span.l_btn{left: -45px;}
.zl_praise span.r_btn{right: -45px;}

@keyframes s_more{
	from{transform: rotateZ(0deg);}
	to{transform: rotateZ(90deg);}
}
/*----- FUTURE -----*/
.zl_future .future_nav ul li{ position: relative; width: 170px; padding: 22px 20px 22px 0; border-bottom: 1px solid #e2e2e2; background: #f5f5f5; }
.zl_future .future_nav ul li:last-child{border-bottom: none;}
.zl_future .future_nav ul li.hover{background: #d7181e; }
.zl_future .future_nav ul li.hover .table div p{color: #FFFFFF; }
.zl_future .future_nav ul li.hover .arr{display: block;}
.zl_future .future_nav .nav_{margin-top: 10px;}
.zl_future .table{display: table; margin-bottom: 0px; }
.zl_future .table div{display: table-cell;text-align: right;line-height: 1;}
.zl_future .table div .en{font-size: 8px; text-transform: uppercase; line-height: 1.6; } 
.zl_future .table div .ch{font-size: 18px;line-height: 1.6; }
.zl_future .arr{position: absolute;right: -10px; top: 50%; display: none; transform: translateY(-50%); }
.zl_future .future_match{position: absolute; display: none; }
.zl_future .future_match.fm_show{display: block;}
.zl_future .match{width: 352px; margin-left: 18px;}
.zl_future .match .img{height: 260px;position: relative;}
.zl_future .match .img img{width: 100%; max-height: 260px;}
.zl_future .match .img .date{position: absolute;top: 0px; display: table; width: 67px; height: 67px;background: #1b96d5; }
.zl_future .match .img .date div{display: table-cell; text-align: center; vertical-align: middle;}
.zl_future .match .img .date span{display: block;color: #FFFFFF;}
.zl_future .match .img .date span.day{font-size: 24px;}
.zl_future .match .match_tit{font-size: 20px; font-weight: bold; margin: 22px 0 12px;}
.zl_future .match .des{line-height: 1.5; font-size: 16px; color: #666666; }
.zl_future .match .future_more{display: block; margin-top: 18px;}

.zl_future .match_list{width: 642px;margin-left: 18px;}
.zl_future .match_list ul li{height: 90px; border-bottom: 1px dashed #c9c9c9;}
.zl_future .match_list ul li .flex{display: flex; height: inherit; justify-content: space-between;}
.zl_future .match_list ul li .flex div{height: inherit;}
.zl_future .match_list ul li .flex div.flex_1{/*flex-basis: 13%;*/ display: table; width: 67px; height: 67px; }
.zl_future .match_list ul li .flex div.flex_1 div{display: table-cell; padding: ; border: 1px solid #b5b5b5; border-radius: 5px; vertical-align: middle;}
.zl_future .match_list ul li .flex div.flex_1 span{display: block; color: #999;}
.zl_future .match_list ul li .flex div.flex_1 span.day{height: ;font-size: 24px;}
.year_month{font-size: 12px;}
.zl_future .match_list ul li:first-child{margin-top: 0;}
.zl_future .match_list ul li{margin-top: 23px;}

.zl_future .match_list ul li .flex div:nth-child(2){}
.zl_future .match_list ul li .flex div.flex_2{flex-basis: 73%; margin-right: 7%;}
.zl_future .match_list ul li .flex div.flex_2 h1{font-size: 18px;  font-weight: bold;}
.zl_future .match_list ul li .flex div.flex_2 h2{font-size: 16px; color: #666666; margin-top: 12px;}
.zl_future .match_list ul li:hover .flex div.flex_2 h1,.zl_future .match_list ul li:hover .flex div.flex_2 h2{color: #d7181e;}
.zl_future .match_list ul li:hover .flex .flex_1 div{border-color: #d7181e; }
.zl_future .match_list ul li:hover .flex .flex_1 span{color: #d7181e;}

.zl_future .match_list ul li .flex div:last-child{flex-basis: 7%;}
.zl_future .match_list ul li .flex div:last-child div{ position: relative; text-align: center; vertical-align: middle; }
.zl_future .match_list ul li .flex .flex_3 img{position: absolute; right: 13px; top: 20px;}
.zl_future .match_list ul li .flex .flex_3 .hov{display: none;}
.zl_future .match_list ul li:hover .flex .flex_3 .nor{display: none;}
.zl_future .match_list ul li:hover .flex .flex_3 .hov{display: block;}

/*--- PARTNER ---*/
.zl_partner{background: url(../images/partner.png) no-repeat bottom; background-size: 100%; height: 188px;}
.zl_partner .partner_slide .partner_slide_wrapper{ overflow: hidden; }
.zl_partner .partner_slide{position: relative;}
.zl_partner .partner_slide ul{/*width: 1683px;*/width: 3500px;}
.zl_partner .partner_slide ul li{width: 234px; float: left; margin-right: 7.5px;}
.zl_partner .partner_slide ul li:last-child{margin-right: 0;}

.zl_partner .partner_slide span{position: absolute; z-index: 99; top: 50%; transform: translateY(-50%);}
.zl_partner .partner_slide span:hover{cursor: pointer;}
.zl_partner .partner_slide span.l_s{left: -45px;}
.zl_partner .partner_slide span.r_s{right: -45px;}
/*------ common-tit ---------*/
.common_tit{text-align: center; padding: 3rem 0 1.5rem;}
.common_tit .fir{font-size: 42px;font-weight: bold;line-height: 1.3;}
.common_tit .fir span{color: #d7181e;}
.common_tit .sec{font-size: 16px;color: #666666;line-height: 1.3; font-weight: ; text-transform: uppercase;}
.common_tit .thi{font-size: 32px; color: #666666;line-height: 1.3; font-weight: bold;}
.common_tit .fou{color: #727272; font-size: 22px; line-height: 1.3;}