.top_bg .gh{ position: absolute; top: 50%; right: 0px; width:1.5rem; height:1.25rem; margin-top: -0.625rem; margin-left: 2rem; cursor:pointer; overflow: hidden; }
.top_bg .gh i{ position:absolute; background-color:#ffffff; width:100%; height:2px; left:0px; transition:all .5s ease; }
.show_top .gh i{ background-color:#222222; }
.top_bg .gh i.t{ top:0; }
.top_bg .gh i.c{ top:50%; margin-top:-1px; }
.top_bg .gh i.f{ bottom:0px; left: 27%; }
.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{ left: 0px; transform:rotate(135deg); }

@media only screen and (max-width:800px){
	html,body{ min-width:414px; font-size:16px; }
	body{ overflow-x:hidden; margin:0px auto; }
	.width1275{ width:94%; max-width:30rem; }
	.top_bg{ top: 0px; }
	.top_bg.selected{ background-color: rgba(0,0,0,0.5); }
	.top_bg .width1275 ul.lm{ background-color: rgba(0,0,0,0.5); position: fixed; left: 0px; top: 6rem; width: 100%; height: 0px; overflow: hidden; }
	.top_bg.selected .width1275 ul.lm{ top: 4rem; padding: 1rem 0px; height: auto; transition: all 0.5s ease; }
	.top_bg .width1275 ul.lm li{ width: 92%; margin:0px 4%; }
	.top_bg .width1275 ul.lm li dd{ line-height: 2; }
	.top_bg .width1275 ul.lm li dl{ position: relative; margin-top:0px; height: auto; opacity: 1; padding-left:5%; }
	.top_bg.now .width1275 ul.lm li dl,.top_bg.now.selected .width1275 ul.lm li dl{ background:none; margin-left: 0px; padding: 0px; padding-left:5%; }
	.top_bg.selected .width1275 ul.lm li dl,.top_bg .width1275 ul.lm li:hover dl{ padding: 0px; padding-left:5%; }
	.top_bg .width1275 ul.lm li dl a{ float: left; width: 50%; line-height: 3; }
	
	.banner .main_image ul li div.width1275 div{ text-align: center; }
	.banner .main_image ul li div.width1275 div dd{ font-size:2rem; }
	.banner .main_image ul li div.width1275 div dd i{ color:#eeb240; margin-right:0; display: block; }
	.banner .main_image ul li div.width1275 div dl{ font-size:1rem; margin-top: 0.5rem; }

	.banner i.sb,.banner .flicking_con{ bottom: 2vh; }
	.banner .flicking_con .width1275 a{ margin:0px 0.25rem; width: 0.5rem; height: 0.5rem; }
	@keyframes arrow{ %0,%100{ bottom:10px; } 50%{ bottom:30px; } }
	@-webkit-keyframes arrow{ %0,%100{ bottom:10px; } 50%{ bottom:30px; } }
	
	.i_about .width1275{ min-height: 5rem; }
	.i_about .width1275 .bg div.l{ width: 100%; text-align: center; font-size: 1.5rem; }
	.i_about .width1275 .bg div.r{ width: 100%; font-size: 0.875rem; line-height: 2; margin-top: 1rem; }

	.i_fw{ padding: 2rem 0px; }
	.i_fw div.t dd{ font-size: 1.5rem; }
	.i_fw div.t dl{ font-size: 1rem; margin-top: 1rem; }
	.i_fw ul.c{ margin-top: 2rem; margin-bottom:1rem; width: 100%; }
	.i_fw ul.c li{ width: 100%; margin-right: 0px; margin-bottom:1rem; height: auto; }
	.i_fw ul.c li div{ position: relative; padding:2rem 1rem; text-align: center; }
	.i_fw ul.c li div ol{ margin-bottom:1rem; height: 3rem; }

	.i_fw div.f a{ height: 2rem; line-height: 2rem; }

	.i_cp, .i_cp .main_image, .i_cp .main_image ul, .i_cp .main_image ul li{ height:15rem; }
	.i_cp a.qh{ width: 2rem; height: 2rem; line-height: 2rem; margin-top: -1rem; }
	.i_cp a.qh#btn_prev{ left:3%; }
	.i_cp a.qh#btn_next{ right:3%; }

	.i_al{ padding: 2rem 0px; }
	.i_al .tit dd{ font-size: 1.5rem; }
	.i_al .tit dl{ font-size: 1rem; margin-top: 1rem; }

	.i_al div.c{ margin:2rem 0px; }
	.i_al div.c ul.l{ width: 100%; }
	.i_al div.c ul.l li{ width: 100%; margin-bottom:1rem; height: auto; }
	.i_al div.c ul.l li a{ position: relative; padding: 1.5rem; display: block; }
	.i_al div.c ul.l li a dd{ font-size: 1.125rem; }
	.i_al div.c ul.l li a ol{ position: relative; margin-top: 1rem; }
	
	.i_al div.c div.r{ width: 100%; height: auto; border-radius: 1rem; }
	.i_al div.c div.r a{ position:relative; padding:1.5rem; font-size:1.125rem; }
	.i_al div.c div.r a div{ position:relative; bottom: auto; }

	.i_al div.f a{ height: 2rem; line-height: 2rem; }

	.i_zn .width1275{ height: auto; padding: 2rem 0px; }
	.i_zn .width1275 .bg div.t dd{ font-size: 1.5rem; }
	.i_zn .width1275 .bg div.t dl{ font-size: 1rem; margin-top: 1rem; }
	.i_zn .width1275 .bg ul.c{ margin: 2.5rem 0px; }
	.i_zn .width1275 .bg ul.c li{ padding: 0.5rem 0px; }
	.i_zn .width1275 .bg ul.c li div ol{ height: 1.5rem; }
	.i_zn .width1275 .bg ul.c li div dd{ margin-top: 0.5rem; font-size: 0.875rem; }

	.i_zn .width1275 .bg div.f a{ height: 2rem; line-height: 2rem; }

	.i_news .width1275{ padding: 2rem 0px; }
	.i_news .width1275 .tit ol{ font-size: 0.875rem; }
	.i_news .width1275 .tit dd b{ font-size: 1.5rem; }

	.i_news .width1275 .gallery{ display: none; }
	.i_news .width1275 .hero-gallery{ display: block; }

	/*动画效果*/
	.i_md .i_about .width1275 .bg div.r{ opacity:1; margin-right:0px; }
	.i_md .i_fw div.t{ opacity:1; }
	.i_md .i_fw ul.c li{ opacity:1; margin-top:0px; }
	.i_md .i_cp{ opacity:1; }
	.i_md .i_al .tit{ opacity:1; }
	.i_md .i_al div.c ul.l{ opacity: 1; margin-left: 0px; }
	.i_md .i_zn .width1275 .bg div.t{ opacity:1; }
	.i_md .i_zn .width1275 .bg ul.c li{ opacity:1; margin-top:0px; }
	.i_md .tit{ opacity:1; }
	.i_md .i_news .width1275 .gallery{ opacity:1; margin-top:0px; }
	
	.foot_bg{ padding: 2rem 0px; height: auto; }
	.foot_bg .hidden.t{ height:auto; padding-top: 0px; }
	.foot_bg .hidden.t ul.l{ display: none; }
	.foot_bg .hidden.t div.r{ width: 100%; max-width: 100%; text-align: center; }
	.foot_bg .hidden.t div.r div.x dd{ font-size: 1.75rem; }
	.foot_bg .hidden.t div.r div.fx a{ margin:0px 1rem; }
	.foot_bg .hidden.f{ height: auto; text-align: center; }

	.ny_banner .width1275{ height: 20rem; text-align: center; }
	.ny_banner .width1275 div dd{ font-size:1.75rem; }
	.ny_banner .width1275 div dl{ font-size:1rem; margin-top:0.5rem; }

	.about_jj{ padding: 2rem 0px; }
	.about_jj div.s dl.l{ width: 100%; text-align: center; font-size: 1.75rem; }
	.about_jj div.s dl.r{ width: 100%; margin-top: 1rem; margin-top: 1.5rem; }
	.about_jj div.i{ margin-top: 1rem; }

	.about_jgly{ margin-top:0px; padding: 2rem 0px; }
	.about_jgly .tit{ font-size:1.75rem; }
	.about_jgly .ms{ margin-top:0.5rem; }

	.about_jgly ul{ width: 100%; margin-top:1rem; }
	.about_jgly ul li{ margin-bottom: 0px; margin-top: 1rem; width: 100%; }

	.about_yy{ padding: 2rem 0px; }
	.about_yy .tit{ text-align: center; font-size: 1.75rem; }
	.about_yy ul{ margin-top: 2rem; }
	.about_yy ul li img,.about_yy ul li div.r{ width: 100%; }
	.about_yy ul li div.r{ position: relative; }
	.about_yy ul li div.r div{ padding: 2rem 0px; }
	.about_yy ul li div.r div dd{ font-size: 1.25rem; margin-bottom:1rem; text-align: center; }
	.about_yy ul li div.r div dl{ font-size: 0.875rem; line-height: 1.75; }
	
	.about_zx{ height: auto; padding: 2rem 0px; }
	.about_zx .width1275 dl{ width: 100%; text-align: center; font-size: 1.25rem; float: none; line-height: 2rem; }
	.about_zx .width1275 a{ float: none; margin:1rem auto 0px; font-size: 1rem; height: 2rem; line-height: 2rem; }

	.cp_list{ padding: 2rem 0px; }
	.cp_list .cp_l{ display: none; }
	.cp_list .cp_r{ width: 100%; }
	.cp_list .cp_r ul{ margin-bottom: 1rem; }
	.cp_list .cp_r ul li{ margin-bottom: 1.5rem; }
	.cp_list .cp_r ul li a ol{ height: 8rem; }
	.cp_list .cp_r ul li a dd{ height: 2rem; line-height: 2rem; font-size: 0.875rem; }

	.fenye{ font-size: 0.75rem; }
	.show_top_h{ height: 4rem; }
	
	.show_top .width1275 ul.lm{ background-color: #ffffff; }
	.show_top .width1275 ul.lm li dl{ background: none; }
	.show_top .width1275 ul.lm li dl a{ color: #222222; }

	.cp_s_t{ padding: 2rem 0px; }
	.cp_s_t .tit{ font-size: 0.875rem; }
	.cp_s_t .xx{ margin-top:1rem; }
	.cp_s_t .xx div{ height: auto; }
	.cp_s_t .xx div.l{ width: 100%; min-height: 12rem; text-align: center; }
	.cp_s_t .xx div.l img{ position: relative; }
	.cp_s_t .xx div.r{ width: 100%; margin-left: 0px; border-left: 0px; padding: 2rem 0px; border-top: 1px solid #f2f2f2; }
	.cp_s_t .xx div.r ul li.t{ font-size: 1.5rem; }
	.cp_s_t .xx div.r ul li.c{ height: auto; min-height: 8rem; }
	.cp_s_t .xx div.r ul li.f a{ height: 2rem; line-height: 2rem; width: 8.5rem; margin-right:0.5rem; }

	.cp_s_f{ padding: 2rem 0px; }
	.cp_s_qt .width1275{ padding: 2rem 0px; }
	.cp_s_qt .width1275 .tit{ font-size: 1.5rem; }
	.cp_s_qt .width1275 .gallery button{ width: 2rem; height: 2rem; top: 2rem; }
	.cp_s_qt .width1275 .gallery button.previous{ right: 3rem; }
	
	.cp_s_qt .width1275 .gallery .gallery-cell, .cp_s_qt .width1275 .gallery .gallery-cell a{ height: 8rem; }
	.cp_s_qt .width1275 .gallery{ margin-left: 25%; }
	.cp_s_qt .width1275 .gallery .gallery-cell{ width: 50%; }

	.ny_lm .width1275 a{ height: 3rem; line-height: 3rem; padding: 0px 1rem; }

	.cases{ padding: 2rem 0px; }
	.cases ul{ width: 100%; }
	.cases ul li{ width: 100%; margin-bottom:1rem; height: auto; }
	.cases ul li a{ position: relative; padding: 1.5rem; display: block; }
	.cases ul li a dd{ font-size: 1.125rem; }
	.cases ul li a ol{ position: relative; margin-top: 1rem; }
	
	.cases_show{ padding: 2rem 0px; }
	.cases_show ul{ margin-bottom: 0px; }
	.cases_show ul li.s_t{ font-size: 1.5rem; margin-bottom:1.5rem; }
	.cases_show ul li.s_c{ padding-bottom: 1.5rem; }
	.cases_show ul li.s_p{ margin-bottom: 2rem; min-height: 6rem; }
	.cases_show ul li.s_w{ min-height: 6rem; }

	.news_bg .width1275{ padding: 2rem 0px; }
	.news_bg .width1275 ul{ width: 100%; }
	.news_bg .width1275 ul li{ width: 100%; margin-right: 0px; margin-bottom:2rem; }

	.news_show{ padding: 2rem 0px; }
	.news_show ul li.t{ font-size: 1.5rem; }
	.news_show ul li.c{ font-size: 1rem; }
	.news_show ul li.f{ font-size: 0.875rem; }
	.news_show ul li.fe{ margin-top: 2rem; }

	.contact{ padding: 3rem 0px; }
	.contact .hidden.l,.contact .hidden.r{ max-width: 100%; width: 100%; }
	.contact .hidden div.n{ font-size: 1.5rem; }
	.contact .hidden div.m{ font-size: 1rem; margin:1rem 0px; }
	.contact .hidden div.c p{ padding:1rem 0px; }

	.contact .hidden.r{ margin-top: 2rem; }
	.contact .hidden form .form-group{ padding-left:0px; margin-bottom:1rem; }
	.contact .hidden form .form-group label{ display: block; position: relative; text-align: left; }
	
	.jobs{ padding: 3rem 0px; }
	.jobs .tit{ font-size: 1.25rem; }
	.jobs ul{ margin-top: 1.5rem; }
	.jobs ul li.n dl.d2,.jobs ul li.n dl.d3,.jobs ul li.x div.t dl.d2,.jobs ul li.x div.t dl.d3{ display: none; }
	.jobs ul li.n dl.d1,.jobs ul li.x div.t dl.d1{ width: 70%; }
	.jobs ul li.n dl.d4,.jobs ul li.x div.t dl.d4{ width: 30%; }
	
	.jobs ul li.n dl{ font-size: 1rem; line-height: 2.5; }
	.jobs ul li.x{ height: 3rem; }
	.jobs ul li.x div.t dl{ height: 3rem; line-height: 3rem; }
	.jobs ul li.x div.f{ padding:1.5rem; }
	.jobs ul li.x div.f .c_t{ margin-bottom:1rem; }
	.jobs ul li.x div.f .c_t dl{ width: 100%; font-size: 1rem; line-height: 2; }
	

	
}