/*pad*/
img{max-width: 100%;}
.gh {
	float:right;
	height:34px;
	width:34px;
	right:1%;
	top:2rem;
	position:absolute;
	display: none;
	transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	cursor:pointer; z-index:8888;
}
.selected .gh {transform: rotate(90deg);}
.gh a {
	background-color: #ff0000;
	display: block;
	height: 2px;
	margin-top: -2px;
	position: relative;
	top: 50%;
	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	width: 100%;
}
.gh:hover a:before {
	transform: translateY(-2px) rotate(0deg);
	-webkit-transform: translateY(-2px) rotate(0deg);
	-ms-transform: translateY(-2px) rotate(0deg);
}
.gh:hover a:after {
	transform: translateY(2px) rotate(0deg);
	-webkit-transform: translateY(2px) rotate(0deg);
	-ms-transform: translateY(2px) rotate(0deg);
}
.selected .gh:hover a:before {
	transform: translateY(0px) rotate(-45deg);
	-webkit-transform: translateY(0px) rotate(-45deg);
	-ms-transform: translateY(0px) rotate(-45deg);
}
.selected .gh:hover a:after {
	transform: translateY(0px) rotate(45deg);
	-webkit-transform: translateY(0px) rotate(45deg);
	-ms-transform: translateY(0px) rotate(45deg);
}
.gh a:after, .gh a:before {
	background-color: #ff0000;
	content: "";
	display: block;
	height: 2px;
	left: 0;
	position: absolute;
	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	width:100%;
}
.gh a:after {top:10px;}
.gh a:before {top:-10px;}
.selected .gh a:after, .selected .gh a:before {top: 0;}
.selected .gh a:before {
	transform: translateY(0px) rotate(-45deg);
	-webkit-transform: translateY(0px) rotate(-45deg);
	-ms-transform: translateY(0px) rotate(-45deg);
}
.selected .gh a:after {
	transform: translateY(0px) rotate(45deg);
	-webkit-transform: translateY(0px) rotate(45deg);
	-ms-transform: translateY(0px) rotate(45deg);
}
.selected .gh a {background-color: transparent !important;}


