/*产品服务*/
.seobg{ background-color:#4253c2; padding-top:80px; padding-bottom:80px;}
.seobg .img{ float:left; max-width:450px;}
.seobg .img img{ max-width:100%;}
.seobg .right{ float:right; font-size:24px; color:#ffffff;}
.seobg .right .h1{ font-size:36px;}
.seobg .right .h1 strong{ font-size:48px; margin-right:5px;}
.seobg .right .dp{ padding-top:30px;}
.seobg .box{ width:1200px; max-width:90%; margin:auto;}

.seo{padding:99px 0 23px 0;overflow:hidden}
.seo .seo-title{text-align:center;font-size:40px;color:#333}
.seo .seo-title span{font-weight:bold;color:#00bafe;padding:0 13px}
.seo .pic{width:100%;overflow:hidden;position:relative}
.seo  .pic:after{content:"";display:block;padding-bottom:100%}
.seo .middleCenter{position:absolute;top:0;bottom:0;left:0;right:0;max-width:100%;max-height:100%;display:block;vertical-align:middle;text-align:center;margin:auto}
.seo  .home-bottom{padding:60px 52px;overflow:hidden}
.seo  .home-bottom ul{margin:0 -13px}
.seo  .home-bottom ul li{width:25%;float:left;padding:0 13px 26px 13px;box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.seo  .home-bottom ul li .b{border:1px solid #dcdcdc;padding:42px 10px 36px 10px;-webkit-transition:.5s;transition:.5s}
.seo  .home-bottom ul li .b .pic{width:77px;height:77px;margin:0 auto}
.seo  .home-bottom ul li .b .pic img{-webkit-transition:.5s;transition:.5s}
.seo  .home-bottom ul li .b .pic .oh{opacity:0;display:none \9}
.seo  .home-bottom ul li .b .text{text-align:center;padding-top:15px}
.seo  .home-bottom ul li .b .text .bt{font-size:20px;color:#333;font-weight:bold;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-bottom:14px}
.seo  .home-bottom ul li .b .text .jsh{font-size:14px;line-height:26px;height:78px;overflow:hidden;color:#999}

.seo .home-bottom ul li:hover .b{-webkit-box-shadow:0 4px 8px 0 rgba(7,0,2,0.2);box-shadow:0 4px 8px 0 rgba(7,0,2,0.2)}
.seo .home-bottom ul li:hover .b .pic .o{opacity:0;display:none \9}
.seo .home-bottom ul li:hover .b .pic .oh{opacity:1;display:block \9}


.seowhy{
	background-image: url(seo/whybg.jpg);
	background-repeat: no-repeat;
	background-position: center top; background-size:100% 100%; margin-bottom:-20px; padding-bottom:250px; padding-top:80px; color:#FFFFFF;
}
.seowhy .title{ font-size:46px; text-align:center;}
.seowhy .c{ padding-top:80px;}
.seowhy .c ul{}
.seowhy .c ul li{ float:left; width:25%; text-align:center; font-size:20px; text-align:center;}
.seowhy .c ul li .img{ padding-bottom:30px;}

@media screen and (max-width :815px){.seo  .home-bottom ul li{ width:50%;}
.seowhy{ padding-bottom:30px; padding-top:30px;}
.seowhy .c{ padding-top:30px;}
.seobg .right{  font-size:16px; width:350px; float:none; margin:auto; max-width:100%; clear:both;}
.seobg .right .h1{ font-size:22px; padding-top:20px; line-height:1.2;}
.seobg .right .h1 strong{ font-size:28px; }
.seobg .right .dp{ padding-top:10px;}
.seowhy .c ul li{ font-size:16px}


.seo {
  padding: 10px 0;

}
.seo .home-bottom {
  padding: 10px;
}
.seo .home-bottom ul li .b {
  padding: 20px 10px 10px 10px;
}
.seo .home-bottom ul li .b .text {
  text-align: center;
  padding-top: 15px;
}
.seo .home-bottom ul li .b .text .bt {

  margin-bottom: 5px;
}
.seo .home-bottom ul li .b .text .jsh { line-height:1.5;}
}
@media screen and (max-width :550px){.seowhy .c ul li{ width:50%; margin-bottom:20px;}}
@media screen and (max-width :450px){.seo  .home-bottom ul li{ width:100%;}

.seowhy .title,.seo .seo-title{ font-size:28px;}

}
@media screen and (max-width :350px){
.seo  .home-bottom{padding:20px 52px;}
.seo{padding:30px 0;}
.seobg .right .h1{ font-size:18px;}
.seobg .right .h1 strong{ font-size:20px; }
.seobg .right{  font-size:14px;}
.seobg,.seowhy{ padding-top:30px; padding-bottom:30px;}
}