@charset "utf-8";

/* CSS Document */
.banner {
    overflow: hidden;
    width: 100%;
    height: 600px;
    background: url(../images/banner.jpg) no-repeat center top;
}

/*search*/
.search {
    overflow: hidden;
    width: 100%;
    height: 65px;
    background: url(../images/search.png) repeat-x left top;
}

.search p {
    font-size: 14px;
    float: left;
    color: #333;
    margin-top: 20px;
}

.search p a {
    padding: 0 10px;
    border-right: 1px dotted #acacac;
    color: #666;
}

.search .sbox {
    overflow: hidden;
    width: 280px;
    height: 38px;
    margin-top: 14px;
    float: right;
}

.search input {
    overflow: hidden;
    width: 204px;
    height: 36px;
    border: 1px solid #dedede;
    border-right: none;
    float: left;
    line-height: 36px;
    font-size: 14px;
    color: #666;
    padding: 0 10px;
}

.search span {
    display: block;
    width: 55px;
    height: 38px;
    float: right;
    text-align: center;
    line-height: 38px;
    background-color: #1d5eb3;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
}

.search span .search-submit {
    border: 0;
    width: 55px;
    color: #fff;
    background: #4C9B04;
    height: inherit;
}

/*pro*/
.pro {
    overflow: hidden;
    width: 1000px;
    margin: 30px auto;
}

.pro .pro_left {
    overflow: hidden;
    width: 240px;
    float: left
}

.pro .pro_right {
    overflow: hidden;
    float: right;
    width: 740px;
}

.pro .pro_right .lst:nth-of-type(n+2) {
    display: none;
}

.pro_left h2 {
    font-weight: normal;
    color: #fff;
    font-size: 24px;
    width: 230px;
    height: 70px;
    background: url(../images/pro_left_h.png) no-repeat center top;
    line-height: 70px;
    padding-left: 10px;
}

.pro_left h2 a {
    color: #fff
}

.pro_left h2 span {
    font-size: 16px;
    text-transform: uppercase;
    opacity: 0.5;
    filter: alpha(opacity=50);
    font-weight: lighter;
    margin-left: 5px;
}

.pro_left .menubox {
    overflow: hidden;
    width: 230px;
    border: 5px solid #1d5eb3;
    border-top: none;
    padding-bottom: 35px;
}

.pro_left h3 {
    font-size: 16px;
    width: 185px;
    height: 33px;
    background: url(../images/pro_left_menu.png) no-repeat center top;
    padding-left: 17px;
    font-weight: normal;
    line-height: 33px;
    margin: 15px auto
}

.pro_left h3 a {
    display: block;
    color: #fff;
    text-decoration: none;
}

.pro_left h3.cur,
.pro_left h3:hover {
    background-position: bottom
}

.pro_left p {
    font-size: 14px;
    line-height: 33px;
    color: #666;
    margin-left: 40px;
}

.pro_right .menu {
    overflow: hidden;
    width: 100%;
    margin: 15px 0;
}

.pro_right .menu li {
    float: left;
    width: 113px;
    height: 41px;
    text-align: center;
    line-height: 41px;
    font-size: 14px;
    background: url(../images/pro_right_menu.png) no-repeat center top;
    margin-right: 5px;
}

.pro_right .menu li a {
    color: #666;
    display: block;
    text-decoration: none
}

.pro_right .menu li:hover,
.pro_right .menu li.cur {
    background-position: bottom
}

.pro_right .menu li:hover a,
.pro_right .menu li.cur a {
    color: #fff;
}

.pro_right .pro_banner {
    display: block;
    margin-bottom: 20px;
}

.pro_right .list {
    overflow: hidden;
    width: 105%;
}

.pro_right .list li {
    float: left;
    width: 240px;
    height: 290px;
    margin-right: 10px;
}

.pro_right .list li img {
    display: block;
    border: 1px solid #f2f1f1;
    margin-bottom: 15px;
}

.pro_right .list li span {
    display: block;
    text-align: center;
    font-size: 14px;
    color: #666;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.pro_right .list li a {
    display: block;
    text-decoration: none
}

