/*pad*/
img{max-width: 100%;}
.gh {
	float:right;
	height:18px;
	width:1.5rem;
	right:0px;
	top:0.8rem;
	position:absolute;
	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;
	 display:none;
}
.gh a {
	background-color:#2c6dcb;
	display: block;
	height: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(0px) rotate(0deg);
	-webkit-transform: translateY(0px) rotate(0deg);
	-ms-transform: translateY(0px) rotate(0deg);
}
.gh:hover a:after {
	transform: translateY(0px) rotate(0deg);
	-webkit-transform: translateY(0px) rotate(0deg);
	-ms-transform: translateY(0px) 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: #2c6dcb;
	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;
	
}
.gh a:after {top:8px;width:60%; margin-left:40%;}
.gh a:before {top:-8px;width:100%;}
.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 {transform: rotate(90deg);z-index:10;}
.selected .gh a{background-color: transparent !important;}
.selected .gh a:after,.selected .gh a:before{ background-color:#2c6dcb;}
.selected .gh a:after{ width:100%; margin-left:0px;}

.ny_bg .gh a,.ny_bg .gh a:after,.ny_bg .gh a:before{background-color:#2c6dcb;}

@media only screen and (max-width:1400px) {
}
@media only screen and (max-width:1300px) {
}
@media only screen and (max-width:1200px) {
	.lxwm ul.bd li.c dl label{ width:33.33333333%;}
}
@media only screen and (max-width:1000px) {
	
}
@media only screen and (max-width:900px) {
	
}
@media only screen and (max-width:800px){
	html, body{ font-size: 16px; }
	body{
	 overflow-x: hidden; 
	}
	.gh{ display:block;}
	.top_bg .width1800 ul.mu.pc,.top_bg .width1800 .top_r{ display:none;}

	/*修改*/
	.new_background_color.selected{background-color:rgba(0,0,0,1);}
	.top_bg:hover .width1800 ul.mu li dd a{ color:#ffffff;}

	.top_bg{ padding:1rem 0px;}
	.top_bg .width1800 ul.mu.sj{ display:none; background-color:rgba(0,0,0,1); height:0px; position:absolute; right:-3%; top:3.5rem; max-width:106%; width:106%; left:-3%; overflow:hidden;}
	.top_bg.selected .width1800 ul.mu.sj{ display:block; height:10000%;transition: all .5s ease;}
	
	.top_bg .width1800 ul.mu.sj li{ width:100%; height:auto; overflow:hidden;color:#ffffff; line-height:2rem;}
	.top_bg .width1800 ul.mu.sj li.sjan{ border-bottom: 1px solid #ffffff;}
	.top_bg .width1800 ul.mu.sj li.t{ display:block; text-align:center; padding-top:1rem;}
	.top_bg .width1800 ul.mu.sj li.t a{ margin:0px 5%;}
	.top_bg .width1800 ul.mu.sj li a{ color:#ffffff; font-size:1rem;}
	.top_bg .width1800 ul.mu.sj li dd{ text-align:left;line-height:3rem;height:3rem; margin-bottom:0.5rem; width:94%; padding:0px 3% 0px;}
	.top_bg .width1800 ul.mu.sj li dd a{ left:3%; bottom: 0px; font-size: 1.25rem;}
	.top_bg .width1800 ul.mu.sj:hover li dd a{ color:#ffffff;}
	.top_bg .width1800 ul.mu.sj li div.bg{ /*display:block !important;*/ position:relative; width:94%; padding:0px 3%;}
	.top_bg .width1800 ul.mu.sj li div.bg dl p.t{ color:#ffffff; font-size:1rem; margin-bottom:0.2rem;}
	.top_bg .width1800 ul.mu.sj li div.bg dl p.t a,.top_bg .width1800 ul.mu li div.bg dl p.f a{color:#ffffff;}
	.top_bg .width1800 ul.mu.sj li i.top_mu_bg{ display:none;}
	
	.slides li,.i_banner{background-size: auto 100%;}
	.slides li a div.bg{ width:94%;}
	.slides li a div.bg,.i_banner a div.bg{ padding-top:32vh; height:68vh; text-align:center;}
	.slides li a div.bg dd,.i_banner a div.bg dd{ font-size:2.5rem;}
	.slides li a div.bg dl,.i_banner a div.bg dl{ font-size:1.25rem;}
	
	.slides li div.sj_bg,.i_banner .sj_bg{ opacity:1;}
	
	.foot_bg .hidden.t{ height:20rem; margin-bottom:1rem;}
	.foot_bg .hidden.t div.fl div.fr{ display:none;}
	.foot_bg .hidden.t div.fl{ width:100%; text-align:center;}
	.foot_bg .hidden.t div.fl img.fl{ width:auto; float:none;}
	.foot_bg .hidden.t ul.fr{ width:100%; margin-top:1rem; text-align:center;}
	.foot_bg .hidden.f{ text-align:center;} 
	
	.product_top .sj_t_bjt,.product_list li .sj_bjt{ opacity:1;}
	.product_top .sj_t_bjt{ display:block;}
	.product_top .sj_t_bjt,.product_list li{ height:854px;}
	.product_top ul{ padding-top:32vh; height:68vh;}
	.product_top ul li.t{ margin-bottom:1rem;}
	.product_top ul li.c{ font-size:2.25rem;}
	.product_top ul li.f{ width:100%; font-size:1rem;}
	.product_ul li .width1540 .bg{ width:100%;}
	.product_ul li .width1540 .bg.r{ margin-left:0px;}
	.product_ul li .width1540 .bg dd{ font-size:1.5rem;}
	.product_ul li .width1540 .bg dl{ font-size:0.875rem; line-height:1.5rem;}
	
	.product_ul li.cpxn .width1540 div.t{margin-top:20vh;}
	.product_ul li.cpxn .width1540 div.f dl{ width:42%; margin:5px 4%;}
	
	
	.about_banner{ padding-top:20vh;}
	.about_banner li{ width:45%; text-align:left; margin-bottom:1rem;}
	.about_banner li dl.t i{ font-size:4.5rem;}
	.about_c_bg{ padding-top:2rem;}
	.about_c_bg .fl{ width:100%; margin-bottom:1rem;}
	.about_c_bg .fr{ width:100%; margin-bottom:2rem;}
	.about_dsj{ padding:3rem 0px;}
	.about_dsj ul li.n{ font-size:2rem; margin-bottom:1.5rem;}
	.about_lxwm{ height:20rem;background-size:auto 100%;}
	.about_lxwm .width1540 dl.t{ padding-top:4rem; font-size:2rem;}
	
	.about_td_t{ padding-top:2rem;}
	.about_td_t div.fl dl.t{ font-size:1.5rem;}
	.about_td_t div.fl dl.c{ font-size:0.75rem; margin-bottom:0.5rem;}
	.about_td_t div.fl dl.f{ font-size:0.75rem; line-height:1.5rem; text-align:justify;}
	.about_td_t img.fr{ width:30%;}
	.about_td_f ul{ width:100%;}
	
	.ry_list li{ width:48.5%; margin-right:1.5%;}
	.ry_list li a div.bg dl.t{ height:11rem;}
	.ryxq_show{ padding:2.5rem 0px 3rem;}
	.ryxq_show div.fl{ width:100%; min-height:48vh;}
	.ryxq_show div.fl ul li.t{ text-align:center; font-size:1.5rem;}
	.ryxq_show div.fl ul li.n{ margin-bottom:0.5rem;}
	.ryxq_show div.fr{ display:none;}
	.about_job{ padding:2rem 0px;}
	.about_job .tit{ font-size:2rem;}
	
	.ryxq_show div.fl ul li.t{ font-size:1.5rem;}
	.about_job{ padding:2rem 0px;}
	.about_job .tit{ font-size:2rem;}
	
	.i_news_list{ width:94%;}
	.i_news_list .c .tp{ width:36.9rem;}
	
	.section-wrap{ display:none;}
	.container{ display:block;}
	
	.container{width: 100%;height: 100%;position: absolute;left: 0;top: 0%;}
	.container .page{height: 100%;position: relative;}
	.container .page6{height:100vh;display: flex;align-items: center; color:#ffffff;}
	
	.flexslider,.page .i_banner{ z-index:-1; position:relative;}
	.container .page5{display:flex;align-items:center;}
	.i_news{ padding-top:0px; width:100%;}
	.i_news li{ width:48%; margin:0px 1% 1rem;}
	.i_news li a div.bg dd{ font-size:1.25rem; padding-bottom:0.5rem; margin-bottom:0.5rem;}
	.i_news li a div.bg dl{ line-height:1.25rem; font-size:0.875rem;}
	
	.hxjs_list .fr, .hxjs_list .fl{ width:100%;}
	
	.sp_list ul li{ width:48%;}

	.hxjs_list div.fr{ width:100%; max-width:100%;}
	.hxjs_list .fl.hxjs_show{ width:96% !important;} 
	
	.hxjs_list .fl{ width:102% !important;}
	.hxjs_list .fl ul li{ width:47.5%;} 
	
	.lxwm ul.bd li.c dl label{ width:50%;}
	
	.product_list li .sj_bjt{ padding:3rem 0px;}
	.product_list li{ min-height:50px;background-size:auto 100%;}
	.product_list li div.p_bg div.fr{ width:100%;}
	.arrow{ width:2rem; height:2rem; line-height:2rem;}
	.flexslider .flex-control-nav{ bottom:5vh;}
	.flexslider .flex-control-nav li{ width:8px; height:8px;}
	
	.product_list li div.p_bg div.fr div.c p{ float:left; width:50%;}
}
@media only screen and (max-width:640px){
	.about_job .sx{ height:8.75rem; margin-bottom:0px;}
	.about_job .sx div.fl{ width:48%; margin:0px 1%;}
	.about_job .sx div.fr{ width:98%; margin:1rem 1%;}
	.about_job .job_list li.t dl.d1,.about_job .job_list li.c div.t dl.d1{ width:67%;}
	.about_job .job_list li.t dl.d3,.about_job .job_list li.c div.t dl.d3,.about_job .job_list li.t dl.d2,.about_job .job_list li.c div.t dl.d2,.about_job .job_list li.t dl.d4,.about_job .job_list li.c div.t dl.d4{ display:none;}
	.about_job .job_list li.t dl.d5,.about_job .job_list li.c div.t dl.d5{ width:30%;}
	.about_job .job_list li.c div.f div.n dl{ min-width:33%;}
	.about_job .job_list li.c div.f div.n dl.c{ display:block;}
	.i_news_list .c .tp{ width:30rem;}
	.i_news_list .c .tp, .i_news_list .c .tp ul{ height:17rem;}
	.i_news_list .c .tp ul li{ width:14rem;}
	
}
@media only screen and (max-width:480px){
	
	.top_bg .width1800 ul.mu li div.bg dl{ float:left; width:auto; padding:0px 2%; margin-top:0px; margin-bottom:1rem;}
	.top_bg .width1800 ul.mu li.cp div.bg dl{width:94%;float:left;}
	.top_bg .width1800 ul.mu li.cp div.bg dl p.t{ width:100%; display:none;}
	.top_bg .width1800 ul.mu li.cp div.bg dl p.f{ width:auto; padding:0px 2%; float:left;}
	
	.about_c_bg .fl{ font-size:1.5rem;}
	
	.about_dsj ul li.c dl.fl{ width:100%; margin-bottom:0.5rem; position:relative; font-size:1.5rem; line-height:1; margin-top:0;}
	.about_dsj ul li.c dl.fr{ width:100%;}
	
	.page_bg{ height:24rem; font-size:2.5rem;}
	.about_banner{ padding-top:5rem;}
	.about_banner li dl.t{ font-size:2rem;}
	.about_banner li dl.t i{ font-size:2.5rem;}
	.about_banner li dl.t b,.about_banner li.l4 dl.t b{ font-size:1rem; margin-top:-0.5rem;}
	.about_banner li dl.f{ font-size:1rem; line-height:1.5rem;}
	.about_tit ul{ padding:1rem 0px; overflow:hidden;}
	.about_tit ul li{ line-height:1.75rem;}
	.about_lxwm{ height: auto; padding-bottom:3rem;}
	.about_lxwm .width1540 dl.t{ padding-top:2rem; padding-bottom:0.8rem;}
	.about_lxwm .width1540 dl.f{ padding-bottom:1rem;}
	.about_lxwm .width1540 a p{ font-size:0.75rem; height:2rem; line-height:2rem;}
	
	.about_td_t div.fl{ width:100%;}
	.about_td_t img.fr{ margin-top:1rem; width:auto;}
	.about_td_f{ padding:1rem 0px 2rem;}
	.about_td_f .tit{ font-size:1.25rem; margin-bottom:0.5rem;}
	.about_td_f .con{ font-size:0.75rem; line-height:1.5rem;}
	.about_td_f ul li .bg{ top:78%;}
	
	.about_td_f{ padding:1rem 0px 2rem;}
	.about_td_f .tit dd{ font-size:1.25rem; margin-bottom:0.5rem;}
	.about_td_f .tit dl{ font-size:0.75rem;}
	.about_td_f ul li,.about_td_f ul li.t{ width:46%; margin:0px 2% 1.5rem;}
	.about_td_f ul li a div.bg{ top:78%; height:auto;}
	.about_td_f ul li a div.bg dd{ font-size:1rem; margin-top:0px; padding-top:2%;}
	.about_td_f ul li a div.bg ol{ font-size:0.75rem;}
	.about_td_f ul li a div.bg dl{ font-size:0.75rem; line-height:1rem;}
	
	.ry_list{ margin:1rem 0px; width:100%;}
	.ry_list li{ width:100%;}
	.ry_list li a div.bg dl.t{ height:auto;}
	.ry_list li a div.bg dl.f{ text-align:center;}
	
	.about_job .job_list li.c div.f div.n dl{ min-width:100%; margin-right:0px;}
	
	.lxwm{ padding:2.5rem 0px 4rem;}
	.lxwm div.tit{ margin-bottom:1.5rem;}
	.lxwm div.tit dd{ font-size:1.5rem;}
	.lxwm div.tit a p{ display:none;}
	
	.lxwm ul.xx{ width:100%; margin-bottom:0px;}
	.lxwm ul.xx li{ width:98%; height:auto; margin-bottom:1rem; margin-right:0px;}
	.lxwm div.dt{ margin-bottom:0.5rem;}
	.lxwm div.nr{ margin-bottom:1rem;}
	.lxwm ul.bd li.t{ margin-bottom:0px;}
	.lxwm ul.bd li.t dl{ margin-right:0px; margin-bottom:1rem; width:100%;}
	
	.show_bg .show_ul li.t{ font-size:1.75rem;}
	.show_bg .show_ul li.f4 a.fh{ position:relative;}
	
	
	.about_job{ padding:1.5rem 0px 0px;}
	.about_job .sx div.fl .bg,.about_job .sx div.fr .bg{ height:2.5rem; line-height:2.5rem;}
	.about_job .job_list li.t{ height:2.5rem;}
	.about_job .job_list li.t dl,.about_job .sx div.fr .bg .s_txt,.about_job .sx div.fr .bg .s_btn{ line-height:2.5rem;}
	.about_job .job_list li.c{ height:2.5rem;}
	.about_job .job_list li.c div.t dl{ line-height:2.5rem;height:2.5rem;}
	.about_job .job_list li.c div.f{ padding:1rem 2% 0;}
	.about_job .job_list li.c div.f div.n b,.about_job .job_list li.c div.f div.nr dd{ font-size:0.875rem;}
	.about_job .job_list li.c div.f div.nr dd{ margin-bottom:0.5rem;}

	.news_list div.lanren ul.list li a .bg div.l{ width:45%; margin-right:5%;}
	.news_list div.lanren ul.list li a .bg div.c{ display:none;}
	.news_list div.lanren ul.list li a .bg img{ width:45%;}
	
	.news_list div.nav{ height:auto; line-height:inherit; padding:0.5rem 0px;}
	
	.news_list div.nav .fl{ font-size:1.25rem; width:100%; margin-bottom:0.5rem;}
	.news_list div.nav .fr{ width:100%;}
	.news_list div.lanren ul.list li{ padding:1rem 0px;}
	.news_list div.lanren ul.list li a .bg div.l dd{ font-size:1rem; line-height:1.5rem; margin-bottom:0.5rem;}
	
	.page .i_banner{display: flex;align-items: center;}
	.page .i_banner a{ width:100%;}
	.i_banner a div.bg{ padding-top:0px; height:auto;}
	
	.i_news li{ width:80%; margin:1vh 10%; height:13vh; background-position:50%;}
	.i_news li img{ display:none;}
	.i_news li a div.bg{display: flex;align-items: center;}
	.i_news li a div.bg dd{ margin:0px auto; font-size:1rem;}
	.i_news li a div.bg dd i{ left:50%; margin-left:-30px; width:60px;}
	.i_news li a div.bg dl{ display:none;}
	
	ul.foot_ul li.t{ font-size:1.75rem;}
	ul.foot_ul li.c{ font-size:0.875rem;}
	
	.sp_show ul li.t{ font-size:1.25rem;}
	.sp_show .fx{ line-height:2.5rem; padding-bottom:2.5rem;}
	.sp_show .fx i.cs{ bottom:0px; left:0px;}
	.sp_show .f14{ padding-bottom:2.5rem;}
	.sp_show .f14 dl{ line-height:1.5rem;}
	.sp_show .f14 a.fh{ position:relative; left:0px; margin:0px; margin-bottom:1rem; font-size:1rem;}
	
	.hxjs_list .fl{ width:100% !important;}
	.hxjs_list .fl ul li{ width:100%; margin-right:0px;}
	
	.lxwm ul.bd li.c dl label{ width:100%;}
	
	.i_banner a div.bg{ width:96%;}
	.slides li a div.bg dd, .i_banner a div.bg dd{ font-size:1.25rem !important;}
	.slides li a div.bg dl, .i_banner a div.bg dl,.slides li a div.bg dl p, .i_banner a div.bg dl p{ font-size:0.875rem !important; line-height:1.5rem !important;}
	
}
@media only screen and (max-width:375px){
	.about_td_f ul li,.about_td_f ul li.t{ width:86%; margin:0px 7% 1rem;}
	
	.show_bg .show_ul li.t{ font-size:1rem;}
	
	.about_job .sx{ min-height:11rem; height:auto;overflow: hidden;}
	.about_job .sx div.fl,.about_job .sx div.fr{ width:100%;margin:0px 0px 1rem;}
	
	.about_job .tit{ font-size:1.25rem; margin-bottom:0.5rem;}
	.about_job .xx{ font-size:0.875rem; line-height:1.5rem;}
	
	.about_job .sx div.fl .bg,.about_job .sx div.fr .bg .s_txt{ font-size:0.875rem;}
	.about_job .sx div.fr .bg .s_btn{ margin-right:-4%;outline:none;}
	
	.news_list div.lanren ul.list li a .bg div.l{ width:100%; margin-right:0px; margin-bottom:1rem;}
	.news_list div.lanren ul.list li a .bg div.l dd{ min-height:10px;}
	.news_list div.lanren ul.list li a .bg img{ width:100%; max-width:100%;}
	
	.sp_list ul{ width:100%;}
	.sp_list ul li{ width:100%;}
}