@charset "gb2312";
/* CSS Document */
@media screen and (max-width:1200px){
.w1200,.w1200a{ width:93.75%;}
.menu ul .mainlevel{ width:14%}


.left_ban1{ width:28.8%}
.left_ban2{ width:37.5%; margin-left:4.1%}
.left_ban3{ width:27%}
.right1{ width:76%}
.img1{ width:20%}


.ul2 li{ width:17.9%; margin-left:2.1%}
.li1{ margin-left:2.1% !important}


.case{ overflow:hidden}
.slidebox{ height:auto}
.hd2{ width:100%; height:110px; position:relative}
.hd2 li{ width:20%; height:107px; float:left; margin-right:5%; background:#e6e6e6; line-height:107px; text-align:center; margin-bottom:14px;}
.hd2 li a{ font-family:"΢ÈíÑźÚ"; font-size:21px; color:#000;}
.hd2 li.on{ background:#9c1413}
.hd2 li.on a{ color:#fff}
.bd2{ width:100%; overflow:hidden; position:relative; left:0}
.bd2 ul{ width:100%; overflow:hidden;}
.bd2 ul li{ width:23.4%; height:auto; text-align:center; float:left; margin-left:1%}
.bd2 ul li img{ width:98%; margin:1% auto;}
.bd2 ul li p{ width:100%; height:34px; text-align:center; line-height:34px; font-family:"΢ÈíÑźÚ"; font-size:16px; color:#000;}
.bd2 ul li:hover{ background:#9c1413}
.bd2 ul li:hover p{ color:#fff}

.bd3{ width:93.75%}
.leftmarqueen{ height:auto}
.bd3 li{ width:18.2%; height:auto;}
.bd3 li img{ width:100%; height:auto}
.prve3{ top:40%}
.next3{ top:40%}

.left_menu{ width:21%}
.right2{ width:75%}

.slqh{ height:auto}
.slqh .smallscroll{ position:relative; left:0}
.bigimg{ width:100%}
.bigimg li img{ height:auto}
.smallimg{ margin-top:20px;}
.prev2,.next2{ margin-top:53px;}
.nr3{ position:relative; left:0;  top:0}


.right2_bottom .img1{ width:14.4%; height:auto}
.right2_bottom .right1{ width:83.7%}

.img4{ max-width:100%}


.ul3 li{ width:18%; margin:2% auto auto 1.7%}
.ul3 li img{ width:100%}

.img2{ max-width:30%}

.ul5 li{ width:22.2%; margin-left:3.3%; height:auto}
.ul5 li img{ width:95%; height:auto}

.ul4 li{ width:23.3%; height:auto; margin-left:2.2%}
.ul4 li img{ width:100%; height:auto}
	}
	
	
	
	
	
@media screen and (max-width:1000px){
.left_menu ul li a{ font-size:16px;}
.tel2{ display:none}

.ul3 li{ width:17.9%;margin:2% auto auto 1.7%}
.ul3 li img{ width:100%; height:auto}
	}
	
	
	
@media screen and (max-width:768px){
	.tel{ display:none}
	.top_right{ margin-top:28px;}
	.menu ul .mainlevel{ width:13.8%}
	.menu ul li a{ font-size:13px;}
	
.left_ban1{ width:100%; height:auto;}
.left_ban2{ width:100%; height:auto; margin-top:10px; margin-left:0}
.left_ban3{ width:100%; height:auto;margin-top:10px;}
.right1{ width:76%}
.img1{ width:20%;}
.left_ban3 img{ width:100%; height:auto;}

.ul2 li{ width:31.2%; margin-bottom:2.5%}

.left_menu{ width:100%}
.menu_title{ float:left; width:35%; margin:1% auto}
.left_menu ul{ width:100%; float:left;}
.left_menu ul li{ width:auto; padding:0 3.5%; float:left; margin:1% auto; border:none}
.right2{ width:100%}


.bd2 ul li img{ height:120px;}
	}
	
	
@media screen and (max-width:640px){
	.logo{ width:40%}
	.top_right{ display:none}
	.menu{ display:none}
	.menu2{ display:block;}
	
	.hd2{ height:60px;}
    .hd2 li{ width:30%; height:50px;line-height:50px;}
	
	.leftmarqueen{ display:none}
	
	.right2_bottom .img1{ width:auto; max-width:70%; height:auto; float:none}
.right2_bottom .right1{ width:100%; float:none}
.right2_bottom .ul1 li{ height:auto !important;}

.ul3 li{ width:31%;}
.ul3 li img{ width:100%}

	
	}
	
@media screen and (max-width:480px){
	.ul2 li{ width:47.5%; margin-bottom:2.5%}
	
	.hd2 li a{ font-family:"΢ÈíÑźÚ"; font-size:16px; color:#000;}
	
	.right2_title{ width:100%; text-align:left;}
	.right2_top{ height:80px}
	
	
	.slqh .smallscroll{  display:none}
.smallimg{ width:90%;}
.smallimg li{ width:24.7%}
.smallimg li img{ width:95%}
.smallimg li.on img{ width:95%}

.ul3 li{ width:30%}
.img2{width:100%; max-width:100%; float:none}

.ul5 li{ width:30%; margin-left:3.3% !important; height:auto}
.ul5 li img{ width:95%; height:auto}



.ul4 li{ width:30%; height:auto; margin-left:3.1% !important}
.ul4 li img{ width:100%; height:auto}	

.bd2 ul li img{ height:80px;}
	}