.pro_right .list li:hover img {
    border-color: #1d5eb3
}

.pro_right .list li:hover span {
    color: #1d5eb3
}

.pro .sanji {
    display: none;
}

.pro .menubox>p:hover .sanji {
    display: block;
}

.pro_left .yb {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 15px;
}

.pro_left .yb .sanji a {
    white-space: nowrap;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*特点*/
.tedian {
    overflow: hidden;
    width: 100%;
    height: 720px;
    background: url(../images/td_bg.jpg) no-repeat center top;
}

.tedian h2 {
    text-align: center;
    font-size: 24px;
    color: #fff;
    margin-top: 40px;
}

.tedian span {
    display: block;
    text-align: center;
    font-size: 16px;
    color: #fff;
    margin-top: 5px;
    margin-bottom: 12px;
}

.tedian i {
    display: block;
    width: 40px;
    height: 2px;
    background-color: #fff;
    margin: 0 auto;
}

.tedian .tdbox {
    overflow: hidden;
    width: 1000px;
    margin: 0 auto;
    height: auto;
    position: relative
}

.tedian .tdbox img {
    display: block;
    max-width: 100%;
    margin: 10px auto;
}

.tedian .tdbox .more {
    overflow: hidden;
    display: block;
    width: 180px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    margin: 0 auto;
    background-color: #4C9B04;
    border-radius: 5px;
    box-shadow: 10px 10px 10px #ccc;
    margin-bottom: 40px;
}

.tedian h3 {
    font-size: 20px;
    color: #fff;
    margin-bottom: 12px;
}

.tedian .wen span {
    font-size: 16px;
    color: #fff;
    line-height: 25px;
}

.tedian .wen {
    overflow: hidden;
    width: 80%;
    margin: 0 auto;
}

.tedian .wen01 {
    padding-right: 140px;
    background: url(../images/td01.png) no-repeat right top;
    left: 0;
    top: 0
}

.tedian .wen02 {
    padding-left: 130px;
    background: url(../images/td02.png) no-repeat left top;
    right: 0;
    top: 0;
    padding-bottom: 20px;
}

.tedian .wen03 {
    padding-right: 105px;
    background: url(../images/td03.png) no-repeat right top;
    left: 0;
    top: 200px;
}

.tedian .wen04 {
    padding-left: 125px;
    background: url(../images/td04.png) no-repeat left top;
    right: 0;
    top: 200px;
}

.tedian .wen01 h3,
.tedian .wen03 h3 {
    text-align: right
}

/*应用领域*/
/*应用领域*/
.yyly {
    overflow: hidden;
    width: 1000px;
    margin: 40px auto 0 auto;
}

.yyly h2 {
    text-align: center;
    font-size: 24px;
    color: #333;
}

.yyly p {
    text-align: center;
    font-size: 16px;
    color: #999;
    margin-bottom: 20px;
    font-family: Arial;
}

.yyly ul {
    overflow: hidden;
    width: 102%;
    margin-bottom: 40px;
}

.yyly li {
    overflow: hidden;
    position: relative;
    width: 248px;
    height: 330px;
    float: left;
    margin-right: 2px;
}

.yyly li img {
    display: block;
}

.yyly li a {
    text-decoration: none;
    font-size: 16px;
    color: #fff;
    line-height: 35px;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: center;
    height: 70px;
}

.yyly li a img {
    display: none;
    margin: 0 auto;
    margin-top: 110px;
}

.yyly .a05,
.yyly .a01 {
    background: url(../images/hybg01.png) repeat center
}

.yyly .a06,
.yyly .a02 {
    background: url(../images/hybg02.png) repeat center
}

.yyly .a07,
.yyly .a03 {
    background: url(../images/hybg03.png) repeat center
}

.yyly .a08,
.yyly .a04 {
    background: url(../images/hybg04.png) repeat center
}

.yyly li a em {
    display: block;
}

.yyly .zx {
    overflow: hidden;
    display: block;
    width: 315px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    margin: 0 auto;
    background-color: #1685e7;
    border-radius: 5px;
    box-shadow: 10px 10px 10px #ccc;
    margin-bottom: 40px;
}

/*vs*/
.vs {
    overflow: hidden;
    width: 100%;
    height: 631px;
    background: url(../images/vs_bg.jpg) no-repeat center top;
}

.vs h2 {
    text-align: center;
    font-size: 24px;
    color: #333;
    margin-top: 55px;
    margin-bottom: 5px;
}

.vs h2 b {
    color: #1d5eb3;
}

.vs>span {
    display: block;
    text-align: center;
    font-size: 16px;
    color: #666;
    font-family: Arial;
    margin-bottom: 40px;
}

.vs .vsbox {
    overflow: hidden;
    width: 1000px;
    height: 400px;
    margin: 0 auto;
    position: relative
}

.vs .vsbox .vslist {
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.vs .vslist .tu {
    overflow: hidden;
    width: 428px;
    height: 253px;
    position: relative;
    border: 10px solid #1d5eb3;
    border-radius: 10px;
    margin-bottom: 25px;
}

.vs .wen01 {
    float: left;
    width: 448px;
}

.vs .wen02 {
    float: right;
    width: 448px;
}

.vs .wen02 .tu {
    border-color: #393939;
}

.vs .vslist em {
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: url(../images/vs03.png) repeat center;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    line-height: 50px;
    height: 50px;
}

.vs h3 {
    text-align: center;
    font-size: 16px;
    color: #1d5eb3;
    margin-bottom: 15px;
}

.vs p {
    font-size: 14px;
    line-height: 20px;
    color: #666;
    text-align: center
}

.vs .wen02 h3 {
    color: #333
}

.vs .btn {
    overflow: hidden;
    margin: 0 auto;
    width: 172px;
}

.vs .btn span {
    display: block;
    overflow: hidden;
    width: 20px;
    height: 20px;
    padding-right: 18px;
    background: url(../images/vs_bb.png) no-repeat right center;
    float: left;
    cursor: pointer;
    *background: url(../images/vs_bb.png) no-repeat right 8px;
}

.vs .btn span.last {
    padding-right: 0;
    background: none
}

.vs .btn span.cur img {
    display: block;
    margin-top: -20px;
}

/*设备*/
.shebei {
    overflow: hidden;
    width: 1000px;
    margin: 40px auto
}

.shebei h2 {
    text-align: center;
    font-size: 24px;
}

.shebei h2 a {
    color: #333
}

.shebei p {
    text-align: center;
    font-size: 16px;
    color: #666;
    margin-bottom: 40px;
}

.shebei .sbbox {
    overflow: hidden;
    width: 100%;
    height: 290px;
    position: relative
}

.shebei .sbbox ul {
    overflow: hidden;
    position: absolute
}

.shebei .sbbox li {
    float: left;
    width: 320px;
    height: 290px;
    margin-right: 20px;
}

.shebei .sbbox li img {
    display: block;
}

.shebei .sbbox li a {
    display: block;
    text-decoration: none
}

.shebei .sbbox li span {
    display: block;
    width: 268px;
    border: 1px solid #ece7e7;
    height: 60px;
    line-height: 60px;
    border-top: none;
    padding-left: 10px;
    padding-right: 40px;
    font-size: 14px;
    color: #333;
    background: url(../images/sb01.png) no-repeat 278px center;
}

.shebei .sbbox li:hover img {
    opacity: 0.47;
    filter: alpha(opacity=47)
}

.shebei .sbbox li:hover span {
    color: #1d5eb3;
    font-weight: bold;
    background: url(../images/sb02.png) no-repeat 278px center;
}

.shebei .btn {
    overflow: hidden;
    width: 100%;
    height: 33px;
    background: url(../images/sb_btn_bg.png) no-repeat center;
    text-align: center;
    margin-top: 40px;
}

.shebei .btn i {
    display: inline-block;
    width: 33px;
    height: 33px;
    margin: 0 5px;
    cursor: pointer
}

.shebei .btn i {
    *display: inline
}

.shebei .btn .btn01 {
    background: url(../images/sb_btn01.png) no-repeat center top;
}

.shebei .btn .btn02 {
    background: url(../images/sb_btn02.png) no-repeat center top;
}

.shebei .btn i:hover {
    background-position: bottom
}

/*ad01*/
.ad01 {
    overflow: hidden;
    width: 100%;
    height: 170px;
    background: url(../images/ad01.jpg) no-repeat center top;
}

.ad01 .phone {
    overflow: hidden;
    padding-left: 55px;
    background: url(../images/ad01_p.png) no-repeat left center;
    float: right;
    margin-top: 60px;
}

.ad01 p {
    font-size: 14px;
    color: #fff;
    margin-bottom: 5px;
}

.ad01 b {
    display: block;
    font-size: 24px;
    color: #fff;
}

/*问题*/
.wenti {
    overflow: hidden;
    width: 100%;
    padding-top: 80px;
    height: 640px;
    background: url(../images/wenti.jpg) no-repeat center top;
}

.wenti .tit h2 {
    text-align: center;
    font-size: 24px;
    color: #fff;
    margin: 10px auto;
}

.wenti .tit p {
    text-align: center;
    font-size: 16px;
    color: #fff;
    margin: 10px auto;
}

.wenti .cont {
    padding: 20px 30px;
    background: #666;
    border-radius: 20px;
    opacity: 0.8;
    text-align: center;
    font-size: 16px;
    line-height: 26px;
    color: #fff;
    margin: 30px auto;
    position: relative
}

.wenti .p01 {
    left: 70px;
}

.wenti .p02 {
    left: 130px;
}

.wenti .p03 {
    left: 167px;
}

.wenti .p04 {
    left: 188px;
}

.wenti .p05 {
    left: 213px;
}

.wenti .more {
    display: block;
    margin: 30px auto;
    width: 338px;
    height: 42px;
    line-height: 42px;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    background: url(../images/wentibtn.png) no-repeat center;
    padding-left: 25px;
}

/*优势*/
.youshi {
    overflow: hidden;
    width: 100%;
}

.youshi .ys_t {
    overflow: hidden;
    width: 100%;
    height: 173px;
    background: url(../images/ys_t.jpg) no-repeat center top;
}

.youshi .ys_bg {
    overflow: hidden;
    width: 1000px;
    height: 1233px;
    background: url(../images/ys_bg.jpg) no-repeat center top;
    margin: 0 auto
}

.youshi h3 {
    font-size: 24px;
    color: #1d5eb3;
}

.youshi span {
    display: block;
    font-size: 12px;
    color: #c3c3c3;
    margin-bottom: 30px;
    font-family: Arial;
}

.youshi p {
    font-size: 14px;
    color: #666;
    line-height: 50px;
    padding-left: 40px;
    background: url(../images/ys_p.png) no-repeat 5px center;
}

.youshi .wen {
    overflow: hidden;
}

.youshi .wen01 {
    margin-top: 60px;
}

.youshi .wen02 {
    margin-left: 505px;
    margin-top: 60px;
}

.youshi .wen03 {
    margin-top: 70px;
}

.youshi .wen04 {
    margin-left: 505px;
    margin-top: 50px;
}

/*见证*/
.jianzheng {
    overflow: hidden;
    width: 100%;
    height: 500px;
    background-color: #1d61b9;
}

.jianzheng h2 {
    text-align: center;
    font-size: 24px;
    margin-top: 30px;
}

.jianzheng h2 a {
    color: #fff;
}

.jianzheng span {
    display: block;
    text-align: center;
    font-size: 16px;
    color: #90b2dd;
    margin-bottom: 35px;
}

.jianzheng .jzbox {
    overflow: hidden;
    width: 1225px;
    margin: 0 auto;
    height: 335px;
    position: relative
}

.jianzheng .jzbox i {
    display: block;
    width: 75px;
    height: 75px;
    cursor: pointer;
    position: absolute;
    top: 113px;
}

.jianzheng .jzbox .btn01 {
    background: url(../images/jz_btn.png) no-repeat center top;
    left: 0
}

.jianzheng .jzbox .btn02 {
    background: url(../images/jz_btn.png) no-repeat center bottom;
    right: 0
}

.jianzheng .jzWin {
    overflow: hidden;
    width: 1000px;
    height: 335px;
    margin: 0 auto;
    position: relative
}

.jianzheng .jzWin ul {
    overflow: hidden;
    position: absolute
}

.jianzheng .jzWin li {
    float: left;
    width: 320px;
    height: 335px;
    background-color: #fff;
    margin-right: 20px;
}

.jianzheng .jzWin li img {
    display: block;
    margin: 10px auto 20px auto;
}

.jianzheng .jzWin li h3 {
    text-align: center;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 300px;
    margin: 0 auto;
    margin-bottom: 10px;
}

.jianzheng .jzWin li h3 a {
    color: #333;
}

.jianzheng .jzWin li p {
    font-size: 12px;
    line-height: 20px;
    color: #666;
    text-align: center;
    width: 300px;
    margin: 0 auto
}

/*畅销*/
.changxiao {
    overflow: hidden;
    width: 1000px;
    margin: 0 auto;
    margin-top: 35px;
}

.changxiao h2 {
    text-align: center;
    font-size: 24px;
    color: #000;
}

.changxiao p {
    font-size: 16px;
    color: #666;
    text-align: center;
    margin-bottom: 60px;
}

.changxiao img {
    display: block;
    margin: 0 auto;
}

/*about*/
.about {
    overflow: hidden;
    width: 100%;
}

.about .about_tu {
    overflow: hidden;
    width: 100%;
    height: 546px;
    background: url(../images/about.jpg) no-repeat center top;
}

.about .about_tu img {
    display: block;
    margin: 0 auto;
    margin-top: 440px;
}

.about h2 {
    margin: 0 auto;
    background-color: #ee0a0a;
    width: 188px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    font-size: 24px;
}

.about h2 a {
    color: #fff;
}

.about p {
    font-size: 14px;
    color: #666;
    line-height: 25px;
    width: 980px;
    margin: 45px auto 40px auto;
    margin-bottom: 35px;
    text-align: justify;
    text-align-last: center;
}

.about a.more {
    display: block;
    width: 154px;
    height: 40px;
    margin: 0 auto;
    margin-bottom: 65px;
    background: url(../images/about_more.png) no-repeat center;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    color: #fff;
    text-decoration: none
}

/*news*/
.news {
    overflow: hidden;
    width: 1000px;
    margin: 0 auto;
    margin-bottom: 40px;
}

.news .newsTop {
    overflow: hidden;
    width: 100%;
    height: 65px;
    background-color: #393939;
}

.news .newsTop ul {
    overflow: hidden;
    float: left;
}

.news .newsTop li {
    float: left;
    width: 190px;
    height: 65px;
    line-height: 65px;
    font-size: 16px;
    border-right: 1px solid #5b5b5b;
    text-align: center;
}

.news .newsTop li a {
    color: #9f9d9d;
    display: block;
    text-decoration: none
}

.news .newsTop li i {
    display: inline-block;
    width: 25px;
    height: 21px;
    margin-right: 10px;
    position: relative;
    top: 5px;
}

.news .newsTop li i {
    *display: inline
}

.news .newsTop .i01 {
    background: url(../images/news01.png) no-repeat center top;
}

.news .newsTop .i02 {
    background: url(../images/news02.png) no-repeat center top;
}

.news .newsTop .i03 {
    background: url(../images/news03.png) no-repeat center top;
}

.news .newsTop .more {
    display: block;
    float: right;
    margin-right: 20px;
    width: 72px;
    height: 28px;
    margin-top: 18px;
    background: url(../images/news_more.png) no-repeat center;
}

.news .newsTop li:hover,
.news .newsTop li.cur {
    background-color: #1d61b9;
    border-color: #1d61b9;
}

.news .newsTop li:hover i,
.news .newsTop li.cur i {
    background-position: bottom
}

.news .newsTop li:hover a,
.news .newsTop li.cur a {
    font-weight: bold;
    color: #fff;
}

.news .newsbox {
    overflow: hidden;
    width: 938px;
    padding: 30px;
    height: 335px;
    border: 1px solid #eee;
    border-top: none;
}

.news .newslist {
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.news .newslist .leftwen {
    overflow: hidden;
    width: 485px;
    height: 100%;
    float: left
}

.news .leftwen img {
    display: block;
    margin: 0 auto;
    margin-bottom: 20px;
}

.news .leftwen h3 {
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 10px;
}

.news .leftwen h3 a {
    color: #333
}

.news .leftwen p {
    font-size: 14px;
    line-height: 20px;
    color: #999;
}

.news .newsright {
    overflow: hidden;
    width: 430px;
    float: right;
    height: 100%;
    position: relative
}

.news .newsright ul {
    overflow: hidden;
    position: absolute;
    width: 100%;
}

.news .newsright li {
    overflow: hidden;
    width: 100%;
    height: 85px;
}

.news .newsright li .time {
    float: left;
    overflow: hidden;
    width: 68px;
    height: 53px;
    border: 1px solid #999;
}

.news .newsright li .wen {
    float: right;
    overflow: hidden;
    width: 340px;
}

.news .newsright li em {
    display: block;
    text-align: center;
    font-size: 18px;
    color: #333;
    margin: 5px 0
}

.news .newsright li span {
    display: block;
    text-align: center;
    font-size: 14px;
    color: #999;
}

.news .newsright li h4 {
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 5px;
}

.news .newsright li p {
    font-size: 14px;
    color: #999;
    line-height: 20px;
    height: 40px;
    overflow: hidden;
}

.news .newsright li h4 a {
    color: #333;
}

.news .newsright li:hover .time {
    background-color: #1d61b9;
    border-color: #1d61b9;
}

.news .newsright li:hover em {
    color: #fff;
}

.news .newsright li:hover span {
    color: #89a3d3;
}

/*<--!广告轮播样式效果一-->*/
#flashs {
    position: relative;
    height: 450px;
    overflow: hidden;
}

#flashs .bgitem {
    width: 1000px;
    z-index: 1;
    position: absolute;
    top: 0;
}

#flashs .bgitem img {
    width: 100%;
    height: 450px;
    object-fit: cover;
}

