﻿.gh{display:none;}
@media only screen and (max-width:1680px){
	.i_about div.r ul li dl{ font-size: 2.7rem; }


}
@media only screen and (max-width:1600px){
	.top_bg .width1440 div.r ul li{ margin-left: 0px; }
	.i_about div.r ul li dl{ font-size: 2.5rem; }

}
@media only screen and (max-width:1480px){
	.i_news_bg .width1440 div.n_l dd{ font-size: 1.75rem; }
	

}
@media only screen and (max-width:1366px){
	.i_about div.r ul li dl{ font-size: 2.25rem; }
	.i_al div.t dd{ font-size: 1.75rem; }
	.i_al div.t dl a{ margin-left: 1rem; }
}

@media only screen and (max-width:1200px){
	.top_bg .width1440 a.logo{ width: 28%; }
	.i_lxwm div.r div.bg dl{ font-size: 1.75rem;line-height: 3.5rem; }
	
	.i_news_bg .width1440 div.n_r ul li a div{ height: 12rem; }
	.i_news_bg .width1440 div.n_r ul li a div.r dl{ height: 4rem; margin: 1rem 0px 3.5rem;}

}
@media only screen and (max-width:1120px){
	.top_bg .width1440 a.logo{ width:20%; }
	.i_about div.l dd{ font-size: 1.875rem; }
	.top_bg .width1440 div.r ul li dd{ padding: 0px 1.5rem 0px 0.5rem;}
	.i_about div.r ul li dl{ font-size: 2rem; }
	.i_about div.r ul li dd{ font-size: 1rem; }

	.i_news_bg .width1440 div.n_l,.i_news_bg .width1440 div.n_r{ width: 100%; }
	.i_news_bg .width1440 div.n_l{ margin-bottom:2rem;}


}
@media only screen and (max-width:860px){
	.width1440{width:94%;}
	html,body{font-size:16px;}
	body{overflow-x:hidden;}

	.top_bg .gh{display:block; position:absolute; top:0px; bottom:0px; right:0px; width:45px; cursor: pointer;}
	.top_bg .gh i{ position:absolute; background-color:#000000; height:2px; left:10px;transition:all .5s ease;}
	.top_bg .gh i.t{ width:20px; top:24px;}
	.top_bg .gh i.c{ width:25px; top:30px;}
	.top_bg .gh i.f{ width:20px; top:36px;}
	.top_bg.selected .gh{ right: 3%; }
	.top_bg.selected .gh i{transition:all .5s ease;}
	.top_bg.selected .gh i.t{ width:25px;transform: rotate(45deg); top:50%;}
	.top_bg.selected .gh i.c{ display:none;}
	.top_bg.selected .gh i.f{ width:25px;transform: rotate(135deg); top:50%;}
	
	.top_bg, .top_bg .width1440,.top_bg .width1440 a.logo{ height: 4rem; }
	.top_bg .width1440{ overflow: hidden; position: relative;}
	.top_bg.selected .width1440{overflow: initial; position:initial;}
	.top_bg .width1440 a.logo{ width:42%; }
	.top_bg .width1440 div.r{ position: absolute; background-color: #ffffff; left: 100%; top:4rem; border-top: 1px solid #eeeeee; box-shadow:0px 5px 10px 0px rgba(0,0,0,0.14); padding: 1rem 0px;opacity: 0; transition:all .5s ease;height: 80vh;}
	.top_bg.selected .width1440 div.r{opacity: 1; transition:all .5s ease; left: 0px; width: 100%;}
	.top_bg .width1440 div.r ul{ overflow-x: hidden;overflow-y: auto; position: absolute; top: 1rem; bottom: 1rem;}
	.top_bg .width1440 div.r ul li{ height: 3rem;transition: height 1s; overflow: hidden; width: 100%; margin-left:0px;}
	.top_bg .width1440 div.r ul li:hover{ height: auto;transition: height 1s; }
	.top_bg .width1440 div.r ul li dd{ height: 3rem; line-height: 3rem; padding:0px 50% 0px 5%; }
	.top_bg .width1440 div.r ul li dd a{ display: block; padding-bottom: 0px; }
	.top_bg .width1440 div.r ul li dd a i{ display: none; }
	.top_bg .width1440 div.r ul li dd i.fa{ right:5%; }
	.top_bg .width1440 div.r ul li dl{ position:relative; opacity:1; overflow: hidden; margin-top:0px; box-shadow:0px 2px 10px 0px rgba(0,0,0,0); padding:0px 5%; display: none;}
	.top_bg .width1440 div.r ul li.on dl{ display: block; }
	.top_bg .width1440 div.r ul li:hover dl{padding:0px 5%;}
	.top_bg .width1440 div.r ul li dl a{width:95%; padding-left:5%; text-align: left; font-size: 1rem; height: 2rem; line-height: 2rem;}
	
	.banner video{ height: 100vh; width: auto; }
	.banner video#myvideo_pc{ display: none; }
	.banner .myvideo_sj{ display:block ; }
	.banner div.width1440 div.bg{ text-align: center; }
	.banner div.width1440 div.bg ol{ font-size: 0.75rem; }
	.banner div.width1440 div.bg dd{ font-size: 1.5rem; margin:0.5rem 0px; }
	.banner div.width1440 div.bg dl{ font-size: 1rem; }
	.banner div.width1440 div.bg div{ margin-top:0.5rem; }
	.banner div.width1440 div.bg div a{ font-size: 0.75rem; width: 7rem; margin:1rem auto; float: none;}
	.banner div.width1440 div.bg div a,.banner div.width1440 div.bg div a i{ height: 1.75rem; line-height: 1.75rem; }
	
	.i_about{ padding: 3rem 0px; }
	.i_about div.l{ width: 100%;}
	.i_about div.l dd{ margin-top: 0px; font-size: 1.5rem;}
	.i_about div.l dl{ display: none;}
	.i_about div.r{ width: 100%; background-size: 100% auto; }
	.i_about div.r div.t{ font-size: 1rem; line-height: 1.75rem; }
	.i_about div.r ul{ margin-top: 0px; }
	.i_about div.r ul li{ width: 42%; height: 5.125rem; margin-top: 2rem; text-align: center;}
	.i_about div.r ul li dl{font-size: 1.5rem;}
	.i_about div.r ul li dl i{ margin-left:5px; }
	.i_about div.r ul li dd{ font-size: 0.875rem; }
	.i_about div.r .more{ display: block; margin-top:2rem; }
	.i_about div.r .more a{ margin:0px auto; }

	.i_cp_bg{ padding: 3rem 0px; }
	.i_cp_bg .width1440 div.t dd{ font-size: 1.5rem;}
	.i_cp_bg .width1440 ul li{ margin-top: 1.5rem; height: 14rem; width: 48%; margin-right: 2%; }
	.i_cp_bg .width1440 ul li .bg{ padding: 1rem 0.5rem; height: 12rem; }
	.i_cp_bg .width1440 ul li .bg ol{ text-align: center; height: 2.9rem;}
	.i_cp_bg .width1440 ul li .bg dd{ font-size: 1rem; }
	.i_cp_bg .width1440 ul li .bg dl{ font-size: 0.75rem; line-height: 1.5rem; height:3rem; }
	.i_cp_bg .width1440 ul li .bg a{ width: auto; font-size: 0.75rem; height: 1.5rem; line-height: 1.5rem; }
	.i_cp_bg .width1440 ul li.f .bg img {width:80%;margin:0px 10%;}
	.i_cp_bg .width1440 ul li.f .bg a{ left: 0.5rem; right: 0.5rem; bottom:1.2rem; }

	.i_al{ padding: 3rem 0px;}
	.i_al div.t{}
	.i_al div.t dd{  font-size: 1.5rem; margin-top: 0px; }
	.i_al div.t dl{ position: relative; height: auto; margin-top:1rem; line-height: 1.5rem; }
	.i_al div.t dl a{ margin-left: 0px; display: block; float: left; width: 50%; }
	.i_al ul{ height: auto; overflow: hidden;}
	#i3.on .i_al ul{ margin-top:0px;}
	.i_al ul li{ width: 48%; margin-right: 2%;  height: 10rem;}
	.i_al ul li a ol{ height: 10rem; }
	.i_al ul li a dd{ padding-left: 1rem; height: 2.5rem; line-height: 2.5rem; font-size: 1rem; }
	.i_al .more{ margin-top:2rem; }

	.i_lxwm div.l, .i_lxwm div.r{ width: 100%; }
	.i_lxwm div img{ margin-bottom:0px; }
	.i_lxwm div.r div.bg{ width: 90%; left: 5%; }
	.i_lxwm div.r div.bg dl{ font-size: 1.5rem; line-height: 2.5rem; text-align: center; }
	.i_lxwm div.r div.bg a{ margin: 1rem auto 0px; }

	.i_news_bg{ padding: 3rem 0px; }
	.i_news_bg .width1440 div.n_l{ margin-bottom:1rem; }
	.i_news_bg .width1440 div.n_l dd{  font-size: 1.5rem; }
	.i_news_bg .width1440 div.n_r{ min-height: 480px; }

	.i_news_bg .width1440 div.n_r ul li{ margin-bottom: 1.5rem; }
	.i_news_bg .width1440 div.n_r ul li a div{ height:8rem; }
	.i_news_bg .width1440 div.n_r ul li a div.r dl{ margin:0.5rem 0px; font-size: 0.75rem; line-height: 1.25rem; height:4rem; }
	.i_news_bg .width1440 div.n_r div.more a{ margin:0px auto; font-size: 0.875rem; height: 2rem; line-height: 2rem; }
	.i_news_bg .width1440 div.n_r div.more a i{ height: 2rem; line-height: 2rem;}

	.foot_bg .width1440 div.t{ margin-bottom: 2rem; }
	.foot_bg .width1440 div.t a.logo{ width: 100%; margin-right: 0px; text-align: center; }
	.foot_bg .width1440 div.t a.logo img{ max-height: 3rem; }
	.foot_bg .width1440 div.t ul{ display: none;}
	.foot_bg .width1440 div.t div.r{ width: 100%; margin-top:1rem; text-align: center; max-width: 100%; }
	.foot_bg .width1440 div.t div.r a{padding-left:10%; margin:2rem auto 0px; text-align: left; max-width: 240px;}
	.foot_bg .width1440 div.t div.r dd{ font-size: 1.5rem; margin:1rem 0px; }
	.foot_bg .width1440 div.f{ overflow: hidden; padding: 1.5rem 0px; }
	.foot_bg .width1440 div.f dl{ width: 100%; line-height: 1.5rem; }
	.foot_bg .width1440 div.f dl.r{ text-align: center; }

	#i1 .i_about div.l,#i4 .i_lxwm div.l{ margin-left:0%; }
	#i1 .i_about div.r,#i4 .i_lxwm div.r{ margin-right:0%;}
	
	.ny_mu.now, .lift-nav{ top: 3rem; }

	.ny_banner,.ny_jjfa{ margin-top: 4rem; height: 10rem; }
	.ny_banner .con dd,.ny_jjfa .width1440 dd{ font-size: 1.5rem; }
	.ny_mu .width1440{ height: auto; line-height: 2.5rem; }
	.ny_mu .width1440 a{ font-size: 0.875rem; margin-right: 1rem; display: block; float: left; }
	.about_t{ padding: 2rem 0px; }
	.about_t div.l{ margin-top:0px; width: 100%; font-size: 1.5rem; }
	.about_t div.r{ width: 100%; margin-top: 1.5rem; }
	.about_t div.r div.t{ margin-top: 0px; font-size: 1rem; line-height: 2rem; }
	.about_t div.r ul{ margin-top:0px; width: 100%; }
	.about_t div.r ul li{ width: 42%; height: 5.125rem; margin-top: 2rem; text-align: center;}
	.about_t div.r ul li dl{font-size: 1.5rem;}
	.about_t div.r ul li dd{ font-size: 0.875rem; }
	.about_t div.r ul li dl i{ margin-left: 5px; }

	.about_ls .width1440{ padding: 2rem 0px; }
	.about_ls .width1440 .tit{ font-size: 1.5rem; padding-bottom: 1rem; margin-bottom:1.5rem; }

	.device, .device .scroll, .device .scroll ul, .device .scroll ul li{ height: 20rem; }
	.device .scroll ul li{ width:10.9375rem; margin:0px 0.625rem;}
	.device .scroll ul li div.bg{ padding: 1rem; }
	.device .scroll ul li div.bg div.i{ height: 6rem; }
	.device .scroll ul li div.bg div.s{ font-size: 1.5rem; }
	.device .scroll ul li div.bg div.t{ font-size: 1rem; }
	.device .scroll ul li div.bg div.c{ font-size: 0.75rem; margin-top: 0.8rem; line-height: 1.5rem; }
	.device a.qh{ width: 2rem; height: 2rem; line-height: 2rem; margin-top:-1rem; font-size: 1.5rem; box-shadow:0px 0px 6px 0px rgba(0,0,0,0.14);}
	.device a.qh.pre{ margin-left: -0.5rem; }
	.device a.qh.next{ margin-right: -0.5rem; }

	.about_fzjg{ padding: 2rem 0px; }
	.about_fzjg div.fl{ width: 100%; }
	.about_fzjg div.fl dd{ font-size: 1.5rem; }
	.about_fzjg div.fr{  width:388px; height: 35.75rem; margin-top: 1rem; }
	.about_fzjg div.fr ul li ol, .about_fzjg div.fr ul li dl{ padding-left:4rem; padding-right:1rem; }
	.about_fzjg div.fr ul{ height: 30rem; }
	.about_fzjg div.fr ul li{ min-height: auto; }
	.about_fzjg div.fr ul li i{ font-size: 1.5rem; margin-top: -0.75rem; width:4rem; }
	.about_fzjg div.fr ul li ol{ font-size: 1.25rem; }
	.about_fzjg div.fr ul li dl{ font-size: 0.875rem; }
	
	.about_yswl{padding: 2rem 0px; }
	.about_yswl .nav a{ font-size: 0.875rem; height:2rem; line-height: 2rem; }
	.about_yswl .con{ margin-top: 2rem; }

	.gszz_con{ padding: 2rem 0px; }
	.gszz_con .tit{ font-size: 1.5rem;}
	.gszz_con ul{ margin-top: 1.5rem; width: 100%;}
	.gszz_con ul li{ width:46%; margin:0px 2% 1rem; height: 11.25rem; }
	.gszz_con ul li ol{ height: 8rem;  box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.1);margin:4px;}
	.gszz_con ul li ol img{ max-height: 80%; }
	.gszz_con ul li dd{ font-size: 1rem; height: 2rem; line-height: 2rem; }

	.gsal_con{ padding: 2rem 0px; }
	.gsal_con .tit dl.l{font-size: 1.5rem; width: 100%;}
	.gsal_con .tit dl.r{ width: 100%; margin-top: 1rem; }
	.gsal_con .tit dl.r a{ margin-left: 0px; display: block; float: left; margin-right:1rem; }
	.gsal_con .list{ margin-top:1rem; width: 100%;padding-left:0px;margin-left:0px;}
	.gsal_con .list li{  width:46%; margin:0px 2% 1rem;  height:10rem;}
	.gsal_con .list li a ol{ height: 10rem; }
	.gsal_con .list li a dd{ padding-left: 0px; height: 3rem; line-height:3rem; font-size:0.875rem; text-align: center; }

	.product_con{ padding: 2rem 0px; }
	.product_con .tit{font-size: 1.5rem;}
	.product_con ul{ width: 100%; }
	.product_con ul li{width:48%; margin:1rem 1% 0px; height: 14rem;}
	.product_con ul li .bg{ padding: 1rem; height: 11.5rem;}
	.product_con ul li .bg ol{ height: 2rem; margin-bottom: 1rem; }
	.product_con ul li .bg dd{ font-size: 1rem; }
	.product_con ul li .bg dl{ font-size: 0.75rem; line-height: 1.5rem; height: 3rem; }
	.product_con ul li .bg a{ font-size: 0.875rem; width: 143px; height: 1.5rem; line-height: 1.5rem; }
	.product_con ul li.f .bg a{ bottom: 1.6rem; }
	.product_con ul li.f .bg img{width: 80%;margin: 0px 10%;}

	.fa_top{ margin:2rem 0px; padding: 2rem 1rem; }
	.fa_top .bg{ background-size: auto 5rem;  min-height: 120px;}
	.fa_top .bg dd{ font-size: 1.5rem; }
	.fa_top .bg dd i{ width: 3rem; }
	.fa_top .bg dl{ font-size: 0.875rem; line-height: 1.5rem; }
	.fa_top .bg ol{ margin-top: 1rem; }
	.fa_top .bg ol a{ font-size: 0.875rem; height: 2rem; line-height: 2rem; }

	.fa_gyl_tit{ font-size: 1.5rem; }
	.fa_gyl_wl li{ width: 48.5%; height: 16rem;}
	.fa_gyl_wl li .bg{ padding: 1rem 5%; }
	.fa_gyl_wl li .bg dd{ font-size: 1rem; margin-bottom:0.5rem; }
	.fa_gyl_wl li .bg dl{ font-size: 0.875rem; line-height: 1.5rem; }

	.fa_gyl_bg{ padding: 2rem 0px;margin:2rem 0px; }

	.fa_gyl_xt{ padding-bottom: 3rem; }
	.fa_gyl_xt .tit{ font-size: 1.5rem; margin-bottom: 1rem; }
	
	.fa_wl ul{ margin-bottom:1.5rem; }
	.fa_wl_t li{ height:6rem; }
	.fa_wl_t li .bg div.c ol{ height:1.5rem; }
	.fa_wl_t li .bg div.c dd{ margin-top: 0.5rem; font-size: 1rem; }
	
	.fa_wl_n ul{ height: 10rem; }
	.fa_wl_n ul li{ height: 8rem; margin-top: 1rem; }
	.fa_wl_n ul li .bg ol{ height: 1.5rem; }
	.fa_wl_n ul li .bg dd{ font-size: 0.75rem; line-height: 1.5rem; }

	.fa_wl .tit{ font-size: 1.5rem; margin-bottom:1rem; }
	
	.fa_wl_c li{ height: 8rem; }
	.fa_wl_c li .bg ol{ height: 2.5rem; margin-bottom: 1rem;}
	.fa_wl_c li .bg dd{ font-size: 0.75rem; }
	
	.fa_wl_f li{ height: 8rem; }
	.fa_wl_f li .bg ol{ height: 2.5rem; margin-bottom: 1rem;}
	.fa_wl_f li .bg dd{ font-size: 0.75rem; }

	.fa_zncc_t{ width: 100%; }
	.fa_zncc_t li{ width:100%; margin-bottom:1rem; }
	.fa_zncc_t li .bg dl{ font-size:1rem; line-height: 1.5rem; }
	.fa_zncc_f{ padding: 2rem 0px; margin-bottom: 3rem; }

	.fa_ksxl{ margin-bottom:2rem; }
	.fa_ksxl li{ width: 48%; margin:0px 1% 1rem !important; height: 16rem; }
	.fa_ksxl li .bg{ padding:2rem 5% 0px; }
	.fa_ksxl li .bg dd{ margin-bottom: 1rem; font-size: 1.25rem; }
	.fa_ksxl li .bg dl{ font-size: 0.875rem; line-height: 1.5rem; }
	
	.fa_yxdp{ margin-bottom: 3rem; }
	.fa_yxdp div.l{ width: 100%; margin-bottom: 1rem; }
	.fa_yxdp ul.r{ width: 100%; }

	.news_con{ padding: 2rem 0px; }
	.news_con .tit dl.l{font-size: 1.5rem; width: 100%;}
	.news_con .tit dl.r{ width: 100%; margin-top: 1rem; }
	.news_con .tit dl.r a{ margin-left: 0px; display: block; float: left; margin-right:1rem; }
	.news_con ul{ width: 100%;padding-left:0px;margin-left:0px; }
	.news_con ul li{ width: 48%; margin:0px 1% 1rem; height: 15rem;}
	.news_con ul li a{ padding:1rem; }
	.news_con ul li a dd{ font-size: 1rem; }
	.news_con ul li a ol{ font-size: 0.75rem;margin:0.5rem 0px; }
	.news_con ul li a dl{ font-size: 0.75rem; }

	.fenye{ font-size: 0.75rem; }

	.news_show{ padding: 2rem 0px; }
	.news_show ul{ margin-top: 2rem; }
	.news_show ul li.t{ font-size: 1.5rem; }
	.news_show ul li.n{ padding: 1rem 0px; }

	.contact_con{ padding: 2rem 0px; }
	.contact_con .tit dd{ font-size: 1.5rem; }
	.contact_con .tit dl{ font-size: 0.875rem; }
	.contact_con ul.nr{ margin:2rem 0px; padding: 1rem; }
	.contact_con ul.nr li{ width:99% !important; }
	.contact_con ul.nr li.l{ margin-right: 0px; margin-bottom:1rem; }
	.contact_con ul.nr li dd, .contact_con ul.nr li dl{ padding-left:5rem; }
	.contact_con ul.nr li img{ width: 3rem; left: 1rem; }
	.contact_con ul.nr li dd{ margin-bottom: 0.5rem; }
	.contact_con ul.ly{ padding-right: 0px; width: 100%; }
	.contact_con ul.ly li.l,.contact_con ul.ly li.l textarea{ position: relative; }
	.contact_con ul.ly li.l{ margin-bottom: 1.5rem; }
	.contact_con ul.ly li.t,.contact_con ul.ly li.y,.contact_con ul.ly li.l{ width: 99%; }
	.contact_con ul.ly li.b{ text-align: center; }
	.contact_con ul.ly li.b button{ height: 2rem; line-height: 2rem; }









	
}