@charset "utf-8";

/*电脑端的banner样式*/
.priceBanner{
	background:url(../images/anlibanner.png);
	background-size:cover;
	background-position:0 center;
	height:500px}
.priceBanner1{ position:relative; height:500px}
.index_banner_box{ position:absolute; top:26%; left:50%; transform:translateX(-50%); text-align:center}
.index_banner_box_title{font-size:36px;color:#FFF;font-weight:bold;}
.index_banner_box_title2{font-size:20px;color:#FFF;margin-top:16px}

.index_banner_img{
	width:560px;
	height:233px;
	background:url(../images/anli1.png);
	position:absolute;
	bottom:0;
	left:50%;
	transform:translateX(-50%)}


.anli{ background:#f8f8f8; padding-top:40px; padding-bottom:120px}
.anli_ul{overflow:hidden}
.anli_ul li{ margin-top:60px}
.anli_ul_div{ border-radius:5px; background:#FFF; position:relative}
.anli_ul_div_img{ height:160px; width:100%; position:relative; overflow:hidden}
.anli_ul_div_img .img{ width:100%; height:155px;}
.anli_ul_div_img .logo{ width:100px; height:100px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); border-radius:50%}
.anli_ul_div_title{ margin-top:15px; text-align:center; font-size:18px; color:#333333;padding-bottom:15px;}
.anli_ul_div_desc{ margin:0 30px; text-align:justify; margin-top:20px; line-height:22px; color:#999999; font-size:14px; padding-bottom:30px}
.anli_ul_div_t{ opacity:0; position:absolute; top:100%; left:0; z-index:10; width:100%; height:155px; cursor:pointer; background:rgba(0,0,0,0.5);transition: all ease 0.3s;}
.anli_ul_div_t_1{ position:relative; width:100%; height:100%}
.anli_ul_div_t_1_1{ position:absolute; width:130px; left:50%; top:50%; transform:translate(-50%,-50%)}
.anli_ul_div_t_1_1 img{ width:120px; height:120px; display:block;transition: all ease 0.3s;}
.anli_ul_div_img:hover .anli_ul_div_t{ opacity:1;top:0;}


                        .moveList_dl_dd_page{
                            height:140px;
                            border-top:1px solid #f0f0f0;
                            padding-top:50px;
                            position:relative;
                            padding-bottom:50px;
                            width:100%;
                        }
                        .moveList_dl_dd_page ul{
                            position:absolute;
                            height:38px;
                        }
                        .moveList_dl_dd_page ul li{
                            float:left;
                            height:38px;
                            line-height:38px;
                            border:1px solid #ececec;
                            margin:0 5px;
							padding: 0 20px;
                            color:#333333;
                            font-size:14px;
                            text-align:center;
                        }
                        .moveList_dl_dd_page ul li a{
                            color:#333333;
                            display:block
                        }
                        .moveList_dl_dd_page ul li:hover{
                            background:#36bb81;
                            color:#ffffff
                        }
                        .moveList_dl_dd_page ul li.active{
                            background:#36bb81;
                            height:38px;
                            line-height:38px;
                            color:#FFF;
                            border:none
                        }
                        .moveList_dl_dd_page ul li:first-child,.moveList_dl_dd_page ul li:last-child{
                        }
                        .moveList_dl_dd_page ul li.border_none{
                            border:none
                        }
.temp_dl_dt_ul{
	overflow:hidden;
	margin:0 10px}
.temp_dl_dt_ul_li {
    line-height: 36px;
    float: left;
    text-align: center;
    border: 1px solid #ddd;
    color: #999999;
    margin-right: 5px;
    cursor: pointer;
    font-size: 16px;
    font-weight: normal;
	margin-bottom: 10px;
	padding: 10px;
	border-radius: 8px;
}
.temp_dl_dt_ul_li.active{
	background:#36bb81;
	border: 1px solid #36bb81;
	color:#ffffff}
.temp_dl_dt_ul_li:hover{
		background:#36bb81;
	color:#ffffff}

@media (max-width: 768px)
{
	.priceBanner1, .priceBanner{height:440px}
	.anli_ul_div_title{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.moveList_dl_dd_page{width:auto}
}
@media (max-width: 435px){
	.priceBanner1, .priceBanner{height:200px}
	.index_banner_img{display:none}
	.index_banner_box_title{font-size:32px}
	.anli_ul_div_img .img{height:235px}
}
@media (max-width: 375px){
	.index_banner_box_title{font-size:28px}
	.temp_dl_dt_ul_li{width:88px}
}
@media (max-width: 360px){
	.index_banner_box_title{font-size:26px}
	.temp_dl_dt_ul_li{width:83px}
}
@media (max-width: 320px){
	.index_banner_box_title{font-size:20px}
	.temp_dl_dt_ul_li{width:70px;font-size:12px}
	.index_banner_box_title2{font-size:18px}
}