@charset "utf-8";
/* CSS Document */

.anniu{ display:none;}
.ul-xiao{ display:none;}

@media screen and (max-width:1170px){
.nav{ display:none;}
.anniu{ display:block; float:right; width:52px; height:41px; background:url(../../images/default/xiaoanniu.png) no-repeat center; cursor:pointer; margin-top:16px;}
.ul-xiao{ display:block; width:100%; z-index:99999; text-align:center; position:absolute; left:0px; top:163px; background:rgba(0,0,0,0.6); padding-bottom:6px; display:none;}
.ul-xiao li a{ display:block; height:40px; line-height:40px; font-size:15px; color:#fff; margin:0px 10px; border-bottom:1px solid #eee;}
.ul-xiao li a:hover{ color:#069DD5;}
}
@media screen and (max-width:720px){
.ht_right .l2{ display:none;}	
.logo{float:left;}
.anniu{margin-top:36px;}
}
@media screen and (max-width:450px){
.ht_right{ display:none;}	
}

.banner .bigbg{ display:block;}
.banner .smallbg{ display:none;}
.banner .bigimg{ display:block;}
.banner .smallimg{ display:none;}
@media screen and (max-width:1200px){
.banner .bigbg{ display:none;}
.banner .smallbg{ display:block;}
.banner .bigimg{ display:none;}
.banner .smallimg{ display:block;}
}

@media screen and (max-width:1050px){
.c2 p{ max-height:45px; overflow:hidden;}
.c2 h5{ height: 30px; line-height: 30px;}
}
@media screen and (max-width:830px){
.c2 h5{ margin: 30px auto 15px; font-size: 15px;}
}
@media screen and (max-width:640px){
.c2 h5{ margin: 20px auto 10px;}
}
@media screen and (max-width:736px){
.list1{width:99.5%; margin-right:0.5%;}
.list1 .c1{text-align:left;width:100%;line-height:23px;height:70px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 2%;}
.list1 .c1 h5{font-size:16px;font-weight:bold;}
.list2{ width:49.5%; margin-right:0.5%;}
.list3{ margin-right:0px;}
.c2 h5{ margin: 50px auto 20px; height:40px; line-height:40px;}
.list1 .c1{ height:60px;}
}
@media screen and (max-width:400px){
.c2 h5{height: 30px; margin: 30px auto 15px;line-height: 30px;font-size: 14px;}
}
@media screen and (max-width:700px){
.main4_bottom ul li{ width:25%; margin-bottom:25px;}
}

@media screen and (max-width:860px){
.zf{ margin-top:36px;}
.left{ width:100%;}
.main3-body ul li.right{ width:100%; float:left;}
}

@media screen and (max-width:640px){
.main3-body .l_left{width:40%;}	
.main3-body .l_right{width:54%;}
}

@media screen and (max-width:596px){
.main-21{margin:0 1%;width:48%; margin-top:20px;}
}
@media screen and (max-width:420px){
.c2 h5{ height:30px; line-height:30px;}
.c2 p{ max-height:45px; overflow:hidden;}
}

@media screen and (max-width:1000px){
.footer .f_wx{ width:50%;}
.footer .fulx{ width:50%;}
.ly{ display:none;}
.find{ display:none;}
.about{ display:none;}
.main3{ margin-bottom:0px;}
.main4{ margin-bottom:30px;}
}
@media screen and (max-width:500px){
.footer .f_wx{ width:100%; float:none; border-bottom:1px solid #eee; padding-bottom:20px;}
.footer .fulx{ width:100%; max-width:260px; float:none; margin:0px auto; margin-top:20px;}
}

@media screen and (max-width:1250px){
.l_right .title{ width:160px;}
}
@media screen and (max-width:1000px){
.l_right .title{ width:120px;}
}
@media screen and (max-width:410px){
.l_right .title{ width:100px; font-size:18px; padding-left:12px;}
}
@media screen and (max-width:860px){
.l_right .title{ width:64%;}
}