@charset "utf-8";
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;text-decoration:none;}
body{
    width: 100vw;
    height: 100vh;
    font:12px/180% Arial, Helvetica, sans-serif, "新宋体"; 
    background-color:#f6fff1; 
    background:url(../images/background.jpg) top center;
    background-size: 100% 100%;
    
}
.fr{float:right;}
.fgH20{float:left;width:10px;height:180px;}



/*------ servicesBox ------*/

/*.wallpaper-current {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-image:url(../images/background.jpg); background-size: cover, 100%; background-attachment: fixed; background-position: 50% 50%;

}*/


.hd_box{ margin:80px auto 90px auto; position:relative; height:142px;}
.hd_box .logo{ 
    display: block;
    /*float:left*/
    margin: 0 auto;
    
}
.hd_box .by{ float:left; position:absolute; bottom:0px; right:0px}



#main_box{width:990px; overflow:hidden; margin:0px auto;}
#servicesBox{
    width:990px;
    /*clear:both;*/
    color:#999999;
    font-size:12px; 
    line-height:19px;
    margin-bottom:10px;
    overflow:hidden;
    display: flex;
    flex-wrap: wrap;
   justify-content: space-around;
}
#servicesBox .serBox{ 
    display:inline;
    width:237px;
    height:180px;
    /*float:left;*/
    overflow:hidden;
    position:relative;
    padding:0;
/*box-shadow: 1px 1px 4px #999;
-webkit-transition: -webkit-transform ease 150ms, box-shadow ease 200ms, z-index ease 150ms;*/
    background-image:url(../images/di-box.png); border-radius:5px

 }
#servicesBox .serBoxOn{display:none;width:237px;height:180px;background:#71a42e;position:absolute;left:0px;top:0px;z-index:19;
}
#servicesBox .serBox .pic1{width:110px;height:110px; position:absolute;top:15px;right:58px;z-index:99;}
#servicesBox .serBox .pic2{width:110px;height:110px;text-align:center;position:absolute;top:15px;left:-110px;z-index:99;}
#servicesBox .serBox .pic3{width:190px;height:210px;text-align:center;position:absolute;top:26px;left:-190px;z-index:101; font-size:14px; color:#FFF; font-weight:700; line-height:26px; font-family:"微软雅黑", Arial, Helvetica, sans-serif;}
#servicesBox .serBox .txt1{width:237px;color:#666;position:absolute;top:120px;left:0px;z-index:99;}
#servicesBox .serBox .txt2{width:237px;color:#f7fff2;position:absolute;top:120px;right:-237px;z-index:99;}
#servicesBox .serBox span.tit{font-size:14px;display:block;height:36px;line-height:36px;text-align:center;}
#servicesBox .serBox .txt1 .tit{color:#444; font-weight:700}
#servicesBox .serBox .txt2 .tit {color:#edf23f; font-weight:700}
#servicesBox .guanzhu .tu{width:110px;height:110px; position:absolute;top:10px;right:58px; }
#servicesBox .guanzhu .txt{ color:#5a6256; font-size:14px; text-align:center; line-height:23px;position:absolute;top:115px;left:58px; font-weight:700}
#servicesBox .guanzhu{ background-image:url(../images/di-box.png);}
#servicesBox .serBox .no{ width:70px; height:62px; position:absolute; top:0px; left:0px; z-index:100}

/*@media screen and (max-width: 1000px) {*/
/*    #servicesBox .serBox {*/
        /*width: 40% !important;*/
/*        height: 180px;*/
        /* float: left; */
       
/*    }*/
/*}*/