.f_gray {
    float: right;
}
.s_layer {
    width: 1190px;
    border: 1px solid #d9d9d9;
}
.s_layer .tit {
    height: 40px;
    border-bottom: 1px solid #d9d9d9;
    background-color: #f6f6f6;
    line-height: 40px;
    font-size: 16px;
}
.s_layer .tit span {
    padding-left: 10px;
    color: #4ac227;
    font-size: 16px;
}
.s_layer .tit a {
    float: right;
    margin-right: 10px;
}
/*
.s_layer ul {

}
.s_layer ul li {
    float: left;
    margin: 0 5px;
    width: 160px;
    margin-top: 5px;
    margin-left:35px;
}
.s_layer ul li img {
    margin-left: 0;
    width: 158px;
    height: 40px;
    border: 1px solid #f6f6f6;
}
.s_layer ul li div {
    text-align: center;
    width: 180px;
    margin: 0 auto;
    line-height: 25px;
}
*/
.t_layerL {
    width: 318px;
    height: 310px;
    float: left;
    border: 1px solid #d9d9d9;
}
.t_layerC {
    width: 508px;
    height: 310px;
    float: left;
    margin-left: 20px;
    border: 1px solid #d9d9d9;
}
.t_layerR {
    width: 318px;
    height: 310px;
    float: right;
    border: 1px solid #d9d9d9;
}
.t_layer .tit {
    height: 40px;
    border-bottom: 1px solid #d9d9d9;
    background-color: #f6f6f6;
    line-height: 40px;
    font-size: 16px;
}
.t_layer .tit span {
    padding-left: 10px;
    color: #4ac227;
    font-size: 16px;
}
.t_layer .tit a {
    float: right;
    margin-right: 10px;
}
.t_layerL .arealist {
    list-style-type: none;
    padding-top: 8px;
    padding-bottom: 4px;
    font-size: 14px;
}
.t_layerL .arealist li {
    width: auto;
    height: 36px;
    line-height: 36px;
    padding-left: 10px;
}
.t_layerL .arealist li a {
    padding: 0 7px;
}
.t_layerC ul {
    padding: 0px 10px;
}
.t_layerC ul li {
    line-height: 35px;
    border-bottom: #e4e4e4 1px dashed;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.t_layerR ul {
    padding: 0px 10px;
}
.t_layerR ul li {
    line-height: 35px;
    border-bottom: #e4e4e4 1px dashed;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.pos {
    font-size: 14px;
    padding-bottom: 10px;
    border-bottom: 2px solid #ff6209;
    width: 1190px;
}
.procate {
    width: 1188px;
    border: #FFD9A0 1px solid;
    background: url(images/bg-sprite.png) center -85px repeat-x;
    padding-top: 10px;
}
.procate h2 {
    width: auto;
    font-size: 14px;
    padding-left: 15px;
}
.procate .clist {
    width: auto;
    padding-top: 5px;
    padding-left: 15px;
    padding-bottom: 6px;
}
.procate .clist ul {
    list-style-type: none
}
.procate .clist ul li {
    float: left;
    width: 117px;
    height: 26px;
    line-height: 26px;
}
.procate .clist ul li a {
    color: #1E50A2
}
.procate .xian {
    width: auto;
    height: 4px;
    background: #FFF8EC;
    overflow: hidden;
    border-top: #FDEFD6 1px solid
}
.proscreen {
}
.proscreen {
    width: 1190px;
    margin-top: 20px;
}
.proscreen .tit {
    width: auto;
    border-bottom: #ff6209 2px solid
}
.proscreen .tit h3 {
    width: 100px;
    height: 28px;
    background: url(images/ico_bg.jpg);
    font-size: 14px;
    color: #FFFFFF;
    text-align: center;
    line-height: 28px;
}
.proscreen .tit span {
    float: right;
}
.proscreen .sou {
    border-bottom: #E2E2E2 1px solid;
    border-left: #E2E2E2 1px solid;
    border-right: #E2E2E2 1px solid;
    height: 29px;
    background: url(images/bg-sprite.png) center 1px;
    padding-left: 20px;
    padding-top: 7px;
    color: #aaa
}
.tempL {
    width: 910px;
    float: left;
}
.tempR {
    width: 258px;
    float: right;
}
.tempR .tit {
    padding-left: 10px;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #E2E2E2;
    border-bottom: 2px solid #ff6209;
    font-weight: bold;
}
.more_list {
    padding-top: 2px;
}
.more_list .list {
}
.more_list .list ul {
}
.more_list .list ul li {
    border-bottom: 1px solid #ccc;
    min-height: 130px;
    padding: 20px 0px 5px;
}
.more_list .list .proimg {
    width: 120px;
    text-align: center;
    padding-top: 5px;
}
.more_list .list .proimg img {
    width: 100px;
}
.more_list .list .proinfo {
    width: 520px;
}
.more_list .list .procompany {
    width: 250px;
}
.more_list .list p.t1 {
    margin-bottom: 5px;
    color: #999999
}
.more_list .list p.t1 a {
    color: #1E50A2;
    font-size: 14px
}
.more_list .list p.t2 {
    margin-bottom: 5px;
    color: #444n;
    line-height: 22px;
}
.more_list .list p.t3 {
    color: #999;
}
.more_list .list p.t3 a {
    color: #B09526;
    font-weight: bold
}
.more_list .list .procompany h2 {
    line-height: 22px;
    text-overflow: ellipsis;
    word-break: keep-all;
    white-space: nowrap;
    width: 250px;
    height: 22px;
    margin-top: 5px;
    position: relative;
    overflow: hidden;
}
.more_list .list .procompany h2 a {
    color: #B09526;
    font-size: 14px
}
.more_list .list .procompany span {
    padding-top: 5px;
    display: block;
}
.more_list .list ul li:hover {
    background: #fcfcfc;
}
.tempR .hotad {
    margin-top: 10px;
    border: 1px solid #E9E9E9;
    width: 100%;
    height: 280px
}
.comcontact {
    width: 200px;
}
.comcontact a {
    background: #FAFAFA;
    border: #EEE 1px solid;
    border-radius: 3px;
    display: block;
    float: left;
    font-size: 14px;
    line-height: 28px;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.comcontact a.website {
    margin-right: 10px;
}
.comcontact a.contact {
    margin-bottom: 5px;
    margin-right: 10px;
}
.comcontact .im {
    width: 200px;
    margin-top: 5px;
}
.comcontact .im a {
    float: right;
    right: 10px;
    margin-top: 5px;
}
.dz a {
    display: inline-block;
    width: 98px;
    height: 30px;
    border: 1px solid #ff5e00;
    color: #ff5e00;
    line-height: 32px;
    text-align: center;
    position: relative;
    float: right;
}
.dz a i {
    background: #ff5e00;
    height: 100%;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
}
.dz a span {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    text-align: center;
}
.dz a:hover {
    animation: mycolor 0.1s;
    color: #fff;
}
.dz a:hover i {
    animation: mymove 0.1s;
    width: 100%;
}
/*友情链接*/
.el {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.flink .list a {
    float: left;
    display: block;
    border: 1px solid #d1d1d1;
    background: #fff;
    padding: 2px 10px;
    margin: 8px 0 0 8px;
}
@keyframes mymove {
 0% {
width:0px;
}
 25% {
width: 20%;
}
 55% {
width: 30%;
}
 60% {
width: 70%;
}
 100% {
width: 100%;
}
}
@keyframes mycolor {
 0% {
color:#ff5e00;
}
 25% {
color:#ff5e00;
}
 55% {
color:#fff;
}
 60% {
color:#fff;
}
 100% {
color:#fff;
}
}