/* main */
.p0{padding:0;}
.w1200{width: 1200px;}

.display {
    display: block;
}
.pd30{padding:30px 0;}
.cpbox-wrap{background: url(../images/serbg.png) bottom no-repeat;}
.newbg{background: #f7f6f5;}

.displaytit {
    padding: 12px 32px 12px 0;
    display: block;
    line-height: 28px;
    background: url(../images/52_03.png) no-repeat 248px 9px;
}

.displaytit2 {
    padding-left: 20px;
    line-height: 30px;
    padding-top: 20px;
    display: block;
}

.gongcheng ul li p {
    padding-left: 20px;
    font-size: 12px;
    color: #333;
}

.a1 {
    width: 60px;
    height: 4px;
}

.auto {
    width: 1200px;
    margin: 0 auto;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.before {
    position: relative;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.clearfix {
    *+height: 1%;
}


/*index*/

.Un {
    width: 100%;
    height: 44px;
    background: #296798;
    border-top: 1px solid #eee;
    z-index: 20;
}

.cent_2 {
    width: 1200px;
    margin: 0 auto;
}

.nav >li {
    float: left;
    position: relative;
}

.nav >li> a {
    width: 150px;
    color: #fff;
    text-align: center;
    display: block;
    height: 44px;
    line-height: 44px;
}

.oLi>a {
    background: url(../images/er.png) no-repeat 123px center
}

.nav>li >a:hover {
    background: #296798;
    color: #fff
}

.nav .oLi>a:hover {
    background: #1c4c7b url(../images/erhover.png) no-repeat 123px center
}

.nav .active {
    /*    background: #1c4c7b;*/
    background: #1c4c7b url(../images/erhover.png) no-repeat 123px center;
    color: #fff
}

.submenu {
    position: absolute;
    left: 0;
    top: 44px;
    z-index: 2;
    background: #f7f7f7;
    display: none
}

.submenu a {
    width: 150px;
    color: #333;
    text-align: center;
    display: block;
    height: 44px;
    line-height: 44px;
}

.submenu a:hover {
    color: #fff
}

.submenu>li>a:hover {
    background: #1c4c7b;
}


/*内容*/

.rig {
    width: 975px;
    min-height: 863px;
    height: auto;
    float: right;
    margin-bottom: 50px;
}

.gsxw {
    width: 975px;
    height: 40px;
    margin-bottom: 20px;
    border-bottom:1px solid #eee;
    position: relative;
}
.gsxw2 {
    width: 975px;
    height: 46px;
    margin-bottom: 20px;
    position: relative;
    top:-26px;
}
.gsxw2 .zuo_4 .fon{ font-size: 24px;font-weight: normal;line-height: 50px;color: #296798;}
.gsxw2 .zuo_4 {
border-bottom:1px solid #eee;
    width: 975px;
    height: 34px;
    margin-bottom: 20px;
    position: absolute;
top:44px;
}

.zuo_4 {
    height: auto;
    float: left;
}

.a1 {
    width: 60px;
    height: 4px;
}

.fon {
    height: 20px;
    font-weight: bold;
    font-size: 18px;
line-height:40px;
position: absolute;
top:-12px;
}

.fon a {
    font-size: 18px;
    color: #525252;
    font-weight: bold;
}

.you_4 {
    width: auto;
    height: 20px;
    float: right;
line-height:40px;
right:0;
}
.you_42 {
    font-size: 12px;
    width: auto;
    height: 20px;
    float: right;
line-height:40px;
position: absolute;

right:0;
}

.you_4 a {
    font-size: 12px;
    color: #333;
    padding: 0px 5px 0px 5px;
}

.xia1 {
    width: 975px;
    height: auto;
}

.xia1 ul li {
    width: 277px;
    height: 286px;
    float: left;
    padding: 22px 14px;
    border: 1px solid #dddddd;
    position: relative;
    float: left;
    margin: 0 18px 18px 0;
}

.xia1 ul li:hover {
    border: 1px solid #296798;
}

.xia1 ul li h4 {
    padding: 10px 0;
}

.xia1 ul li h3 {
    color: #333;
    background: url(../images/52_03.png) no-repeat 214px center;
    margin-top: 30px;
}

.xia1 ul li p {
    font-size: 12px;
    color: #666666;
}


/* article css*/

.xia1 .xia1tit {
width:100%;text-align:center;border-bottom:1px solid #dadada;padding:14px 0;
}
.xia1tit h2{font-weight:normal;width:976px;font-size:24px;margin-top:10px;line-height: 40px;text-align:center; color:#333333;}
.xia1tit span{ font-size:12px;}

/**/


/* news list*/

.mo {
    width: 975px;
    height: auto;
}

.mo ul a{display: block;width:315px;padding-right:10px;padding-bottom:30px;}
.partner-img img{margin:0 82px;}
.partner-tit{line-height: 30px;text-align: center;}
.mo ul li{border:1px solid #eee;float: left;    margin-right:3px;margin-bottom:3px;}
.mo ul li:hover{border: 1px solid #296798;}

.le {
    width: 460px;
    height: 190px;
    background: #fbfbf9;
    padding: 0px 14px 19px 0px;
    border:1px solid #eee;
    float:left;
    margin:0px 5px 5px 0px;
}

.le:hover {
    border: 1px solid #296798;
}

.li {
    width: 435px;
    height: 190px;
    margin: 23px 15px 28px 22px;
}

.bt {
    /*  width: 380px;
    height: 23px;*/
}

.bt a {
    font-size: 16px;
    color: #333;
}

.nr {
    width: 430px;
    height: 50px;
    margin-top: 10px;
    font-size: 14px;
    color: #333;
}

.sj {
    /*  width: 80px;*/
    height: 23px;
    margin-top: 8px;
    margin-bottom: 8px;
    font-size: 14px;
    color: #333;
}

.ck {
    margin-top: 12px
}

.ck a {
    width: 91px;
    height: 23px;
    font-size: 14px;
    color: #fff;
    display: block;
    text-align: center;
    line-height: 23px;
    background: url(../images/36_03.png) top center no-repeat;
}

.gsxw_sold {
    width: 1200px;
    height: 70px;
    margin-bottom: 20px;
}

.show_content_sold {
    min-height: 628px;
    margin-top: 20px;
    border-bottom: 1px solid #eee;
    margin-bottom: 40px;
}


/*gongcheng anli*/

.gongcheng {
    width: 975px;
    height: auto;
}

.gongcheng li {
    width: 472px;
    height: 388px;
    margin: 0 24px 33px -11px;
    border: 1px solid #ddd;
    float: left;
}

.gongcheng h3 {
    height: 81px;
    position: relative;
    padding: 37px 25px 0 25px;
    background: url(../images/bot_03.jpg) no-repeat 409px center;
    font-size: 12px;
}

.gongcheng ul li {
    background: url(../images/bot_03.jpg) no-repeat 398px 300px;
}

.gongcheng h3:before {
    width: 37px;
    height: 1px;
    background: #dddddd;
    position: absolute;
    left: 25px;
    top: 23px;
    content: '';
}

.gongcheng h3 em {
    display: block;
    position: absolute;
    left: 50%;
    top: -26px;
    width: 0;
    height: 0;
    border-color: transparent transparent #fff transparent;
    border-style: solid;
    border-width: 13px;
}

.gongcheng .g_gthy {
    margin-bottom: 20px;
}

.gongcheng .g_cont {
    width: 973px;
    height: 342px;
    border: 1px solid #ddd;
}

.gongcheng .g_conts {
    width: 945px;
    height: 234px;
    margin: 17px 10px 29px 15px;
}

.gongcheng .g_left {
    width: 262px;
    height: 235px;
    float: left;
}

.gongcheng .shang {
    width: 260px;
    height: 113px;
    margin-bottom: 10px;
    background: url(../images/bg1.jpg) left 66px no-repeat #f2f2f2;
}

.gongcheng .dlhy {
    display: block;
    font-size: 24px;
    color: #0e74ae;
    font-weight: bold;
    text-align: center;
    padding-top: 24px;
}

.gongcheng .ckxq {
    display: block;
    font-size: 16px;
    color: #fff;
    text-align: center;
    padding-top: 26px;
}

.gongcheng .xia {
    width: 265px;
    height: 112px;
}

.gongcheng .xia img {
    padding-right: 2px;
    padding-bottom: 2px;
    float: left;
}

.gongcheng .g_right {
    width: 655px;
    height: 235px;
    padding: 0 10px;
    float: right;
    overflow: hidden;
}

.gongcheng .g_right img {
    padding-right: 7px;
    padding-bottom: 7px;
    float: left;
}

.gongcheng .g_contx {
    width: 945px;
    height: 40px;
    margin-left: 17px;
    background: url(../images/hengg_03.jpg) no-repeat;
}

.gongcheng .g_contx span {
    width: 905px;
    float: left;
}

.gongcheng .g_contx p {
    width: 820px;
    float: left;
    padding-top: 15px;
}

.gongcheng .g_contx p a {
    padding-right: 25px;
    font-size: 16px;
    color: #333;
}

.gongcheng .g_djck {
    float: right;
    padding-top: 5px;
    padding-right: 13px;
    font-size: 16px;
    color: #333;
}

.gongcheng .g_contx img {
    float: right;
}

.gongcheng .g_gthy {
    margin-top: 22px;
}


/*banner*/

.banner {
    width: 100%;
    height: 500px;
    position: relative
}

.oban {
    width: 100%;
    height: 500px;
    position: absolute;
    left: 0;
    top: 0
}

.oban_bottom {
    position: absolute;
    left: 0;
    top: 448px;
    width: 100%;
    overflow: hidden;
    background: url(../images/banner_by_02.png) repeat-y top right;
    height: 87px;
}

.oban_nav {
    width: 1024px;
    height: 87px;
    overflow: hidden;
    line-height: 22px;
}

.oban_nav li {
    padding: 20px 0 0 0;
    height: 67px;
    width: 128px;
    overflow: hidden;
    float: left;
    position: relative
}

.oban_nav li.current {
    width: 640px;
}

.li_menu {
    position: absolute;
    top: 20px;
    right: 0;
    display: block
}

.oban_nav li p {
    padding: 0 20px;
    width: 447px;
    color: #fff;
    margin-right: 109px;
}

.oban_nav li img {
    position: absolute;
    top: 0;
    right: 0
}

.before {
    position: relative;
}

.ban_btn {
    position: absolute;
    top: 200px;
    height: 60px;
    width: 100%;
    z-index: 9
}

.ban_btn .prep,
.ban_btn .next {
    background: url(../images/banner_btn.png) no-repeat;
    width: 60px;
    height: 60px;
    cursor: pointer
}

.ban_btn .prep {
    float: left
}

.ban_btn .next {
    float: right;
    background-position: -60px 0
}

.left_oban {
    position: absolute;
    height: ;
    width: 1000px;
    height: 87px;
    right: 50%;
    top: 0;
}

.oban_left {
    background: #C51414;
    margin-right: 500px;
    height: 87px;
    width: 500px;
}


/*indes 4*/

.indexbg {
    background: #f7f6f5;
}

.w1000 {
    width: 1000px;
}

.yl-pic {
    width: 480px;
    height: 270px;
    margin: 0 60px;
}

.yl-pic img {
    width: 100%;
    height: 100%;
}

.yl-con {
    padding-top: 80px;
    width: 600px;
}

.yl-con h2 {
    line-height: 40px;
    margin-bottom: 7px;
    color: #296798;
    display: inline-block;
    font-weight: bold;
}

.yl-con h2 span {
    font-weight: normal;
    font-size: 12px;
    color: #bbb;
    text-transform: uppercase;
}

.yl-con p {}

.yl-con i {
    width: 42px;
    height: 34px;
    display: inline-block;
    float: left
}

.items-num-1 {
    background: url(../images/items-num-1.png) center no-repeat;
    background-size: contain;
}

.items-num-2 {
    background: url(../images/items-num-2.png) center no-repeat;
    background-size: contain;
}

.items-num-3 {
    background: url(../images/items-num-3.png) center no-repeat;
    background-size: contain;
}

.items-num-4 {
    background: url(../images/items-num-4.png) center no-repeat;
    background-size: contain;
}


/*advantages*/

.c1000 {
    width: 1000px;
    margin: 0 auto;
}

.bgred {
    background: #1c4c7b;
}

.bgblack {
    background: #000;
}

.mr50 {
    margin-right: 50px;
}

.why-wrap {
    margin: 60px auto;
}

.why-con {
    float: left;
    width: 444px;
    height: 214px;
    color: #fff;
    padding: 46px 28px 0 28px;
}

.why-con h2 {
    border-bottom: 1px #fff dashed;
    line-height: 30px;
    display: inline-block;
    padding: 10px 0;
}

.why-con p {
    padding: 14px 0;
    line-height: 22px;
}

.why-img {
    float: left;
    width: 500px;
    height: 260px;
}

.why-img img {
    width: 100%;
    height: 100%;
}

.news-wrap {
    margin: 60px auto;
}

.news-box {
    float: left;
    width: 300px;
}

.news-img {
    width: 300px;
    height: 105px;
}

.news-img img {
    width: 100%;
    height: 100%;
}

.news-intro h2 {
    font-size: 16px;
    font-weight: normal;
    padding: 18px 0;
    color: #333;
}

.news-intro p {
    padding-bottom: 10px;
}

.news-intro a {
    background: #ff4f00;
    color: #fff;
    font-size: 12px;
    padding: 3px 10px;
    display: inline-block;
}


/*about*/

.comintro-wrap {
    padding: 60px 0;
}

.comintro-mv {
    width: 382px;
    height:190px;
    padding: 50px 70px 50px 50px;
}

.comintro-con {
    width: 540px;
}

.comintro-con h2 {
    margin-bottom: 14px;
}

.comintro-con h2 span {
    font-weight: normal;
    font-size: 16px;
}


/*cases*/

.cases-wrap {
    padding: 50px 0;
}

#owl-demo .item {
    margin: 3px;
    width: 287px;
    height: 191px;
}

#owl-demo .item img {
    display: block;
    width: 100%;
    height: auto;
}

.owl-pagination {
    display: inline-block;
}

.owl-theme .owl-controls .owl-page.active span {
    background: #1c4c7b;
}

.owl-theme .owl-controls .owl-page span:hover {
    background: #296798;
}


/*pagetit*/

.pagetit-wrap {
    margin: 20px 0 0 0;
}

.pagetit-wrap h1 {
    padding: 20px 0 5px 0;
    text-align: center;
    color: #2b2b2b;
    font-size:24px;
    font-variant:normal;
    color:#333333;
}

.pagetit-wrap p {
    line-height: 20px;
    text-align: center;
    color: #999;
    font-size:12px;
}


/*page about us content*/

.w975 {
    width: 975px;
}

.abtc {
    clear: both;
}

.abt {
margin-bottom:60px;

}

.abt ul {
    padding: 35px 0 0;

    overflow: hidden;
    display: inline-block;
    margin-right: 40px;
    margin-left: 20px;

}

.abt ul li {
    text-align: center;

}    .hls-team li{        width: 350px!important;
    border:none!important;}
.hls-intro li{        width: 400px!important;
    border:none!important;}

.hls-team{float: right;}
.hls-nteam{width: 975px!important;text-align: left;}
.abt ul li img {
    display: block;
    vertical-align: top;
}

.abt ul li span {
    display: block;
    line-height: 58px;
    font-size: 14px;
    text-align: center;
    color: #333;
}

.abt_c {
    width: 496px;
    padding: 20px 0 0;
    overflow: hidden;
}

.abtc p {
    font-size: 14px;
    display: inline-block;
    width:515px;
    text-indent: 2em;
    float: left;
}
.hls-intro{float: left;}
.abtc b{padding:0 10px;color: #296798;}
.hls-team{float: right;}

.abtc{line-height:38px;text-indent: 2em;padding-top:20px;}
.abtc em {
    clear: both;
    display: block;
    line-height: 0;
    font-size: 0;
    float: none;
}

.abtc i {
    font-style: normal;
    color: #296798;
    font-weight: bold;
    padding: 0 10px;
    float: left;
}
.pro_t {
    border-bottom: 1px solid #ccc;
}
.pro_t h3 a {
    font-weight: 100;
    font-size: 24px;
    color: #296798;
    line-height: 50px;
}
.pro_t h3 span {
    text-transform: uppercase;
    margin: 0 0 0 8px;
    font-size: 12px;
    color: #999;
    font-weight: normal;
}

/*about page ab css*/
.ab-wrap {
    padding: 40px 0;
}
.abimg {
    width: 400px;
    height: 240px;
    padding: 0 40px 0 20px;
}
.abintro {
    width: 496px;
}
.abintro p {
    text-indent: 2em;
    line-height: 33px;
}
.abintro p span {
    color: #296798;
    font-weight: bold;
    padding: 0 10px;
}
.abimg2 {
    width: 400px;
    height: 240px;
}
.abintro2 {
    width: 496px;
    padding: 0 40px 0 20px;
}
.abintro2 p {
    text-indent: 2em;
    line-height: 33px;
}
.abintro2 p span {
    color: #296798;
    font-weight: bold;
    padding: 0 10px;
}

/*imp*/
.imptit {
    width: 246px;
    height: 205px;
    background: #296798
}
.imp {
    padding: 42px 0;
    overflow: hidden;
}
.imp h3 {
    height: 86px;
    overflow: hidden;
    text-align: center;
}
.imp h3 b {
    line-height: 31px;
    height: 31px;
    overflow: hidden;
    font-size: 30px;
    color: #a5a5a5;
    text-transform: uppercase;
    font-weight: 100;
}
.imp h3 span {
    text-align: center;
    display: block;
    line-height: 34px;
    color: #d30000;
    font-size: 20px;
}
.imp li {
    float: left;
    text-align: center;
}
.imp1 {
    width: 246px;
    overflow: hidden;
    border-right: 1px #fff solid;
}
.imp2 {
    width: 414px;
    overflow: hidden;
    border-right: 1px #fff solid;
}
.imp3 {
    width: 313px;
    overflow: hidden;
}
.imp1 h4 {
    line-height: 204px;
    height: 210px;
    color: #fff;
    font-weight: 100;
    font-size: 30px;
}
.imp2 h5 {
    line-height: 204px;
    height: 260px;
    color: #fff;
    font-weight: 100;
    font-size: 30px;
}
.imp3 h5 {
    line-height: 204px;
    height: 210px;
    color: #fff;
    font-weight: 100;
    font-size: 30px;
}
.imp img {
    display: block;
    vertical-align: top;
}
.imp1 a {
    color: #fff;
    text-align: center;
    display: block;
}
.impbox {
    width: 1002px;
    margin: 0 auto;
}
.jc-wrap {
    padding: 30px 0;
}
.impp1 {
    width: 246px;
    height: 205px;
}
.impp2t {
    width: 414px;
    height: 156px;
}
.impp2 {
    width: 414px;
    height: 253px;
}
.impp3 {
    width: 313px;
    height: 205px;
}

/* hr */
.hello {
    width: 975px;
    height: 82px;
    border: 1px solid #ddd;
}
.dianhua {
    width: 935px;
    height: 45px;
    margin: 22px 24px 17px 18px;
}
.lianxifs {
    width: 500px;
    height: 45px;
    float: left;
}
.lianxifs a {
    font-size: 14px;
    color: #333;
}
.youxiang {
    width: 242px;
    height: 38px;
    float: right;
    background: #ccc;
}
.youxiang a {
    font-size: 14px;
    color: #fff;
    line-height: 38px;
    text-align: center;
    display: block;
}
.youxiang:hover {
    background: #296798;
}
.zwxx {
    width: 975px;
    height: auto;
    margin-top: 23px;
}
.yaoqiu {
    width: 975px;
    height: 48px;
    border-top: 2px solid #2164b7;
    background: #f4f7fc;
}
.kuan {
    width: 294px;
    height: 48px;
    display: block;
    float: left;
    text-align: center;
    line-height: 48px;
    font-size: 14px;
    color: #333;
    border-right: 1px solid #fff;
}
.yaoqiu ol li {
    width: 134px;
    height: 48px;
    display: block;
    float: left;
    border: 1px solid #fff;
}
.yaoqiu ol li p{
    line-height:48px;
    text-align: center;
}
.yaoqiu ol li a {
    width: 134px;
    height: 48px;
    display: block;
    line-height: 48px;
    text-align: center;
    font-size: 14px;
    color: #333;
}
.show_content {
    min-height: 628px;
    margin-top: 20px;
    color:#333333;
    
}

/********************************产品中心**********/
.kuang {
    width: auto;
    height: 355px;
}
.zuo_5 {
    width: 465px;
    height: 350px;
    float: left;
    border: 1px solid #ddd;
}
.jddw {
    position: relative;
    padding-top: 170px;
    padding-left: 30px;
}
.xddw {
    position: absolute;
    padding-top: 170px;
    padding-left: 360px;
}
.you_5 {
    width: 480px;
    height: 350px;
    float: right;
}
.title_2 {
    width: 480px;
    height: 60px;
    border-bottom: 1px solid #ddd;
}
.title_2 a {
    width: 480px;
    line-height: 45px;
    font-size: 24px;
    color: #333;
    display: block;
}
.conte {
    width: 480px;
    height: 145px;
    border-bottom: 1px solid #ddd;
}
.conte a {
    width: 480px;
    height: 115px;
    font-size: 14px;
    color: #333;
    line-height: 25px;
    padding-top: 15px;
    display: block;
    cursor: default;
}
.zxzx {
    width: 98px;
    height: 48px;
    background: url(../images/zxzx_03.png) top center no-repeat;
    margin-top: 32px;
}
.zxzx a {
    font-size: 16px;
    color: #fff;
    line-height: 48px;
    text-align: center;
    display: block;
}

/****tab**/
#menu {
    width: 975px;
    height: auto;
    margin-top: 30px;
}
#menu #na {
    display: block;
    width: 100%;
    height: 39px;
    padding: 0;
    margin: 0;
    list-style: none;
    border-bottom: 1px solid #ddd;
}
#menu #na li {
    float: left;
    width: 157px;
    height: 38px;
    border: 1px solid #e3e3e3;
    background: #f5f5f5;
    color: #333;
}
#menu #na li a {
    display: block;
    line-height: 37px;
    text-decoration: none;
    padding: 0 0 0 5px;
    text-align: center;
    color: #333;
    font-size: 14px;
    cursor: default;
}
#menu #na li a:hover {
    font-size: 14px;
    color: #074ba0;
}
#menu_con {
    width: 975px;
    height: auto;
}
.tag {
    width: 975px;
    height: auto;
    margin-top: 35px;
}
.tag a {
    font-size: 14px;
    color: #333;
}
.selected {
    background: #fff;
    text-align: center;
    line-height: 37px;
    border-bottom: 2px solid #074ba0;
    font-size: 14px;
}

