@charset "utf-8";
/*body, ul, dl, dd, dt, ol, li, p, h1, h2, h3, h4, h5, h6, textarea, form, select, fieldset, table, td, div, input{margin:0;padding:0;-webkit-text-size-adjust:none}
h1, h2, h3, h4, h5, h6{font-size:12px;font-weight:normal}
a img{border:0}
body{color:#333;text-align:center;font:12px "微软雅黑p";}*/
ul, ol, li{list-style-type:none;vertical-align:0}

/*a:hover{color:#D40000;text-decoration:none}*/


/* servicesBox */
.servicesBox{width:100%;height:20%;margin:0 auto;clear:both;line-height:20%;color:#999999;font-size:100%;}
.servicesBox a{outline-style:none;color:#fff;text-decoration:none}
.servicesBox .serBox{/*cursor:pointer;*/border:1px solid #333;display:inline;background-color:#f7f7f7; width:228px;height:228px;  float:left;overflow:hidden;position:relative; }
.servicesBox .serBoxOn1{font-family:"微软雅黑";display:none;width:100%;height:100%;background-color:#1ab394;;position:absolute;left:0px;top:0px;z-index:19;}
.servicesBox .serBoxOn2{font-family:"微软雅黑";display:none;width:100%;height:100%;background-color:#f8ac59;;position:absolute;left:0px;top:0px;z-index:19;}
.servicesBox .serBoxOn3{font-family:"微软雅黑";display:none;width:100%;height:100%;background-color:#ed5565;;position:absolute;left:0px;top:0px;z-index:19;}
.servicesBox .serBox .pic1{width:55%;height:55%;text-align:center;position:absolute;top:6%;right:24%;z-index:99;}
.servicesBox .serBox .pic2{width:55%;height:55%;text-align:center;position:absolute;top:6%;left:-44%;z-index:99;}
.servicesBox .serBox .txt1{width:100%;height:20%;color:#999999;position:absolute;top:64%;left:0px;z-index:99;}
.servicesBox .serBox .txt2{width:100%;height:20%;color:#a9cf4f;position:absolute;top:64%;right:-88%;z-index:99;}
.servicesBox .serBox span.tit{font-size:120%;display:block;text-align:center;}
.servicesBox .serBox .txt1 .tit{color:#000000;line-height:50%;}
.servicesBox .serBox .txt2 .tit{color:#fff;line-height:50%;font-family:"微软雅黑";}
.servicesBox .serBox p{padding:0 5%;text-align:center;}

 @media only screen and (max-width:990px){
     .servicesBox .serBox{/*cursor:pointer;*/border:1px solid #333;display:inline;background-color:#f7f7f7; width:220px;height:160px;  float:left;overflow:hidden;position:relative; }
     .servicesBox .serBoxOn1{font-family:"微软雅黑";display:none;width:100%;height:100%;background-color:#1ab394;;position:absolute;left:0px;top:0px;z-index:19;}
     .servicesBox .serBoxOn2{font-family:"微软雅黑";display:none;width:100%;height:100%;background-color:#f8ac59;;position:absolute;left:0px;top:0px;z-index:19;}
     .servicesBox .serBoxOn3{font-family:"微软雅黑";display:none;width:100%;height:100%;background-color:#ed5565;;position:absolute;left:0px;top:0px;z-index:19;}
     .servicesBox .serBox .pic1{width:55%;height:55%;text-align:center;position:absolute;top:2%;right:24%;z-index:99;}
     .servicesBox .serBox .pic2{width:55%;height:55%;text-align:center;position:absolute;top:2%;left:-44%;z-index:99;}
     .servicesBox .serBox .txt1{width:100%;height:20%;color:#999999;position:absolute;top:76%;left:0px;z-index:99;}
     .servicesBox .serBox .txt2{width:100%;height:20%;color:#a9cf4f;position:absolute;top:76%;right:-88%;z-index:99;}
     .servicesBox .serBox span.tit{font-size:120%;display:block;text-align:center;}
     .servicesBox .serBox .txt1 .tit{color:#000000;line-height:50%;}
     .servicesBox .serBox .txt2 .tit{color:#fff;line-height:50%;font-family:"微软雅黑";}
     .servicesBox .serBox p{padding:0 5%;text-align:center;}

 }