﻿/*Ã¥â€¦Â±Ã§â€Â¨cssÃ¯Â¼Å’Ã¦Â¨Â¡Ã¦ÂÂ¿Ã©â€¡Å’Ã¥ÂÂªÃ¨Æ’Â½Ã¦Â¨Â¡Ã¦ÂÂ¿Ã¨Â®Â¾Ã¨Â®Â¡Ã¥Â°ÂÃ§Â»â€žÃ¤ÂºÂºÃ¥â€˜ËœÃ¦â€°ÂÃ¨Æ’Â½Ã¤Â¿Â®Ã¦â€Â¹*/
/*Ã¦Â¨Â¡Ã¦ÂÂ¿Ã¨Â®Â¾Ã¨Â®Â¡Ã¥Â°ÂÃ§Â»â€žÃ¤ÂºÂºÃ¥â€˜ËœÃ¤Â¿Â®Ã¦â€Â¹Ã¤Â»Â¥Ã¥ÂÅ½Ã¦Â³Â¨Ã¦â€žÂÃ¦Å“Â¬Ã¥Å“Â°Ã¥Â¤â€¡Ã¤Â»Â½Ã¤Â¸â‚¬Ã¤Â¸â€¹*/
/*Ã¦Å“â‚¬Ã¦â€“Â°Ã¦â€ºÂ´Ã¦â€“Â°Ã¤ÂºÂºÃ¥â€˜ËœÃ¯Â¼Å¡Ã¨Æ’Â¡Ã¥Â¹Â³2017-3-13*/   
/* Ã¦Â¸â€¦Ã©â„¢Â¤Ã¥â€ â€¦Ã¥Â¤â€“Ã¨Â¾Â¹Ã¨Â·Â */
@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements Ã§Â»â€œÃ¦Å¾â€žÃ¥â€¦Æ’Ã§Â´Â  */
dl, dt, dd, ul, ol, li, /* list elements Ã¥Ë†â€”Ã¨Â¡Â¨Ã¥â€¦Æ’Ã§Â´Â  */
pre, /* text formatting elements Ã¦â€“â€¡Ã¦Å“Â¬Ã¦Â Â¼Ã¥Â¼ÂÃ¥â€¦Æ’Ã§Â´Â  */
fieldset, lengend, button, input, textarea, /* form elements Ã¨Â¡Â¨Ã¥Ââ€¢Ã¥â€¦Æ’Ã§Â´Â  */
th, td { /* table elements Ã¨Â¡Â¨Ã¦Â Â¼Ã¥â€¦Æ’Ã§Â´Â  */
    margin: 0;
    padding: 0;
}
input,textarea {border: 2 none; box-shadow: none; outline: none;}
/* Ã¨Â®Â¾Ã§Â½Â®Ã©Â»ËœÃ¨Â®Â¤Ã¥Â­â€”Ã¤Â½â€œ */
body,button, input, select, textarea {font: 14px/22px "Microsoft YaHei";color: #666;}
h1 {font-size: 18px;}
h2 {font-size: 16px;}
h3 {font-size: 14px;}
h4, h5, h6 {font-size: 100%;}
* h1,* h2,* h3,* h4,* h5,* h6{margin: 0px;}
/* Ã©â€¡ÂÃ§Â½Â®Ã¥Ë†â€”Ã¨Â¡Â¨Ã¥â€¦Æ’Ã§Â´Â  */
ul, ol ,li{list-style: none;}
/* Ã©â€¡ÂÃ§Â½Â®Ã¦â€“â€¡Ã¦Å“Â¬Ã¦Â Â¼Ã¥Â¼ÂÃ¥â€¦Æ’Ã§Â´Â  */
a {text-decoration: none; color: #666; word-wrap:break-word; outline:none;}/*Ã¨â€¹Â±Ã¦â€“â€¡Ã¦ÂÂ¢Ã¨Â¡Å’*/
a:hover {text-decoration: none; color:#1276dd;;}
/* Ã©â€¡ÂÃ§Â½Â®Ã¨Â¡Â¨Ã¥Ââ€¢Ã¥â€¦Æ’Ã§Â´Â  */
legend {color: #000;} /* for ie6 */
fieldset, img {border: none;} /* img Ã¦ÂÂ­Ã¨Â½Â¦Ã¯Â¼Å¡Ã¨Â®Â©Ã©â€œÂ¾Ã¦Å½Â¥Ã©â€¡Å’Ã§Å¡â€ž img Ã¦â€”Â Ã¨Â¾Â¹Ã¦Â¡â€  */
button, input, select, textarea {
    font-size: 100%; /* Ã¤Â½Â¿Ã¨Â¡Â¨Ã¥Ââ€¢Ã¥â€¦Æ’Ã§Â´Â Ã¥Å“Â¨ ie Ã¤Â¸â€¹Ã¨Æ’Â½Ã§Â»Â§Ã¦â€°Â¿Ã¥Â­â€”Ã¤Â½â€œÃ¥Â¤Â§Ã¥Â°Â */
}
.f_bj{/* margin-top:55px; */clear:both;}
/* Ã©â€¡ÂÃ§Â½Â®Ã¨Â¡Â¨Ã¦Â Â¼Ã¥â€¦Æ’Ã§Â´Â  */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* Ã¨Â®Â©Ã©ÂÅ¾ieÃ¦ÂµÂÃ¨Â§Ë†Ã¥â„¢Â¨Ã©Â»ËœÃ¨Â®Â¤Ã¤Â¹Å¸Ã¦ËœÂ¾Ã§Â¤ÂºÃ¥Å¾â€šÃ§â€ºÂ´Ã¦Â»Å¡Ã¥Å Â¨Ã¦ÂÂ¡Ã¯Â¼Å’Ã©ËœÂ²Ã¦Â­Â¢Ã¥â€ºÂ Ã¦Â»Å¡Ã¥Å Â¨Ã¦ÂÂ¡Ã¥Â¼â€¢Ã¨ÂµÂ·Ã§Å¡â€žÃ©â€”ÂªÃ§Æ’Â */
html {overflow-y: scroll;}
/*Ã¦â€°â€¹Ã¦Å“ÂºÃ©Â¢â€žÃ¨Â§Ë†Ã¥Â±â€¦Ã¤Â¸Â­*/
body{
    min-width: 1200px;
    width: 100%;
    overflow: hidden;
}

/*Ã¨Â®Â¾Ã§Â½Â®Ã¦ÂµÂ®Ã¥Å Â¨*/
.fl {float: left;}
.fr {float: right;}
.pr{position: relative;}
.pa{position: absolute;}


/*Ã¦Â¸â€¦Ã©â„¢Â¤Ã¦ÂµÂ®Ã¥Å Â¨*/
.clear{clear: both;height: 0;}
.blk-main .clearlist,.blk-main .listclear{ clear:both;height:0;padding:0;margin:0;border:0;width:100% ;float:none;}
.b-main .clearlist,.b-main .listclear{ clear:both;height:0;padding:0;margin:0;border:0;width:100% ;float:none;}
.clearafter:after { content:"."; display:block; height:0; visibility:hidden; clear:both; }


/*Ã¥â€¦Â¨Ã¥Â±â‚¬Ã¨Æ’Å’Ã¦â„¢Â¯Ã¨â€°Â²1*/
.body-color{background: #ffffff;}
.bark-body-color{background:#181818;}

.blk{margin-bottom: 25px;}
/*MainÃ¦Â¨Â¡Ã¦ÂÂ¿*/
.blk-main{width:1200px; margin: 0 auto;}
/*Ã¥Â°ÂÃ¦Â¨Â¡Ã¥Ââ€”*/
.blk-xs{width:240px;}
/*Ã¤Â¸Â­Ã¦Â¨Â¡Ã¥Ââ€”*/
.blk-sm{width:930px;}
/*Ã¥Â°ÂÃ§â€°Ë†Ã¥Ââ€”*/
.blk{margin-bottom:30px;}




/*Ã©Â¦â€“Ã©Â¡ÂµÃ¦ÂÂ¿Ã¥Ââ€”Ã¥â€¦Â¨Ã¥Â±â‚¬Ã¨Â¡Â¥Ã§â„¢Â½*/
.p{padding: 30px 0;}
/*Ã©Â¦â€“Ã©Â¡ÂµÃ¦ÂÂ¿Ã¥Ââ€”Ã¥â€¦Â¨Ã¥Â±â‚¬Ã¥ÂËœÃ©â€¡Â*/
.b{clear: both;}
/*Ã¥â€ â€¦Ã©Â¡ÂµÃ¦ÂÂ¿Ã¥Ââ€”Ã¥â€¦Â¨Ã¥Â±â‚¬Ã¥ÂËœÃ©â€¡Â*/
.blk{margin-bottom:  20px;}


/*Ã¦â€¢Â°Ã¦ÂÂ®Ã¦â€ºÂ´Ã¦â€“Â°Ã¤Â¸Â­Ã§Å¡â€žÃ¦Â Â·Ã¥Â¼Â*/
.nodata {background:url("../Images/nodata.png") no-repeat 58px 20px #fff;margin: 10px 0;padding:80px 0 80px 220px;border:1px solid #eee;text-transform: capitalize;}


/*Ã¨Â¯Â¦Ã¦Æ’â€¦Ã¥â€ â€¦Ã¥Â®Â¹*/
.endit-content{ line-height:40px;}
.endit-content p{margin:15px 0;}
.endit-content img{max-width:100%;}
/*Ã§â„¢Â¾Ã¥ÂºÂ¦Ã¥Å“Â°Ã¥â€ºÂ¾Ã¥â€ºÂ¾Ã§â€°â€¡*/
.endit-content #map img,.endit-content #dituContent img,.endit-content #platform img{max-width: inherit;}
.endit-content em,.endit-content i{font-style: italic;}
.endit-content .img-p{text-indent: 0px; padding-top: 14px; margin: 0px; text-align: center;}
.endit-content .img-container{}
.endit-content .img-block {text-indent: 0px;padding-top: 14px;margin: 0px;text-align: center;}
/*Ã¨Â¯Â¦Ã¦Æ’â€¦Ã¥â€¦Â³Ã©â€Â®Ã¥Â­â€”Ã©Â£ËœÃ§ÂºÂ¢Ã¥Å Â Ã§Â²â€”*/
.endit-content a{color:#f00; font-weight: bold;}
/*Ã¨Â¯Â¦Ã¦Æ’â€¦Ã¥â€ â€¦Ã¥Â®Â¹Ã¥â€¦Â³Ã©â€Â®Ã¥Â­â€”Ã¥Å Â VIÃ¨â€°Â²*/
/*.endit-content a{color:#1276dd; font-weight: bold;}*/


/*Ã¥Â¤Â´Ã©Æ’Â¨Ã¥Â¼â‚¬Ã¥Â§â€¹*/   
.top_bg{ height:60px; background:url(../Images/topbg.gif) repeat-x;position: relative;z-index: 10;background-position-y: bottom;}
.header{width: 1200px; margin:0 auto;}

.h_top{height: 30px;line-height: 30px;font-size: 14px;color: #666;overflow: hidden;}
.h_top span{float: right;}
.h_top span a{font-size: 14px;color: #666; padding:0 10px;}
.h_con{ height:100px;padding: 40px 0 0;}
.h_con h1{float:left;width: 450px;}
.h_con h1 img{width: 418px;height: 77px;}
.h_con .h_dw{float:left;font-size:18px;color:#333;padding: .px 0 5px 15px;background:url(../Images/t_line.gif) no-repeat 0 5px;}
.h_dw span{
    display: block;
    color: #18469b;
    line-height: 30px;
    font-size: 21px;
    margin-bottom: 8px;
    font-weight: bold;
}
.tel{ float:right;font-size: 16px;color: #333; background:url(../Images/tel.gif) no-repeat 70px 5px;line-height: 30px;text-align: right;}
.tel b{font-size: 30px;display: block;}


.h_nav{ height:60px; line-height:60px;position: relative;}
.h_nav li{height: 60px; float:left; background:url(../Images/nav_bor.jpg) no-repeat right 19px;position: relative;margin-left: -1px;}
.h_nav li a{font-size:16px;color:#fff;padding: 0 68px;display:block;float:left;position: relative;z-index: 4;text-decoration:none;}
.h_nav li a:hover{background:#e23c3f;}/* IE6Ã£â‚¬ÂIE7Ã£â‚¬ÂIE8Ã¦â€Â¯Ã¦Å’Â */
.h_nav .navcur:after{content:'';position:absolute;width:100%;height:0;background-color:#e23c3f;bottom:0;left:0;-webkit-transition:height .3s;transition:height .3s;}
.h_nav li:hover:after,.h_nav li.cur:after{height:100%;}
.h_nav .nobor{ background: none;}

.h_nav li .erji{display:none;width:168px;text-align:center;position:absolute;top:60px;left:0;background:rgba(0,0,0,0.8);padding:0 0 10px;}
.h_nav li .erji li{height: 50px;background:none;margin-left: 0;}
.h_nav li .erji a,.h_nav li.cur .erji a{height: 50px;line-height: 50px;width: 200px;padding: 0;color: #fff;border-bottom: dotted 1px #9c9b9b;}
.h_nav li.cur .erji a:hover,.h_nav li .erji a:hover{ background:#e23c3f;}
.h_nav .nav_li02 .erji,.h_nav .nav_li02 .erji a{width: 200px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 14px;}
.h_nav .nav_li04 .erji,.h_nav .nav_li04 .erji a{ width:168px;}
.cur{/* background:none!important; */}
em,i{ font-style:normal;}
/*Ã¥Â¤Â´Ã©Æ’Â¨Ã§Â»â€œÃ¦ÂÅ¸*/   

.navcur:after{content:'';position:absolute;width:100%;height:0;background-color:#e23c3f;bottom:0;left:0;-webkit-transition:height .3s;transition:height .3s;} 
.h_nav .navcur{background-color:#e23c3f;}
/*Ã¥Âºâ€¢Ã©Æ’Â¨Ã¥Â¼â‚¬Ã¥Â§â€¹*/  
.ft_lx{height: 94px;padding-top:30px;}
.ft_lx li{
    float: left;
    width: 360px;
    background: url(../Images/ft_x.png) no-repeat right;
    padding-right: 25px;
    margin-right: 22px;
}
.ft_lx li:last-child{
     */
     margin-right: 0px;
     margin-right: 0px;
}
.ft_lx li span {display: block;font-size:18px;height: 31px;line-height: 31px;color: #fff;padding-left:43px;}
.ft_lx li p{padding-top:9px;font-size:14px;color: #9a9a9a;padding-left:43px;}
.ft_lx li:nth-child(1) span{background: url(../Images/ft_ico1.png) no-repeat left center;}
.ft_lx li:nth-child(2) span{background: url(../Images/ft_ico2.png) no-repeat left center;}
.ft_lx li:nth-child(3) span{background: url(../Images/ft_ico3.png) no-repeat left center;}

.f_bj{color:#555;clear:both;height:415px;font-family:"Microsoft Yahei";overflow: hidden;background:url(../Images/ft_bj.jpg) repeat-x left top; }
.f_nav{ height:230px; overflow: hidden;padding-top:30px;}
.f_nav ul{ float: left;}
.f_nav ul li{ width: 190px; border-right: 1px dashed #9c9c9c; margin-right:30px; float: left; height: 200px;}
.f_nav ul li i{ display: block; padding-left: 30px; font-size: 18px; color: #eee; font-weight: bold;background:url(../Images/f_lin2.jpg) no-repeat 0 10px; }
.f_nav ul li span{ display: block; padding-left: 28px; padding-top: 13px;}
.f_nav ul li span a{ display: block; font-size: 14px; color: #d1d1d1; line-height: 26px;}
.f_nav h3{float: right;width:264px;text-align: center;font-weight: normal;font-size: 14px;color: #eee;margin-top: 25px;}
.f_nav h3 i{ display: inline-block; float: left;}
.f_nav h3 img{ width:108px; height: 108px;  display: block; margin-bottom:14px; padding: 6px; border: 1px solid #eee;}

.f_bj .row{height:31px;line-height:31px;color:#fff;}
.f_bj .row span{padding-left:10px;float: right;}
.f_bj .row span a{color:#fff;}
/*Ã¥Âºâ€¢Ã©Æ’Â¨Ã§Â»â€œÃ¦ÂÅ¸*/  

/*Ã§Â¿Â»Ã©Â¡Âµ*/
.meneame{padding-top:10px;padding-bottom:50px;}
.meneame li{float:left;}
.meneame li.pages_solid,.pages li.previous_s,.pages li.next{border:1px solid #ccc;width: 25px;height: 23px;margin-right:3px;}
.meneame li.previous_s,.pages li.next{border:1px solid #ccc;width: 25px;height: 23px;margin:0px 8px;}
.meneame li.previous_s{text-indent:-9999px;background:url(../images/pages.png) no-repeat -2px -4px;display:inline-block;}
.meneame li.next{text-indent:-9999px;background:url(../images/pages.png) no-repeat -56px -4px;display:inline-block;}
.meneame a{width:25px;height:23px;display:block;border:1px solid #ccc;float:left;margin:0px 3px;font-size:14px; text-align:center;line-height:23px;color:#36c;}
.meneame li.pages_solid,.pages li a:hover{background:#e8f4ff;border:1px solid #36c;color:#36c;line-height:23px;text-align:center}
.meneame li.previous_s a,.pages li.next a{border:none}
.meneame li.previous_s a:hover,.pages li.next a:hover{background:none}


.client-2 {
    position: fixed;
    right: -170px;
    top: 50%;
    z-index: 900;
}

.client-2 li a {
    text-decoration: none;
}
.client-2 li {
    margin-top: 1px;
    clear: both;
    height: 71px;
    position: relative;
}

.client-2 li i {
    background: url(../Images/fx.png) no-repeat;
    display: block;
    width: 30px;
    height: 27px;
    margin: 0px auto;
    text-align: center;
}

.client-2 li p {
    height: 20px;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    text-align: center;
    color: #fff;
}

.client-2 .my-kefu-online i {
     background-position: -34px -22px;
}

.client-2 .my-kefu-qq i {
    background-position: 4px 5px;
}

.client-2 .my-kefu-tel i {
    background-position: 0 -21px;
}

.client-2 .my-kefu-liuyan i {
    background-position: 4px -53px;
}

.client-2 .my-kefu-weixin i {
    background-position: -34px 4px;
}

.client-2 .my-kefu-weibo i {
    background-position: -30px -22px;
}

.client-2 .my-kefu-ftop {
    display: none;
}

.client-2 .my-kefu-ftop i {
    width: 33px;
    height: 35px;
    background-position: -27px -51px;
}

.client-2 .my-kefu-left {
    float: left;
    width: 77px;
    height: 47px;
    position: relative;
}

.client-2 .my-kefu-tel-right {
    font-size: 16px;
    color: #fff;
    float: left;
    height: 24px;
    line-height: 22px;
    padding: 0 15px;
    border-left: 1px solid #fff;
    margin-top: 14px;
}

.client-2 .my-kefu-right {
    width: 20px;
}

.client-2 .my-kefu-tel-main {
    background: #18469b;
    color: #fff;
    height: 56px;
    width: 247px;
    padding:9px 0 6px;
    float: left;
}

.client-2 .my-kefu-main {
    background: #18469b;
    width: 97px;
    height: 56px;
    position: relative;
    padding:9px 0 6px;
    float: left;
}

.client-2 .my-kefu-weixin-pic {
    position: absolute;
    left: -130px;
    top: -24px;
    display: none;
    z-index: 333;
}

.my-kefu-weixin-pic img {
    width: 115px;
    height: 115px;
}



/*Ã¨Â¡Â¨Ã¥Ââ€¢Ã¥Â¼Â¹Ã¦Â¡â€ */
.nsw-modal {
    width: 100%;
    height: 100%;
    background: rgba(225, 225, 225, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999; 
}
.modal-dialog {
    position: fixed;
    color:#000000;
    top: 150px;
    width: 400px;
    border-radius: 3px;
    min-height: 155px;
    overflow: hidden;
    z-index: 99998;
    margin-left: -200px;
    left: 50%; 
}
.modal-dialog .css-icon {
    background-image: url("../Images/modal-icons.png"); 
}
.modal-dialog .modal-head {
    height: 30px;
    line-height: 30px;
    padding: 0px 20px;
    background: #F6EFEF;
    font-size: 14px; 
}
.modal-dialog .modal-head .modal-logo {
    width: 15px;
    height: 15px;
    background-position: 1px 0px;
    margin: 8px 5px 0 0;
    float: left; 
}
.modal-dialog .modal-head .close {
    float: right;
    width: 15px;
    height: 15px;
    background-position: -14px 0px;
    margin-top: 8px; 
}
.modal-dialog .modal-body {
    width: 100%;
    min-height: 125px;
    background: #ffffff; 
}
.modal-dialog .modal-body .modal-body-left {
    width: 140px;
    float: left; 
}
.modal-dialog .modal-body .modal-body-left .icon {
    width: 64px;
    height: 64px;
    margin: 30px 0 0 48px; 
}
.modal-dialog .modal-body .modal-body-left .success-message {
    background-position: 0px -14px; 
}
.modal-dialog .modal-body .modal-body-left .warming-message {
    background-position: 0px -78px; 
}
.modal-dialog .modal-body .modal-body-right {
    width: 260px;
    float: right;
    padding-top: 20px; 
}
.modal-dialog .modal-body .modal-body-right .close-btn {
    color: #000;
    text-align: center;
    width: 90px;
    display: inline-block;
    height: 24px;
    line-height: 24px;
    background: #818079; 
}
.modal-dialog .modal-body .modal-body-right p {
    line-height: 30px; 
}

/*Ã§Â¿Â»Ã©Â¡Âµ*/
.p12-pagination-1-main {
    margin: 0 auto; 
    padding: 20px 0;
    height: 30px;
    text-align: center;
}

.p12-pagination-1 a,
.p12-pagination-1 span {
    vertical-align: top;
    display: inline-block;
    padding: 0 8px;
    height: 26px;
    line-height: 26px;
    border: 1px solid #e5e5e5; 
    text-align: center;
    margin: 0 2px;
    background: #fff;
}

.p12-pagination-1 span {
    border: 1px solid #fff;
}

.p12-pagination-1 .page_curr {
    background:#1276dd;
    color:#fff;
    border-color:#1276dd;
}

.p12-pagination-1 .laypage_first,
.p12-pagination-1 .laypage_last {
    display: none;
}

/* Ã¥â€¦Â³Ã¤ÂºÅ½Ã¦Ë†â€˜Ã¤Â»Â¬ */
.about {margin-bottom:30px;}
		
.about dl {}

.about dl dt {
    border: 1px solid #eee;
    line-height: 0;
}

.about dl dt img {}

.about dl dd {
    width: 1173px;
    margin: 0 auto;
    border: 1px solid #eee;
    padding: 1%;
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 28px;
    text-indent: 2em;
    border-bottom: 2px solid #18469b;
}

.about dl dd:hover {
    box-shadow: 3px 3px 3px #eee;
}

.about dl dd h5 {}

.about dl dd p {
    margin: 10px 0;
    color: #333;
}

.pro {}

.pro ul {}

.pro ul li {
    width: 22.2%;
    float: left;
    margin-right: 3.44%;
    border: 1px solid #ddd;
}

.pro ul li p {
    background: #18469b;
    text-align: center;
    color: #fff;
    margin: 0 auto;
    height: 100px;
    border-bottom: 2px solid #999;
}

.pro ul li p b {
    display: block;
    padding-top: 10px;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 6px;
}

.pro ul li p em {
    display: block;
    font-style: normal;
    font-size: 20px;
    font-weight: normal;
}

.pro ul li p em span {
    width: 8%;
    display: block;
    border-bottom: 1px solid #fff;
    margin: 10px auto;
}

.pro ul li i {
    display: block;
    text-align: center;
    margin-top: 15px;
    font-style: normal;
}

.pro ul li i img {}

.pro ul li.last {
    margin-right: 0;
}

.pro ul li:hover {
    box-shadow: 5px 5px 5px #eee;
    margin-top: -5px;
    transition-duration: 0.3s
}


.gs {
    width: 100%;
    height: 337px;
}

.gs_top {
    width: 100%;
    height: 350px;
}

.gs_top_left {
    float: left;
}

.gs_top_right {
    float: right;
    height: 328px;
    width: 538px;
    padding: 0 20px;
    background: rgb(244, 244, 244) none repeat scroll 0 0;
}

.gs span {
    display: inline-block;
    width: 250px;
    height: 40px;
    font-size: 18px;
    background-color: #18469b;
    color: #fff;
    text-align: center;
    line-height: 40px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.triangle-left {
    border-bottom: 15px solid transparent;
    border-right: 25px solid rgb(244, 244, 244);
    border-top: 15px solid transparent;
    float: left;
    height: 0;
    position: absolute;
    width: 0;
    z-index: 10;
    left: -25px;
    top: 120px;
  }