/****ncontac**/
.ncontac table tr{height:40px;}
.ncontac table{    width: 975px;
    margin: 30px auto;
    text-align: left;
    border-collapse: collapse;}
.ncontac table td{    border: 1px solid #eee;
    line-height: 36px;
    padding: 10px 20px;}
.nmap{padding:20px 0;margin-bottom:10px;}
.nmap p{text-align: center;line-height:60px;}

/* ab*/
.abimgs{width:382px;padding:24px 54px 0 2px;}

.abtext{width:533px;text-indent: 2em;line-height: 26px;}
.abtext p{padding-bottom:20px;}

.teamimg{padding-top:30px;}
.teamimg img{display: block;margin:0 auto;}
.teamtit{line-height:46px;}
.teamtext{text-align: left;text-indent: 2em;line-height:46px;}

/*news 8.3*/
.news dl {
    width: 950px;
    height: auto;
    float: right;
    margin-bottom: 30px;
}
.news dl dd {
    width: 950px;
    height: 130px;
    border-bottom: 1px dashed #ddd;
    /* overflow: hidden; */
    padding: 20px;
}
.news dl dd img {
    float: left;
}
.news dl dd .essay {
    width: 660px;
    height: auto;
    float: left;
    padding-left: 20px;
}
.news dl dd .essay .essay_t {
    width: 100%;
}
.news dl dd .essay .essay_t a {
    font-size: 16px;
    color: #000000;
    float: left;
}
.news dl dd .essay .essay_t b {
    float: right;
    font-weight: normal;
}
.news dl dd .essay div {
    line-height: 24px;
    color: #565656;
    clear: both;
    padding-top: 10px;
    font-size: 14px;
}
.news dl dd .essay .essay_b {
    clear: both;
    display: block;
    width: 100%;
    line-height: 35px;
    color: #fc5615;
}
.news dl dd .essay .essay_b b {
    float: right;
    font-weight: normal;
}
.news dl dd .essay .essay_b a {
    color: #296798;
    float: left;
}
.news dl dd:hover {
    padding:19px 19px 20px 19px;
    border:1px solid #296798;
    background: #f7f6f5;
}