/*pad*/
img{max-width: 100%;}
.gh {
	float:right;
	height:34px;
	width:34px;
	right:20px;
	top:1rem;
	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;
}
.selected .gh {transform: rotate(90deg);}
.gh a {
	background-color: #016ADB;
	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:#016ADB;
	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:1700px) {
	.top_bg .top_con{ max-width:1000px;}
	.top_bg .top_con ul li a dd{ padding-right:3rem;}
	.top_bg .top_con ul li a dd i{ right:25%;}
	.i_al_bg #slides a.dj.prev{ left:-5%;}
	.i_al_bg #slides a.dj.next{ right:-5%;}
}
@media only screen and (max-width:1550px) {
	.top_bg .logo{ left:5px;}
	.top_bg .top_xx{ right:5px;}
	.top_bg .top_xx dl.fl{ width:12rem; font-size:1rem;}
	.top_bg .top_xx dl.fr{ margin-left:0.5rem;}
	.top_bg .top_con{ max-width:850px;}	
	.i_al_bg #slides{ max-width:1235px;}
	.i_al_bg #slides a.dj.prev{ left:-3%;}
	.i_al_bg #slides a.dj.next{ right:-3%;}
	.i_al_bg #slides ul li dl{ width:24rem;}
}
@media only screen and (max-width:1400px) {
	.top_bg .logo{ width:15%;}
	.top_bg .top_xx dl.fr{ display:none;}
}
@media only screen and (max-width:1300px) {
	.i_al_bg #slides{ max-width:1130px;}
	.i_al_bg #slides ul li dl{ width:22rem}
	.top_bg .top_xx{ display:none;}
	.top_bg .top_con{margin:0px;margin-left:30%}
	.i_hzbh_bg #slides2{ max-width:1100px;}
	.i_hzbh_bg #slides2 ul li dl{ width:13rem;}
	.photo_show div.s_t div.fr{ width:56%;}
}
@media only screen and (max-width:1200px) {
	.i_al_bg #slides{ max-width:935px; height:18rem; margin-top:8rem;}
	.i_al_bg #slides ul li dl{ width:18rem;}
	.i_al_bg #slides a.dj{ top:70px;}
	.photo_show div.s_t div.fr{ width:50%;}
	.news_list li .fr{ padding-right:35%; width:48.5%;}
}
@media only screen and (max-width:1100px) {
	.i_hzbh_bg #slides2 ul li dl{ width:12rem; margin:0px 1.5rem;}
	.photo_show div.s_t div.fr{ width:45%;}
	.lxwm_c ul.fl li{ margin-bottom:1rem;}
	.lxwm_c ul.fl li.c{ line-height:2rem;}
}
@media only screen and (max-width:1000px) {
	.i_al_bg #slides{max-width:800px;}
	.i_al_bg #slides ul li dl{ width:15rem;}
	
	.i_hzbh_bg #slides2{ max-width:840px;}
	.i_hzbh_bg #slides2 ul li dl{ margin:0px 0.5rem;}
	
	.photo_show div.s_t div.fr{ width:42%;}
}
@media only screen and (max-width:900px) {
	.i_c_t ul li dd{ font-size:1rem;}
	
	.i_al_bg{ height:36rem;}
	.i_al_bg #slides{max-width:700px; height:14rem;}
	.i_al_bg #slides ul li dl{ width:13rem;}
}
@media only screen and (max-width:800px){
	body{overflow-x: hidden; }
	.gh{display: block;}
	.top_bg .logo{ width:28%;}
	.top_bg .top_con ul{ position:absolute;top:5rem;width:0px;left:100%;opacity:0;transition:all .5s ease;background-color:#ffffff;z-index:8;height:10000%;}
	.top_bg.selected .top_con ul{width:70%; left:30%; opacity:1;transition: all .5s ease;}
	.top_bg .top_con ul li{ width:100%; height:3rem;}
	.top_bg .top_con ul li a dd{ width:90%; padding-left:10%; padding-right:0px; height:3rem; line-height:3rem;}
	.top_bg .top_con ul li a dd i{ display:none;}
	.top_bg .top_con ul li dl{ display:none;}
	
	
	.slides li{ height:20rem;}
	.i_c_t{ height:auto;}
	.i_c_t ul{ margin:1.5rem auto;}
	.i_cp_bg .width1280 div.fl{ display:none;}
	.i_cp_bg .width1280 div.fr{ width:100%;}
	
	.i_news div.t ul.fr li .fl{ width:18.5%;}
	.i_news div.t ul.fr li .fr{ width:74.5%; margin-right:0px;}
	
	.i_hzbh_bg #slides2 ul li dl{ width:10rem;}
	
	.i_tit_t,.i_tit_f,.tit_t,.tit_f{ opacity:1; margin-top:0px;}
	.i_c_t ul li{ opacity:1; margin-top:0px;}
	.i_cp_bg .width1280 div.fl{ margin-left:0px; opacity:1;}
	.i_cp_bg .width1280 div.fr{ margin-right:0px; opacity:1;}
	.i_ly .i_ly_f .js li{ opacity:1;} 
	.i_ly .i_ly_f .js li.j_l1{left:0px;}
	.i_ly .i_ly_f .js li.j_l2{right:0px;}
	.i_ly .i_ly_f .js li.j_l3{left:0px;}
	.i_ly .i_ly_f .js li.j_l4{right:0px;}
	.i_ly .i_ly_f .js li.j_l5{left:0px;}
	.i_ly .i_ly_f .js li.j_l6{right:0px;}
	.i_news div.t ul.fl{ opacity:1;}
	.i_news div.t ul.fr{ opacity:1;margin-right:0px;}
	#wrapper{ opacity:1;}
	
	.pf{ display:none;}
	
	.i_tit_t{ padding-top:1.5rem; font-size:1rem;}
	.i_tit_f{ font-size:1.5rem;}
	.i_c_t ul li{ width:46%; margin:0px 2% 2rem; min-height:170px;}
	.i_cp_bg .width1280{ padding-top:4rem}
	.i_cp_bg .width1280 div.fr ul li{ width:46%; margin:0px 2% 1.5rem; height:14rem;}
	.i_cp_bg .width1280 div.fr ul li dl{ height:11rem;}
	.i_cp_bg .width1280 div.fr ul li dl img{ max-height:120px;}
	
	.i_ly .i_ly_f{ height:auto; margin-top:2rem;}
	.i_ly .i_ly_f .con{ width:80%;height:auto;overflow: hidden;}
	.i_ly .i_ly_f .con img.i{ width:12.5rem; margin-left:-6.25rem; margin-top:-6.25rem;}
	.i_ly .i_ly_f .con ul{ display:none;}
	.i_ly .i_ly_f .js{ position:relative; top:2rem;}
	.i_ly .i_ly_f .js li{ position:relative; width:46%; margin:0px 2%; float:left; height:auto; padding-bottom:1rem; margin-bottom:1rem; text-align:center !important; top:0px !important;}

	.i_al_bg #slides{ display:none;}
	.i_al_bg .i_al_gd{ display:block; width:96%; margin:2rem auto;}
	.i_al_bg .i_al_gd ul li img{ width:91%;}
	.i_al_bg .i_al_gd ul li dd{ color:#ffffff;font-size:1rem;text-align:center;overflow:hidden;word-break:keep-all;white-space:nowrap;text-overflow:ellipsis;}
	
	.i_news div.t{ margin-bottom:2rem;}
	.i_news div.t ul.fl{ width:100%; margin-bottom:2rem;}
	.i_news div.t ul.fr{ width:100%;}
	
	.i_hzbh_bg{ margin-top:3rem;}
	
	.i_hzbh_bg{ height:14rem;}
	.i_hzbh_bg #wrapper{ display:none;}
	
	.i_hzbh_bg .i_hzhb_gd{display:block; width:96%; margin:2rem auto;}
	
	.foot_bg div.t div.fr dl.fl{ display:none;}
	
	.foot_bg{ padding-top:2rem; height:25.5rem;}
	.foot_bg div.t div.fl{ width:100%; text-align:center;}
	.foot_bg div.t div.fl img{ margin-bottom:0.25rem; max-height:40px;}
	.foot_bg div.t div.fl dl{ font-size:0.75rem;}
	.foot_bg div.t div.fr{ width:100%;}
	.foot_bg div.t div.fr dl.fr{ width:100%; margin-top:1rem; text-align:center;}
	.foot_bg div.t div.fr dl.fr img{ max-height:8rem;}
	.foot_bg div.f{ margin-top:1rem;}
	.foot_bg div.f dl.t,.foot_bg div.f dl.c{ display:none;}
	.foot_bg div.f dl.f p{ width:100%; text-align:center; line-height:1.5rem;}
	
	.page_banner{ height:14rem;background-size: auto 100%;}
	.page_banner .width1280 dd{ margin-top:3rem; padding-bottom:2rem; font-size:1.5rem;}
	.page_banner .width1280 ol{ font-size:0.875rem;} 
	.page_t{ height:auto;}
	
	.page_t div.fr{ height:2rem; line-height:2rem; width:100%; margin-top:1rem; text-align:left;}
	.photo_list ul li{ width:100%;}
	.photo_list ul li div dl{ height:6rem; overflow:hidden;}
	.page_f{ height:4rem;}
	.page_f dl.fl{ width:60%; font-size:1rem; line-height:4rem;}
	.page_f dl.fr{ width:38%; height:2rem; line-height:2rem; margin:1rem 0px; max-width:140px;}
	.page_f dl.fr a p{ font-size:0.875rem;}
	
	.photo_show div.s_t div.fl{ width:100%;}
	.photo_show div.s_t div.fl .t dl{ height:16rem;}
	.photo_show div.s_t div.fl .h218px #scrollbox{ width:88% !important;}
	.photo_show div.s_t div.fr{ width:100%; margin-top:2rem;}
	.photo_show div.s_t div.fr dd{ line-height:1.5rem; font-size:1.25rem; padding-bottom:1rem;}
	.photo_show div.s_c .t{ height:2.5rem; margin-bottom:1.5rem;}
	.photo_show div.s_c .t dd{ width:30%; line-height:2.5rem;}
	.photo_show div.s_c .t ol{ line-height:2.5rem;}
	.photo_show div.s_c .t ol b{ font-size:1.25rem;}
	.photo_show div.s_c .f{ font-size:1rem; line-height:1.5rem;}
	.photo_show div.s_c .f td{ width:48% !important; padding-right:2%;}
	.photo_show div.s_c .f img{ height:auto !important; width:auto !important; padding-right:0px;}
	.photo_show div.s_c .f p,.photo_show div.s_c .f span{font-size:1rem !important; line-height:1.5rem !important;}
	.al_list ul{ width:100%;}
	.al_list ul li{ width:48%; margin:0px 1% 1.5rem;}
	.news_list li .fr{ width:80.5%; padding-right:0px;}
	
	.page_t ul{ width:100%;}
	.page_t ul li{ width:33.3333%;}
	.page_t ul.about_t li a p{ padding:0px 0.5rem 0px 1.5rem;}
	.about_hzhb ul li{ width:48%;}
	
	.about_fw div.bg ol{ padding-left:4rem; height:3rem; line-height:3rem; font-size:2rem; margin-top:-1.5rem;}
	
	.lxwm_c ul.fl{ width:94%;}
	.lxwm_c ul.fl li{ margin-bottom:1rem;}
	.lxwm_c ul.fl li.c{ line-height:1.5rem;}
	.lxwm_c div.fr{ width:100%; position:relative; margin-top:1rem; height:20rem;}
	
	.lxwm_ly ul{ width:100%;}
	.lxwm_ly ul li.f{ text-align:center;}
	.lxwm_job ul{ margin-bottom:1rem;}
	.lxwm_job ul li dd.j_d1{ width:45%;}
	.lxwm_job ul li dd.j_d2{ display:none;}
	.i_news div.t ul.fl li{ width:43%;}
	
	.news_show ul li.c,.al_show div.c{ min-height:100px;}
	
}
@media only screen and (max-width:480px){
	.top_bg .logo{ width:45%;}
	.slides li{ height:10rem;}
	.i_ly .i_ly_f .js li{ width:100%;}
	.i_hzbh_bg{ height:14rem;}
	.i_news div.t ul.fl li{ width:48%;}
	.photo_list ul li{ height:13rem;}
	.page_t ul li{ height:2.5rem; line-height:2.5rem;}
	.page_t ul li a p{ padding:0px 0.6rem;}
	.al_list ul li{ width:100%; margin-right:0px; margin-bottom:1.5rem;}
	.news_list li .fr{ width:66%;}
	
	.news_show ul li.t{ font-size:1.5rem;}
	.news_show ul li.c iframe,.al_show div.c iframe{ width:100% !important; height:18rem !important;}
	
	#nb_icon_wrap{ width:16% !important; height:10% !important;}
	
	.news_show ul li.q dl{ height:2.5rem; line-height:2.5rem; font-size:0.75rem;}
	.news_show ul li.q dl a{ font-size:0.75rem;}
	
	.foot_bg div.t div.fr dl.fr img{ max-height:5rem;}
	
	.page_t div.fr i{ margin:0px 0.25rem;}
	.page_t ul.about_t li{ width:50%;}
	.page img{ height:auto !important; width:50%;}
}
@media only screen and (max-width:375px){
	.i_c_t ul li{ min-height:200px;}
	.news_list li .fl p.t{ font-size:1.5rem;}
	.news_list li .fl p.c,.news_list li .fl p.f{ font-size:0.75rem;}
	.news_show ul li.c iframe,.al_show div.c iframe{ height:14rem !important;}
	.t_bg,.top_bg,.top_bg .top_con{ height:4rem;}
	.top_bg .top_con ul{ top:4rem;}
}