@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 1180px) {
	
	.layout{ margin: 0 2%;}
	.top .top_box{ max-width:980px;}
	.logobox{ max-width:980px;}
	.nav ul{ max-width:980px;}
	.nav li{ float:left; width:122px;}
	
	.dyip .box{ max-width:980px;}
	
	.derp{ max-width:980px;}
	
	.dsanp .box{ max-width:980px;}
	
	.dsip{ max-width:980px;}
	
	
	.foot .box{ max-width:980px;}
	
}

@media screen and (max-width: 980px) {
	
	.logobox{ max-width:980px; height:70px;}
	.logobox h1{ width:110px; margin-top:5px}
	.nav{ display:none;}
	.logobox .rtox{ display:none;}
	.ewm{float:right; }
	.ewm .pic1{ float:left;  line-height: 69px;}
	.menu{ display:block; float:right;}
	.openclose{ display: block; width: 60px; height: 70px;background:url(../images/pic8.png) no-repeat center; background-size:50%;}
	.sub_menu{ display: none; position:absolute; right:0px; top:70px; width:100%; z-index:1000; background:#2e303d;border-top: 1px solid #414455;}
	.sub_menu .box{ padding:2% 5%;}
	.sub_menu .nav_er ul{ margin:0 auto;}
	.sub_menu .nav_er li{ line-height:48px; border-bottom: 1px solid #414455; font-size:15px;}
	.sub_menu .nav_er li a{ display:block; color: #eee; text-transform: uppercase;}
	.sub_menu .nav_er li a:hover{ display:block; text-decoration:none;}
	
	.hot_ip .htM{height: 140px;}
	.htM .title{font-size: 27px;}
	.htM .desc{font-size: 14px; line-height: 28px;}
	.hot_ip .Lpros li{float:left; width: 31.333%; margin-left:2%;margin-bottom:24px;}
	.hot_ip .Lpros li p{font-size:14px; line-height: 22px; height: 30px; display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}

	
	.dyip .list .hd{margin-bottom:20px; height: auto; width: 100%; }
	.dyip .list .hd ul{margin-left: -2%;}
	.dyip .list .hd ul li{width:48%; float: left;  margin-left: 2%;font-size: 16px;height: 52px;line-height: 52px;}
	.dyip .list .bd {width: 100%; margin-top: 5px; }
	.dyip .list .bd li p{font-size:14px; line-height: 22px; height: 30px; display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
	
	.derp h2{display:block;}
	.derp .derp_l{display:none;}
	.derp .derp_r{width:100%; float: left;}
	.derp .derp_r .box{height:auto; line-height:30px;font-size: 15px; }
	
	.dsanp{width:100%; background:#f6f6f6;}
	.dsanp .box h2{ font-size:25px;line-height: 35px;  padding-bottom:18px;}
	.dsanp .box .hpc{display: none;}
	.dsanp .box .hsj{display: block;}

	
	.foot .box{ max-width:720px; text-align:center;}
	.foot .box .yyan{ display:block; text-align:center; line-height:30px;}
	.foot .box .yyan a{ margin:0 20px; color:#FFF;}
	.foot .box .yyan a:hover{ color:#FFF; text-decoration:none;}
	.foot .box .foot_t{ display:none;}
	
	.footer .box{float:left;width:30%;}
	.footer .func{width:40%;}
	.footer .email{width:95%; margin: 0 auto; float: none;}
	
	.news_list li{width:48%;}
	
	.pleft{ width:56%; height:305px; float:left;}
	.blist{ height:200px; margin:25px auto 0px auto;}
	.bullist li{ text-align:center; width:125px; height:auto; float:left; margin:10px 10px 0 0; overflow:hidden}
	
	
	a.next{ right:-5%; top:60px; background-size: 40px}
	a.prev{; left:-5%; top:60px; background-size: 40px}
	
	a.next:hover{background-size: 40px}
	a.prev:hover{background-size: 40px}
	
}

@media screen and (max-width: 720px) {
	
	.logobox{ padding:0 1%;}
	
	.banner_pc{ display:none;}
	.banner_sj{ display:block;}
	
	.hot_ip .Lpros li{float:left; width: 48%; margin-left:2%;margin-bottom:24px;}
	.dyip .list .bd li{float:left; width: 48%; margin-left:2%;margin-bottom:24px;}
	
	
	.derp .derp_r .box{line-height:28px; font-size: 14px; }
	
	.con{ padding:4% 0;}
	.advantage{  padding:4% 0;}
	.about{font-size: 13px; line-height:26px;}
	.about h2{margin-bottom:15px;font-size: 24px;}
	.show li{width:48%;}
	
	.Cont_L{margin:0px; float: left; width:100%; font-size:14px; line-height: 30px; padding-top:25px;}
	.form{width:100%;float: left;padding-top:15px;}
	
	.news_list ul{margin-left:0;overflow: hidden;}
	.news_list li{width:100%; margin-left:0;}
	

	
	.product-cate {float: left; width:100%;  }
	.product{ float: left; width: 100%; margin-top: 15px;}
	.product ul{ margin-left:-2%; padding-top:0.5%;}
	.product li{ float:left; width:48%; margin-left:2%; margin-bottom:2%; background:#FFF; transition:all 0.3s;}

	
	.pleft{ width:100%; height:465px; float:left; }
	.bullist li{ text-align:center; width:110px; height:auto; float:left; margin:10px 10px 0 0; overflow:hidden}
	.pright{ width:100%; height:auto; float:left}
	.pright .fno{ font-size:20px; line-height:34px; padding:8px 0;}
	
	a.next{ right:-5%; top:60px; background-size: 32px}
	a.prev{; left:-5%; top:60px; background-size: 32px}
	
	a.next:hover{background-size: 32px}
	a.prev:hover{background-size: 32px}
	

	.footer{display: none;}
	
	
	.skype{ display:none;}
	
	
}