.cent,.foot{ padding:0 2%}
header{ display:block}
.hea .left{ width:40%;}
.hea .right{ width:20%;}
.hea .right dl{ display:none}
.logo img{ width:45px}
.logo img{ margin:0}
.flex-control-nav{ bottom:20px}
.hea .left{ margin-top:-5%} 
.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 .left{ width:12%}
.zg1{ width:100%}
.head1{ padding:1.5% 2%}
.qh{ margin-bottom:2%;}
.pcx{ display:none !important}
.sjx{ display:block !important} 
.head1 .right{ right:16%}
.flex-control-nav li{ margin:0 5px}
.sy1{ margin-top:4%; margin-left:0}
.sy1 div{ width:100%; margin-left:0; margin-top:2%}
.sy1 div h1 img{ height:202px}
.sy1 div p{ font-size:16px}
.sy1 div p span{ margin:8% 0}
.sy-bt{ margin:6% 0; font-size:16px}
.sy2 dl{ width:47.5%}
.sy2 dl dt img,.mb2 .sy2 dl dt img{ height:157px}
.sy2 dl dd{ font-size:14px}
.sy2 dl dd .j2{ font-size:12px; margin-top:1%}
.more a{ width:110px; line-height:30px}
.sy3-1{ margin-top:-2%; margin-left:0}
.sy3-1 div{ width:100%; height:inherit; margin-left:0; margin-top:2%}
.s1 h1, .s3 p{ font-size:16px}
.s1 p{ margin-bottom:0}
.s1{ padding:4%}
.s2 p img, .s3 h1 img{ height:153px}
.s3 p a{ margin:13% auto 0}
.sy3{ padding-bottom:6%}
.fo2,.fo3,.fo1 h1,.fo1 p{ display:none}
.fo1{ width:100%}
.fo1 h2{ text-align:center}

.banner1 h1{ font-size:16px; top:40%}
.mb1 span{ width:31.333%; line-height:30px}
.mb-z, .mb-y{ width:100%}
.mb-y h1{ font-size:16px; margin-bottom:5%}
.mb-y p{ margin-top:2%}
.mb3-2 p{ line-height:22px}

.cpx3 h1{ font-size:16px}
.cpx1 .mb-z,.cpx1 .mb-y{ width:100%}
.cpx1 .mb-y{ padding-top:5%}
.cpx1 .mb-y p{ line-height:24px}
.cpx1 .mb-y p .left{ width:30%}
.cpx1 .mb-y p .right{ width:70%}
.cpx1{ margin-top:6%}

.zh1 h1{ font-size:16px}
.zh1 h2{ font-size:14px; line-height:24px}
.zh1 p{ font-size:13px; line-height:22px}
.zh1-1 ul li img{ width:80px; height:80px}
.zh1-1 ul li, .zh1-2 ul li, .zh1-3 ul li, .zh1-4 ul li{ font-size:12px; line-height:18px}
.zh1-2 ul, .zh1-3 ul{ width:49%; margin-top:3%}
.zh1-2,.zh1-3{ margin-top:-3%}
.zh1-2 ul li img{ height:130px}
.zh1-3 ul li img{ height:86px}

.gy-bt, .gy2-1 h2, .gy3-1,.gy3-2-2 .right h1{ font-size:16px}
.gy-bt span{ letter-spacing:1px; background-size:170px}
.gy1 .left,.gy1 .right{ width:100%}
.gy1 .right h1 strong{ font-size:15px}
.gy1 .right h1, .gy1 .right p, .gy2 h1, .gy2-1 p{ line-height:22px}
.gy4-1{ margin-top:-4%}
.gy4-1 ul{ width:46%; margin-top:4%;margin-left: 4%;}
.gy4-1 ul li img{ width:100px !important; height:100px}
.gy4-1 ul li{ font-size:14px; margin-top:3%}
.gy4-1 ul li .f1{ margin-bottom:4%}
#demo22, #demo33{ padding-bottom:8%; margin:6% 0}
.gy4-2 p{ width:48%; margin-top:4%}
.gy4-2{ margin-top:-4%}
.gy4-2 p img{ height:170px}
.gy2-2{ margin-top:-1%}
.gy2-2 div{ width:98%; margin:2% 1%; background:none !important; box-shadow:0 0 5px #ccc; height:inherit !important}
.gy2-2 div h2{ left:4%}
.gy2-2 div h2 img{ width:30px}
.gy2-2 div p{ line-height:20px; margin-top:4%}
.gy2-2{ margin-bottom:6%}
.gy3-1{ margin:4% 0}
.gy3-2-2 .left,.gy3-2-2 .right{ width:100%}
.gy3-2-2 .right p{ margin-top:2%; padding-left:6%}
.gy3-2-2 .right h1{ margin:5% 0 4%}