/*pad*/
img{max-width: 100%;}
.gh {
	float:right;
	height:20px;
	width:28px;
	right:0px;
	top:50%; margin-top:-10px;
	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;
}
.gh a {
	background-color:#ffffff;
	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: #ffffff;
	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:73%; margin-left:27%;}
.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:#ffffff;}
.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:#ffffff;}

@media only screen and (max-width:1480px) {
	.i_news #wrapper #carousel{ max-width:1260px;}
	.i_news #wrapper #carousel a.dj.prev{ margin-left:-3.5rem;}
	.i_news #wrapper #carousel a.dj.next{ margin-right:-3.5rem;}
}
@media only screen and (max-width:1400px) {
	.i_news #wrapper #carousel{ max-width:880px;}

}
@media only screen and (max-width:1300px) {
	.top_bg .con ul li{ margin:0px 25px;}
}
@media only screen and (max-width:1200px) {
	.top_bg .con ul{ margin-right:10px;}
	.banner .slides li .width1273 div.bg dd{ font-size:3rem;}
	.banner .slides li .width1273 div.bg dl{ font-size:1.5rem; line-height:2.5rem;}
	
	.i_tit dl{ margin-bottom:3rem;}
	.i_fw ul{ margin-bottom:0px;}
	
	.i_fw,.i_al{ padding:4rem 0px;}
	.i_al .con{ height:432px; margin-bottom:2rem;}
	.i_al .con ul.fl li{ height:200px; margin-bottom:32px;}
	.i_al .con ul.fl li a .bg dd{ line-height:1.7rem;}
	.i_al .con ul.fl li a .bg dd,.i_al .con div.fr a .bg{ font-size:1.25rem;}
	
	.i_zn{ height:800px;}
	.i_zn .bg .i_tit dl{ margin-bottom:4rem;}
	.i_news{ padding:120px 0px;}
	
	.about_jg{ margin:4rem 0px;}
	
	.news_list ul li{ height:27rem; margin-bottom:2rem;}
	.news_list ul li a .bg div.t{ height:12rem;}
	
}
@media only screen and (max-width:1100px){
	.top_bg .con ul li{ margin:0px 10px;}
	.top_bg .con .nav{ margin-right:42px;}
}
@media only screen and (max-width:900px) {
	body{
	 overflow-x: hidden; 
	}
	/*.top_bg .con .nav,.top_bg .con ul{ opacity:0;}*/
	.top_bg{ overflow:hidden; top:0px; padding:1rem 0px;}
	.top_bg.selected{ overflow:initial;background-color:rgba(0,0,0,0.5);}
	.top_bg .con .nav,.top_bg .con ul{ margin-left:-4%; margin-right:-4%; width:100%; padding:0px 4%; margin-top:5rem; opacity:0;transition:all .5s ease;}
	.top_bg.selected .con .nav,.top_bg.selected .con ul{ opacity:1;transition:all .5s ease;}
	.top_bg.selected .con .nav{ margin-top:1.25rem;}
	.top_bg.selected .con ul{ margin-top:0px;}
	.top_bg .con .nav{text-align:center;}
	.top_bg .con ul{ padding-bottom:1rem;}
	.top_bg .con .nav,.top_bg .con ul{background-color:rgba(0,0,0,0.5);}
	.top_bg .con ul li{ width:100%; margin:0px;}
	.top_bg .con ul li .bg{ position:relative; margin:0px; padding:0px; opacity:1;}
	.top_bg .con ul li .bg dl{ width:45%; float:left; padding:0px 0px 0px 5%;}
	.top_bg.now .con ul li .bg ol, .top_bg.now .con ul li .bg dl{ background:none;}
	
	.banner .slides li{background-size: auto 100%;}
	.banner .slides li .width1273 div.bg{ text-align:center; width:100%;}
	
	.i_zn{ height:40rem;}
	.i_zn .bg .i_tit dl{ margin-bottom:3rem;}
	
	.i_news{ padding:8rem 0px;}
	.i_news #wrapper #carousel li{ width:20rem; height:28rem;}
	.i_news #wrapper #carousel li a .bg div.t{ height:12rem;}
	
	.i_news #wrapper #carousel a.dj{ height:2rem; width:2rem; margin-top:0px; top:15%; background-color:#ffffff; line-height:2rem;}
	.i_news #wrapper #carousel a.dj.prev{ margin-left:0px;}
	.i_news #wrapper #carousel a.dj.next{ margin-right:0px;}
	
	
	.foot_bg .t ul.fl{ display:none;}
	.foot_bg .t div.fr{ width:100%; max-width:100%; text-align:center;}
	.foot_bg .t div.fr dd{ font-size:1.75rem;}
	.foot_bg .t div.fr dl{ font-size:0.875rem; margin:1rem 0px; line-height:2rem;}
	.foot_bg .t div.fr ol a{ margin:0px 5%;}
	
	.page_banner,.page_banner .width1273{ text-align:center;}
	.page_banner{display:flex;align-items:center; height:30rem;}
	.page_banner .hidden dd{ margin-top:0px;}
	.page_banner .width1273{ height:auto;}
	
	.about_i{ margin-bottom:3rem;}
	.about_lgly{ padding-top:0px;}
	.about_jg{ margin:3rem 0px;}
	
	.about_cp{ padding:3rem 0px;}
	.about_cp ul li img{ width:100%; float:left !important;}
	.about_cp ul li.l .bg,.about_cp ul li .bg{ position:relative; width:100%; display:block; padding:2rem 0px; float:right !important;}
	
	
	.s_top{ height:3.6rem;display:flex;align-items:center; }
	.s_top .con{ margin:0px auto;}
	.s_top.selected{ background-color:#ffffff;}
	
	.cp_show .cp_t div.fr{ width:60%;}
	
	.selected.s_top .gh a:after, .selected.s_top .gh a:before{ background-color:#222222;}
	.top_bg.s_top .con .nav, .top_bg.s_top .con ul,.s_top .con ul li .bg dl{ background-color:#ffffff;}
	.s_top .con ul li .bg dl a{color:#222222;}
	
	.cp_show{ margin-top:5.5rem;}
	.cp_show .tit{ padding:1rem 0px; height:auto; line-height:1.5rem;}
	.cp_show .cp_t,.cp_show .cp_t div.fr{ height:auto;}
	.cp_show .cp_t div.fl{ width:100%; max-width:100%;}
	.cp_show .cp_t div.fr{ width:100%; border-left:0px; margin-left:0px; border-top:1px solid #f2f2f2; display:block; padding:2rem 0px;}
	.cp_show .cp_t div.fr ul li.t{ font-size:1.875rem;}
	.cp_show .cp_t div.fr ul li.c{ font-size:1rem; margin:1rem auto; height: auto;}
	.device .scroll, .device .scroll ul, .device .scroll ul li{ height:200px;}
	.device .scroll ul li{ width:350px;}
	
	.al_s_top, .al_s_top .width1273{ height:auto;}
	.al_s_top .width1273{ padding:1.5rem 0px; line-height:1.5rem;}
	
	.news_list ul li{ width:46.5%; margin-bottom:2rem; height:28rem;}
	.news_list ul li a .bg div.t{ height:13rem;}
	
	.i_dh{padding-top:0px; margin-top:0px;}
	#i_c1 .i_about .width1273 .con div.l,#i_c1 .i_about .width1273 .con div.r,#i_c4 .i_al .con ul.fl,#i_c4.on .i_al .con div.fr,#i_c5 .i_zn .bg .i_tit,#i_c5 .i_zn .bg .more,#i_c2 .i_tit,#i_c2 .i_fw .more,#i_c3,#i_c4 .i_tit,#i_c4 .i_al .more,#i_c2 .i_fw ul li,#i_c5 .i_zn .bg ul li,#i_c6 .i_news .top,#i_c6 .i_news #wrapper{ opacity:1;}
	#i_c1 .i_about .width1273 .con div.l,#i_c4 .i_al .con ul.fl{ margin-left:0px;}
	#i_c1 .i_about .width1273 .con div.r,#i_c4 .i_al .con div.fr{ margin-right:0px;}
	#i_c2 .i_fw ul li,#i_c5 .i_zn .bg ul li,#i_c6 .i_news #wrapper{ margin-top:0px;}
	
}
@media only screen and (max-width:640px){
	.banner .slides li .width1273 div.bg dd{ font-size:2rem;}
	.banner .slides li .width1273 div.bg dl{ font-size:1rem; line-height:1.5rem;}
	
	.i_fw{ padding:4rem 0px;}
	.i_fw ul li{ height:180px;}
	
	.i_cp .flex-direction-nav{ display:none;}
	
	.i_al .con{ height:auto; margin-bottom:0px;}
	.i_al .con ul.fl{ width:100%; margin-bottom:1rem;}
	.i_al .con ul.fl li{ width:100%; max-width:100%; margin-bottom:2rem; height:auto;}
	.i_al .con ul.fl li a .bg{ padding:1rem 5%; position:relative;}
	.i_al .con ul.fl li a .bg dd{ margin-bottom:1rem; font-size:1.25rem;}
	.i_al .con ul.fl li a .bg ol{ position:relative;}
	.i_al .con div.fr{ display:none;}
	
	.i_news{ padding:2rem 0px;}
	.i_news #wrapper #carousel li{ margin:0px 1rem; width:16rem;}
	.i_news #wrapper #carousel li a .bg div.t{ height:9.5rem;}
	
	.foot_bg{ height:23rem;}
	.foot_bg .t{ height:auto; padding:2rem 0px; margin-bottom:0px;}
	.foot_bg .f{ text-align:center; height:auto;}
	
	.page_banner{ height:25rem;}
	.page_banner .hidden dd{ font-size:2.2rem;}
	.page_banner .hidden dl{ font-size:1rem;}
	.about_t{ padding:2rem 0px;}
	.about_t div.l{ text-align:center; font-size:1.75rem; width:100%; margin-bottom:1rem;}
	.about_t div.r{ width:100%; max-width:100%; font-size:1rem;}
	
	.about_jg .t,.about_cp .tit{ font-size:1.75rem;}
	.about_jg ul li{ margin-bottom:1rem;}
	
	.about_cp .tit{ margin-bottom:1.5rem; text-align:center;}
	
	.about_ljzx{ height:auto; padding:2rem 0px 1rem;}
	.about_ljzx .width1273{ padding:0px; height:auto;}
	.about_ljzx .width1273{ display:block; text-align:center;}
	.about_ljzx .width1273 a{ position:relative; margin:1rem auto; height:2.4rem; line-height:2.4rem; font-size:1rem;}
	
	.cp_list{ padding:3rem 0px;}
	.cp_list div.fl{ width:100%; max-width:100%; margin-bottom:2rem;}
	.cp_list div.fl div.t{ font-size:1.25rem; padding-bottom:0.5rem; margin-bottom:0.5rem;}
	.cp_list div.fl ul{ display:none;}
	.cp_list div.fr{ width:100%;}
	.cp_list div.fr ul li{ width:100%; margin-bottom:1rem;}
	.cp_list div.fr ul li a div.bg dl{ height:auto;}
	.cp_list div.fr ul li a div.bg dl img{ position:relative;}
	
	.cp_s_f{ padding:2rem 0px;}
	.cp_show_bg{ padding:2.5rem 0px;}
	.cp_show_bg .tit{ font-size:1.75rem;}
	.device a.qh{ margin-top:-4rem;}
	.device .scroll ul li{ width:290px;}
	
	.cgal_list{ padding:3rem 0px;}
	.cgal_list ul li{ width:44.5%;}
	
	.al_show li.n div.tit{ height:3rem; line-height:3rem; font-size:1.25rem; padding:1rem 0px;}
	.al_show{ padding:3rem 0px;}
	.al_show li.t{ font-size:1.5rem; margin-bottom:1rem;}
	.al_show li.n div.tab{ width:98%; margin:0px 1% 1rem;}
	
	.news_list ul li{ height:25.5rem;}
	.news_list ul li a .bg div.t{ height:11rem;}
	
	.lxwm{ padding:4rem 0px;}
	.lxwm div.fl,.lxwm div.fr{ width:100%; max-width:100%;}
	.lxwm div.fl{ margin-bottom:1rem;}
	
	.jobs{ padding:3rem 0px;}
	.jobs .tit{ font-size:1.5rem; margin-bottom:1rem;}
	
}
@media only screen and (max-width:480px){
	.top_bg{ height:2rem;}
	.s_top.now{ height:2rem;}
	.top_bg .con .logo{ max-width:80%;}
	
	.banner .flex-control-nav{ bottom:5vh;}
	
	.i_about .width1273{ display:block; padding:3rem 0px; height:auto; min-height:120px;}
	.i_about .width1273 .con div.l,.i_tit dd{ width:100%; margin-bottom:0.5rem; font-size:1.5rem; text-align:center;}
	.i_about .width1273 .con div.r{ width:100%; font-size:0.875rem; line-height:2rem;}
	
	.i_tit dl{ font-size:1rem; line-height:1.5rem; margin-bottom:1rem;}
	
	.i_fw{ padding:2.5rem 0px;}
	.i_fw ul{ width:100%; margin-bottom:0px;}
	.i_fw ul li{ width:100%; margin-right:0px; margin-bottom:1rem;}
	.i_fw ul li .bg{ text-align:center;}
	.i_fw ul li .bg img{ left:50%; margin-left:-20px;}
	.i_fw ul li .bg dd{ padding-left:0px;}
	.i_fw .more a{ font-size:0.875rem; height:2rem; line-height:2rem;}
	
	.i_al{ padding:3rem 0px;}
	.i_al .con ul.fl li a .bg dd{ font-size:1rem;}
	
	.i_zn{ height:24rem;}
	.i_zn .bg .i_tit dl{ margin-bottom:2rem; font-size:1rem;}
	.i_zn .bg ul{ margin-bottom:2rem; width:96%;}
	.i_zn .bg ul li{ height:5rem;}
	.i_zn .bg ul li img{ width:50%;}
	.i_zn .bg ul li dd{ margin-top:1rem;}
	.i_zn .bg .more a{ height:2rem; line-height:2rem;}
	
	.i_news .top ol{ font-size:1rem; margin-bottom:1rem;}
	.i_news .top dd{ font-size:1rem;}
	.i_news .top dd a{ font-size:0.75rem;}
	.i_news #wrapper #carousel,.i_news #wrapper #carousel li{width:25rem;}
	.i_news #wrapper #carousel li{ margin:0px; height:auto;}
	.i_news #wrapper #carousel li a .bg div.t{ height:auto;}
	.i_news #wrapper #carousel li a .bg div.f dl{ margin-top:0.5rem;}
	.i_news #wrapper #carousel .pager a{ margin:0px 0.25rem;}
	
	.page_banner{ height:20rem;}
	.page_banner .hidden dd{ font-size:1.75rem;}
	.page_banner .hidden dl{ margin-top:0.5rem;}
	
	.about_jg .t{ margin-bottom:1rem;}
	.about_jg .f{ font-size:1rem; margin-bottom:1rem; line-height:1.5rem;}
	.about_jg ul li{ width:100%; margin-right:0px;}
	
	.s_top .con,.s_top.now .con{ margin:0px auto;}
	
	.cp_show{ margin-top:4rem;}
	.cp_show .cp_t div.fl{ height:auto;}
	.cp_show .cp_t div.fl img{ position:relative; margin-bottom:-4px;}
	.cp_show .cp_t div.fr ul li.f a{ width:45%; margin-right:4%; font-size:1rem; height:2rem; line-height:2rem; max-width:160px;}
	.cp_show .cp_t div.fr ul li.t{ font-size:1.5rem;}
	.cp_show_bg .tit{ font-size:1.25rem; margin-bottom:1.5rem;}
	.cp_show_bg .device,.cp_show_bg .flex-direction-nav{ display:none;}
	.cp_show_bg .flexslider{ display: block;}
	.cp_s_f dd{ font-size:1.25rem; margin:1rem 0px;}
	.cp_s_f dl{ font-size:0.875rem; line-height:1.5rem;}
	
	.cgal_list ul,.cgal_list ul li{ width:100%;}
	.cgal_list ul li{ margin-right:0px; margin-bottom:1.5rem; height:auto;}
	.cgal_list ul li a .bg{ position:relative; padding:1.5rem 5%;}
	.cgal_list ul li a .bg dd{ margin-bottom:1.5rem; font-size:1.25rem; line-height:1.7rem;}
	.cgal_list ul li a .bg ol{ position:relative;}
	
	.page_mu ul li{ height:3rem; line-height:3rem;}
	.page_mu ul li a{ padding:0px 1rem; font-size:1rem;}
	
	.news_list{ padding:3rem 0px;}
	.news_list ul{ width:100%;}
	.news_list ul li{ width:100%; height:auto; margin-right:0px;}
	.news_list ul li a .bg div.t{ height:auto;}
	.news_list ul li a .bg div.t img{ width:100%;}
	
	.news_show{ padding:3rem 0px;}
	.news_show ul li.t{ font-size:1.5rem;}
	.news_show ul li.c{ font-size:1.25rem; padding:1.5rem 0px; line-height:1.7rem;}
	.news_show ul li.f{ font-size:1rem; line-height:1.75rem;}
	.f14{ margin-top:1rem; padding:1rem 0px;}
	.f14 dl{ font-size:1rem; line-height:2rem;}
	
	.lxwm{ padding:2.5rem 0px;}
	.lxwm div.hidden .tit{ font-size:1.7rem;}
	.lxwm div.hidden .con{ font-size:1rem; margin:0.75rem 0px;}
	.lxwm div.fl .nr{ margin-bottom:1rem;}
	.lxwm div.fl .nr p{ font-size:1rem; padding:1rem 0px;}
	
	.lxwm div.fr ul li{ margin-bottom:1rem;}
	.lxwm div.fr ul li dl{ width:100%; text-align:left;}
	.lxwm div.fr ul li.t input,.lxwm div.fr ul li.c textarea{ width:91%; float:left;}
	.lxwm div.fr ul li.b dl{ display:none;}
	.lxwm div.fr ul li.b input{ width:50%; margin:0px 25%;}
	
	.jobs .tit{ font-size:1rem;}
	
	.jobs ul li{ height:3rem;}
	.jobs ul li.t dl{ font-size:1rem; line-height:3rem;}
	.jobs ul li.t dl.d2,.jobs ul li.t dl.d3,.jobs ul li.c div.t dl.d2,.jobs ul li.c div.t dl.d3{ display:none;}
	.jobs ul li.t dl.d1,.jobs ul li.c div.t dl.d1{ width:70%;}
	.jobs ul li.t dl.d4,.jobs ul li.c div.t dl.d4{ width:30%; text-align:center;}
	.jobs ul li.c div.t dl{ height:3rem; line-height:3rem;}
	.jobs ul li.c div.t dl.d4 a{ height:2rem; line-height:2rem; margin:0px auto;}
	.jobs ul li.c div.f{ padding-bottom:2rem;}
	.jobs ul li.c div.f .c_t dl{ width:100%; font-size:1rem; line-height:2rem;}
	.jobs ul li.c div.f .c_f dd{ font-size:1rem;}
	.jobs ul li.c div.f .c_f dl{ padding:0.875rem 0px; font-size:0.875rem; line-height:1.5rem;}
	
	.i_al .more a{ height:2rem; line-height:2rem; font-size:0.875rem;}
	
}
@media only screen and (max-width:375px){
	.i_news #wrapper #carousel,.i_news #wrapper #carousel li{width:20rem;}
	
	.i_zn .bg ul li{ height:4rem;}
	.i_zn .bg ul li dd{ font-size:1rem; margin-top:0.5rem;}
	
	.i_al .con ul.fl{ margin-bottom:0px;}
	.i_al .con ul.fl li a .bg dd{ line-height:1.5rem;}
	
	.i_news #wrapper #carousel, .i_news #wrapper #carousel li{ width:18rem;}
}
@media only screen and (max-width:320px){
	.top_bg.selected .con .nav{margin-top:1.35rem;}	
}