@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 1400px) {
	
	.contain{width:98%;margin:0 auto;}
	

}
@media screen and (max-width: 1280px) {
	
	.contain{width:96%;margin:0 auto;}
	.servers .box{width: 26%;float: left;}
	.servers p{padding: 22px 0;font-size: 14px;line-height:25px; width:100%; }

	header .top .nav li{float: left;margin:0 28px;position: relative;}
	
	header .top .nav li:nth-of-type(3) .erji{width: 1160px;padding:12px 20px;left: -752px;}
}

@media screen and (max-width: 1150px) {
	header .top .nav li:nth-of-type(3) .erji{width: 1045px;padding:12px 20px;left: -611px;}
}

@media screen and (max-width: 980px) {


	header{height: 60px;z-index: 100;}
	header .top h1{top:8px; width: 160px;z-index: 100;}
	header .top .nav{display: none;}
	header .top .yuyan{display: none;}
	header .top .topxx{display: none;}
	header .m-btn{display:block;}

	.banner{margin-top: 60px;}
	
	.Titles span{color: #7c7c7c;font-size: 14px;}
	.Titles h2{font-size: 25px;}
	
	.dyip .box ul{margin-left: -2%;}
	.dyip .box ul li{width:31.333%; float: left; margin-left: 2%; margin-bottom:1%;}
	
	.servers .box{width:100%;float: left;margin-top: 20px;}
	.servers .server{display: none;}
	.servers .title{position: relative;height:145px;}
	.servers .title .sptitle,.servers .sptitlergt{left: 42px;font-size: 20px;}
	
	.servers .splet{margin-left:0;}
	.servers p{padding: 22px 0;font-size: 14px;line-height:25px; width:100%; }
	.servers p.ttan{float: left;}
	
	.derp{padding:20px 0;overflow: hidden;}
	.derp .about_l{width: 100%; float: left; line-height:27px; padding:12px 0; font-size: 13px;}
	.derp .about_l h2{font-size: 22px; font-weight: bold; line-height: 32px;margin-bottom:12px;}
	.derp .about_r{width:100%; float: left;}
	
	
	.ind_cnews h2{color:#333;font-size:22px;}
	.ind_cnews li h4{font-size:15px;}

	.neiye_banner{margin-top: 60px;}
	.neiye_banner .pic_yi{}
	.neiye_banner .pic_er{display: none;}

	
	.ny-con{ width:96%;}
	.subnav{ max-width:96%;}
	.subnav li a{display: block;padding:0 25px;}
	
	.con{width:96%;overflow: hidden;}
	.con .about .ny_info img {float: right; width: 50%; margin-left: 25px;}
	
	.fzlc li:nth-of-type(odd) .jt{display: none;}
	.fzlc li:nth-of-type(even) .jt{display: none;}

	.ryzs li{width: 47%;}
	
	.newslist li i { float: left;  width:280px; overflow: hidden;}
	.newslist li .text { float: right; width:calc(100% - 300px); }
	.newslist li .text h4 {line-height:40px; font-size:18px }

	
	.contact_lx{ float: left; width:100%; margin-top:20px; font-size: 14px; line-height: 30px;}
	.tactfrm{width:100%;float:left; margin-top:35px;}
	
	.kefuBox{display:none;}
	
	.foot .box{padding:0 3%;}
	.foot .box .foot_t{padding:20px 0;}
	.foot .box .foot_t .t_l{float: none;width: 100%;border-bottom: 1px solid #444;padding-bottom: 20px;margin-bottom: 20px;}
	.foot .box .foot_t .t_r{float: none;width: 100%;}
	.foot .box .foot_b .copyright{float: none;}
	
}


@media screen and (max-width: 720px) {
	
	.ind_help_form{width:97%; float: none; position:static;transform: translate(0%,0%);margin:20px auto; overflow: hidden;}
	.ind_help_form h2{font-size:24px;margin-bottom:20px;}
	.ind_help_mode{margin:0px auto;float:none;}
	
	.ind_cpn{width:100%;float:left;}
	.ind_ids{width:100%;float:left;}

	.banner_pc{ display:none;}
	.banner_sj{ display:block;}

	.subnav li{display: inline-block;font-size: 15px;line-height: 48px;}
	.con .about .ny_info img {float: none; width: 100%; margin-left: 0;}
	
	.fzlc{background-position: 9px 50px;}
	.fzlc ul{background-position: 4px top;padding: 80px 0;}
	.fzlc li{width: 100%;background-position: left;margin-bottom: 30px;}
	.fzlc li:nth-of-type(odd){text-align: left;background-position: left 30px;}
	.fzlc li:nth-of-type(even){background-position: left 30px;;}
	.fzlc li:nth-of-type(odd) .box{float: right;}
	.fzlc li:nth-of-type(even) .box{float: right;}
	.fzlc li:nth-of-type(odd) .jt{display: block;width: 0;height: 0;border-top: 10px solid transparent;border-bottom: 10px solid transparent; border-left: none; border-right: 10px solid #fff;left:-10px;right: 0px;top: 30px;}
	.fzlc li:nth-of-type(even) .jt{display: block;width: 0;height: 0;border-top: 10px solid transparent;border-bottom: 10px solid transparent; border-right: 10px solid #fff;left: -10px;top: 30px;}

	.ryzs ul{margin-left: 0%;}
	.ryzs li{width: 100%;float: none;margin-left: 0;}

	.newslist li i { float: left;  width:200px; overflow: hidden;}
	.newslist li .text { float: right; width:calc(100% - 220px); }
	.newslist li .text h4 {line-height:32px; font-size:16px }
	.newslist li .text p{line-height: 25px; font-size:12px;padding: 4px 0;}
	
	
	.foot .box .foot_t .t_l{border-bottom: none;padding-bottom: 0px;margin-bottom: 0px;}
	.foot .box .foot_t .t_l dl{float: none;width: 100%;border-bottom: 1px solid #444;padding-bottom: 20px;margin-bottom: 20px;}
	
	.foot .box .foot_b{border-top: 1px solid #ccc;padding:18px 0; font-size: 13px;}

	
}