@charset "utf-8";

*{margin: 0;padding: 0}

li{list-style: none}

.body{ background:#FFFFFF}

.sjtopbg{ background:#2289EE}

.bannersj{background:url(pic/topbg.jpg) #07122e no-repeat center; 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;}



.pmA{background-color: #f5f8ff;padding: 30px 0;font-size: 25px;color: #ff0000}



.pmB{padding: 0;overflow: hidden;margin-top: 40px}

.pmB ul li{margin-top: 28px}

.pmB ul li div{border: solid 1px #ebebeb;border-radius: 3px}

.pmB ul li h3{line-height: 80px;color: #666;font-size: 28px;font-weight:bold;text-align: center;background-color: #f9f9f9;margin: 0;

 border-bottom: solid 1px #ebebeb;}

.pmB ul li dl{padding: 20px;font-size: 12px;margin-bottom: 0}

.pmB ul li dl p{color: #666;line-height: 22px;}

.pmB ul li dl span{text-align: center;display: block;color: #ccc;margin-top: 10px}

.pmB ul li:nth-child(2){margin-top: 0;padding: 0}

.pmB ul li:nth-child(2) div{border-color: #5297fa;box-shadow: 0 0 4px 2px rgba(0,0,0,.1);}

.pmB ul li:nth-child(2) h3{background-color: #5297fa;color: #fff}



.pmC{background-color: #f5f8ff;margin-top: 40px;padding-bottom: 40px}

.pmCs{overflow: hidden;}

.pmCs ul li{text-align: center;margin-top: 40px}

.pmCs ul li p{text-align: center;font-size: 18px;color: #383838;margin-top: 10px}

.pmCs ul li span{color: #a0a0a0;font-size: 12px;line-height: 20px;padding: 0 40px;display: block;text-align: left}



.Pmd{margin-top: 20px;padding: 0}

.Pmd ul{}

.Pmd ul li{width: 20%;float: left;text-align: center;margin-top: 20px;position: relative}

.Pmd ul li p{font-size: 18px;margin-top: 20px}

.Pmd ul li:before{content:'';position: absolute;top: 25%;right: 0;width: 14px;height: 23px;background: url("pic/jt.png") no-repeat center}

.Pmd ul li:last-child:before{opacity: 0}



.pmE{background-color: #f5f8ff;margin-top: 40px;padding-bottom: 40px}

.pmEs{text-align: center;margin-top: 40px}

.pmEs a{  color: #076bf2;  border: 1px solid #076bf2;  border-radius: 4px;  width: 166px;  text-align: center;  height: 40px;  line-height: 40px;  display: inline-block;  font-size: 16px;  margin: 0 40px;  }

.pmEs a:last-child{  color: #fff;  background: #4e8bdd;  border-color: #4e8bdd;  }



.pmF{text-align: center;margin-top: 40px;padding-bottom: 40px}

.pmF h1{margin-bottom: 40px}

.pmF h1 span{color: #2780e3}

.pmF p{font-size: 16px;color: #666;margin-bottom: 0;line-height: 30px}





.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{height: 240px;overflow: hidden}

.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}

 .bannersj{background-size: 100%}

 .pmA{font-size: 18px;padding: 15px 0}

 .pmB{margin-top: 0}

 .pmB ul li:nth-child(2){padding: 0 15px;margin-top: 28px}

 .pmB ul li h3{font-size: 20px;line-height: 50px}

 .pmCs ul li span{padding: 0 }

 .Pmd ul li{width: 33.3%}

 .Pmd ul li img{width: 60%}

 .Pmd ul li:before{opacity: 0}

 .pmEs{margin-top: 20px}

 .pmEs a{width: 140px;margin: 0 10px;line-height: 36px;height: 36px}

 .pmCs ul li{margin-top: 20px}

 .Pmd ul li p{font-size: 16px;margin-top: 10px}

 .pmF{margin-top: 20px}

 .pmF h1{margin-bottom: 20px;font-size: 26px}

 .pmF p{font-size: 14px}



}



/*平板小屏幕样式 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){









}