@charset "utf-8";
.seopbq p{ background:#1BA492; padding:20px 0px;border-radius:10px; text-align:center; color:#FFFFFF; line-height:200%}
.seolrsm{ background:url(../imges/18.png) no-repeat center center;padding:60px 15px 0px}
.seolrsm .pull-left,.seolrsm .pull-right{ width:395px; color:#5D5D5D; line-height:180%}
.seolrsm .pull-left div,.seolrsm .pull-right div{ background:url(../imges/19.png) no-repeat left top; height:200px;padding:20px 50px 0px 30px}
.seolrsm .pull-left div h4,.seolrsm .pull-right div h4{ font-size:16px; font-weight:bold; color:#333333}
.seolrsm .pull-right div{ background:url(../imges/20.png) no-repeat right top;padding:20px 20px 0px 60px }
.seocs h2{ color:#FF3300}

.seonl{ background:url(../imges/yxwz_bg1.jpg) no-repeat left top/100% 100%; padding:0px 0px 30px}
.seonl h2,.seonl p{ color:#FFFFFF}

.seo10ys ul li{ text-align:center; color:#FFFFFF; width:18%;  float:left; margin:1% 1% 0px; list-style:none; position:relative;perspective: 600px; -webkit-perspective:600px; }
.seo10ys ul li h4{ font-size:14px}
.seo10ys ul li i{ font-size:46px;}

.seo10ys ._rect { width:100%; padding:15px 0; background:rgba(0,0,0,.5);
cursor: pointer; -webkit-transform: rotateX(0deg) rotateY(0deg); -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; transform: rotateX(0deg) rotateY(0deg); transform-style: preserve-3d; backface-visibility: hidden; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;display: table; }
.seo10ys li:hover ._rect{ -webkit-transform: rotateX(180deg); transform: rotateX(180deg); }
.seo10ys li ._rect2{ overflow: hidden; position: absolute; left: 0px; top: 0px; background: #1BA492 !important; -webkit-transform: rotateX(-180deg); -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; transform: rotateX(-180deg); transform-style: preserve-3d; backface-visibility: hidden; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.seo10ys li:hover ._rect2 { -webkit-transform: rotateX(0deg) rotateY(0deg); transform: rotateX(0deg) rotate(0deg); z-index: 10; }



.seogjc p{ padding:0px 10%}
.seolrjs { text-align:center; padding:10px 0px}
.seolrjs i{ font-size:40px;width:100px; height:100px; border-radius:50%; text-align:center; line-height:100px; border:2px solid #1AB39D; display: inline-block;color:#1AB39D}
.seolrjs h4{ font-size:16px; font-weight:bold; padding:10px 0px 0px}
.seolrjs p{ line-height:200%; text-align:left; color:#636363}
/*手机超小屏幕下的单独样式 xs < 768px */


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

.seolrsm{ background:none;padding:10px 15px 0px}
.seolrsm .pull-left,.seolrsm .pull-right{ width:100%; color:#5D5D5D; line-height:150%}
.seolrsm .pull-left div,.seolrsm .pull-right div{ background:none; height:auto;padding:10px 10px 0px; font-size:12px}
.seolrsm .pull-left div h4,.seolrsm .pull-right div h4{ font-size:14px; font-weight:bold; color:#333333}
.seolrsm .pull-right div{ background:none;padding:10px 10px 0px ; height:auto;}
.seolrsm p{ padding:0px; margin:0px}
.seocs h2{ font-size:16px}
.seo10ys ul li{ text-align:center; color:#FFFFFF; width:44%; }
.seo10ys div{ text-align:center; color:#FFFFFF; width:46%; background:#666666; padding:5px 0px; float:left; margin:2% 2% 0px}
.seolrjs i{ font-size:40px;width:80px; height:80px; border-radius:50%; text-align:center; line-height:80px; border:2px solid #1AB39D; display: inline-block;color:#1AB39D}

.seolrjs h4,.seolrjs p{ font-size:12px; }
    .seolrjs div{padding: 0 12px}

}




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

.seolrsm{ background:url(../imges/18.png) no-repeat center center/20% auto;padding:60px 15px 0px}
.seolrsm .pull-left,.seolrsm .pull-right{ width:280px; color:#5D5D5D; line-height:120%}
.seolrsm .pull-left div,.seolrsm .pull-right div{ background:url(../imges/19.png) no-repeat left top/100% 80%; height:160px;padding:10px 30px 0px 20px; font-size:12px}
.seolrsm .pull-left div h4,.seolrsm .pull-right div h4{ font-size:14px; font-weight:bold; color:#333333}
.seolrsm .pull-right div{ background:url(../imges/20.png) no-repeat right top/100% 80%;padding:10px 20px 0px 40px }
.seocs h2{ font-size:34px}
.seo10ys div{ text-align:center; color:#FFFFFF; width:18%; background:#666666; padding:5px 0px; float:left; margin:1% 1% 0px}

.seolrjs h4,.seolrjs p{ font-size:12px; }

}

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

.seolrsm{ background:url(../imges/18.png) no-repeat center center/20% auto;padding:60px 15px 0px}
.seolrsm .pull-left,.seolrsm .pull-right{ width:395px; color:#5D5D5D; line-height:180%}
.seolrsm .pull-left div,.seolrsm .pull-right div{ background:url(../imges/19.png) no-repeat left top/90% auto; height:160px;padding:10px 70px 0px 20px; font-size:12px}
.seolrsm .pull-left div h4,.seolrsm .pull-right div h4{ font-size:14px; font-weight:bold; color:#333333}
.seolrsm .pull-right div{ background:url(../imges/20.png) no-repeat right top/90% auto;padding:10px 20px 0px 80px }


}