/*pad*/
.gh{ display:none; }
@media only screen and (max-width:1680px){

}
@media only screen and (max-width:1600px){

}
@media only screen and (max-width:1480px){
	.foot_bg .width1680 .hidden.t ul.l li{ width:auto; min-width:10%; }
}
@media only screen and (max-width:1366px){
	
}
@media only screen and (max-width:1280px){
	
}
@media only screen and (max-width:1200px){
	.top_bg .width1680 .dh_bg{ max-width:48rem; }
	.top_bg .width1680 .dh_bg ul li dd a{ padding:0px 1rem; }

}
@media only screen and (max-width:1024px){
	.gh{ display:block; }

	.top_bg .gh{ display:block; position:absolute; top:50%; right:5%; width:2.5rem; height:2rem; margin-top:-1rem; cursor:pointer; }
	.top_bg .gh i{ position:absolute; background-color:#ffffff; width:100%; height:2px; left:0px; transition:all .5s ease; }
	.top_bg.now .gh i{ background-color:#333333; }
	.top_bg .gh i.t{ top:0; }
	.top_bg .gh i.c{ top:50%; margin-top:-1px; }
	.top_bg .gh i.f{ bottom:0px; }
	.top_bg.selected .gh i{ top:50%; transition:all .5s ease; }
	.top_bg.selected .gh i.t{ transform:rotate(45deg); }
	.top_bg.selected .gh i.c{ display:none; }
	.top_bg.selected .gh i.f{ transform:rotate(135deg); }

	.top_bg .width1680 .yy{ margin-right:4rem; }
	.top_bg .width1680 .dh_bg{ position:fixed; margin-right:0px; top:5.625rem; right:5%; background-color:rgb(0,0,0,0.6); height:auto; overflow:hidden;transition:all 1s ease; opacity:0; margin-right:-100%; width:50%; }
	.top_bg.selected .width1680 .dh_bg{ opacity:1; margin-right:0%; transition:all 1s ease; }
	.top_bg .width1680 .dh_bg ul,.top_bg .width1680 .dh_bg ul li{ height:auto; }
	.top_bg .width1680 .dh_bg ul{ overflow:hidden; padding:1rem; width: auto; }
	.top_bg .width1680 .dh_bg ul li{ width:100%; margin-right:0px; }
	.top_bg .width1680 .dh_bg ul li dd{ height:4rem; display: block; }
	.top_bg .width1680 .dh_bg ul li dd a{ height: 4rem; line-height:4rem; color: #ffffff; font-size:1.5rem; padding:0px; }
	.top_bg.now .width1680 .dh_bg ul li dd a{ color: #ffffff; }
	.top_bg .width1680 .dh_bg ul li dd i.x{ display: none; }
	.top_bg .width1680 .dh_bg ul li dd i.fa{ display:block; line-height:4rem; cursor:pointer; }
	.top_bg .width1680 .dh_bg ul li dd i.fa-angle-right,.top_bg .width1680 .dh_bg ul li.on dd i.fa-angle-down{ opacity:1; }
	.top_bg .width1680 .dh_bg ul li dd i.fa-angle-down,.top_bg .width1680 .dh_bg ul li.on dd i.fa-angle-right{ opacity:0; }
	.top_bg .width1680 .dh_bg ul li dl,.top_bg .width1680 .dh_bg ul li:hover dl{ padding:0px 5%; max-height:0px; opacity:0; }
	.top_bg .width1680 .dh_bg ul li dl{ position:relative; background-color:rgb(0,82,127,0); }
	.top_bg .width1680 .dh_bg ul li.on dl{ max-height:100vh; opacity:1; padding:1rem 5%; }
	.top_bg .width1680 .dh_bg ul li dl a{ font-size:1.25rem; display: block; padding:0px; text-align:left; line-height: 2; }
	
}
@media only screen and (max-width:800px){
	html,body{ min-width:414px; font-size:16px; }
	body{ overflow-x:hidden; margin:0px auto; }
	.width1680{ width:94%; }
	
	.top_bg .gh{ height:1.4rem; margin-top:-0.7rem; width:1.5rem; }
	.top_h,.top_bg,.top_bg .width1680,.top_bg .width1680 a.logo,.top_bg .width1680 .yy,.top_bg .width1680 .dh_bg ul li dd{ height:3.5rem; }
	.top_bg .width1680 a.logo img{ max-height:1.5rem; }
	.top_bg .width1680 .yy{ font-size:1rem; }

	.top_bg .width1680 .dh_bg{ top:3.5rem; right:0px; width:70%; }
	.top_bg .width1680 .dh_bg ul li dd{ height:2.5rem; }
	.top_bg .width1680 .dh_bg ul li dd a{ line-height:2.5rem; font-size:1.125rem; }
	.top_bg .width1680 .dh_bg ul li dd i.fa{ line-height:2.5rem; font-size:1.5rem; }
	.top_bg.now .width1680 .dh_bg ul li dl,.top_bg .width1680 .dh_bg ul li dl{ background-color:rgb(0,0,0,0); }
	.top_bg .width1680 .dh_bg ul li.on dl{ padding:0.5rem 5%; background-color:rgb(0,0,0,0); }
	.top_bg .width1680 .dh_bg ul li dl a{ font-size:1rem; }
	
	.banner,.banner .main_image,.banner .main_image ul,.banner .main_image ul li,.banner .main_image ul li div.width1680{ height:25rem; }
	.banner .main_image ul li div.width1680 div dl{ font-size:1.5rem; }
	.banner .main_image ul li div.width1680 div ol{ font-size:1rem; }
	.banner .flicking_con{ bottom:1rem; }

	.i_about .width1680{ padding:2rem 0px; }
	.i_about .width1680 div.t div.s{ padding-right:0px; }
	.i_about .width1680 div.t div.s dd{ font-size:1rem; }
	.i_about .width1680 div.t div.s dl{ font-size:1.25rem; line-height:1.5; }
	.i_about .width1680 div.t div.x{ padding-left:0px; margin-top:1rem; }
	.i_about .width1680 div.t div.x dl{ font-size:0.875rem; line-height:1.75; }
	.i_about .width1680 div.t div.x ol{ overflow:hidden; margin-top:0.5rem; }
	.i_about .width1680 div.t div.x ol a{ float:right; font-size:0.75rem; height:2.5rem; line-height:2.5rem; }

	.i_about .width1680 ul.f{ margin-top:0rem; }
	.i_about .width1680 ul.f li{ width:100%; margin-top:2rem; }
	.i_about .width1680 ul.f li i.g{ display:none; }
	.i_about .width1680 ul.f li div.bg{ width:100%; }
	.i_about .width1680 ul.f li div.bg div.s{ text-align:center; margin-bottom:0.5rem; }
	.i_about .width1680 ul.f li div.bg div.s dd{ font-size:0.875rem; margin-bottom:0.5rem; }
	.i_about .width1680 ul.f li div.bg div.s ol{ font-size:1rem; }
	.i_about .width1680 ul.f li div.bg div.s dl b{ font-size:2.5rem; }
	.i_about .width1680 ul.f li div.bg div.s dl i{ font-size:0.75rem; }
	.i_about .width1680 ul.f li div.bg div.s dl i.x{ margin-left:1rem; }
	.i_about .width1680 ul.f li div.bg div.x{ line-height:1.75; }

	.i_cp div.xx{ position:relative; left:auto; top:auto; width:94%; margin:1rem auto 0px; text-align:center; }
	.i_cp div.xx ol{ font-size:1rem; }
	.i_cp div.xx dd{ font-size:1.5rem; }
	.i_cp .hero-gallery ol.flickity-page-dots{ display:none; }
	.i_cp .hero-gallery{ width:100%; padding-left:0px; }
	.i_cp .hero-gallery div{ height:22rem; }
	.i_cp .hero-gallery button.previous{ left:5%; }
	.i_cp .hero-gallery button.next{ left:auto; right:5%; }

	.i_hyyy{ padding:2rem 0px; }
	.i_hyyy .tit i{ font-size:1.5rem; }
	.i_hyyy .tit a{ font-size:1rem; background-size:auto 1rem; padding-right:2rem; }
	.i_hyyy ul li{ width:50%; margin-bottom:1px; }
	.i_hyyy ul li a{ height:23rem; }
	.i_hyyy ul li a div.t{ height:8.5rem; }
	.i_hyyy ul li a div.f{ margin:1rem auto; width:90%; height:12.5rem; }
	.i_hyyy ul li a div.f dd{ font-size:1.25rem; }
	.i_hyyy ul li a div.f dl{ font-size:0.75rem; margin-top:0.5rem; height:9.5rem; }
	.i_hyyy ul li a div.f i{ width:1.375rem; height:1rem; }

	.i_news .width1680{ padding:2rem 0px 1rem; }
	.i_news .width1680 .tit dd{ font-size:1.5rem; }
	.i_news .width1680 .tit dl{ font-size:0.875rem; }
	.i_news .width1680 .tit a{ font-size:1rem; background-size:auto 1rem; padding-right:2rem; }
	.i_news .width1680 ul li{ width:47.2%; }
	.i_news .width1680 ul li a{ height:15.75rem; }
	.i_news .width1680 ul li a div.t{ height:7rem; }
	.i_news .width1680 ul li a div.f{ margin:1rem auto; width:90%; }
	.i_news .width1680 ul li a div.f ol{ font-size:0.875rem; }
	.i_news .width1680 ul li a div.f dd{ font-size:1rem; height:6rem; }
	
	.foot_bg .width1680{ padding:2rem 0px 1rem; }
	.foot_bg .width1680 .hidden.t{ min-height:10rem; }
	.foot_bg .width1680 .hidden.t div.l{ width:100%; margin-right:0px; text-align:center; }
	.foot_bg .width1680 .hidden.t div.l ol img{ max-height:2rem; }
	.foot_bg .width1680 .hidden.t div.l dl{ margin-top:1rem; }
	.foot_bg .width1680 .hidden.t div.l dl a{ float:none; display:inline-block; margin:0px 1%; }
	.foot_bg .width1680 .hidden.t ul.l{ display:none; }

	.foot_bg .width1680 .hidden.t div.r{ width:100%; margin-top:1rem; }
	.foot_bg .width1680 .hidden.t div.r div.lxwm{ width:70%; max-width:70%; }
	.foot_bg .width1680 .hidden.t div.r div.lxwm dd{ font-size:0.875rem; }
	.foot_bg .width1680 .hidden.t div.r div.lxwm ol{ font-size:1.25rem; }
	.foot_bg .width1680 .hidden.t div.r div.lxwm dl{ font-size:0.75rem; line-height:1.5; }
	.foot_bg .width1680 .hidden.t div.r div.ewm{ width:20%; }
	.foot_bg .width1680 .hidden.t div.r div.ewm ol{ margin-bottom:0.5rem; }
	.foot_bg .width1680 .hidden.t div.r div.ewm dd{ font-size:0.75rem; }

	.foot_bg .width1680 .hidden.f{ margin-top:1rem; }
	.foot_bg .width1680 .hidden.f dl{ width:100%; font-size:0.75rem; text-align:center; }

	.i_md .i_about .width1680 div.t div.x{ opacity:1; margin-left:0px; }
	.i_md .i_about .width1680 ul.f li div.bg div.s{ opacity:1; padding-top:0px; }
	.i_md .i_cp .hero-gallery .hero-gallery__cell div{ opacity:1; transform:scale(1); }
	.i_md .i_hyyy ul li a div.t{ opacity:1; transform:scale(1); }
	.i_md .i_news .width1680 ul li a div.t{ opacity:1; transform:scale(1); }

	.ny_banner .width1680{ height:15rem; }
	.ny_banner .width1680 dd{ text-align:center; font-size:1.5rem; }

	.about_jj{ padding:2rem 0px; }
	.about_jj div.t{ font-size:1.5rem; text-align:center; }
	.about_jj div.f div.l{ width:100%; }
	.about_jj div.f div.l dl{ font-size:0.875rem; line-height:1.75; }
	.about_jj div.f div.l dd{ font-size:1rem; padding:1rem 0px; }
	.about_jj div.f div.r{ width:100%; margin-top:1rem; }

	.about_fzls .width1680{ padding:2rem 0px; height:27.5rem; }
	.about_fzls .width1680 .tit{ font-size:1.5rem; }
	.about_fzls .width1680 div.bg{ margin-top:1rem; height:20rem; padding-bottom:3rem; }
	.about_fzls .width1680 div.bg i.x{ height:2px; top:3.5rem; }
	.about_fzls .width1680 .hero-gallery{ margin-top:2rem; width:50%; }
	.about_fzls .width1680 .hero-gallery .hero-gallery__cell div.t{ padding-bottom:2.5rem; }
	.about_fzls .width1680 .hero-gallery .hero-gallery__cell div.t span{ width:1.75rem; height:1.75rem; }
	.about_fzls .width1680 .hero-gallery .hero-gallery__cell div.t dd{ font-size:1.5rem; }
	.about_fzls .width1680 .hero-gallery .hero-gallery__cell div.f{ padding:0.5rem 4%; font-size:0.75rem; }
	
	.about_fzls .width1680 .hero-gallery button{ width:2.5rem; height:2.5rem; line-height:1.5rem; top:auto; bottom:0px; }
	.about_fzls .width1680 .hero-gallery button.previous{ margin-left:0px; }
	.about_fzls .width1680 .hero-gallery button.next{ margin-right:0px; }

	.about_qyry .width1680{ padding:2rem 0px; height:22.5rem; }
	.about_qyry .width1680 .tit{ font-size:1.5rem; }
	.about_qyry .width1680 div.bg{ padding-bottom:3rem; height:15rem; }
	.about_qyry .width1680 .hero-gallery{ margin-top:2rem; width:50%; }
	.about_qyry .width1680 .hero-gallery .hero-gallery__cell div ol{ height:12rem; }
	.about_qyry .width1680 .hero-gallery .hero-gallery__cell div dd{ text-align:center; font-size:0.75rem; }

	.about_qyry .width1680 .hero-gallery button{ width:2.5rem; height:2.5rem; line-height:1.5rem; top:auto; bottom:0px; }
	.about_qyry .width1680 .hero-gallery button.previous{ margin-left:0px; }
	.about_qyry .width1680 .hero-gallery button.next{ margin-right:0px; }

	.i_md .about_jj div.f div.r{ opacity:1; margin-right:0%; }
	.i_md .about_fzls .width1680 .hero-gallery .hero-gallery__cell div.f{ opacity:1; transform:scale(1); }
	.i_md .about_qyry .width1680 .hero-gallery .hero-gallery__cell div ol img{ opacity:1; transform:scale(1); }
	
	.cp_bg{ padding:2rem 0px; }
	.cp_bg ul.hidden.l{ width:99%; }
	.cp_bg ul.hidden.l li dd,.cp_bg ul.hidden.l li dl{ padding-left:2.5%; }

	.cp_bg div.hidden.r{ width:100%; margin-top:1rem; }
	.cp_lb ul li{ height:15rem; }
	.cp_lb ul li a dd{ font-size:1rem; top:0.5rem; }
	/*.cp_lb ul li div.t{ height:15rem; }
	.cp_lb ul li div.t dd{ font-size:1rem; top:0.5rem; }
	.cp_lb ul li div.f{ width:86%; padding:0px 3%; margin-left:-46%; bottom:0.5rem; height:2rem; line-height:2rem; }
	.cp_lb ul li div.f a{ font-size:0.75rem; background-size:auto 0.75rem; padding-left:1.25rem; }
	.cp_lb ul li div.f i{ padding:0px 2%; }*/

	.cp_show .top .ck-slide{ width:100%; height:20rem; }
	.cp_show .top .ck-slide .ctrl-slide{ width:2.5rem; height:2.5rem; line-height:2.5rem; }
	.cp_show .top .ck-slide .ck-slidebox{ bottom:0.25rem; }
	.cp_show .top .ck-slidebox .slideWrap ul li{ width:0.4rem; height:0.4rem; margin:0px 0.2rem; }

	.cp_show .top .y{ width:100%; margin-top:2rem; }
	.cp_show .top .y dd{ font-size:1.5rem; }
	.cp_show .top .y dl{ font-size:0.875rem; line-height:1.75; }
	.cp_show .top .y ol a{ font-size:1rem; }

	.cp_show .zb .tit,.cp_show .ly .tit,.cp_show .xx .tit{ font-size:1.5rem; }
	
	.cp_show .zb ul li.t{ font-size:1rem; }
	.cp_show .zb ul li.t dl{ width:32%; }

	.cp_show .zb ul li.c dl.d2,.cp_show .zb ul li.c dl.d3{ padding-left:10%; width:90%; }
	.cp_show .zb ul li.c dl.d2,.cp_show .zb ul li.c dl.d3{ padding-top:1rem; }
	.cp_show .zb ul li.c dl{ font-size:0.75rem; min-height:1.5rem; }
	.cp_show .zb ul li.c dl.d1{ width:100%; position:relative; }
	.cp_show .zb ul li.c dl.d2{ margin-left:0px; }

	.cp_show .ly .tit{ width:100%; }
	.cp_show .ly .ms{ width:100%; margin-top:1rem; font-size:1rem; }
	.cp_show .xx{ font-size:1rem; }

	.xgcp .width1680{ padding:2rem 0px; }
	.xgcp .width1680 .tit{ font-size:1.5rem; }
	.xgcp .width1680 ul li a ol{ height:6rem; margin-bottom:0.5rem; }
	.xgcp .width1680 ul li a ol img{ max-height:80%; }
	.xgcp .width1680 ul li a dd{ font-size:0.75rem; text-align:center; }
	
	.hyyy_tit .width1680{ font-size:1rem; padding:1rem 0px; text-align:center; }
	.hyyy_tit .width1680 a{ padding:0.5rem; margin-right:0px; float:none; display:inline-block; }

	.hyyy_jj .width1680{ padding:2rem 0px; }
	.hyyy_jj .width1680 div.hidden.l{ position:relative; width:100%; }
	.hyyy_jj .width1680 div.hidden.l div dd{ font-size:1.5rem; }
	.hyyy_jj .width1680 div.hidden.l div dl{ font-size:1rem; }

	.hyyy_jj .width1680 div.hidden.r{ width:100%; margin-top:1rem; }

	.hyyy_bg{ padding:2rem 0px 0px; }
	.hyyy_gylc{ margin-bottom:2rem; }
	.hyyy_gylc .tit{ font-size:1.5rem; }
	.hyyy_gylc .gylc div.l{ width:100%; text-align:center; }
	.hyyy_gylc .gylc div.r{ width:100%; margin-top:1rem; font-size:1rem; }

	.hyyy_xx dd{ font-size:1.25rem; width:100%; }
	.hyyy_xx dl{ width:100%; margin-top:1rem; font-size:0.875rem; }

	.i_md .hyyy_jj .width1680 div.hidden.r{ opacity:1; margin-right:0%; }
	.i_md .hyyy_gylc .gylc div.l{ opacity:1; margin-left:0%; }
	
	.news_top .width1680{ font-size:1rem; padding:1rem 0px; text-align:center; }
	.news_top .width1680 a{ padding:0.5rem; margin-right:0px; float:none; display:inline-block; }
	
	.news_bg .width1680{ padding:2rem 0px; }
	ul.news_lb{ margin-bottom:1rem; }
	ul.news_lb li a div.l { width:5rem; }
	ul.news_lb li a div.l div ol{ font-size:1.5rem; }
	ul.news_lb li a div.l div dl{ font-size:0.75rem; }
	ul.news_lb li a div.r{ margin-left:5rem; padding:1rem; }
	ul.news_lb li a div.r dd{ font-size:1rem; }
	ul.news_lb li a div.r dl{ font-size:0.75rem; line-height:1.75; margin-top:0.5rem; }
	
	.news_show{ margin:1rem 0px 2rem; }
	.news_show .xx{ margin:2rem auto; }
	.news_show .xx div.l{ width:100%; }
	.news_show .xx div.l ol{ font-size:1.5rem; float:left; }
	.news_show .xx div.l dl{ font-size:0.875rem; float:left; margin-left:0.5rem; padding-top:0.7rem; }
	.news_show .xx ul.r{ width:100%; margin-top:1rem; }
	.news_show .xx ul.r li.t{ font-size:1.25rem; padding-bottom:1rem; }
	.news_show .xx ul.r li.c{ padding:1rem 0px; font-size:0.875rem; }
	.news_show .xx ul.r li.f{ margin:0px 0px 1rem; }
	.news_show .xx ul.r li.f a{ margin-right:0.5rem; }
	.news_show .xx ul.r li.g{ padding-top:1rem; font-size:0.875rem; }

	.job_lb{ margin:2rem auto; }
	.job_lb ul{ margin-bottom:2rem; }
	.job_lb ul li{ font-size:0.875rem; }
	.job_lb ul li.t dl{ height:2.5rem; line-height:2.5rem; }
	.job_lb ul li.t dl.d1{ width:75%; }
	.job_lb ul li.t dl.d2,.job_lb ul li.t dl.d3{ display:none; }
	.job_lb ul li.t dl.d4{ width:21%; }
	.job_lb ul li.f div.n:hover{ background-color:#ffffff; }
	.job_lb ul li.f div.n dl{ height:2.5rem; line-height:2.5rem; }
	.job_lb ul li.f div.n dl.d1{ width:75%; }
	.job_lb ul li.f div.n dl.d2,.job_lb ul li.f div.n dl.d3{ display:none; }
	.job_lb ul li.f div.n dl.d4{ width:21%; }
	.job_lb ul li.f div.x{ padding:1rem 2%; }
	.job_lb ul li.f div.x div.m{ display:block; font-size:1rem; line-height:2; margin-bottom:1rem; }
	.job_lb ul li.f div.x dl{ margin-bottom:1rem; }

	.lxwm_xx{ padding:2rem 0px; }
	.lxwm_xx div.l{ width:100%; }
	.lxwm_xx div.l dd{ font-size:1.5rem; }
	.lxwm_xx div.l dl{ font-size:1rem; margin-top:1rem; }
	.lxwm_xx div.r{ width:100%; margin-top:2rem; }

	.i_md .lxwm_xx div.r{ opacity:1; margin-right:0%; }

	.fenye{ font-size:0.75rem; }
	.fenye a,.fenye span{ margin:0px 0.1rem; padding:0px 0.4rem; }
}