@charset "utf-8";
.body{ background:#FFFFFF}
.sjtopbg{ background:#2289EE}
.bannersj{background:url(pic/topbg.jpg) no-repeat center bottom; height:460px;font-family: 'HanHei-SC'; text-align:center; color:#FFFFFF; padding-top:3%}
.bannersj h2{font-size:60px;}
.bannersj span{ color:#FFFF00}
.bannersj p{ font-size:32px;}
.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}
.title-wz span{ color:#FF0000}
.seofw{ padding:30px 0px; margin:0px auto}
.seofw> div{ width:23%; margin:5px 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; overflow:hidden; text-align:center; padding:0px 0px 25px} 
.seofw figure{ text-align:center; padding:20px 0px}
.seofw img{ margin:0px auto}
.seofw h2{ font-size:24px}
.seofw p{ padding:10px 20px; color:#999999}
.seofw a{ padding:10px 30px; background:#E5E5E5; color:#333333; display:table; margin:0px auto}
.seobgls{ background:#2FA2D5; padding:0px 0px 30px;}
.seobgls h1,.seobgls p{ color:#FFFFFF}
.seotb>div{ width:48%; float:left; margin:0px 1%; color:#FFFFFF; overflow:hidden; padding:20px 0px; height:200px}
.seotb .divy{ border:1px #FFFFFF solid;border-radius:50%; width:110px; height:110px; text-align:center; padding-top:28px; float:left; margin-top:15px}
.seotb img{ width:50%}
.seotb .zr{ float:left; width:70%; padding-left:6%; line-height:30px}
.seotb .zr h3{ padding-bottom:5px; font-size:20px; font-weight:bold}
.seobj{ padding:20px 0px 0px; margin:0px auto}
.seobj>div{ width:31%; float:left; margin:10px 1%; background:#0081D9;  color:#FFFFFF; overflow:hidden; height:100px}
.seobj .bg1{ background:#34DFE8}
.seobj>div:nth-child(2n){background:#34DFE8}
.seobj h3{ font-size:16px; font-weight:bold}
.seobj span{ float:left; font-size:56px; padding:0px 20px}
.seohy{ overflow:hidden; padding:10px 0px}
.seohy>div{ width:18%; float:left; margin:10px 1%; border:1px solid #DDDDDD;}
.seohy figure{ text-align:center}
.seohy img{ margin:10px auto; width:90%}
.seohy h3{ padding-left:20px; font-size:20px}
.seohy p{ color:#666666; padding-left:20px; }
.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}
.seocf{ padding:10px 0px}
.seocf>div{ width:18%; float:left; margin:10px 1%; background:#1A91E2; text-align:center; color:#FFFFFF;border-radius:12px; height:300px}
.seocf img{ width:30%; margin:50px auto 20px}
.seocf h3{ font-size:20px; font-weight:bold}
.seocf p{ padding:10px 15px; line-height:26px}
.seofaq{ background:url(pic/faq.jpg) no-repeat 3% top/auto 100%; padding:20px 0px}
.seofaq div{ text-align:center;  padding:50px 0px 50px 300px}
.seofaq  p{ font-size:16px}
.seofaq  .x{ font-size:12px; padding:0px 0px 20px; color:#999999}
.seofaq  h3{ font-size:40px; padding:0px 0px 10px}
.seofaq .pb{ background: #1A91E2;border-radius:30px; padding:10px 50px; font-size:30px; color:#FFFFFF; display:table; margin:0px auto}
.seofaqlr h4{ background:#DFEAF6; padding:15px 30px; font-weight:bold}
.seofaqlr p{ padding:3px 30px; line-height:24px}

/*手机超小屏幕下的单独样式 xs < 768px */
@media (min-width: 300px) and (max-width: 766px){

.title-wz h1{font-size:26px}

.seofw> div{ width:48%;} 

.seotb>div{ width:98%; float:none; margin:0px 1%; padding:0px }
.seobj>div{ width:98%;float:none; margin:0px 1%;}
.seotb .divy{ border:1px #FFFFFF solid;border-radius:50%; width:60px; height:60px; text-align:center; padding-top:18px; float:left; margin-top:10px}
.seotb>div{ padding:10px 0px}
.seohy>div{ width:48%; }
.an-pic>div{width:48%; margin:10px 1%; background:#FFFFFF; height:80px; text-align:center; padding-top:8px; float: left}
.seocf>div{ width:48%;}
.seofaq{ display:none}
}

/*平板小屏幕样式 768px <= sm < 992px */
@media (min-width: 768px) and (max-width: 991px){
.seofaq{ background:url(pic/faq.jpg) no-repeat 3% bottom/auto 80%; padding:0px 0px}
.seofaq div{ text-align:center;  padding:50px 0px 50px 200px}
.seofw> div{ width:48%; margin:10px 1%;} 
.seohy>div{ width:23%; }
.seocf>div{ width:23%;}
.seofaq  h3{ font-size:30px; padding:0px 0px 10px}
.seofaq .pb{ background: #1A91E2;border-radius:30px; padding:10px 30px; font-size:20px; color:#FFFFFF; display:table; margin:0px auto}


}

/*大于992px以上固定宽度为970px md >= 992px */
@media (min-width: 992px) and (max-width: 1199px){




}