@media (min-width: 767px) {.movenone{display:none}
.mod-titlex h2{ font-size:40px; color:#3b3b3b; line-height:80px; height:80px; text-align:center; padding:70px 0 0px 0;}
.mod-titlex p{ width:100%; text-align:center; margin-bottom:80px; font-size:18px; }
.foot1{ width:30%; float:left}
.foot2{ width:70%; float:left}
}
@media (max-width: 767px) {
.movenonec{display:none}
.mod-titlex h2{ font-size:25px; color:#3b3b3b; line-height:30px; height:30px; text-align:center; padding:80px 0 0px 0;}
.mod-titlex p{ width:100%; text-align:center; margin-bottom:0px; font-size:16px; }
.content_main{ width:100%; margin:0 auto; background:#0070ad}
.container{ width:100%; margin:0 auto}
.main{ width:100%;}
.foot1{ width:30%; float:left}
.foot2{ width:70%; float:left}
.footmuen{ height:}
.movpicx img{ width:100%}
.sec_videoc{ width:100%; height:760PX; background:#0070ad}
.icon_info p{ color:#FFFFFF; font-size:13px; text-align: center; padding:5px; line-height:120%}
.icon_info h5{ color:#FFFFFF; font-size:20px; text-align: center; width:100%; }
.grid_info{ height:230px}
}
/*手机端*/
@media (min-width: 480px) and (max-width: 767px) {
.mod-titlex h2{ font-size:30px; color:#3b3b3b; line-height:50px; height:80px; text-align:center; padding:20px 0 0px 0;}
.mod-titlex p{ width:100%; text-align:center; margin-bottom:50px; font-size:16px; }
.sec_videoc{ width:100%; height:760PX; background:#0070ad}
.main{ width:100%;}
.main_HZ{ width:100%; margin:0 auto;}
.content_main{ width:100%; margin:0 auto; background:#0070ad}
.inputlink a { height: 40px; padding:1px 20px; line-height: 40px; text-align: center; margin: 50px 10px; background: #0084cf; color: #fff; text-decoration: none; text-shadow: none; font-size:16px; float:left;
display: inline-block;padding-left: 5px;padding-right: 5px;border: 1px solid;margin-left: 5px;margin-right: 5px;}
.edu_buttonr a {padding:15px 30px; color: #fff; font-size:18px; letter-spacing: 1px; background: #ff0000; border: 1px solid #ff0000; border-radius: 2%; margin:20px 0 0 0; font-weight: 700; text-transform: uppercase; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }
.edu_buttonr{ float:center; margin:0 10px; }
.edu_buttonr a {padding:15px 30px; color: #ff0000; font-size:18px; letter-spacing: 1px; background: #ffffff; border: 1px solid #000000; border-radius: 2%; margin:20px 0 0 0; font-weight: 700; text-transform: uppercase; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }
.btn-primary a{ margin:0 5px}
.col-md-3{ width:49%; margin:0.5%;border:1px solid #FFFFFF;  box-sizing:border-box; min-height:180px; float:left}
.col-md-4{ width:25%; float:left;box-sizing:border-box;}
.col-md-8{ width:75%; float:left;box-sizing:border-box;}
.toppic{ width:100%; height:400px; background-position:center; text-align:center; background-repeat:no-repeat}
.toppictext img{width:100%; max-width:500px; padding-top:60px}

.services-breadcrumb {padding: 1em 1em; background: #f5f5f5; text-align: center; }
.services-breadcrumb ul li span {padding: 0 1.5em; }
.inner_breadcrumb {padding: 0 2em; }
ul.short {text-align: left; }
ul.short li {text-align: left; display: inline-block; letter-spacing: 1px; color: #555; font-size: 0.85em; }
ul.short li a {color: #ff3c41; text-decoration: none; }
.container{ width:100%; margin:0 auto}

.banner_bottom_in p {margin: 0; font-size: 16px; }
label.header_w3layouts_agile {color: #000; font-size: 18px; margin: 9px 0px 15px; letter-spacing: 1px; font-weight: 600; padding-left: 10px; }
.mh{ height:470px}
.col-xs-2x{ width:23%; margin:1%; float:left; box-sizing:border-box}
.col-md-5x{ width:48%; margin:1%; float:left; box-sizing:border-box}
.col-xs-4{ width:31.33%; margin:1%; float:left; box-sizing:border-box}
.col-md-4xc{ width:23%; margin:1%; float:left; box-sizing:border-box}
.about_xin p {margin: 0; text-align:left; font-size: 16px; line-height:150%; padding:10px; }
.col-md-5{ width:25%; float:left; box-sizing:border-box}
.col-md-7{ width:75%; float:left; box-sizing:border-box}
.clearh_80{clear:both; height:5px}
.footmenu li a{ display:inline-block; color:#828282; font-size:12px; line-height:13px;}
.footmenu li span{ display:block; height:35px; background-position:center center; background-repeat:no-repeat;}
.footmenu li .bg1{ background-image:url(/images/bg1.gif); background-size:23px auto;}
.footmenu li .bg2{ background-image:url(/images/pngbg09.png/*m/imgs/pngbg10.png*/); background-size:25px auto;}
.footmenu li .bg3{ background-image:url(/images/pngbg11.png/*m/imgs/pngbg11.png*/); background-size:26px auto;}
.footmenu li .bg4{ background-image:url(/images/you_qq.png/*m/imgs/pngbg12.png*/); background-size:28px auto;}
.footmenu li .bg5{ background-image:url(/m/pngbg13.png/*m/imgs/pngbg13.png*/); background-size:26px auto;}
.footmenu {
	background:#f2f2f2;
		width:100%;
	}
	.footmenu ul li {
		float: left;
		
		width: 33.3%;
		margin-left: 0%;
		text-align:center;
		padding :5px 0;
	}
.col-xs-2x{ width:48%; margin:1%; float:left; box-sizing:border-box}
.movpicx img{ width:100%}
}
@media (max-width: 480px) {
.col-md-3{ width:49%; margin:0.5%;border:1px solid #FFFFFF;box-sizing:border-box; min-height:180px; float:left}
.foot1{ width:30%; float:left}
.foot2{ width:70%; float:left}
.footmenu li a{ display:inline-block; color:#828282; font-size:12px; line-height:13px;}
.footmenu li span{ display:block; height:35px; background-position:center center; background-repeat:no-repeat;}
.footmenu li .bg1{ background-image:url(/images/bg1.gif); background-size:23px auto;}
.footmenu li .bg2{ background-image:url(/images/pngbg09.png/*m/imgs/pngbg10.png*/); background-size:25px auto;}
.footmenu li .bg3{ background-image:url(/images/pngbg11.png/*m/imgs/pngbg11.png*/); background-size:26px auto;}
.footmenu li .bg4{ background-image:url(/images/you_qq.png/*m/imgs/pngbg12.png*/); background-size:28px auto;}
.footmenu li .bg5{ background-image:url(/m/pngbg13.png/*m/imgs/pngbg13.png*/); background-size:15px auto;}
.toppictext{text-align:center; width:100%; line-height:500px;display:inline-block; margin:50px auto 20px auto;}
.toppictext img{width:100%; padding-top:60px }
.footmenu {
	background:#f2f2f2;
		width:100%;
	}
	.footmenu ul li {
		float: left;
		
		width: 33.3%;
		margin-left: 0%;
		text-align:center;
		padding :5px 0;
	}
.col-xs-2x{ width:48%; margin:1%; float:left; box-sizing:border-box}
.movpicx img{ width:100%}
}
@media (min-width: 1220px  ) {
.main_HZ{ width:1220px; margin:0 auto;}
.toppictext{text-align:center; height:400PX; line-height:500px;display:inline-block; margin:50px auto 20px auto;}
}
@media (min-width: 1200px  ) {
.banner_bottom_in {text-align: center; margin: 50px auto 0 auto; width: 1200px; z-index:1}
.about_xin{	text-align: left; margin: 50px auto 0 auto; width: 1200px; font-size:16px }
}
@media (max-width: 1200px) {
.banner_bottom_in {text-align: center; margin: 50px auto 0 auto; width: 100%; z-index:1}
.about_xin{	text-align: left; margin: 50px auto 0 auto; width:100%; font-size:16px }
}
/*平板电脑*/
@media (min-width: 768px) and (max-width: 979px) {
.sec_videoc{ width:100%; height:760PX; background:#0070ad}
.main{ width:100%;}
.toppictext{text-align:center; height:400PX; line-height:500px;display:inline-block; margin:50px auto 20px auto;}
.col-md-3{ width:23%;border:1px solid #FFFFFF;  margin:1%; box-sizing:border-box; min-height:180px; float:left}
.main_HZ{ width:100%; margin:0 auto;}
.content_main  { width:1200px; margin:0 auto; background:#0070ad}
.inputlink a { height: 40px; padding:1px 20px; line-height: 40px; text-align: center; margin: 50px 10px; background: #0084cf; color: #fff; text-decoration: none; text-shadow: none; font-size:16px; float:left;
display: inline-block;padding-left: 5px;padding-right: 5px;border: 1px solid;margin-left: 5px;margin-right: 5px;}
.edu_buttonr a {padding:15px 30px; color: #fff; font-size:18px; letter-spacing: 1px; background: #ff0000; border: 1px solid #ff0000; border-radius: 2%; margin:20px 0 0 0; font-weight: 700; text-transform: uppercase; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }
.edu_buttonr{ float:center; margin:0 10px; }
.edu_buttonr a {padding:15px 30px; color: #ff0000; font-size:18px; letter-spacing: 1px; background: #ffffff; border: 1px solid #000000; border-radius: 2%; margin:20px 0 0 0; font-weight: 700; text-transform: uppercase; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }
.btn-primary a{ margin:0 5px}
.col-md-3{ width:23%;border:1px solid #FFFFFF;  margin:1%; box-sizing:border-box; min-height:180px; float:left}
.col-md-4{ width:25%; float:left;box-sizing:border-box;}
.col-md-8{ width:75%; float:left;box-sizing:border-box;}
.toppic{ width:100%; height:500px; background-position:center; text-align:center; background-repeat:no-repeat}
.toppictext{text-align:center; height:400PX; line-height:500px;display:inline-block; margin:50px auto 20px auto;}
.services-breadcrumb {padding: 1em 1em; background: #f5f5f5; text-align: center; }
.services-breadcrumb ul li span {padding: 0 1.5em; }
.inner_breadcrumb {padding: 0 2em; }
ul.short {text-align: left; }
ul.short li {text-align: left; display: inline-block; letter-spacing: 1px; color: #555; font-size: 0.85em; }
ul.short li a {color: #ff3c41; text-decoration: none; }
.container{ width:1200px; margin:0 auto}
.banner_bottom_in {text-align: center; margin: 50px auto 0 auto; width: 1200px; z-index:1}
.banner_bottom_in p {margin: 0; font-size: 16px; }
label.header_w3layouts_agile {color: #000; font-size: 18px; margin: 9px 0px 15px; letter-spacing: 1px; font-weight: 600; padding-left: 10px; }
.mh{ height:470px}
.col-xs-2x{ width:23%; margin:1%; float:left; box-sizing:border-box}
.col-md-5x{ width:48%; margin:1%; float:left; box-sizing:border-box}
.col-xs-4{ width:31.33%; margin:1%; float:left; box-sizing:border-box}
.about_xin{	text-align: left; margin: 50px auto 0 auto; width: 1200px; font-size:16px }
.about_xin p {margin: 0; text-align:left; font-size: 16px; line-height:150%; padding:10px; }
.col-md-5{ width:25%; float:left; box-sizing:border-box}
.col-md-7{ width:75%; float:left; box-sizing:border-box}
.clearh_80{clear:both; height:0px}
.movpicx img{ width:100%}
}

@media (min-width: 980px){
.sec_videoc{ width:100%; height:760PX; background:#0070ad}
.main{ width:1200px;}
.toppictext{text-align:center; height:400PX; line-height:500px;display:inline-block; margin:50px auto 20px auto;}
.main_HZ{ width:100%; margin:0 auto;}
.content_main{ width:1200px; margin:0 auto; background:#0070ad}
.inputlink a { height: 40px; padding:1px 20px; line-height: 40px; text-align: center; margin: 50px 10px; background: #0084cf; color: #fff; text-decoration: none; text-shadow: none; font-size:16px; float:left;
display: inline-block;padding-left: 5px;padding-right: 5px;border: 1px solid;margin-left: 5px;margin-right: 5px;}
.edu_buttonr a {padding:15px 30px; color: #fff; font-size:18px; letter-spacing: 1px; background: #ff0000; border: 1px solid #ff0000; border-radius: 2%; margin:20px 0 0 0; font-weight: 700; text-transform: uppercase; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }
.edu_buttonr{ float:center; margin:0 10px; }
.edu_buttonr a {padding:15px 30px; color: #ff0000; font-size:18px; letter-spacing: 1px; background: #ffffff; border: 1px solid #000000; border-radius: 2%; margin:20px 0 0 0; font-weight: 700; text-transform: uppercase; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }
.btn-primary a{ margin:0 5px}
.col-md-3{ width:23%;border:1px solid #FFFFFF;  margin:1%; box-sizing:border-box; min-height:180px; float:left}
.col-md-4{ width:25%; float:left;box-sizing:border-box;}
.col-md-8{ width:75%; float:left;box-sizing:border-box;}
.toppic{ width:100%; height:500px; background-position:center; text-align:center; background-repeat:no-repeat}
.toppictext{text-align:center; height:400PX; line-height:500px;display:inline-block; margin:50px auto 20px auto;}
.services-breadcrumb {padding: 1em 1em; background: #f5f5f5; text-align: center; }
.services-breadcrumb ul li span {padding: 0 1.5em; }
.inner_breadcrumb {padding: 0 2em; }
ul.short {text-align: left; }
ul.short li {text-align: left; display: inline-block; letter-spacing: 1px; color: #555; font-size: 0.85em; }
ul.short li a {color: #ff3c41; text-decoration: none; }
.container{ width:100%; margin:0 auto}
.banner_bottom_in {text-align: center; margin: 50px auto 0 auto; width: 1200px; z-index:1}
.banner_bottom_in p {margin: 0; font-size: 16px; }
label.header_w3layouts_agile {color: #000; font-size: 18px; margin: 9px 0px 15px; letter-spacing: 1px; font-weight: 600; padding-left: 10px; }
.mh{ height:470px}
.col-xs-2x{ width:23%; margin:1%; float:left; box-sizing:border-box}
.col-md-5x{ width:48%; margin:1%; float:left; box-sizing:border-box}
.col-xs-4{ width:31.33%; margin:1%; float:left; box-sizing:border-box}
.about_xin{	text-align: left; margin: 50px auto 0 auto; width: 1200px; font-size:16px }
.about_xin p {margin: 0; text-align:left; font-size: 16px; line-height:150%; padding:10px; }
.col-md-5{ width:25%; float:left; box-sizing:border-box}
.col-md-7{ width:75%; float:left; box-sizing:border-box}
.clearh_80{clear:both; height:80px}
}