/*pad*/
.gh,.sj_bg{display:none;}
@media only screen and (max-width:1080px){
	.head_bg .width1024 a.logo{ margin-left:20px;}
}
@media only screen and (max-width:1024px){
	.width1024{ width:100%;}
	.top_bg,.head_bg{ display:none;}
	.gh,.sj_bg{display: block;}
	.sj_bg{ height:125px; width:100%; position:relative; z-index:9999;}
	.sj_bg div.t{ background-color:#229cd9; height:45px; position:relative; z-index:2;}
	.sj_bg div.t div.l{ position: absolute; color: #ffffff; line-height: 45px; font-size:0.95rem; margin-left: 3%;}
	.sj_bg div.t .yy{ background-color:#ffffff; display:flex;align-items:center; height:100%; float:right;min-width:8rem;}
	.sj_bg div.t .yy select{ width:100%; border:0px;padding:0px 1.5rem;vertical-align:top;font-size:0.95rem;cursor:pointer;background:url(../images/xl.png) no-repeat scroll 80% center;appearance:none;outline:none; height:100%;}
	.sj_bg div.f{ background-color:#1d262b; height:80px; position:relative; z-index:1; padding-left:20px; position:relative;}
	.sj_bg div.f a.logo{ float:left; width:170px; display:flex;align-items:center; height:80px;}
	.sj_bg div.f .gh{ position:absolute; top:0px; right:0px; bottom:0px; width:70px;}
	.sj_bg div.f .gh i{ width:30px;height:2px;display:block;position:absolute;background:#ffffff;left:50%;margin-left:-15px;margin-top:-1px;transition: all .3s;}
	.sj_bg div.f .gh i.i_t{top:40%;}
	.sj_bg div.f .gh i.i_c{top:50%;}
	.sj_bg div.f .gh i.i_f{top:60%;}
	.sj_bg.selected div.f .gh i{transition: all .3s;top: 50%;}
	.sj_bg.selected div.f .gh i.i_t{transform: rotate(45deg);}
	.sj_bg.selected div.f .gh i.i_c{transform: rotate(90deg); opacity:0;}
	.sj_bg.selected div.f .gh i.i_f{transform: rotate(135deg);}
	.sj_bg ul.lm{position:absolute;top:125px;width:100%;height:0px;background:#1d262b;overflow:hidden;transition:all .5s ease; z-index:8;}
	.sj_bg.selected ul.lm{ height:auto;transition:all .5s ease;}
	.sj_bg ul.lm li{width:100%; overflow:hidden;border-top:1px solid rgba(255,255,255,0.1);}
	.sj_bg ul.lm li dd,.sj_bg ul.lm li dd a{ display:block; text-align:center; font-size:0.95rem; color:#ffffff; line-height:60px; padding:0px 2rem;}
	.sj_bg ul.lm li.qq dd i{ margin-left:0.5rem;}
	.sj_bg ul.lm li dd a:hover{ color:#229cd9;}
	.sj_bg ul.lm li .bg{overflow:hidden; display:none;}
	.sj_bg ul.lm li:hover .bg{ display:block;}
	.sj_bg ul.lm li .bg div.c{overflow:hidden;}
	.sj_bg ul.lm li .bg div.c ol{border-top:1px solid rgba(255,255,255,0.1); background-color:#343b41;}
	.sj_bg ul.lm li .bg div.c ol a{ display:block; text-align:center; font-size:0.95rem; color:#ffffff; line-height:60px; padding:0px 2rem;}
	.sj_bg ul.lm li .bg div.c ol a:hover{ color:#229cd9;}
	.sj_bg ul.lm li .bg div.c dl{ overflow:hidden; display:none;}
	.sj_bg ul.lm li .bg div.c:hover dl{ display:block;}
	.sj_bg ul.lm li .bg div.c dl a{ display:block; text-align:center; font-size:0.95rem; color:#ffffff; line-height:60px; padding:0px 2rem; background-color:#41484e;border-top:1px solid rgba(255,255,255,0.1);}
	.sj_bg ul.lm li .bg div.c dl a:hover{ background-color:#343b41; color:#229cd9;}
	
	.i_about .con{ width:42%; margin-top:1rem;}
	
}
@media only screen and (max-width:800px){
	body{overflow-x:hidden; }
	.sy_con{ width:332px; height:402px; margin-left:-166px; margin-top:-201px;}
	.sy_con ol{ height:196px;}
	.sy_con dl{ width:268px; margin:1rem auto 0.5rem;}
	
	.slides li{ height:350px; background-size:auto 100%;}
	
	.banner .bg{ height:auto; padding:1rem 0px;}
	.banner .bg ol{ font-size:2.3rem; padding:0px;}
	.banner .bg dd{ font-size:0.8rem;}
	
	.i_by{ height:auto; overflow:hidden;}
	.i_by div.hidden,.i_by div.l dl{ height:45px;}
	.i_by div.hidden{ width:100%;}
	.i_by div.hidden.l{background:linear-gradient(to right, #eeeeee 0%,#94a3ab 100%);}
	.i_by div.l dl.i_l{ width:40%;}
	.i_by div.l dl.i_l img{ margin-left:20px; width:128px;}
	.i_by div.l dl.i_r{ width:30%; margin-right:17%;}
	.i_by div.hidden.r{ margin-top:1px; background-color:#d8d8d8;}
	.i_by div.r img{ width:60%; margin-left:3%;}
	
	.i_about{ width:375px; height:355px;}
	.i_about .con{width:52%;margin-left:5%;}
	.i_about .con dl{ font-size:0.85rem;}
	.i_about .con a{ background-color:#ffffff;}
	.i_cp{ width:100%;}
	.i_cp li{ float:none; width:375px; height:375px; margin:0px auto 3px;}
	.i_cp li img{ margin:auto;}
	.i_cp li.s.f{background-color:#229cd9;}
	.i_cp li.d.f{background-color:#0087a6;}
	
	.jd_news{ width:375px; height:362px;}
	.jd_news .con img.l{ width:40%; height:362px;}
	.jd_news .con div.r{ margin-top:1.5rem; margin-right:1.5rem; width:178px;}
	.jd_news .con div.r ol{ font-size:0.85rem;}
	.jd_news .con div.r dd{ font-size:1.2rem; padding:5px 0px; line-height:120%;}
	.jd_news .con div.r dl{ line-height:1.5rem; font-size:0.85rem;}
	
	.foot_t_bg{ padding:1rem 0px 1.2rem;}
	.foot_t_bg .width1024{ width:375px; position:relative;}
	.foot_t_bg .width1024 div.l{ width:294px; padding-top:0px; margin-bottom:17px;}
	.foot_t_bg .width1024 div.l dl{ float:left;}
	.foot_t_bg .width1024 div.l dl.t{ width:80px; margin-right:20px; margin-bottom:0px;}
	.foot_t_bg .width1024 div.l dl.f{ width:110px;}
	.foot_t_bg .width1024 ul.c{ margin-left:0px; width:100%; height:auto;}
	.foot_t_bg .width1024 ul.c li{ margin-left:0px; border:0px; padding:0px !important; float:none;  height:auto; position:relative;}
	.foot_t_bg .width1024 ul.c li.l_a{ width:295px;}
	.foot_t_bg .width1024 ul.c li.l_c{ width:295px;}
	.foot_t_bg .width1024 ul.c li.lxfs{width:100%;}
	.foot_t_bg .width1024 ul.c li dl a{ width:33.33333333%;}
	.foot_t_bg .width1024 ul.c li.lxfs dl p{ float:left;}
	.foot_t_bg .width1024 ul.c li dd{ margin-bottom:0px; position: absolute; left:0px;}
	.foot_t_bg .width1024 ul.c li dl{ margin-left:70px; font-size:0.7rem; line-height:25px;}
	.foot_f_bg{ padding:4px 0px; line-height:1.3rem; height:auto;}
	.foot_t_bg .width1024 div.r{ position:absolute; right:0px; top:0px; width:65px;}
	.pf_ul{ bottom:295px; z-index:99;}
	.ny_banner{ height:100px;}
	.page_nr{ padding:40px 20px; width:374px;}
	.ny_tit{ margin-bottom:3rem;}
	.ny_con{ font-size:0.85rem; margin-top:-3rem; margin-bottom:3rem;}
	.page_left{ display:none;}
	.page_right{ width:100%;}
	
	.cp_list{ width:100%;}
	.cp_list li{ margin-bottom:5px; width:100%;}
	.cp_list li div.bg{ float:left; width:50%;}
	.cp_list li a{ display:block;}
	.cp_list li a .c{ width:50%; float:right; height:100%; background-color:rgba(0,0,0,0.6); position:relative;}
	.cp_list li a:hover .c{ background-color:rgba(0,0,0,0.7);}
	.cp_list li a .c dd{ margin-top:16px; font-size:1.2em;}
	.cp_list li a .c span{display:block;width:3rem;height:3rem;position:absolute;right:0;bottom:0;border-style:solid;border-color:transparent #229cd9 #229cd9 transparent;z-index:1;border-width:30px;box-sizing:border-box;}
	.cp_list li a .c img.jt{ display:block; position:absolute; right:10px; z-index:5; bottom:10px;}
	.cp_list li a:hover{ background-color:rgba(0,0,0,0);}
	
	.cp_show div.hidden.t dd{ font-size:1.6em;}
	.cp_show div.hidden.t ol{ font-size:0.85rem;}
	
	.cp_show div.hidden.c div.l, .cp_show div.hidden.c div.r{ width:90%; margin:0px 5%; float:none;}
	.cp_show div.hidden.c div.l{ margin-bottom:1rem;}
	.cp_show div.hidden.f .nr.ms{ padding:0px;}
	.cp_show div.hidden.f .nr.ms .gs div.l{ width:100%;}
	.cp_show div.hidden.f .nr.ms dd.n_t{ font-size:1.2rem;}
	.cp_show div.hidden.f .nr.ms .gs div.l dl{ font-size:0.85rem;}
	.cp_show div.hidden.f .nr.ms .gs img.r{ width:80%; margin-right:10%;}
	.cp_show div.hidden.f .nr.ms .jl dl i{ width:100%; height:205px;}
	.cp_show div.hidden.f .nr.gg .jj{ font-size:0.85rem;}
	
	.cp_show div.hidden.f .nr.gg ul.xz li dl{ width:100%; font-size:0.85rem; text-align:center;}
	.cp_show div.hidden.f .nr.gg ul.xz li a{ text-align:center; margin-top:1rem; width:100%; font-size:0.85rem;}
	
	.xm_tit{ font-size:1.6rem;}
	.xm_con{ font-size:0.85rem;}
	.fwygj{ width:100%; height:auto; overflow:hidden; margin-top:-2rem;}
	.fwygj li{ float:none; margin:2rem auto 3rem; width:355px;}
	.fwygj li .bg{transform: scale(1) !important;box-shadow:0px 0px 20px 0 rgba(0,0,0,0.2); height:240px; z-index:2;}
	.fwygj li div.c{ top:30px;}
	.fwygj li div.c dd{ font-size:1.2rem;}
	
	.dzml li{ width:100%; margin-bottom:2rem;}
	
	.ahPad .ahYear{ width:25% !important;}
	.ahPad .ahYear h3{ font-size:0.95rem !important;}
	.about_fx div.con dd{ font-size:1.4rem;}
	.about_fx div.con dl{ font-size:0.85rem;}
	
	.about_fx ul.c{ width:100%;}
	.about_fx ul.c li{ width:100%; margin-right:0px; padding-bottom:0.8rem;}
	.about_fx ul.c li.t,.about_fx ul.c li.f{ height:auto;}
	.about_fx ul.c li div.bg dl{ font-size:0.85rem;}
	.about_fx div.con dl img{ max-width:160px;}
	
	.about_qywh li img{ width:60%;}
	.about_qywh li span{ font-size:2rem;}
	.about_qywh li.l1 span{left:17px;bottom:17px;}
	.about_qywh li.l2 span{right:17px;top:17px;}
	.about_qywh li.l3 span{ bottom:17px;right:17px;}
	.about_qywh li.l4 span{left:17px;top:17px;}
	.about_qywh li.l1 i{left:5px; bottom:5px;}
	.about_qywh li.l2 i{top:5px; right:5px;}
	.about_qywh li.l3 i{bottom:5px; right:5px;}
	.about_qywh li.l4 i{left:5px; top:5px;}
	
	.about_f li div.t div.r dd{ font-size:1rem; padding:0px 15px 10px;}
	.about_f li div.t div.r dl{ font-size:0.85rem; padding:0px 15px; line-height:140%;}
	.about_f li div.f div.c div dd{ font-size:1rem;}
	.about_f li div.f div.c div ol{ font-size:0.85rem;}
	
	.ny_c{ margin-bottom:2rem; font-size:0.8rem; line-height:1.5rem;}
	.pzrz_con div.hidden dl.left,.pzrz_con div.hidden ul.right{ width:100%;}
	.pzrz_con div.hidden dl.left{ margin-bottom:2rem;}
	.pzrz_con div.hidden ul.right li{ width:100%;}
	
	.contact_t{ min-height: 120px; }
	.contact_t ul li div.l img{ display: none; }
	.contact_t ul li div.l div.c {width: 100%;}
	.contact_t ul li div.l div.c dl{ padding:0.5rem; }
	.contact_t ul li div.l div.c dl dd{ padding-top: 0px; font-size: 1rem;}
	.contact_t ul li div.l div.c dl ol p{ font-size: 0.7rem; }

	.contact_f{ height: auto; overflow: hidden; background-size:auto 200px; background-position: right bottom;}
	.contact_f div.l,.contact_f ul.r{ width: 100%; }
	.contact_f div.l{ margin-top:45px;}
	.contact_f ul.r li.t dl, .contact_f ul.r li.c{width: 100%;}
	.contact_f ul.r li.t dl.r{ margin-top:0.5rem; }
	.contact_f ul.r li.top dl select{ max-width: 200px; }

	.about_f li.on div.t{ height: auto; min-height: 220px; }
	.about_f li.on div.t div.l,.about_f li.on div.t div.r{ width: 100%;}
	.about_f li.on div.t div.l{ height: 220px;}
	.about_f li.on div.t div.r{  height: 188px;position: relative; }
	
	
}