.top{ width:960px; margin:0 auto;}
.logo{  margin:auto; margin-top:30px; text-align:center}
.nav{ margin-top:11px;}
.nav li{ float:left; padding:0px 30px; line-height:38px; font-size:16px; position:relative;color:#666;}
.nav li a{ color:#666;  padding-bottom:5px;}
.nav li:before{content:"|"; position:absolute; left:0px;}
.nav li a:Hover{ color:#F00; transition: all 0.5s ease-in; opacity:1;border-bottom:#F00 solid 1px;}

.banner{ width:100%; background:url(bannerbg.jpg) center top;}
.leftadv{ float:left; width:729px;}
.lxright{ float:left; margin-left:30px; width:190px; position:relative; line-height:30px; font-size:14px; height:273px;}
.ss{ background:url(ss.png) no-repeat; width:13px; height:13px; border:none; position:absolute; right:8px; top:26px; cursor:pointer;}
.keys{ background-color:#e2e2e2; border-radius:10px; border:none; line-height:24px; height:24px; width:190px; text-indent:10px; color:#666}
.lxright .lxcon{ margin-top:15px; margin-left:10px; color:#2a2a2a;}
.lxright .skype{ position:absolute; bottom:-15px; left:10px;}

.titbg{ background:#005596; height:35px; line-height:35px; margin-top:15px; color:#FFF; font-size:18px; text-indent:10px;}
.titbg a{ float:right; color:#FFF; font-size:14px; margin-right:10px; display:inline-block; background:url(o_07.png) no-repeat 0 8px; padding-left:10px;}

.prolist{ margin-top:15px;}
.prolist li{ float:left; width:16.66%; text-align:center}



.image01 {
    width: 100%;
    overflow: hidden;
    position: relative;
	

}
.image01 img {

    top: 0;
    position: relative;
    left: 0;
border:#c8edf7 solid 1px;
}
.image01 .ovrly {
    background:url(ceng.png);
	opacity: 0;
    height: 231px;
    left: 0;
    top: 0;
    position: absolute;
    width: 141px;
	left:10px;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.image01 .buttons {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.image01 .buttons .fa {
    /*background: rgb(256, 256, 256);
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: rgba(50, 50, 50, 0.9);
	font-size: 16px;
	 margin: 0 1px;
    line-height: 40px;*/
    display: inline-block;
   
    
    text-align: center;
    text-decoration: none;
    width: 55px;
    height: 55px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0;
	
}
.image01:hover img {

    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.image01:hover .ovrly {
    opacity: 1;
}
.image01:hover .buttons .fa {
    opacity: 1;
}
.image01 .fa-link{ background:url(i_39.png) no-repeat; position:relative; width:55px; height:55px;}
.image01 .fa-search{ background:url(i_40.png) no-repeat; position:absolute; left:15px; top:15px; width:28px; height:28px;}

/************内页样式***************/
.neileft{ float:left; width:224px; background-color:#88d7eb; border-radius:5px; margin-top:15px;}
.neiright{ float:right; width:718px;}
.leftwp{ margin:10px 15px;}
.lefttitbg{ background:url(lefttitbg.jpg) no-repeat; width:195px; height:27px; line-height:27px; color:#FFF; text-indent:30px; font-size:14px;}

.proclasslist li{ line-height:30px;}
.Smallprostyle1{ background:url(jt.png) no-repeat right 10px;}
.Smallprostyle1 a{ color:#121313; font-weight:bold;}
.Smallprostyle2{ text-indent:20px; background:url(tb2.gif) no-repeat 5px 12px;}
.Smallprostyle2:hover{ background:url(tb1.gif) no-repeat 8px 12px;}
.Smallprostyle2 a{ color:#005165;}
.Smallprostyle2 a:hover{ color:#eb698f;}

.neiprolist{ width:717px; margin-top:10px;}
.neiprolist ul{ width:732px; overflow:hidden;}
.neiprolist li{ float:left; width:244px;}
.neiprolist li .ovrly{ width:231px; left:0;}
.neiprolist li p{ text-align:center; line-height:25px;}

.neicon{ font-size:14px; line-height:25px; color:#666; padding:8px;}
.neicon a{ color:#666}

.neipiclist{ width:718px; overflow:hidden;}