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

	.top_bg .gh{ display:block; position:absolute; top:50%; right:0px; width:2.5rem; height:2rem; margin-top:-1rem; cursor:pointer; }
	.top_bg .gh i{ position:absolute; background-color:#333333; width:100%; height:2px; left:0px; transition:all .5s ease; }
	.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; top:4.5rem; background-color:#ffffff; box-shadow:0px 8px 10px 0px rgba(0,0,0,0.14); right:-70%; padding:2rem 0px; width:70%; max-width:40rem; left:auto; bottom:auto; height:auto; border-top:1px solid #cccccc; opacity:0; transition:all 0.25s ease; }
	.top_bg.selected .width1680 .dh_bg{ opacity:1; right:0px; transition:all 0.5s ease; }
	.top_bg .width1680 .dh_bg div.dh{ height:auto; line-height:2; display:block; text-align:left; }
	.top_bg .width1680 .dh_bg div.dh a{ display:block; margin:0px; padding:0px 5%; font-size:1.5rem; }
	.top_bg .width1680 .dh_bg div.dh a.c{ padding-right:5%; background-position:95% center; background:none; }
	.top_bg .width1680 .dh_bg div.dh a:hover{ background-color:#1425c3; color:#ffffff; }

	.cp_dh_bg{ display:none; }

}
@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 .so_bg{ height:3rem; }
	
	.top_bg .width1680 a.logo img{ max-height:1.75rem; }
	.top_bg .width1680 .so_bg{ margin-right:3rem; }
	.top_bg .width1680 .so_bg.o{ width:50%; }
	.top_bg .width1680 .so_bg div{ height:2rem; padding-right:2rem; }
	.top_bg .width1680 .so_bg div input, .top_bg .width1680 .so_bg div button{ height:2rem; line-height:2rem; }
	.top_bg .width1680 .so_bg div button{ width:1rem; right:0.5rem; }
	.top_bg .width1680 .dh_bg{ top:3rem; padding:1rem 0px; }
	.top_bg .width1680 .dh_bg div.dh a{ font-size:1.125rem; line-height:2.5; }

	.top_bg .width1680 .yy{ display:none; }
	.top_bg .width1680 .dh_bg{ display:block; }
	.top_bg .width1680 .dh_bg div.sj_yy{ display:block; padding:1rem 5% 0px; text-align:right; }
	.top_bg .width1680 .dh_bg div.sj_yy a{ color:#333333; padding-left:0.5rem; font-weight:bold; }

	.banner,.banner .main_image,.banner .main_image ul,.banner .main_image ul li,.banner .main_image ul li div.width1680{ height:15rem; }
	.banner .main_image ul li .width1680 div{ font-size:1.125rem; line-height:1.75; }
	.banner .main_image ul li video{ width:auto; height:100%; margin-left:-1.5%; }
	.banner .flicking_con{ bottom:0.5rem; }
	.banner .flicking_con a{ margin:0px 0.25rem; width:1rem; height:2px; }
	
	.i_xx ul,.i_xx ul li{ width:100%; }
	.i_xx ul li{ margin:0.25rem 0px; }
	.i_xx ul li img.l{ width:15%; }
	.i_xx ul li div.r{ font-size:1rem; width:80%; min-height:3.75rem; }

	.i_cp{ padding:3rem 0px; }
	.i_cp .tit{ font-size:1.5rem; }
	.i_cp #i_cp_bg{ margin-top:1rem; padding:1rem 0px 0px; }
	.i_cp #i_cp_bg .hScrollPane_dragbar{ display:none; }
	.i_cp #i_cp_bg #i_cp_div{ height:25rem; width:100%; padding-bottom:2rem; overflow-x:auto; overflow-y:hidden; }
	.i_cp #i_cp_bg #i_cp_div::-webkit-scrollbar{ height:0.3rem; }
	.i_cp #i_cp_bg #i_cp_div::-webkit-scrollbar-track{ background-color:#cccccc; }
	.i_cp #i_cp_bg #i_cp_div::-webkit-scrollbar-thumb{ background-color:#1425c3; }
	.i_cp #i_cp_bg #i_cp_div::-webkit-scrollbar-thumb:hover{ background-color:#1425c3; }
	.i_cp #i_cp_bg #i_cp_div::-webkit-scrollbar-thumb:active{ background-color:#1425c3; }
	.i_cp #i_cp_bg #i_cp_div ul{ width:auto !important; display:-webkit-box; }
	.i_cp #i_cp_bg #i_cp_div ul li{ width:20rem; }
	.i_cp #i_cp_bg #i_cp_div ul li div.bg div.a a{ width:5rem; height:5rem; }
	.i_cp #i_cp_bg #i_cp_div ul li div.bg div.t{ padding-top:1rem; height:8rem; }
	.i_cp #i_cp_bg #i_cp_div ul li div.bg div.t div ol{ font-size:0.75rem; }
	.i_cp #i_cp_bg #i_cp_div ul li div.bg div.t div dd{ font-size:2rem; }
	.i_cp #i_cp_bg #i_cp_div ul li div.bg div.t div dl{ font-size:0.75rem; line-height:1.5; }
	.i_cp #i_cp_bg #i_cp_div ul li div.bg div.f{ height:16rem; }

	.i_cp_lb li .width1680{ height:10rem; }
	.i_cp_lb li .width1680 dl{ font-size:1.5rem; }
	
	.i_zs_gd{ padding:3rem 0px 2rem; }
	.i_zs_gd .tit{ background-size:auto 2.5rem; padding-top:4rem; font-size:1.5rem; }
	.i_zs_gd #i_zs_gd_bg{ margin-top:1rem; padding:1rem 0px 0px; }
	.i_zs_gd #i_zs_gd_bg #i_zs_gd_div{ width:100%; padding-bottom:2rem; overflow-x:auto; overflow-y:hidden; }
	.i_zs_gd #i_zs_gd_bg #i_zs_gd_div::-webkit-scrollbar{ height:0.3rem; }
	.i_zs_gd #i_zs_gd_bg #i_zs_gd_div::-webkit-scrollbar-track{ background-color:#cccccc; }
	.i_zs_gd #i_zs_gd_bg #i_zs_gd_div::-webkit-scrollbar-thumb{ background-color:#1425c3; }
	.i_zs_gd #i_zs_gd_bg #i_zs_gd_div::-webkit-scrollbar-thumb:hover{ background-color:#1425c3; }
	.i_zs_gd #i_zs_gd_bg #i_zs_gd_div::-webkit-scrollbar-thumb:active{ background-color:#1425c3; }
	.i_zs_gd #i_zs_gd_bg .hScrollPane_dragbar{ display:none; }
	.i_zs_gd #i_zs_gd_bg #i_zs_gd_div,.i_zs_gd #i_zs_gd_bg #i_zs_gd_div ul li div{ height:15rem; }
	.i_zs_gd #i_zs_gd_bg #i_zs_gd_div ul{ width:auto !important; display:-webkit-box; }
	.i_zs_gd #i_zs_gd_bg #i_zs_gd_div ul li{ width:22rem; }
	
	.i_lm ul,.i_lm ul li{ width:100%; }
	.i_lm{ padding-bottom:1rem; }
	.i_lm ul li{ margin-right:0px; margin-bottom:2rem; height:30rem; }
	.i_lm ul li a div{ font-size:1.5rem; padding-bottom:1rem; }
	
	.foot_bg .hidden.t{ margin-bottom:2rem; }
	.foot_bg .hidden.t ul.l,.foot_bg .hidden.t form{ width:100%; }
	.foot_bg .hidden.t ul.l li.n{ font-size:1.5rem; }
	.foot_bg .hidden.t ul.l li.c{ font-size:0.875rem; line-height:1.75; }
	.foot_bg .hidden.t ul.l li.x{ margin-top:1rem; }
	.foot_bg .hidden.t form div.form-group div{ padding:0px 0.5rem; }
	.foot_bg .hidden.t form div.form-group div input{ height:2rem; line-height:2rem; font-size:0.75rem; }
	.foot_bg .hidden.t form div#Message div{ padding:0.5rem; }
	.foot_bg .hidden.t form div#Message div textarea{ font-size:0.75rem; }
	.foot_bg .hidden.t form div.button{ text-align:right; font-size:1rem; }
	.foot_bg .hidden.t form div.button button{ padding-right:3rem; height:2.5rem; line-height:2.5rem; background-size:1.5rem; }
	
	.foot_bg .hidden.c div.l{ width:100%; text-align:center; }
	.foot_bg .hidden.c div.m{ display:none; }
	.foot_bg .hidden.c div.r{ margin-left:0px; width:100%; margin-top:2rem; text-align:center; }
	.foot_bg .hidden.c div.r a{ display:inline-block; float:none; margin:0px 0.25rem; }
	
	.foot_bg .hidden.f{ margin-top:1rem; }
	.foot_bg .hidden.f dl{ width:100%; text-align:center; font-size:0.875rem; }

	.ts_bg{ height: 5rem; margin-top:-2.5rem; width: 18rem; margin-left: -9rem; }
	.ts_bg dl{ font-size: 1rem; line-height: 2rem; padding-left: 2.75rem; margin-left: 2rem; }

	.i_md .i_xx ul li img.l{ opacity:1; margin-top:0px; }
	.i_md .i_cp #i_cp_bg #i_cp_div ul li{ opacity:1; margin-top:0px; }
	.i_cp_lb .i_md li .width1680 dl{ opacity:1; margin-top:0px; }
	.i_md .i_zs_gd #i_zs_gd_bg #i_zs_gd_div ul li{ opacity:1; margin-top:0px; }
	.i_md .i_lm ul li a div{ opacity:1; margin-top:0px; }

	.cp_banner .width1680{ padding:3rem 0px; }
	.cp_banner .width1680 div dd{ font-size:1.5rem; }
	.cp_banner .width1680 div dl{ margin-top:1rem; font-size:0.85rem; line-height:1.75; }
	
	.ny_banner{ height:10rem; }

	ul.cp_lb li a{ padding:3rem 0px; }
	ul.cp_lb li a dd{ font-size:2rem; }
	ul.cp_lb li a dl{ margin-top:2rem; }

	ul.cp_lb .i_md li a dl{ opacity:1; padding-top:0px; }

	.cp_show_xx .width1680{ padding:3rem 0px; }
	.cp_show_xx .width1680 .hidden.t{ margin-bottom:2rem; }
	.cp_show_xx .width1680 .hidden.t dd{ font-size:1.5rem; }
	.cp_show_xx .width1680 .hidden.t dl{ font-size:1rem; }
	.cp_show_xx .width1680 .hidden.c{ height:20rem; }
	.cp_show_xx .width1680 .hidden.f{ margin-top:1rem; }
	.cp_show_xx .width1680 .hidden.f div.x div ol{ height:2rem; margin-bottom:1rem; }
	.cp_show_xx .width1680 .hidden.f div.x div dd{ font-size:0.75rem; }
	
	ul.cp_show_lb li .width1680{ height:22rem; }
	ul.cp_show_lb li .width1680 div{ margin-top:2rem; }
	ul.cp_show_lb li .width1680 div dd{ font-size:1.5rem; margin-bottom:0.5rem; }
	ul.cp_show_lb li .width1680 div dl{ font-size:0.875rem; }

	.cp_show_jsgg .width1680{ padding:3rem 0px; }
	.cp_show_jsgg .width1680 .tit{ font-size:1.5rem; }
	.cp_show_jsgg .width1680 .hidden{ margin-top:2rem; }
	.cp_show_jsgg .width1680 .hidden div.l,.cp_show_jsgg .width1680 .hidden ul.r{ width:100%; }
	.cp_show_jsgg .width1680 .hidden div.l img{ max-width:80%; }
	.cp_show_jsgg .width1680 .hidden ul.r{ margin-top:2rem; }
	.cp_show_jsgg .width1680 .hidden ul.r li{ font-size:0.875rem; padding:1rem 0px; }
	.cp_show_jsgg .width1680 .hidden ul.r li dl{ line-height:1.5; }
	.cp_show_jsgg .width1680 .hidden ul.r li dl.l{ width:100%; margin-bottom:0.5rem; }
	.cp_show_jsgg .width1680 .hidden ul.r li dl.r{ padding-left:10%; width:90%; }

	.cp_show_ggy{ height:auto; padding:3rem 0px; }
	.cp_show_ggy div dd{ font-size:1.5rem; }
	.cp_show_ggy div dl{ margin-top:1rem; font-size:1rem; }
	.cp_show_ggy div dl a{ height:2.5rem; line-height:2.5rem; }
	
	.cp_show_xx_b .tabBar{ height:auto; }
	.cp_show_xx_b .tabBar .qh{ top:0px; margin-top:0px; width:2.5rem; height:2.5rem; line-height:2.5rem; font-size:1rem; background-size:auto 0.875rem; }
	.cp_show_xx_b .tabBar .bd{ height:20rem; padding-top:4rem; }
	.cp_show_xx_b .tabBar .bd .conWrap .con div.i{ width:75%; height:20rem; }
	.cp_show_xx_b .tabBar .bd .conWrap .con div.x{ width:20%; }
	.cp_show_xx_b .tabBar .hd{ margin:1rem 0px; }
	.cp_show_xx_b .tabBar .hd ul li{ margin:0px 0.5rem; font-size:0.875rem; }

	ul.cp_show_lb .i_md li .width1680 div{ opacity:1; padding-top:0px; }
	.i_md .cp_show_jsgg .width1680 .hidden ul.r{ opacity:1; padding-top:0px; }

	.home_xx{ padding:3rem 0px 1.5rem; }
	.home_xx .tit{ margin-bottom:2rem; }
	.home_xx .tit dd{ font-size:1.5rem; }
	.home_xx .tit dl{ font-size:0.875rem; }
	.home_xx ul li{ margin-bottom:0.5rem; }
	.home_xx ul li div ol{ margin-bottom:1rem; }
	.home_xx ul li.e div ol{ height:7rem; }
	.home_xx ul li.s div ol{ height:5rem; }
	.home_xx ul li div dd{ font-size:0.875rem; }

	.home_dt{ height:12rem; }
	.home_pros .width1680,.home_service .width1680{ height:auto; padding-bottom:2rem; }
	.home_pros .width1680 .tit{ font-size:1.5rem; padding-top:2rem; }
	.home_pros .width1680 ul{ margin-top:2rem; }
	.home_pros .width1680 ul li{ width:50%; }
	.home_pros .width1680 ul li div ol{ height:2.5rem; }
	.home_pros .width1680 ul li div dd{ font-size:0.875rem; }

	.home_service .width1680 .tit{ padding-top:2rem; height:auto; }
	.home_service .width1680 .tit dd{ font-size:1.5rem; }
	.home_service .width1680 .tit dl{ font-size:0.875rem; }
	.home_service .width1680 ul{ width:100%; }
	.home_service .width1680 ul.t li{ font-size:1rem; width:100%; height:auto; margin-bottom:1rem; margin-right:0px; }

	.home_service .width1680 ul.f{ margin-top:1rem; }
	.home_service .width1680 ul.f li{ width:46%; margin:0px 2% 1rem; }
	.home_service .width1680 ul.f li div.bg{ height:8rem; }
	.home_service .width1680 ul.f li div.bg div dd{ font-size:1.5rem; }
	.home_service .width1680 ul.f li div.bg div dl{ font-size:0.875rem; margin-top:0.5rem; }

	.home_case{ padding:3rem 0px 1.5rem; }
	.home_case .tit{ font-size:1.5rem; }
	.home_case ul li{ width:100%; height:auto; }
	.home_case ul li div{ padding:1rem 5%; font-size:1rem; }
	.home_case ul li div ol{ height:13rem; }
	.home_case ul li div dd{ margin-top:1rem; }

	.home_xtpz .width1680{ padding:3rem 0px; }
	.home_xtpz .width1680 .tit{ font-size:1.5rem; }

	.home_xtpz .width1680 .hidden::-webkit-scrollbar{ height:0.3rem; }
	.home_xtpz .width1680 ul li.t div.l{ font-size:1.25rem; }
	.home_xtpz .width1680 ul li.t div.r{ font-size:1rem; }
	.home_xtpz .width1680 ul li.c div{ font-size:1rem; }

	.i_md .home_xx ul{ opacity:1; padding-top:0px; }
	.i_md .home_dt i{ opacity:1; top:0px; }
	.i_md .home_pros .width1680 ul{ opacity:1; padding-top:0px; }
	.i_md .home_service .width1680 ul{ opacity:1; padding-top:0px; }
	.i_md .home_case ul li div{ opacity:1; padding-top:0px; }
	.home_xtpz .width1680 .i_md .hidden{ opacity:1; padding-top:0px; }
	.i_md .cp_show_ggy div{ opacity:1; padding-top:0px; }

	.cp_show_ggy div{ padding:0px 5%; width:90%; }

	.about_t{ padding:3rem 0px; }
	.about_t div dd{ font-size:1.5rem; margin-bottom:1rem; }
	.about_t div dl{ font-size:1rem; min-height:3rem; }
	.about_t div ol{ margin-top:1rem; }

	.about_sj .width1680{ height:18.5rem; }
	.about_sj .width1680 ul li{ width:50%; margin-top:1rem; }
	.about_sj .width1680 ul li div dd{ font-size:2rem; }
	.about_sj .width1680 ul li div dl{ font-size:0.75rem; margin-top:0.25rem; line-height:1.75; }

	.about_xx{ padding:3rem 0px; }
	.about_xx div dd{ font-size:1.5rem; margin-bottom:1rem; }
	.about_xx div dl{ font-size:1rem; line-height:1.75; }
	
	.about_yfsc,.about_yfsc div.dt div.x_bg .width1680{ height:22rem; }
	.about_yfsc i.bg{ height:8rem; }
	.about_yfsc div.dt div.x_bg .width1680 div{ top:7rem; right:0px; padding-left:0px; padding-right:2.5rem; }
	.about_yfsc div.dt div.x_bg .width1680 div span{ width:1.5rem; height:1.5rem; right:0px; left:auto; }
	.about_yfsc div.dt div.x_bg .width1680 div span i{ width:0.7rem; height:0.75rem; }
	.about_yfsc div.dt div.x_bg .width1680 div dl{ width:8rem; height:5rem; }
	.about_yfsc .bt dl{ font-size:0.75rem; width:24%; padding-bottom:0.5rem; }
	.about_fwnl{ height:12rem; }

	.i_md .about_t div{ opacity:1; padding-top:0px; }
	.i_md .about_sj .width1680 ul{ opacity:1; padding-bottom:0px; }
	.i_md .about_xx div.yfsc{ opacity:1; padding-top:0px; }
	.i_md .about_yfsc div.dt div.x_bg .width1680 div{ opacity:1; margin-top:0px; }
	.i_md .about_xx div.fwnl{ opacity:1; padding-top:0px; }
	.i_md .about_fwnl{ opacity:1; top:0px; }

}