#flashs .btn {
    position: absolute;
    z-index: 2;
    bottom: 25px;
    left: 50%;
    margin-left: -64px;
    padding: 0px 6px;
}

#flashs .btn span {
    background: #252525;
    cursor: pointer;
    display: inline-block;
    margin: 2px;
    width: 25px;
    height: 25px;
    font-size: 14px;
    line-height: 25px;
    text-align: center;
    color: #fff;
}

#flashs .btn span.cur {
    background: #0067B4;
}

/* -- 弹出窗口 -- */
#mesbook1_c,
#mesbook1 {
    display: none;
    z-index: 1001;
    width: 398px;
    border: 1px solid #ccc;
    background: #fff;
    padding-bottom: 20px;
}

#mesbook1_c div,
#mesbook1 div {
    border: 1px solid #E4E3E3;
    background: #EBECEB;
    height: 18px;
    padding: 4px .5em 0;
    margin-bottom: 10px;
}

#mesbook1_c dl.b1,
#mesbook1 dl.b1 {
    width: 370px;
    margin: 0 auto;
}

#mesbook1_c dl.b1 dt,
#mesbook1 dl.b1 dt {
    float: left;
    width: 105px;
    overflow: hidden;
}

#mesbook1_c dl.b1 dd,
#mesbook1 dl.b1 dd {
    width: 265px;
    float: right;
}

#mesbook1_c #mesbook1_cBtns,
#mesbook1 #mesbook1Btns {
    padding-bottom: 10px;
}

#mesbook1_c #mesbook1_cBtns input,
#mesbook1 #mesbook1Btns input {
    margin-right: 20px;
}