/*头部样式*/
.head-bg{
    background: #e5e5e5;
    height: 30px;
}
#header{width:1200px;margin:0 auto;}

.wel ,.k1{
    line-height: 30px;
    color: #525252;
}
.k1 a{
    color: #525252;
}
.top{
}
.logo{float:left;line-height: 88px;}

.topLink{float:right;text-align:left;position: relative;z-index: 9999;width: 320px;}
.translate{width:100px;position: absolute;left: 0;top:10px;z-index: 9999;}
.tran-in{left:120px;}
.translate li{border: 1px dashed #cccccc;line-height: 26px;text-align: left;background: #fff;}
.translate li a{display: block;padding-left: 10px;background: url(../images/dot4.png) no-repeat 88% 11px;}
.translate li a:hover{text-decoration: none;color:#275cea;cursor: pointer;}
.translate-en{display: none;padding: 6px;padding-top:0px;}
.translate li .translate-en a{padding-left: 0px;text-align: center;background: #fff;border-bottom: 1px solid #cccccc;}
.translate li .translate-en a:hover{font-weight: bold;}

.topLink .f_count{color:#ff0000;font-size:13px;font-weight:bold;}
.topLink .k1{line-height:32px;padding-top:5px;}
.topLink .k2{margin-top: 15px;}




/*热门搜索*/
.search{text-align:left;height:24px;background-color:#f8f8f8;padding:5px 10px 5px 10px;}
#formsearch{width:320px;float:left;}
.hotSearch{width:400px;float:left;height:24px;line-height:24px;font-weight:normal;}
#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}




.com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;}
.com-img img{ transition:all 0.5s ease-in 0s; -webkit-transition:all 0.5s ease-in 0s; -moz-transition:all 0.5s ease-in 0s; -o-transition:all 0.5s ease-in 0s;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}


/*主体样式*/
#container{width:1200px;margin:0 auto;margin-top:10px;}
.container{width:1200px;margin: 0 auto;}


.news-index{
    margin-top: 50px;
}
.news-title{
    font-size: 30px;
    color: #2e769b;
    text-align: center;
    background: url(../images/tt1.png) no-repeat 50% 22%;
    line-height: 35px;
    position: relative;
}
.news-title span{
    display: block;
    font-size: 24px;
    color: #b5b5b6;
    font-weight: normal;
    text-transform: uppercase;
    padding-top: 8px;
}
.news-title p{
    font-size: 12px;
    color: #000000;
    font-weight: normal;
}
.news-title a{
    font-size: 12px;
    color: #b5b5b6;
    position: absolute;
    top: 20px;
    right: 0;
    text-transform: uppercase;
    font-weight: normal;
}

.news-con{
    box-shadow: 2px 2px 10px #e2e1e1;   
    margin-top: 20px;
    height: 435px;
    overflow: hidden;
}
.news-con1{
    width:600px;
    float: left;
    position: relative;
}

.l_btn,.r_btn{position:absolute;cursor:pointer;top:40%;z-index:99999}
.l_btn{left:0px;}
.r_btn{right:0px;}
#focus {width:600px; height:434px; overflow:hidden; position:relative;margin:0 auto;}
#focus ul {height:434px; position:absolute;}
#focus ul li {width:600px; height:434px; overflow:hidden; position:relative;float:left;}
#focus ul li a img{height:434px;width:600px;}
#focus ul li div {position:absolute; overflow:hidden;}
#focus .btnBg {position:absolute; width:600px; height:20px; left:0; bottom:0;}
#focus .btn {position:absolute; width:600px; height:10px; padding:5px 10px; right:0; bottom:0; text-align:right;}
#focus .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:10px; _font-size:0; margin-left:5px; cursor:pointer; background:#fff;}
#focus .btn span.on {background:#fff;}
#focus ul li h3{display:block;color:#000000;font-size:14px;margin-top:10px;}
#focus ul li h3 a{color:#000000;font-size:14px;}

.news-con2{
    width:540px;
    padding: 0 30px;
}

.news-title1 span{
    font-size: 18px;
    color: #2e769b;
    display: inline-block;
    line-height: 23px;
    height: 23px;
    font-weight: bold;
    padding-right: 20px;
}
.news-title1{
    font-weight: normal;
    font-size: 12px;
    color: #9fa0a0;
    text-transform: uppercase;
    margin-top: 25px;
    margin-bottom: 20px;
    border-left: 3px solid #2e769b;
    padding-left: 20px;
}

#ydemo{overflow:hidden;margin:0 auto;position:relative;height:170px;}
#yindemo{height:100%;}
#ydemo1{}
#ydemo2{}

.news_list2{}
.news_list2 li{margin-bottom: 18px;}
.news_list2 dd{width:59px;text-align:center;font:500 30px "arial";color:#9fa0a0;float:left;height:51px;background: #eeeeee;padding-top: 5px;}
.news_list2 dd span{display:block;font:400 12px "arial";}
.news_list2 dt{width:460px;float:right;}
.news_list2 dt a{color:#060606;font:400 14px/22px "微软雅黑";}
.news_list2 dt span{display:block;font:400 12px/18px "微软雅黑";}
.news_list2 dt span a{color:#ff7300;display:inline;font:400 12px/24px "微软雅黑";}
.news_list2 li:hover dd{background:#0e6fda;color:#fff;}
.news_list2 li:hover dt a{color:#0e6fda;}
.news_list2 li:hover dt span{color: #0e6fda;}



.news-left{
    width:570px;
}
.news_list3 li{line-height:30px;position:relative;padding-left: 20px;}
.news_list3 li a{line-height:30px;color:#393939;font-size: 14px;text-indent: 10px;}
.news_list3 li span{color:#666464;z-index:0;line-height:30px;position:absolute;right:0px;top:0px;}
.news_list3 li:hover a{color:#0e6fda;}
.news_list3 li:hover span{color:#0e6fda;}
.xian{
    margin-left: 30px;
    margin-top: 40px;
}

#pdemo{overflow:hidden;margin:0 auto;position:relative;height:170px;}
#pindemo{height:100%;}
#pdemo1{}
#pdemo2{}
.news-right{
    width:570px;
}


.jianshe-bg{
    background: url(../images/bj1.jpg) no-repeat top center;
    height: 553px;
    overflow: hidden;
    margin-top: 52px;
}

.jianshe-index{
    padding-top: 40px;
}

.jianshe-title{
    color: #fff;
    background: url(../images/tt3.png) no-repeat 50% 22%;
}
.jianshe-title p{
    color: #fff;
}
.jianshe-con{
    margin-top: 24px;
}
.jianshe-left{
    width:584px;
    height: 376px;
}


.topbanner1{position:relative;height:376px;}
.banner1{width:584px;margin:0 auto;position:absolute;height:376px;left:50%;margin-left:-292px;overflow:hidden}
.banner1 ul.bb1{position:relative;padding:0px;margin:0px;z-index:5;}
.banner1 ul.bb1 li{position:absolute;display:none;}
.banner1 ul.bb1 li h2{background: rgba(255,255,255,.7);position: absolute;bottom: 0;left: 0;right: 0;height: 40px;line-height: 40px;font-weight: normal;font-size: 16px;color: #000000;padding-left: 20px;}
.banner1 .num1{position:absolute;bottom:8px;z-index:100;width:100%;text-align:right}
.banner1 .num1 li{width:10px;height:10px;display:inline-block;*display:inline;*zoom:1;margin:0 4px;background:#a0a0a0;line-height:10px;
    text-indent:-100px;overflow:hidden;border-radius:10px;}
.banner1 .num1 li.num1_hover{background-color:#e60012;}
.banner1 .num1 li.num1_hover a{color:#fff;}
.banner1 .num1 li a{float:left;display:inline;text-align:center;color:#666;text-decoration:none;cursor:pointer;width:10px;height:10px;line-height:10px;}


.jianshe-right{
    width:545px;
    height: 349px;
    background: rgba(255,255,255,.7);
    padding: 0 20px;
    padding-top: 27px;
}


/*前台多页签*/

.tab{position:relative;text-align: center;}
.tab li{width:167px;height:38px;display:block;line-height:38px;border:1px solid #c1c6cc;text-align:center;color:#2e769b;font-size:20px;cursor: pointer;font-weight: bold;background: #cfd9e6;border-radius: 5px;display: inline-block;margin: 0 13px;}
.tab li.cur{background: #2e769b;color: #fff;border-color:#2e769b;}

.tab_content{margin-top: 15px;}
.tt{display: none;}
.list1{padding:8px 10px;}
.list1 li{line-height:27px;position:relative;vertical-align: middle;}
.list1 li a{background:url(../images/list_dot1.gif) left center no-repeat;padding-left:12px;line-height:27px;color:#555555;}
.list1 li a:hover{color:#e87518;text-decoration:none;}
.list1 li span{position:absolute;right:0px;line-height:30px;top:0;color:#999;}





.zhigong-bg{
    background: #eeeeee;
    padding: 40px 0;
}

.zhigong-title{
    background:url(../images/tt4.png) no-repeat 50% 50%;
    height: 41px;
    text-align: center;
    line-height: 41px;
    font-size: 20px;
    color: #2e769b;
}

#focus_Box{position:relative;width:1200px;margin: 0 auto;margin-top: 25px;}
#focus_Box ul{position:relative;width:1070px;height:450px;margin: 0 auto;}
#focus_Box li{z-index:0;position:absolute; width:0px;height:0px;top:146px;cursor:pointer;left:377px;border-radius:4px;box-shadow:5px 5px 20px #000}
#focus_Box li a.img{display: block;}
#focus_Box li img{width:100%;vertical-align:top;height:100%;border:6px solid #fff;border-radius: 5px;}
#focus_Box li p{position:absolute;left:0;bottom:0px;width:100%;height:40px;line-height:40px;background:url(img/float-bg.png) repeat;text-indent:8px;color:#fff;}
#focus_Box li p span{display:inline-block;width:70%;height:40px;overflow:hidden;}
#focus_Box .prev,#focus_Box .next{display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:37px;height:62px;top:186px;}
#focus_Box .prev{background:url(../images/left2.png) left bottom no-repeat;left:0px}
#focus_Box .next{background:url(../images/right2.png) right bottom no-repeat;right:0px} 

#focus_Box a.imgs-scroll-btn{display:block;position:absolute;z-index:110;top:7px;right:15px;width:51px;height:23px;overflow:hidden;background:url(img/share-btn.png) no-repeat;text-indent:-999px;}




.honor-index{
    margin-top: 54px;
}

.honor-con{
     margin: 24px 0px;
}

.yeji{
    margin-top: 50px;
}

.yeji-con{
    margin: 24px 0px;
}





.navigation{float:right;width:100px;}
.index-title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.index-table td{border:solid #add9c0; border-width:0px 1px 1px 0px; padding:10px 5px;}
.index-table{border:solid #add9c0; border-width:1px 0px 0px 1px;margin-top:10px;}

/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}






/*友情链接*/
.link{background:#d4dde8;height: 47px;}
.f_link{width:1200px;margin:0 auto;line-height:47px;font-size: 16px;color: #393939;font-weight: bold;}
.f_link span{font-size: 12px;color: #393939;}
.f_link a{font-weight: normal;font-size: 12px;}

/*页面底部*/
.foot{background: url(../images/foot.jpg) repeat-x top center #0e6fda;overflow: hidden;
    /*height: 231px;*/
}
#footer{position:relative;width:1200px;margin:0 auto;color: #fff;padding-top: 14px;}
#footer a{color:#fff;}
#footer a:hover{color:#e87518;text-decoration:none;}

.foot1{
    width:120px;
}

.f-title{
    font-size: 14px;
    background: url(../images/tt5.png) no-repeat left bottom;
    height: 35px;
    line-height: 35px;
    font-weight: normal;
    margin-bottom: 10px;
}
.sec1{
    height: 129px;
    overflow: hidden;
}
.sec1 a{
    display: block;
    font-size: 12px;
    line-height: 22px;
}


.foot2 .ct{
    line-height: 30px;
}

.erq{
    margin-top: 10px;
    text-align: center;
    color: #9fa0a0;
    line-height: 30px;
}



.copyright{text-align:center;line-height:40px;font-size: 14px;/*color: #b5b5b6;*/}




/*------------内页-------------------*/

.left {
    width: 224px;
    float: left;
}

.left .box {
    margin-bottom: 10px;
}

.left .box h3 {
    line-height: 60px;
    padding-left: 34px;
    background: #0e6fda;
    font-size: 18px;
    color: #fff;
    font-weight: 400;
    position: relative
}

.left .box h3::after{
    content:"";
    position: absolute;
    width:5px;
    height:20px;
    top:20px;
    left:15px;
    background: #fff
}

.left .box .content {
    padding: 5px 0px;
}
.prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;}

.n_banner{width:100%;height: auto;}
.n_banner img{width:100%;height:auto;}
.left{width:225px;float:left;}
.sort_menu h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.sort_product{margin-top:10px;}
.sort_product h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}

.n_contact{margin-top:10px;}
.n_contact h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.n_contact .content{padding:5px;line-height:24px;}

.right{width:960px;float:right;padding-bottom:10px;}
.sitemp {
    border-bottom:1px solid #eee;

}

.sitemp h2 {
    width: 340px;
    float: left;
    line-height: 40px;
    text-align: left;
    font-size: 16px;
    color:#333;
}

.sitemp .site {
    width: 380px;
    float: right;
    text-align: right;
    line-height: 40px;
}
.right .content{padding:10px;padding-top:15px;overflow:hidden;line-height: 24px;}
.sort_album{margin-top: 15px;}


.nei1{
    margin-top: 84px;
}
.nei1left{
    width: 600px;
    height: 515px;
    background:url(../images/nei1left.png) no-repeat left center;
}
.nei1tit{
    color: #7d7d7d;
    font-size:16px;
    text-transform: uppercase;
    text-align: center;
    margin-left: 80px;
    padding-top: 50px;
}
.nei1tit p{
    color: #414141;
    font-size:42px;
    background:url(../images/titline.png) no-repeat center center;
}
.aboutSh{
    margin-left: 55px;
    margin-right: 65px;
    text-align:justify;
    color: #000;
    font-size:14px;
    line-height: 30px;
    letter-spacing: 1px;
    margin-top: 10px;
    overflow: hidden;
}
.nei1 .more{
    color: #fff;
    font-size:14px;
    width: 111px;
    line-height: 35px;
    text-align: center;
    background:#00ac4d;
    display: block;
    margin-left: 75px;
    margin-top: 35px;
}
.nei1right{
    width: 600px;
    margin-top: 40px;
}
.aboutImg img{
    max-height: 450px;
}

.tel_main s {
    width: 80px;
    height: 60px;
    float: left;
    margin-right: 10px;
    background-position: 0 0;
    background: url(../images/ico.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
}
.tel_main .zx {
    font-size: 14px;
    line-height: 14px;
    color: #333;
}
.tel_main .webTel {
    margin-top: 12px;
    font-weight: bold;
    font-family: arial;
    font-size: 30px;
    line-height: 24px;
    color: red;
}

.foonas{
    float: left;
    width: 650px;
    margin-right: 40px;
}

/* 业务领域切换 */
.snBrand { position: relative; width: 600px; height: 350px; overflow: hidden; }
.snBrand ol { float: left; width: 200px; height: 350px;     background: #3976cf;}
.snBrand ol li { width: 179px; line-height: 69px; font-size: 16px; border-top: 1px solid #FFF; border-right: 1px solid #FFF; overflow: hidden; background-color: #3976CF; padding-left: 20px; }
.snBrand ol li a { color: #FFF; }
.snBrand ol li.on a { color: #003399; }
.snBrand ol li.on { background-color: #B3D9FF; color: #003399; }
.snBrand ul { float: left; top: 0px; width: 400px; height: 350px; right: 0px; background: #fff; overflow: hidden; }
.snBrand ul li { width: 400px; height: 350px; margin: 0 auto; }
.snBrand ul li img{min-width: 400px;height: 350px;}
.hang2 {
        background: #234371;
    padding: 60px 0px;
    margin-top: 50px;
}

#right_cont
{
    width: 970px;
    background: #ffffff;
    min-height: 590px; /*margin: 0px 0px 15px 0px;  */
    float: right;
}
#right_cont_title
{
    padding-left: 5px; /*border-left: 10px solid #0086B9;   */
    border-bottom: 1px solid #F2F2F2;
    margin: 1px 1px 10px 1px;
    line-height: 35px;
}
#right_cont_title_name
{
    color: #0086B9;
    font-size: 18px;
    font-weight: bold;
    float: left;
    border-bottom: 2px solid #0086B9;
}
#right_cont_title_list
{
    float: right;
    font-size: 12px;
    padding-right: 20px;
    color: #6B6E6F;
    background: url(../images/local_bg.png) no-repeat left 9px;
    padding-left: 20px;
}
#right_cont_title_list a
{
    color: #6B6E6F;
}
#right_cont_title_list a:hover
{
    color: #0086B9;
}
#right_cont_info
{
    table-layout: fixed;
    word-wrap: break-word;
    margin: 10px;
}
#right_cont_info img
{
    max-width: 100%;
}

#left_menu
{
    width: 200px;
    float: left;
    border: 1px solid #fff;
    margin-top: 8px;
}
#left_menu_title
{
    font-size: 25px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 52px;
    background: #0086B9;
    background: rgba(226,57,60, 0.85);
    background: url(../images/lst_tit_bg.png) no-repeat;
    text-align: left;
    padding: 10px 20px 10px 10px; /* padding-left: 20px;    */ ;
}
#left_menu_title p
{
    font-size: 15px;
    line-height: 20px;
    font-weight: normal;
    text-align: right;
}
#left_menu ul
{
    margin: 10px 0px;
}
#left_menu ul li
{
    /*transition:background 0.5s;   -moz-transition:background 0.5s;    -webkit-transition:background 0.5s;     -o-transition:background 0.5s;  margin: 5px auto;   */
    border-bottom: 1px solid #F2F2F2; /*    width: 235px;   */ /*border-radius: 20px;   */ ;
}
/*#left_menu ul li:first-child {
    background: #0086B9;
    color: #ffffff;
}*/
/*#left_menu ul li:first-child a {
    color: #ffffff;
}*/
#left_menu ul li:hover
{
    background:#256d92;
}
#left_menu ul li a
{
    transition: color 0.5s;
    -moz-transition: color 0.5s; /* Firefox 4 */
    -webkit-transition: color 0.5s; /* Safari and Chrome */
    -o-transition: color 0.5s; /* Opera */
    color: #333333;
    display: block;
    text-align: left;
    padding-left: 30px;
    line-height: 45px;
    background: url(../images/leftli_ico.png) no-repeat 10px center;
}
#left_menu ul li a:hover
{
    color: #ffffff;
    background: url(../images/leftli_ico_hover.png) no-repeat 10px center;
}
.clear{clear: both;}

.pages { text-align: right; margin-top: 20px; padding-bottom: 10px; }
.pages span { background: #b08727; color: #fff; }
.pages a {color: #b08727; padding: 5px 8px; border: none; margin: 0 0 0 5px; }
.pages span { padding: 5px 8px; border: none; margin: 0 0 0 5px; }
.pages a:hover { background: #b06727; color:#fff;}

.show_content{overflow: hidden;}
.show_content .show_title { font-size: 32px; line-height: 60px; font-weight: 500; padding: 15px 0 10px; text-align: center; color: #444; }
.show_content .show_naiv { color: #999; text-align: center; }
.show_content .show_naiv a { margin-left: 15px; color: #999; }
.show_naiv span { margin: 0 15px; }
.show_sumr { text-align: left; background: #EEEFF1; color: #8f8f8f; font-size: 12px; border: 1px solid #DFDFDF; line-height: 26px; padding: 10px 20px; margin: 5px 0px; }
.show_sumr span { color: #EF7D3F; }
.show_vienr { min-height: 500px; margin: 0px 0px; }
.show_vienr img {/*  max-width: 100% !important; width: auto !important; */ }
.shcon_page { line-height: 40px; }
.shcon_page .shcon_left { float: left; }
.shcon_page .shcon_right { float: right; }


.news_ul {
    /* width: 1200px; */
    margin: 0 auto;
    padding-bottom: 40px;
    padding-top: 12px;
}
.news_ul li {
    padding: 20px 0;
    border-bottom: 1px solid #eaeaea;
    position: relative;
}
.news_ul li .box1 {
    width: 253px;
    height: 190px;
    overflow: hidden;
}
.news_ul li .box1 img {
    width: 253px;
    height: 190px;
    transition: ease-in-out .9s;
}
.news_ul li .box2 {
    padding-left: 42px;
   width: 559px;
    padding-top: 10px;
}
.news_ul li .box2 h1 {
    font-size: 20px;
    color: #333;
    height: 30px;
    line-height: 26px;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.news_ul li .box2 p {
    color: #666;
    line-height: 24px;
    padding-top: 10px;
    height: 110px;
}
.news_ul li .box2 span {
    font-size: 12px;
    color: #999;
}
.news_ul li .rights {
    padding-right:  15px;
    padding-top: 55px;
    text-align: center;
}
.news_ul li .rights h3 {
    font-size: 36px;
    color: #999;
    font-weight: 100;
}
.news_ul li .rights p {
    font-size: 24px;
    color: #bbb;
    padding-top: 10px;
}
.news_ul li a {

}
.news_ul li a:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.news_ul li a:hover h1 {
    color: #3fb150;
}
.news_ul li b {
    display: block;
    width: 100px;
    height: 30px;
    border: #ccc solid 1px;
    text-align: center;
    line-height: 30px;
    font-weight: normal;
    position: absolute;
    right: 12px;
    top: 161px;
}


.girdlist {
    overflow: hidden;
    width: 100%;
    padding-top: 50px;
    padding-bottom: 30px;
}
.girdlist .list {
    width: 100%;
}
.girdlist .item {
    width: 300px;
    float: left;
    display: inline-block;
    margin-bottom: 30px;
    margin-right: 20px;
    position: relative;
    background: #fff;
}
.girdlist .item a {
    display: block;
}
.girdlist .item .img {
    width: 298px;
    height: 230px;
    overflow: hidden;
    border: #eeeeee solid 1px;
    position: relative;
    text-align: center;
}
.girdlist .item .img img {
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    width: 300px;
    height: 230px;
    display: inline-block;
}
.girdlist .item .item_mask {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    filter: Alpha(opacity=0);
*zoom: 1;
    -webkit-transform: rotateX(180deg) scale(0.5, 0.5);
    transform: rotateX(180deg) scale(0.2, 0.2);
    transition: all ease-out .5s;
}
.girdlist .item .item_mask .item_link_icon {
    display: block;
    width: 60px;
    height: 60px;
    text-align: center;
    background-position: -440px -313px;
    line-height: 38px;
    position: absolute;
    left: 50%;
    top: 50%;
*top: 40%;
    margin-left: -30px;
    margin-top: -0px;
    opacity: 0;
    filter: Alpha(opacity=0);
*zoom: 1;
}
.girdlist .item .txt {
    background: #fff;
    height: 56px;
    line-height: 56px;
    position: relative;
    font-size: 16px;
    color: #333;
    border-bottom: #eeeeee solid 1px;
}
.girdlist .item .txt p {
    font-size: 16px;
    color: #333;
    width: 90%;
    height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
    transition: .5s ease;
}
.girdlist .item .txt i {
    float: right;
    width: 15px;
    height: 15px;
    background-position: -487px -246px;
    margin-top: 20px;
    transition: .5s ease;
}
.girdlist .item .icon{
        background: url(../images/icon.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
}
.girdlist .item:hover p {
    color: #3fb150;
    transition: .5s ease;
}
.girdlist .item:hover .txt i {
    background-position: -487px -228px;
    transition: .5s ease;
}
/*.girdlist .item:hover{box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);}*/
.girdlist .item:hover img {
    transform: scale(1.1, 1.1);
}
.girdlist .item:hover .item_mask {
    opacity: 1;
    filter: Alpha(opacity=100);
    -webkit-transform: rotateX(0deg) scale(1, 1);
    transform: rotateX(0deg) scale(1, 1);
    transition: all 1s cubic-bezier(.23, 1, .38, 1) 0s;
    background: rgba(0, 0, 0, 0.3);
}
.girdlist .item:hover .item_mask .item_link_icon {
    transform: translateY(-21px);
    opacity: 1;
    filter: Alpha(opacity=100);
}


.clear{clear: both;}
    .bona_nas_oy{
  width: 100%;
  margin-top: 20px;
}
.bona_nas_oy .bona_ties{
    position: relative;
    color: #2e769b;
    display: inline-block;
    float: left;
    padding-left: 20px;
    font-size: 20px;
    font-weight: bold;
    line-height: 40px;
    border-left: 4px solid #2e769b;
}

.bona_nas_oy .bona_naisk{
    display: inline-block;
    float: left;
        margin-left: 60px;
    margin-top: 5px;
}
.bona_nas_oy .bona_naisk li{
      float: left;
    margin-right: 32px;
    
}
.bona_nas_oy .bona_naisk li a:hover, .bona_nas_oy .bona_naisk .bona_lis a{
  background: #2e769b; 
  color: #fff; 
}

.bona_nas_oy .bona_naisk li a{
  line-height: 30px;
  display: block;
  color: #2e769b; 
    padding: 0px 20px;
border-radius: 20px;
    background: #fff;    
}