.cent,.foot{ padding:0 2%}
header{ display:block}
.hea .left{ width:40%;}
.hea .right{ width:20%;}
.hea .right dl{ display:none}
.logo img,.head1 .logo{ width:118px}
.flex-control-nav{ bottom:20px}
.nav1,.pcx{ display:none}
.nav2,.sjx,header{ display:block}
.nav2{ width:25px; height:21px}
.nav1 ul li a,.sy1 dl dd{ font-size:14px}
.zg{width:25px;z-index: 99;}
.head1{ position:relative}
.head1{ padding:1.5% 2%}
.qh{ margin-bottom:2%;}
.pcx{ display:none !important}
.sjx{ display:block !important} 
.zg1 p img, .zg1 p a{ margin:0}
.zg1{ width:100%; right: 18%; top: 11px; padding-top:0}
.zg1 .left{ width:55%; padding-top:4px}
.zg1 .right img{ width:22px}
.zg1 .form_serach{ top:38px}
.head1 .navz{ width: 31%;}
.zg1 p a{ margin:0 6px}
.sy1 .left,.sy1 .right{ width:100%}
.sy1 .left p img{ width:70%; display:block; margin:auto}
.sy1 .left{ background:none; padding-top:0}
.sy1 .left div{ margin-right:0; margin-top:4%}
.sy1 .left div h1{ font-size:16px}
.sy1 .left div p{ line-height:24px; margin:3% 0}
.sy1 .left div h2 a{ width:100px; line-height:30px}
.sy-b{ font-size:16px;}
.sy-b span{ font-size:12px}
.sy-b span img{ width:80px}
.sy4{ margin-left:0; margin-top:-2%}
.sy4 div{ width:100%; margin-left:0; margin-top:2%; padding-bottom:4%}
.sy4 div h1 img{ height:227px}
.sy4 div p{ display:none}
.sy4 div h3{ margin-top:2%}
.sy4 div h2 a,.foot1 p, .foot1 p a{ font-size:14px;}
.sy4 div h1 span{ font-size:16px}
.foot1 p{ padding:3% 0;}
.foot2{ margin-left:0; padding:5% 0}
.foot2 div{ width:100%; margin-left:0}
.foot2 .fo1 h1 img{ width:44%}
.foot2 .fo1 h1{ margin-bottom:10px}
.foot2 .fo1,.foot2 .fo2,.foot2 .fo3{ display:none}
.foot2 .fo4{ width:100%}
.foot2 .fo4 ul li{ line-height:21px}
.foot2 .fo4 ul li .left{ width:23%}
.foot2 .fo4 ul li .right{ width:77%}
.flex-direction-nav li a{ width:30px; height:24px; background-size:100% !important}
.cent2{ padding:0 2%}
.sy2-1 .left,.sy2-1 .right{ width:100%}
.sy2-1 .left{ margin-bottom:5%}
#certify .swiper-slide{ width:280px; height:201px}
#certify .swiper-container{ padding-bottom:31px;}
.sy2-1 .right h1{ font-size:16px; padding-bottom:3%; background-size:35px}
.sy2-1 .right p{ line-height:22px; font-size:12px; margin:3% 0 4%;}
.sy2-1 .right p span{ font-size:14px}
.sy1 .left div h2 a, .sy2-1 .right h2 a{ font-size:14px; width:110px; line-height:30px}
.sy-b img{ width:100px}
.sy1 .left div h1{ background-size:60%; padding-top:14px}
.foot1 p{ line-height:22px}

#demo2.flexslider .slides li img{ height:322px}	

.zg1{ display:none}
.head1 .navz{ width:17%; display:none}
.header{ width:100%}
.mean-container .mean-bar{ border:0 !important; }
.mean-container .mean-nav ul li a img{ display:inline-block; margin-left:10px}

.footAbout,.footAbout a{ font-size:12px; line-height:20px }
.footAbout{ padding:3% 0}

.z1 .left h1{ font-size:16px}
.z1 .left{ width:22%; background-size:15px !important}
.z1 .right{ width:71%}
.gh-qyj{ background: url(../images/v1-1.jpg) repeat-y left 19.8% top;}
.z1 .right h1,.z1 .right div{ width:100%}
.z1 .right div{ margin-top:4%}
.z1 .right h1 img{ height:252px} 
.gh-dw1{ left:18.5%;}
.gh-dw1 img{ width:10px !important}
.gh-dw2 img{ width:18px !important}
.gh-dw2{ left:17.5%;}