@media only screen and (max-width:1600px) {
	.top_mu .mu_ul{ width:62%;}
	.top_mu .mu_ul li{ max-width:300px;}
	.section-4 .foot_m{ bottom:6.5rem;}
}
@media only screen and (max-width:1450px) {
	.top_mu .logo{ max-width:160px;}
	.section-4 .foot_m{ bottom:2.5rem;}
	.section-4 .foot_m li dd{ font-size:1rem; line-height:1.5rem;}
	.section-4 .foot_m li dl{ line-height:1.25rem;}
	.section-4 .foot_m li dl a{ font-size:0.75rem;}
}
@media only screen and (max-width:1400px) {
	.section-3 ul li a div{ padding-top:42%;}
	.section-4 ul.con li a div dl{ overflow:hidden; height:6rem;}
}
@media only screen and (max-width:1350px) {
	.section-wrap .section .con{ width:90% !important; margin-left:-45% !important; font-size:1.25rem; line-height:2rem;}
	.section-4 .foot_m{ width:86%; margin-left:7%;}
	.section-4 ul.con li a div{ min-height:8rem;}
	.section-4 ul.con li a div dl{ height:3rem;}
	.section-4 a dd.more{ bottom:33% !important;}
	.section-3 ul li{ height:36%;}
	
	.top_mu.ny_t_m{ height:3.625rem;}
	.top_mu .mu_ul{ width:70%;}
	.top_mu .fr dl.dr,.top_mu .fr dl.sq{ width:4.2rem ; font-size:0.75rem; height:1.6rem; line-height:1.6rem;}
	.top_mu .fr dl.dr a p,.top_mu .fr dl.sq p{width:4rem ; font-size:0.75rem; height:1.5rem; line-height:1.5rem ;}
	.top_mu .fr dl.dr i{ display:none;}
	.top_mu .fr dl.dr div.c{ margin-left:-120%;}
	.top_mu .fr dl.dr div.c i{ display:block;}
	.top_mu .fr dl.dr div.c i.qt{ margin-top:-38px;}
	.arrow img{ height:3rem;}
	.section-wrap .section a dd.more{ height:2rem; line-height:2rem;}
	.section-3 ul li{ height:40%;}
	.section-3 ul li a div{ padding-top:38%;line-height:1.5rem;}
	.section-3 ul li a div img{ max-height:40px; margin-left:-22.5px; top:12%;}
	.section-3 ul li a div dd{ font-size:1.25rem; line-height:1.5rem;}
	.section-3 ul li a div dl{ font-size:0.75rem;}
	.section-4 ul.con li img{ max-height:134px; margin-bottom:-7px;}
	.section-4 ul.con li a div{ min-height:6rem; padding:0.5rem;}
	.section-4 ul.con li a div i{ left:0.5rem; top:0.25rem;}
	.section-4 ul.con li a div dd{ height:1rem; line-height:1rem; margin:0px; font-size:0.875rem;}
	.section-4 ul.con li a div dl{ font-size:0.75rem; line-height:1rem; height:2rem; margin-top:0.5rem;}
	.section-4 ul.con li a div ol{ bottom:0.5rem;}
	.section-wrap .section-4 .con{ margin-top:-4.5rem;}

	.section-4 .foot_m{ bottom:2.5rem;}
	.section-4 .foot_m li dd{ font-size:1rem; line-height:1.5rem;}
	.section-4 .foot_m li dl{ line-height:1.25rem;}
	.section-4 .foot_m li dl a{ font-size:0.75rem;}
	.section-4 a dd.more{ bottom:28% !important}
	.section-4 .foot{ line-height:1.5rem;}
	/*.xh_foot li{ height:300px;}*/
	.xh_foot li div dl strong{ line-height:2rem;}
	.foot_t .fr li{ width:18%; margin-left:2%;}
	.hy_bg{ height:39rem;}
	.hy_dr{ margin-top:4%;}
	
	.popupbox a i.popupbox_i{ font-size:2rem;}
	.popupbox{ max-height:500px;}
	.popupbox .con dd{ font-size:1rem; margin-bottom:0.5rem;}
	.popupbox .con dl{ font-size:0.75rem; line-height:1.25rem;}
	/*.foot_t .fl{ background: url(../images/foot_logo2.png) no-repeat; padding-left:25px; width:40%;}*/
	.fwxy{ max-height:420px;}
	
}
@media only screen and (max-width:1200px) {
	.section-wrap .section .con{ line-height:3rem;}
	.section-3 ul li{ height:40%;}
	
}
@media only screen and (max-width:1100px) {
	.section-wrap .section .con{ font-size:1.25rem !important; line-height:2.5rem !important;}
	.section-3 ul li{ height:10rem;}
	.section-3 ul li a div img{ margin:1rem auto 0px; left:0px; position:relative;}
	.section-3 ul li a div{ padding-top:0px;}
	.page_con div.f dl.c{ width:40%;}
	.page_con div.f dl.r{ width:10%;}
	
	
}
@media only screen and (max-width:1000px) {
	.top_mu .mu_ul li{ margin-left:0px; width:16%;}
	.hy_bg{ margin-top:3.5rem;}
	.hy_dr{ width:50%;}
	.top_mu .mu_ul{ width:60%;}
	.top_mu .logo{ max-height:30px;}
	.top_mu .mu_ul li a{ font-size:0.875rem;}
	.top_mu .fr dl.dr{height:1.2rem;}
	.top_mu .fr dl.dr a p,.top_mu .fr dl.sq p{ height:1rem; line-height:1rem;}
	.section-wrap .section .con{ font-size:1rem !important;}
	.section-3 ul li a div dd{ font-size:1rem;}
	.section-4 .foot_m{ bottom:2.5rem;}
}
@media only screen and (max-width:900px) {
	.section-3 ul li{ height:35%;}
	.section-wrap .section-4 .con{ height:44%; margin-top:-3rem;}
	.section-4 ul.con li img{ margin-bottom:-14px;}
	.section-4 .foot_m{ bottom:1rem;}
	.section-4 .foot_m li dd{ font-size:1rem; line-height:1.5rem;}
	.section-4 .foot_m li dl a{ font-size:0.75rem; line-height:1rem;}
}
@media only screen and (max-width:800px){
	body{
	 overflow-x: hidden; 
	}
	.top_mu{ min-height:6rem;}
	.top_mu .gh{display: block; top:16%;}
	.top_mu.selected .gh a:after,.top_mu.selected .gh a:before{ background-color:#ffffff;}
	.top_mu .logo{ max-width:220px; margin-top:-3.5%;}
	.top_mu .fr{ display:none;}
	.top_mu .mu_ul{ position:absolute; right:0px; height:900%; width:0;transition: all .5s ease;/*background-color:rgba(20,192,243,0.8);*/ background-color:rgba(255,0,0,0.5); margin:0px; padding:8rem 0px;}
	.top_mu.selected .mu_ul{ width:45%;transition: all .5s ease;}
	.top_mu .mu_ul li{ width:100%;float:none; max-width:100%; text-align:left; margin-bottom:2rem;}
	.top_mu .mu_ul li a{ font-size:1.5rem; line-height:3rem; color:#ffffff !important;}
	.top_mu .mu_ul li a p{ padding-left:10%;}
	.top_mu .mu_ul li.hy{ display:block; color:#ffffff;padding-left:10%;}
	.top_mu .mu_ul li.hy a p{ padding-left:0px;}
	.section-3 ul li{width:28%; margin:0px 2% 3%;}
	.foot_bg{ padding-top:0px;}
	.foot_t{ display:none;}
	.page_con{ margin-bottom:3rem;}
	.page_con div.f dl.c{ width:20%;}
	.page_con div.f dl.r{ width:25%;}
	.xz_sp li{ width:47%; margin-bottom:1rem;}
	.fy div{ width:100%;}
	.contact .f li{ width:100%;}
	.lxwm_ly{ margin:2.5rem auto;}
	
	.hwll div{ width:100%; margin-bottom:1rem;}
	.hwll div img{ max-width:50%;}
	.form_ul{ padding:4%;}
	.form_ul li{ font-size:1rem; margin-bottom:1rem;}
	.hy_bg{ margin-top:6rem; height:51rem;background-size:auto 100%;}
	.contact .t{ font-size:1.5rem; margin:1rem 0px !important;}
	.contact .f li div{background-size: auto 36px; padding-left:50px;}
	.contact .c{ margin-bottom:2rem;}
	.contact .f li{ margin-bottom:1.5rem;}
	.form_tc li.t label{ margin-right:8%;}
	.fy div.fr a dl{ padding-left:36px; text-align: left; padding-right:0px; background:url(../images/jt4.png) no-repeat scroll 0px center;}
	.fy div.fr a:hover dl{ background-image:url(../images/jt5.png);}
	
	.fy{ margin-top:3rem; line-height:2rem; padding-top:1rem;}
	.fy div.fh{ display:block; text-align:center; overflow:hidden; margin-top:1.5rem; font-size:1.5rem; color:#ff0000; float:left;}
	
	table{ width:100% !important;}
	.section-wrap,.section-btn{ display:none;}
	.container{ display:block;width: 100%;height: 100%;position: absolute;left: 0;top: 0%;}
	
	.container .page{height: 100%;position: relative;background-size: 100% auto !important;}
	.container .page1 .con{ position:absolute; width:90%; margin:-20% 5% 0px;top:20%;transition: all 1s ease;color: #ffffff;font-size:1.5rem;line-height:3rem;text-align: center;}
	.container .page1 dd{ position: absolute;color: #d61d24;border: 1px solid #d61d24; font-size: 0.9375rem;width: 18%;height: 3rem;line-height: 3rem; text-align: center;z-index: 8;bottom: 20%;margin: 0px 41%;}
	.container .page1.cur .con{ top:40%;transition: all 1s ease;}
	.container .page2 .con{ width:100%;top:5%; height:80%; position:absolute; overflow:hidden;transition: all 1s ease;}
	.container .page2.cur .con{transition: all 1s ease;top:15%;}
	.container .page2 .con li{ float:left; border: 1px solid #ffffff; background-color: rgba(255,255,255,.50);width:43%; position: relative; transition: all .5s ease; margin:0px 3% 8%; min-height:23%; padding-bottom:0.5rem;}
	.container .page2 .con li:hover{ background-color:#ca4846; border:1px solid #ca4846;}
	.container .page2 .con li div{ text-align:center;}
	.container .page2 .con li div img{ margin:1rem auto 0px;}
	.container .page2 .con li div dd{ color:#ffffff; font-size:1.5rem;}
	.container .page2 .con li div dl{ color:#ffffff; font-size:0.75rem;}
	.container .page3 .con{ position:absolute; top:5%; height: auto;}
	.container .page3.cur .con{transition: all 1s ease;top:12%; width:86%; left:7%; max-width:640px;}
	.container .page3 .con li.l{ float:left;}
	.container .page3 .con li.r{ float:right;}
	.container .page3 .con li{ width:46%; margin-bottom:2rem; max-width:320px;}
	.container .page3 .con li:hover{transition: all .5s ease;box-shadow:0px 4px 4px 4px rgba(0,0,0,0.05);}
	.container .page3 .con li img{ max-height:188px; margin-bottom:-4px; width:100%;}
	.container .page3 .con li a div{ overflow:hidden; background-color:#ffffff; position:relative; overflow:hidden;}
	.container .page3 .con li a div.t{}
	.container .page3 .con li a div.f{ border:1px solid #eeeeee; border-top:0px; padding:1rem 1rem 3rem; height:26%;}
	.container .page3 .con li a div i{ position:absolute; width:52px; height:2px; background-color:#cf413a; left:1rem; top:1rem;}
	.container .page3 .con li a div dd{ font-size:1rem; margin:0.5rem 0px; color:#333333; overflow:hidden; text-align:left;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis;}
	.container .page3 .con li a div dl{ font-size:0.875rem; color:#999999; text-align:left; line-height:2rem; overflow:hidden;height:4.375rem;}
	.container .page3 .con li a div ol{ font-size:0.75rem; color:#333333; text-align:left; background-repeat:no-repeat; background-position:right center; background-image:url(../images/jt1.png); padding-right:23px; width:110px; position:absolute; bottom:1rem;}
	.container .page3 .con li:hover a div ol{ color:#cf413a; background-image:url(../images/jt2.png);}
	.container .page3 .foot{position: absolute;bottom: 0px; border-top: 1px solid #eae6e6; width: 100%;font-size: 0.75rem; color: #999999; line-height: 3rem;text-align: center;}
	.container .page3 .foot a{color: #999999;}
	.container .page3 .more{  position: absolute; color: #d61d24; border: 1px solid #d61d24; font-size: 0.9375rem; width: 18%;height:1.5rem;line-height:1.5rem;text-align: center; z-index: 8;bottom:4.5rem; margin: 0px 41%;}
	/*.container .page3 .xiangxiatishi{ display:none;}*/

	.xiangxiatishi{display:none;position:fixed;bottom:20px;left:50%;-webkit-transform:translateX(-50%);-webkit-animation:dong 1s linear 0s infinite alternate;}
	@-webkit-keyframes dong{from{bottom:20px;}to{bottom: 60px;}}
	.dh{ display:none;}
}
@media only screen and (max-width:640px){
	.section-4 .foot_m li dd{ font-size:1rem;}
	.section-4 .foot_m li dl a{ font-size:0.75rem;}
	.ny_banner{ height:20rem;}
	.ny_banner dl{ font-size:2.5rem; margin:7.4rem auto;}
	.page_top ul li div i{ width:32px; height:30px;background-size:100% auto;margin-left:-16px;}
	.page_top ul li:hover div i, .page_top ul li.on div i{ background-position:0px -25px;}
	.foot_c{ padding:1rem 0px; }
	.foot_c span{ width:100%; text-align:left; line-height:2rem;}
	.xz_mu li{ margin-bottom:1rem;}
	.xz_li li dl.c{ display:none;}
	.news_ul li a img{ display:none;}
	.news_ul li a div{ width:100%;}
	.hy_dr{ width:70%; margin-top:32%;}
	.hy_foot{ padding:1rem 0px;}
	.hy_foot span{ width:100%; line-height:1rem;}
	.form_tc li.t label{ margin-right:3%; font-size:1.25rem;}
	
	.section-wrap .section.section-1{ background-size:100% 100% !important;}
	
}
@media only screen and (max-width:480px){
	.top_mu .logo{ max-width:160px; max-height:40px; margin-top:-5.5%;}
	.section-wrap .section .con{ width:90% !important; margin-left:-45% !important; height:38rem !important; font-size:1.5rem !important; line-height:3rem !important; top:50% !important; margin-top:-19rem !important;}
	.section-3 ul li{ width:43%; margin:6% 3% 0px; height:24%;}
	.section-3 ul li a div img{ width:30%; top:12%; margin-left:-21px;}
	.section-btn{ right:0px;}
	.section-4 ul.con{ width:90% !important; margin-left:-45% !important;height:46rem !important; margin-top:-10rem !important;}
	.section-4 ul.con li{ width:48%; margin:1rem 1%;}
	.section-4 ul.con li a div dd{ margin:0.5rem 0px;}
	.section-4 ul.con li a div{ min-height:7rem; padding:1rem 0.5rem;}
	.section-4 ul.con li a div i{ top:0.5rem;}
	.section-4 ul.con li a div dl{  height:3rem; overflow:hidden;}
	.section-4 .foot_m{ display:none;}
	.section-4 a dd.more{ bottom:7% !important;}
	.ny_banner{ margin-top:75px;}
	.page_con div.f dl.c{ display:none;}
	.xh_top .fr{ margin-top:0.5rem; float:left;}
	.xh_foot li{ height:250px; width:48%;}
	.news_xh li{ width:90%; margin:0px 5%;}
	.news_xh li div{ height: auto;}
	.news_xh li div img{ position:relative;}
	.section-wrap .section.section-4 .more{ bottom:5.25rem !important;}
	.container .page3 .more{ bottom:1.25rem;}
	.container .page3 .foot{ line-height:1rem;height:1rem; overflow:hidden;}
	.sy_pf.pf-3 .arrow{ display:block;}
	.arrow{ width:15%;left:85%; margin-left: 0px;text-align: center;}
	.arrow img{ height:auto;display: none;}
	.arrow img.sj{ display:block;}
	.arrow img.dn{ display: none;}
	
	#myvideo,#output{ display:none;}
	.page_con #myvideo{ display: block !important; }
	.form_ul li.c input,.form_ul li.c textarea{ width:65%;}
	.form_ul li.b{ padding:0px 5%;}
	.form_ul li.c textarea{ height:10rem; line-height:2rem;}
	.hwll div dd{ margin-bottom:1rem;}
	.section-4 ul.con li img{ max-height:100px;}
	.page_tit{ height:3rem; line-height:3rem;}
	.news_show dl.t{ font-size:1.5rem;}
	.top_mu .mu_ul li{ margin-bottom:1rem;}
	.form_ul li.c dl{ width:22%;}
	.ny_banner{ height:15rem;}
	.ny_banner dl{ margin:5rem auto;}
	.popupbox .con dl{ line-height:1.5rem;}
	.xh_top .fl div ul li{ line-height:2rem;}
	.xz_li li dl.r{ right:1rem;}
	.xz_sp li a .xz_t img{ margin-bottom:-5px;}
	.news_show dl.f,.xz_s dl.c p{ font-size:1.25rem; line-height:2.5rem;}

	.syff .tit{ font-size: 1.75rem; }
	.syff .ny ul.gl2 li{ width: 100%; margin-right:0px; }
	.syff .ny .txmt{border:1px solid #eeeeee; padding: 1rem; display: block;}
	.syff .ny .txmt img{ padding: 0px; border:0px;}
	.syff .ny .zsj{ width: 100%; }
	.syff .ny .zsj li{ width: 100%; margin-bottom: 2rem; margin-right:0px; }

} 

@media only screen and (max-width:375px){
	.section-wrap .section .con{ height:34rem !important; font-size:1rem !important; line-height:2rem !important;}
	.section-4 ul.con{ top:32% !important}
	.section-4 ul.con li a div{ min-height:5rem;}
	.section-4 ul.con li a div dl{ display:none;}
	.section-4 a dd.more{ bottom:14% !important;}
	.section-3 ul li{ height:27%;}
	.container .page3 .more{ bottom:12%;}
	.container .page1 .con{ font-size:0.75rem; line-height:1.25rem;}
	.container .page2 .con li div img{ min-height:20px;}
	.container .page2 .con li div dd{ font-size:0.875rem;}
	.container .page3 .con li img{ max-height:90px;}
	.container .page3 .con li a div ol{ background-size:auto 50%;}
	
}