/*pad*/
img{max-width: 100%;}
.gh {
	float:right;
	height:34px;
	width:34px;
	right:20px;
	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:8;
}
.selected .gh {transform: rotate(90deg);}
.gh a {
	background-color:#e60012;
	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: #e60012;
	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:1400px) {
	.cp_show_gd #wrapper a.nav.fl{ margin-left:0px;}
	.cp_show_gd #wrapper a.nav.fr{ margin-right:0px;}
	.cp_show_gd #wrapper #CSSBox{ width:80% !important;}
	.page_fgs_bg a .lj{ right:0%;}
}
@media only screen and (max-width:1300px) {
	.about_bg .t dl{ width:48%;}
	.about_bg .t img{ max-width:40%;}
	.about_bg .about_con dd span{ font-size:10rem;}
	.news_list ul li a .bg .i{ height:15rem;}

}
@media only screen and (max-width:1200px) {
	.carousel-inner>.item{background-size:auto 100% !important; height:40rem !important;}
	.foot_t_bg .fl{ width:30%;}
	.foot_t_bg .fr ul{ width:20%; padding-left:5%;}
	.page_adcp li .con .t img{ top:3rem;}
	.page_adcp li .con .c dl{ font-size:20rem;}
	.page_adcp li .con .c img{margin-left:-184px;}
	.page_adcp li .bg{ height:22rem;}
	.cp_show_gd #wrapper #CSSBox{ width:64% !important;}
	
	.cplct_list li{ box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.05); margin-bottom:4rem;}
	.cplct_list li.l1, .cplct_list li.l2, .cplct_list li.l4, .cplct_list li.l5{ margin-right:1%;}
	.cplct_list li a div img{ max-width:120px; margin-top:-60px;}
	.cplct_list li a div dd{ padding-left:45%;}
	.cplct_list li a div i{ left:45%; font-size:8rem;}
	
	.cp_t_mu li a div i{ left:10%;}
}
@media only screen and (max-width:1150px) {
	.cp_show_gd #wrapper #CSSBox{ width:460px !important;}
	.x_banner{ margin-left:3rem; width:25%;}
}
@media only screen and (max-width:1100px) {
	.cp_list ul li{ padding:1.5rem 0px;}
	.cp_list ul li a div{ width:99%; height:auto;}
	.cp_list ul li a dd{ height:2rem; line-height:2rem;}
	.news_list ul li a .bg .i{ height:14rem;}
	.news_list ul li a .bg .c{ padding:0.5rem;}
	.cp_show_qt_bg ul li div{ height:14rem;}
	.cp_show_top .t{ padding-top:3rem;}
	.cp_show_top .c{ margin-bottom:1rem;}
	.cp_show_top .f .fl{ padding:2.5rem 0px;}
	.cp_show_top .f .fr{ padding-top:2.5rem;}
}
@media only screen and (max-width:1000px) {
	.i_c_top,.i_news_bg{ padding:2rem 0px;}
	.i_c_top li a div{ width:90%; margin:0px auto;}
	.i_news_bg .name{ margin-bottom:1rem;}
	.i_sj_bg ul li dd b{ font-size:3rem;}
	.page_f_mu{ padding:2rem 0px 1rem;}
	.page_f_mu a{ margin-left:1rem;}
	
	.gmqd_xx{ padding:3rem 0px 5rem;}
	.gmqd_xx ul li.c dl{ height:auto; line-height:1.5rem;}
	.gmqd_xx ul li.c dl.d1{ width:7%; padding:0.5rem 1%;}
	.gmqd_xx ul li.c dl.d2{ width:23%; padding:0.5rem 1%;}
	.gmqd_xx ul li.c dl.d3{ width:13%; padding:0.5rem 1%;}
	.gmqd_xx ul li.c dl.d4{ width:37%; padding:0.5rem 1%;}
	.gmqd_xx ul li.c dl.d5{ padding:0.5rem 0px;}
	.news_list ul li a .bg .i{ height:12rem;}
	.news_list ul li a .bg .c dd{ font-size:1rem;}
	.news_list ul li a .bg .c dl{ font-size:0.875rem; line-height:1.5rem;}
	.cplct_list li{ height:10rem;}
	.cplct_list li a div img{ max-width:80px; margin-top:-40px;}
	.cplct_list li a div dd{ line-height:10rem;}
	.cplct_list li a div i{ font-size:6rem;line-height:10rem;}
	
	.gmqd_zshz div.t ul li{ width:50%; margin-bottom:1rem;}
	.gmqd_zshz div.t ul li div{ width:90%;}
	
}
@media only screen and (max-width:900px) {
	.cp_show_qt_bg ul li div{ height:12rem;}
	.cp_show_qt_bg ul li dl{ height:3rem; line-height:3rem; font-size:1rem;}
	.photo_z_mu li a p{ width:70%;}
	.cplct_list li{ width:31%; margin:0px 1% 3rem;}
}
@media only screen and (max-width:800px){
	body{
	 overflow-x: hidden; 
	}
	.gh{display: block;}
	#t1{padding-top:0px; margin-top:0px;}
	#t2{padding-top:0px; margin-top:0px;}
	#t3{display: none;}
	#t4{padding-top:0px; margin-top:0px;}
	.top_bg .t .l{ font-size:1.25rem;}
	.i_c_top li{ opacity:1; margin-top:0px;}
	.i_news_bg .tit,.i_news_bg .name,.i_fx .tit,.i_fx .name{ opacity:1;}
	.i_news_bg .tit,.i_fx .tit{ font-size:1.8rem;}
	.i_news_bg .tab .box_all{ opacity:1; margin-top:0px;}
	.i_sj_bg ul li{ opacity:1;}
	.i_fx .fx_ul li{ opacity:1; margin-top:0px }
	.i_fx .fx_ul li .t{ max-width:30px;}
	.i_fx .fx_ul li.c {width:25%; height: 61px;}
	.i_fx .fx_ul li.i_f3 { margin-top: 0px; }
	.i_fx .txt_ul li { width: 20%;}
	.i_fx .txt_ul li .txt { display: none;}
	.top_bg .t .c,.top_bg .t .c a img{ opacity:0;}
	.top_bg .f .pc_logo{ display: none;}
	.top_bg .f{ overflow:inherit;}
	.top_bg .bg .f .logo{ display:block; max-height:100%;}
	.top_bg .bg .f ul.top_mu{ opacity:0; height:0px;transition: all .5s ease; position:absolute; top:8rem; z-index:-1; background-color:#ffffff; padding:0px 2%; margin-left:-2%; overflow:hidden;}
	.top_bg .bg.selected .f ul.top_mu{ opacity:1; height:250%;transition: all .5s ease; top:7rem; z-index:888;}
	.top_bg .bg .f ul.top_mu li.home{ display:none;}
	.top_bg .bg .f ul.top_mu li{ width:25%; padding:0px; position:relative;}
	.top_bg .bg .f ul.top_mu li div{ background-color:#ffffff;top:7rem; width:100%; position:relative; top:0px;}
	.top_bg .f ul.top_mu li div dl{ text-align:center; height:auto; padding:0.5rem 5%; line-height:1.5rem;}
	.top_bg .f .lm_bg{ display:none;}
	.carousel-inner>.item{height:20rem !important;}
	.i_news_bg .tab{ margin-bottom:1rem; display: block;}
	.i_news_bg .tab .box_all ul li{ width:18rem !important; height:24rem !important;}
	.i_news_bg .tab .box_all ul li a div.bg{ margin:0px 1.25rem 0px 0px; height:100%;}
	.i_news_bg .tab .box_all ul li a:hover div.bg{ padding:0px;}
	.i_news_bg .tab .box_all ul li a div.bg .i{ height:16rem;}
	.nav{ width:100%;}
	.nav li{ width:33%;}
	.nav li a dd{ width:85%;}
	.i_sj_bg ul{ padding-top:0px;}
	.i_sj_bg ul li{ width:40%; padding-left:10%; margin-top:1rem !important;}
	.foot_t_bg{ padding:2rem 0px; height: 170px;}
	.foot_t_bg .logo img { width: 180px; height: 180px; }
	.foot_t_bg .tel400 { position: absolute; width:220px; padding: 0 0 0 30%; margin: 0; }
	.foot_t_bg .tel400 span{ position: absolute; margin: 5px 0 0 5px; font-family:"Swis721 Hv BT"; font-size:26px; font-weight:bold; color:#ffffff;}
	.foot_t_bg .tel400 img{width: 40px; height: 40px;}
	.foot_t_bg .fr ul{ width:23%; padding-left:2%;}
	.foot_t_bg .qrcode{ position: absolute; right: 4%; margin: 60px 0 0 0;}
	.foot_t_bg .qrcode li{ float:left; text-align:center; margin:0 20px;}
	.foot_t_bg .qrcode li img{ width: 90px; height: 90px;}
	.slides li{ height:16rem;background-size:auto 100%;}
	
	.about_bg{ background:none;}
	.page_top_tit{ padding:2rem 0px;}
	.about_bg .about_con dd{ height:5rem; line-height:5rem;}
	.about_bg .about_con dd span{ font-size:4.5rem;}
	.about_bg .t{ min-height:20rem;}
	.about_bg .t dl{ width:100%;}
	.about_bg .t img{ display:none;}
	.about_bg .f{ margin-top:2rem;}
	.about_bg .f ul{ margin-top:2rem;}
	.about_bg .f ul li{ margin-bottom:2rem;}
	.about_bg .f ul li img{ float:none !important; width:100%; max-width:600px;}
	.about_bg .f ul li div{ position:relative; width:100%; max-width:600px;}
	.about_bg .f ul li div ol{ width:100%; margin:1rem auto; text-align:center;}
	.about_bg .f ul li div dl{ width:100%;}
	.page_f_mu a{ margin-bottom:0.5rem;}
	.page_fzr{ padding:2rem 0px 4rem;}
	.page_fzr dd{ margin-bottom:1.5rem;}
	.page_fzr .con .fr{ text-align:left;}
	.page_fgs_bg{ padding:3rem 0px; background-image:none; margin-bottom:2rem;}
	.page_tit{ margin-bottom:2rem;}
	.page_qq,.page_sb{ padding:2rem 0px 4rem;}
	.page_sb div.c{ padding-top:2rem;}
	.page_sb div.f{ padding:2rem 0px;}
	.page_adcp li .bg{ height:16rem;}
	.page_adcp li .con .c{ margin-top:-6.5rem;}
	.page_adcp li .con .c dl{ font-size:10rem;}
	.page_adcp li .con .c img{ margin-left:-63px;}
	.cp_t_mu{ margin-bottom:1rem;}
	.cp_t_mu li a div i{ width:2rem; height:2rem; margin-top:-1rem;}
	.cp_t_mu li.on a div i,.cp_t_mu li a:hover div i{background-position:0px -34px;}
	.cp_t_mu li div p{ height:2rem; line-height:2rem;}
	.cp_list ul li{ padding:0.5rem 0px;}
	.cp_list .more{ margin:2rem 0px 4rem;}
	.lxwm_dt{ height:20rem;background-size:auto 100%;}
	.gmqd div.fl{ width:100%; margin-bottom:2rem;}
	.gmqd div.fr{ width:98%;}
	.gmqd div.fr ul{ margin:1rem auto; width:90%;}
	.wlgw_bg{ padding:2rem 0px;}
	.wlgw_bg dd{ font-size:1.5rem; margin-bottom:1rem;}
	.wlgw_bg ul li{ height:inherit;}
	.gmqd_xx ul{ min-height:200px;}
	
	.cp_show_qt_bg{ padding:2rem 0px;}
	.cp_show_sp dd,.cp_show_qt_bg dd{ margin-bottom:2rem;}
	.cp_show_gd{ padding:3rem 0px;}
	.cp_show_gd #wrapper{ margin-top:2rem;}
	.cp_show_top .c{ margin-bottom:0px;}
	.cp_show_top .f .fl{ padding:1rem 0px; border:0px; width:100%;}
	.cp_show_top .f .fr{ padding-top:0px; width:100%;}
	.cp_show_top .f .fr dd{ margin-bottom:1rem;}
	.cp_show_top .f .fr dl{ height:auto; margin-bottom:1rem;}
	.cp_show_top .f .fr ul{ padding-top:1rem;}
	.cp_show_top .f .fr ul li div{ text-align:center;}
	.cp_show_top .f .fr ul li div.s_c{ font-size:1.5rem;}
	.i_c_top li a div{ width:80%;}
	.i_c_top li a dd{ height:2rem; line-height:2rem;}
	.news_list .more{ margin:2rem 0px 4rem;}
	.page_fgs_bg div{ font-size:1.25rem; line-height:2.5rem; text-align:justify;}
	
	.job_con ul li.c.on div.f{ opacity:1; height:auto;transition: all 1s ease;}
	.job_con ul li.c div.f div{padding:1rem 3% !important;}
	.job_con ul li.c div.f div.fl,.job_con ul li.c div.f div.fr{ width:94%;}
	.job_con ul li.c div.f div ol{ font-size:1.5rem;}
	.job_con ul li.c div.f div dl{ font-size:1.25rem; line-height:2.5rem;}
	.photo_z_mu li a p{ width:80%;}
	
	.cplct_list li{ width:48%; margin:0px 1% 2rem;}
	.page_fgs_bg a .lj{ display:none;}
	
	.lxwm_con div.t{ padding:0rem 0px 3rem;}
	.lxwm_con ul.c{ width:100%;}
	.lxwm_con ul.c li{ width:98%; margin:0px 1% 1rem;}
	.lxwm_con ul.c li dl{ margin-top:5%;}
	.lxwm_con ul.c li dl dd{ font-size:1.25rem;}
	.lxwm_con ul.c li dl ol{ font-size:1.75rem; line-height:2.25rem;}
	
	.gmqd_zshz div.c2 div{ padding-left:4%;}
	
	.lxwm_con ul{ width:100%;}
	.lxwm_con ul li.t div{ width:100%; margin-bottom:1rem;}
	.lxwm_con div.f{ background-image:none; background-color:#fafafa; width:100%;}
	#news .swiper-container {
        width: 80%;
        padding:30px 0 0 0;
    }
	#article .swiper-container {
        width: 80%;
        padding:30px 0 0 0;
	}
	.swiper-navigation {
		display: none;
	}
	.swiper-pagination {
		display: none;
	}}
@media only screen and (max-width:640px){
	.a-fadein, .a-fadeinT, .a-fadeinR, .a-fadeinB, .a-fadeinL, .a-bouncein, .a-bounceinT, .a-bounceinR, .a-bounceinB, .a-bounceinL, .a-rotatein, .a-rotateinLT, .a-rotateinLB, .a-rotateinRT, .a-rotateinRB, .a-flipin, .a-flipinX, .a-flipinY{-webkit-animation:0  !important; -moz-animation:0 !important; -ms-animation:0 !important;animation:0 !important;}
	.foot_t_bg .fl{ width:100%; text-align:center;}
	.foot_t_bg .fr{ display:none;}
	.foot_f_bg dl{ width:100%; text-align:center;}
	.cp_list ul li{ width:50%;}
	.news_list ul li{ width:33.333%;}
	.cp_show_gd #wrapper #CSSBox{ width:230px !important;}
	.top_bg .t .r i{ right:12%; top:3px;}
	
	.form_c ul li.t div{ width:100%; margin-bottom:1rem;}
}
@media only screen and (max-width:480px){
	.top_bg .f ul.top_mu li a dd{ font-size:1.25rem;}
	.top_bg .f ul.top_mu li div dl a{ font-size:1rem;}
	.page_fgs_bg{ padding:2rem 0px;}
	.cp_t_mu li{ width:33.33333%;}
	.cp_t_mu{ margin-top:1rem;}
	.cp_t_mu li.on a div i,.cp_t_mu li a:hover div i{background-position:0px -70px;}
	.about_bg .f ul li div dl{ font-size:1.25rem; text-align:justify;}
	.cp_show_qt_bg ul li{ width:46%; margin:0px 2% 2rem;}
	
	.news_t_mu{ padding:1rem 0px 0px;}
	.news_t_mu li{ height:3rem; width:31.333%; margin:0px 1% 1rem;}
	.news_t_mu li a p{ font-size:1.25rem; height:auto; line-height:2.8rem;}
	.news_list ul li{ width:50%;}
	.news_list ul li a .bg .i{ height:13rem;}
	.news_show{ padding:2rem 0px;}
	.news_show li.t{ font-size:2rem;}
	.news_show li.f{ padding:1.5rem 0px; font-size:1.25rem; line-height:2.5rem; text-align:justify;}
	.fy{ padding:1rem 0px 2rem;}
	.fy div a dl{ font-size:1.5rem;}
	.lxwm_con{ padding:2rem 0px 4rem;}

	.page_tit{ font-size:1.25rem;}
	.page_tit i{ margin:0px 2%;}
	.page_f_mu a{ font-size:1.5rem;}
	.foot_t_bg .fl ol,.foot_t_bg .fl dl{ font-size:1.25rem;}
	.wlgw_bg ul li{ width:46%;}
	.gmqd_xx ul li dl.d4{ display:none;}
	.gmqd_xx ul li dl.d1{ width:20%;}
	.gmqd_xx ul li.c dl.d1{ width:18%;}
	.gmqd_xx ul li dl.d2{ width:33%;}
	.gmqd_xx ul li.c dl.d2{ width:31%;}
	.gmqd_xx ul li dl.d3{ width:22%; border-right: 1px solid #f2f2f2; margin-right:-1px;}
	.gmqd_xx ul li.c dl.d3{ width:20%; border-right: 1px solid #f2f2f2; margin-right:-1px;}
	.gmqd_xx ul li dl.d5{ width:25%;}
	.job_con dd{ font-size:1.5rem;}
	.job_con{ padding:2rem 0px 4rem;}
	.job_con ul li.t dl.d1, .job_con ul li.c div.t dl.d1{ width:33%; padding-left:3%;}
	.job_con ul li.t dl.d2, .job_con ul li.c div.t dl.d2{ width:25%;}
	.job_con ul li.t dl.d4, .job_con ul li.c div.t dl.d4{ width:22%;}
	.job_con ul li.t dl.d4{ text-align:center;}
	.job_con ul li.c div.t dl.d4 a p{ width:80%; margin:0.9375rem 10%;}
	.i_news_bg .tab .box_all ul li a div.bg .c{ padding:0.5rem 0.75rem; height:7rem;}
	.i_news_bg .tab .box_all ul li a div.bg .c dd{ margin-bottom:0.5rem; font-size:1.25rem; overflow:hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis;}
	.i_news_bg .tab .box_all ul li a div.bg .c dl{ height:4rem; overflow:hidden;}
	.foot_f_bg{ padding:1rem 0px;}
	.foot_f_bg dl{ line-height:1.5rem;}
	.gmqd div.fr ul li.c textarea{ height:170px; line-height:1.5rem;}
	.photo_z_mu{ padding-bottom:0.5rem;}
	.photo_z_mu li a p{ width:90%;}
	.about_mu_bg ul{ margin-bottom:3rem;}
	.about_mu_bg ul li{ height:15rem;}
	.about_mu_bg ul li a div{ padding-top:3rem; height:12rem;}
	.about_mu_bg ul li a div img.jt{ opacity:1;}
	.about_mu_bg ul li a div img.i{ bottom:0.5rem; max-width:50px;}
	
	.cplct_list li{ width:98%; margin:0px 1% 2rem; height:12rem;}
	.cplct_list li a div img{ max-width:120px; margin-top:-60px;}
	.cplct_list li a div dd{ line-height:12rem; font-size:2rem;}
	.cplct_list li a div i{ font-size:10rem; line-height:12rem;}
}
@media only screen and (max-width:375px){
}