@charset "utf-8";
.body{ background:#FFFFFF}
.sjtopbg{ background:#2289EE}
.bannersj{background:url(pic/bg.jpg) no-repeat center bottom; height:460px;font-family: 'HanHei-SC'; text-align:center; color:#FFFFFF; padding-top:4%}
.bannersj h2{font-size:60px;}
.bannersj span{ color:#FFFF00}
.bannersj p{ font-size:32px;}

.westbg{ background:#F4F4F4; overflow:hidden; padding-bottom:20px}
.title-wz{ text-align:center; width:80%; margin:0px auto; padding-top:20px}
.title-wz h1{ text-align:center; color:#333333;font-family: 'HanHei-SC'; font-size:46px}
.title-wz p{ line-height:26px; color:#666666}
.westbg .lr{ padding:20px 0px; overflow:hidden}
.westbg .lr > div{ width:23%; margin:0px 1%;-moz-box-shadow:0px 0px 18px #E4CDCDCDE4E4;
-webkit-box-shadow:0px 0px 18px #CDCDCD;
box-shadow:0px 0px 18px #CDCDCD;
 background:#FFFFFF; float:left; padding-bottom:10px}
.westbg .lr h2{ text-align:center; font-size:24px; padding-top:15px}
.westbg .lr p{ font-size:12px; text-align:center; color:#999999; padding-bottom:10px}
.westbg .lr img{ width:70%; margin:0px auto 15px; display:table}
.westbg .lr ul li{ line-height:30px;list-style:none; color:#2C2C2C}
.about_ys .xq{ text-align:center; line-height:30px; padding-bottom:15px}
.sj-ys{ overflow:hidden; padding:30px 0px}
.sj-ys>div{ width:21%; float:left; margin:0px 2%}
.sj-ys b{font-size:46px; color:#56AEED;}
.sj-ys p{color:#565656; font-size:16px; line-height:30px}
.bg-anli{ background: #1D95EB; padding:10px 0px}
.bg-anli .title-wz p,.bg-anli .title-wz h1{ color:#FFFFFF}
.an-pic>div{width:23%; margin:10px 1%; background:#FFFFFF; height:80px; text-align:center; padding-top:8px; float: left}
.an-pic img{ margin:0px auto}
.an-title{ text-align:center; color:#FFFFFF; line-height:36px; padding:30px 0px; font-size:18px}
.an-title span{ color:#FFFF00}
.wz-lc{ padding:30px 0px}
.wz-lcjs{background: #2483F1; padding:30px 0px; overflow:hidden}
.wz-lcjs .wzlr{ padding:0px; margin:0px auto}
.wz-lcjs .div5{ width:49%; background:#FFFFFF;border-radius: 12px; padding:10px 20px; overflow:hidden; height:180px; margin:20px auto}
.wz-lcjs .div100{ width:100%; background:#FFFFFF;border-radius: 12px; padding:10px 20px; overflow:hidden; height:180px;margin:20px auto}
.wz-lcjs .div100 figure{ float:left; width:11%; padding-top:20px}
.wz-lcjs .div100 .rlrp{ float:right; width:89%}

.wz-lcjs figure{ float:left; width:23%; padding-top:20px}
.wz-lcjs .rlrp{ float:right; width:77%}
.wz-lcjs .rlrp p{ color:#666666; line-height:24px}
.wz-lcjs .rlrp h2{ color:#3487FF; font-size:18px}
.wz-lcjs .divleft{ float:left;}
.wz-lcjs .divright{ float:right;}
.wz-hylr{ padding:10px 0px ; margin:0px auto}
.wz-hylr>div{ width:31%; margin:10px 1%; float:left;-moz-box-shadow:0px 0px 18px #E4CDCDCDE4E4;
-webkit-box-shadow:0px 0px 18px #CDCDCD;
box-shadow:0px 0px 18px #CDCDCD;
 background:#FFFFFF; padding:10px;}
.wz-hylr figure{ float:left; width:24%; padding:35px 0px}
.wz-hylr .rlrp{ float:right; width:70%}
.wz-hylr .rlrp h2{ font-size:24px; color:#333333; padding:0px; margin:10px auto}
.wz-hylr .rlrp p{ font-size:12px; color: #666666; line-height:20px}

/*手机超小屏幕下的单独样式 xs < 768px */

@media (min-width: 300px) and (max-width: 766px){

.bannersj h2{font-size:37px;}
.bannersj span{ color:#FFFF00}
.bannersj p{ font-size:18px;}
.bannersj{background:url(pic/bg.jpg) no-repeat center bottom/auto 150%; height:360px;font-family: 'HanHei-SC'; text-align:center; color:#FFFFFF; padding-top:4%}
.title-wz h1{ text-align:center; color:#333333;font-family: 'HanHei-SC'; font-size:26px}
.title-wz p{ line-height:16px; color:#666666}

.westbg .lr > div{ width:90%; margin:10px auto;float:none}
.westbg .lr img{ width:60%; margin:0px auto 15px; display:table}
.an-title{ padding:30px 10px;}

.sj-ys{ overflow:hidden; padding:10px 0px}
.sj-ys>div{ width:46%; float:left; margin:0px 2%; height:90px}
.sj-ys b{font-size:26px;}
.sj-ys p{font-size:14px; line-height:24px}
.an-pic>div{width:48%; margin:10px 1%; background:#FFFFFF; height:auto; text-align:center; padding:5px; float: left}
.wz-lc{ padding:30px 10px;}
.wz-lcjs .div5{ width:98%; background:#FFFFFF;border-radius: 12px; padding:10px 20px; overflow:hidden; height:auto; margin:20px auto}
.wz-lcjs figure { padding-right:10px;}
.wz-lcjs .div100{ width:98%; height:auto;} 
.wz-lcjs .div100 figure { width: 23%;  padding-top: 20px; padding-right:10px;}
.wz-lcjs .div100 .rlrp{ width:77%;}
.wz-lcjs .divleft{ float:none;}
.wz-lcjs .divright{ float:none;}
.wz-hylr>div{ width:90%; margin:10px auto; float:none; overflow:hidden}
}

/*平板小屏幕样式 768px <= sm < 992px */
@media (min-width: 768px) and (max-width: 991px){

.westbg .lr > div{ width:48%; margin:10px 1%;float:left}
.wz-lcjs .div5{ width:98%; background:#FFFFFF;border-radius: 12px; padding:10px 20px; overflow:hidden; height:180px; margin:20px auto}
.wz-lcjs .divleft{ float:none;}
.wz-lcjs .divright{ float:none;}
.westbg .lr img{ width:50%; margin:0px auto 15px; display:table}
.wz-hylr>div{width:48%; margin:10px 1%; float:left;}

}

/*大于992px以上固定宽度为970px md >= 992px */
@media (min-width: 992px) and (max-width: 1199px){
.wz-hylr figure{ float:left; width:24%; padding:40px 0px}

.wz-hylr>div
{ height:175px;}



}