@charset "utf-8";
.tixt_hi
{
    overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
}
.header
{
    height: 154px;
    background-color: #284265;
}
.head-logo
{
    display: inline-block;
    height: 100%;
    line-height: 30px;
}
.head-logo a
{
    display: flex;
    height: 154px;
    align-items: center;
}
.head-logo img
{
    vertical-align: middle;
}
.head-tel
{
    background: url("../images/head-tel.png") no-repeat left center;
    display: inline-block;
    float: right;
    padding-left: 65px;
    margin-top: 60px;
}
.head-tel p
{
    font-size: 14px;
    color: #ffffff;
}
.head-tel span
{
    font-size: 30px;
    color: #ffffff;
    font-weight: bold;
    line-height: 30px;
}
/* 导航 */

.navbar
{
    background-color: #994c15;
}
.nav
{
    height: 64px;
}
#nav_box
{
    display: flex;
    justify-content: space-between;
    height: 100%;
    align-items: center;
}
#nav_box li
{
    flex: 1 auto;
    text-align: center;
    position: relative;
    height: 100%;
    padding-top: 20px;
}
#nav_box li.on a
{
    font-weight: bold;
}

#nav_box li a
{
    font-size: 18px;
    color: #fff;
    width: 100%;
    display: inline-block;
    border-right: 1px solid #cca68a;
}
#nav_box li ul
{
    position: absolute;
    top: 45px;
    width: 100%;
    left: 0;
    background-color: #994c15;
    display: none;
}
#nav_box li ul li
{
    width: 100%;
    padding: 0;
}

#nav_box li ul li a {
    border-right: none;
}

#nav_box li ul li a {
    line-height: 55px;
}
#nav_box li ul li:hover
{
    background-color: #284265;
}
/* search */
.search-hot
{
    height: 62px;
    display: inline-block;
}
.search-hot span,
.search-hot a
{
    line-height: 62px;
    font-size: 14px;
    color: #000;
}
.search-hot a
{
    text-indent: 10px;
    margin-left: 15px;
}

.search-bd
{
    display: inline-block;
    float: right;
    height: 62px;
    vertical-align: top;
    /* border: 1px solid; */
    line-height: 62px;
}

.search-bd input
{
    outline: none;
    border: none;
}
.search-key
{
    width: 172px;
    height: 30px;
    background: url("../images/search-key.png") no-repeat right 23px center;
}
.search-button 
{
    color: rgba(0,0,0,0);
    background: url("../images/search.png") no-repeat center #efefef;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    cursor: pointer;
}
/* product */
.product
{
    background-color: #efefef;
    padding-top: 38px;
}
.pro-l
{
    width: 295px;
    background-color: #284265;
    display: inline-block;
    height: 1017px;
}
.pro-l-hd
{
    height: 141px;
    padding-left: 109px;
    background:url("../images/pro-l-hd.png") no-repeat left 35px center #a9643a;
    padding-top: 41px;
}
.pro-l-hd h3
{
    font-size: 37px;
    color: #fff;
    line-height: 38px;
    padding-bottom: 7px;
}
.pro-l-hd p
{
    font-size: 15px;
    color: #fff;
    text-transform: uppercase;
    line-height: 12px;
}
.pro-l-bd
{
    background-color: #284265;
    padding-top: 14px;
}
.pro-l-bd li
{
    width: 220px;
    height: 71px;
    margin: 0 auto;
    border-bottom: 1px solid #7d5849;
    display: flex;
    align-items: center;
    background: url("../images/pro-l-bd.png") no-repeat left 20px center;
}
.pro-l-bd li a
{
    color: #fff;
    font-size: 18px;
    line-height: 42px;
    display: inline-block;
    width: 100%;
    height: 42px;
    text-indent: 36px;
}
.pro-l-bd li:hover a{
    background:url("../images/pro-l-bdbg.png") no-repeat left center #a9643a;
}
.pro-l-bd li:hover
{
    border-bottom: none;
}
.pro-ft
{
    text-align: center;
    margin-top: 30px;
    background:url("../images/head-tel.png") no-repeat top center;
    padding: 40px 37px;
}
.pro-ft h4
{
    font-size: 18px;
    color: #fff;
    line-height: 30px;
    margin-top: 13px;
}
.pro-ft span
{
    font-size: 24px;
    color: #fff;
    display: inline-block;
    width: 220px;
    height: 42px;
    background-color: #a9643a;
    text-align: center;
    line-height: 42px;
    font-weight: bold;
    margin-bottom: 19px;
}
.pro-ft p
{
    font-size: 18px;
    color: #fff;
    line-height: 30px;
}

.pro-r
{
    float: right;
    width: 880px;
    padding-top: 42px;
}
.pro-r-hd h3
{
    font-size: 22px;
    font-weight: normal;
    line-height: 22px;
    margin-bottom: 22px;
    color: #000000;
}
.pro-r-hd h3 a
{
    float: right;
    display: inline-block;
    width: 62px;
    height: 23px;
    background-color: #284265;
    font-size: 12px;
    color: #fff;
    text-align: center;
    line-height: 23px;
}

.pro-r-bd li
{
    width: 285px;
    height: 346px;
    float: left;
    margin-right: 12px;
    background-color: #fff;
    border: 1px solid transparent;
}

.pro-r-bd li:hover {
    border: 1px solid #284265;
    box-sizing: border-box;
}

.pro-r-bd li:hover p {
    color: #284265;
}

.pro-r-bd li:nth-child(n+4) {
    margin-top: 17px;
}

.pro-r-bd li:nth-child(3n) {
    margin-right: 0;
}
.pro-r-img
{
    width: 259px;
    margin: 15px auto 0;
}
.pro-r-bd li p
{
    font-size: 14px;
    color: #000;
    text-align: center;
    width: 259px;
    margin: 10px auto 22px;
}
.por-r-more
{
    text-align: center;
    overflow: hidden;
}
.por-r-more a
{
    display: inline-block;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid #a8a8a8;
}

.por-r-more a:hover { /* Chrome, Safari, Opera */filter: drop-shadow(1px 0 0 #2196F3);}
.por-r-more a:first-child
{
    background: url("../images/por-r-more1.png") no-repeat center; 
    margin-right: 18px;
}
.por-r-more a:last-child
{
    background: url("../images/por-r-more2.png") no-repeat center; 
}

.pro-botm
{
    height: 187px;
    background-color: #fff;
    margin-top: -187px;
}
.pro-botm .w
{
    padding-left: 355px;
    padding-top: 44px;
}
.pro-botm h3
{
    height: 58px;
    background: url("../images/pro-botm-h3.png") no-repeat left center;
    margin-bottom: 26px;
}
.pro-botm .input-group
{
    display: inline-block;
    vertical-align: top;
    border: 1px solid #ccc;
    box-sizing: border-box;
}
.pro-botm .input-group input,
.pro-botm .input-group textarea
{
    width: 236px;
    text-indent: 25px;
    color: #000000;
    font-size: 14px;
    outline: none;
    border: none;
    height: 54px;
    line-height: 54px;
}

.pro-botm .input-group textarea {
    resize: none;
    vertical-align: top;
    margin: 0;
    padding: 0;
    border: none;
}
.pro-botm .submit
{
    width: 124px;
    height: 56px;
    color: #fff;
    background-color: #284265;
    outline: none;
    border: none;
    margin-left: 7px;
    font-size: 18px;
    display: inline-block;
    cursor: pointer;
}

.box-title
{
    text-align: center;
}
.box-title p
{
    font-size: 18px;
    color: #000000;
    line-height: 26px;
}
.box-title h3
{
    margin-top: 15px;
    font-size: 36px;
    color: #284265;
    line-height: 36px;
    background: url("../images/box-title.png") no-repeat center;
}


.purchase
{
    padding-top: 90px;
    padding-bottom: 70px;
}
.pur-box
{
    margin-top: 46px;
    padding: 45px 0 50px;
    background: url("../images/pur_boxbg.png") no-repeat center;
}
.pur-l
{
    float: left;
}
.pur-r
{
    float: right;
}
.pur-l,
.pur-r
{
    width: 356px;
}

.pur-bd
{
    height: 173px;
}
.pur-bd:first-child
{
    margin-bottom: 35px;
}

.pur-l .pur-bd
{
    background: url("../images/purl_bg.png") no-repeat left center;
    padding: 90px 0 0 35px;
}
.pur-r .pur-bd
{
    background: url("../images/purr_bg.png") no-repeat right center;
    padding: 90px 35px 0 0;
}

.pur-bd p
{
    font-size: 14px;
    line-height: 26px;
    color: #000000;
}
/* brand 品牌 */
.brand{
    background-color:#efefef;
    height: 862px;
    margin-bottom: 116px;
    padding-top: 80px;
}
.bra-title
{
    text-align: center;
}
.bra-title p
{
    font-size: 18px;
    color: #000000;
    line-height: 18px;
}
.bra-title h3
{
    font-size: 36px;
    color: #284265;
    line-height: 36px;
    margin: 17px 0;
    background: url(../images/box-title1.png) no-repeat center;
}
.bra-title h1
{
    font-size: 58px;
    color: #284265;
    line-height: 58px;
}
.brand-titbox
{
    height: 130px;
    background: url("../images/titbox.png") no-repeat top center;
    margin-top: 7px;
    padding-top: 88px;
}
.brand-titbox a
{
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: url("../images/titbox_a.png") no-repeat center #284265;
}
.bra-box
{
    height: 610px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    position: relative;
    top: -110px;
}
.bra-box li
{
    width: 25%;
    float: left;
}

.bra-box li img {
    display: block;
}

.bra-tit
{
    padding: 0 33px;
}
.bra-bd h3
{
    font-size: 24px;
    color: #284265;
    margin-top: 30px;
    line-height: 24px;
    padding-bottom: 10px;
    border-bottom: 1px solid #284265;
}
.bra-bd p
{
    font-size: 14px;
    color: #000000;
    margin-top: 10px;
    line-height: 14px;
}
.bra-text
{
    font-size: 16px;
    line-height: 24px;
    color: #000;
    margin: 20px 0 90px;
    position: relative;
}

.bra-text::after {
    content: "";
    width: 68px;
    height: 2px;
    background-color: #284265;
    position: absolute;
    left: 0;
    bottom: -45px;
}
.pra-bd-tow
{
    background-color: #284265;
    padding-top: 63px;
}
.pra-bd-tow h3
{
    color: #fff;
    border-bottom: 1px solid #fff;
    height: 34px;
}

.pra-bd-tow p {
    color: #fff;
}

.pra-bd-tow .bra-text {
    color: #fff;
    margin: 20px 0 84px;
}

.pra-bd-tow .bra-text::after {
    background-color: #a9643a;
}
.bra-box li:nth-child(1)
{
    background-color: #fff;
}
.bra-box li:nth-child(3)
{
    background-color: #e3e0e0;
}
.bra-box li:nth-child(3) .bra-text {
    margin: 20px 0 64px;
}
.bra-box li:nth-child(3) .bra-text::after
{
    bottom: -24px;
}
.bra-box li:nth-child(4)
{
    background-color: #d7d5d5;
    height: 683px;
    position: relative;
    bottom: -28px;
}
/* 理由 */
.rea-tit
{
    text-align: center;
    padding-bottom: 54px;
    background: url("../images/rea-tit.png") no-repeat bottom center;
}
.rea-tit h3
{
    font-size: 30px;
    color: #ffffff;
    height: 55px;
    line-height: 55px;
    background: url("../images/rea-tit-h3.png") no-repeat center;
}
.rea-tit h4
{
    font-size: 39px;
    color: #284265;
    font-weight: bold;
    line-height: 39px;
    margin: 10px 0 8px;
}
.rea-tit h4 span
{
    font-size: 30px;
    color: #000000;
    font-weight: normal;
}
.rea-tit p
{
    font-size:14px;
    color:#000000;
    line-height: 14px;
}
.rea-box
{
    margin-top: 30px;
}
.rea-box li
{
    float: left;
    width: 50%;  
    height: 616px;  
    position: relative;
}

.rea-box li:nth-child(1)::before {
    content: "";
    width: 12px;
    height: 12px;
    background-color: #bababb;
    right: -6px;
    top: -6px;
    position: absolute;
    border-radius: 50%;
}

.rea-box li:nth-child(1)::after,
.rea-box li:nth-child(3)::after {
    content: "";
    width: 12px;
    height: 12px;
    background-color: #bababb;
    right: -6px;
    bottom: -6px;
    position: absolute;
    border-radius: 50%;
}

.rea-box li:nth-child(1) img {
    margin-top: 34px;
}

.rea-box li:nth-child(2) img {
    position: relative;
    top: -10px;
}

.rea-box li:nth-child(3) img {
    left: 0;
    position: relative;
    bottom: -15px;
}

.rea-box li:nth-child(4) img {
    margin-top: 25px;
    margin-bottom: 4px;
}
.rea-l
{
    border-top: 1px solid #bababb;
    border-right: 1px solid #bababb;
    box-sizing: border-box;
}
.rea-r
{
    border-bottom: 1px solid #bababb;
    box-sizing: border-box;
    top: 1px;
}
.rea-l .rea-hd
{
    padding: 71px 70px 0 90px;
}
.rea-r .rea-hd
{
    padding-left: 33px;
    padding-right: 123px;
}


.rea-title p
{
    font-size: 16px;
    line-height: 17px;
    color: #000;
}
.rea-title h3
{
    font-size: 30px;
    color: #284265;
    line-height: 30px;
    margin: 20px 0 7px;
}
.rea-title span
{
    font-size: 9px;
    line-height: 9px;
    color: rgba(0, 0, 0, 0.5);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 420px;
    display: inline-block;
}

.rea-text
{
    margin-top: 35px;
}
.rea-text p,
.rea-text span
{
    font-size: 14px;
    color: #000000;
    line-height: 28px;
}
.rea-text p
{
    margin-bottom: 21px;
}
.rea-img
{
    text-align: center;
}
.rea-img img
{
    display: inline-block;
}
.rea-num
{
    width: 80px;
    height: 155px;
    font-size: 36px;
    color: #fff;
    line-height: 36px;
    text-align: center;
    position: absolute;
}
.rea-l .rea-num
{
    background:url("../images/rea-num.png") no-repeat center;
    top: 0;
    left: -40px;
    padding-top: 95px;
}
.rea-r .rea-num
{
    height: 283px;
    background:url("../images/rea-num2.png") no-repeat center;
    right: -40px;
    bottom: 0;
    padding-top: 28px;
}
/* box-banner */
.box-banner
{
    height: 290px;
    background: url("../images/box-banner.jpg") no-repeat center;
    MARGIN-TOP: 80PX;
}
/* support */
.support
{
    padding-top:75px;
    padding-bottom: 61px;
}
.sup-box
{
    margin-top: 68px;
}
.sup-tit
{
    text-align: center;
}
.sup-tit p
{
    font-size: 18px;
    color: #000000;
    line-height: 18px;
}
.sup-tit h3
{
    font-size: 36px;
    line-height: 36px;
    color: #284265;
    margin-top: 18px;
    background: url("../images/box-title.png") no-repeat center;
}
.sup-box li
{
    padding: 0 20px;
    width: 221px;
    height: 308px;
    text-align: center;
    float: left;
    margin-right: 23px;
    cursor: pointer;
    background: url("../images/sup-boxbg.png") no-repeat bottom center;
}

.sup-box li:nth-child(n+6) {
    margin-top: 33px;
}
.sup-box li:nth-child(5n)
{
    margin-right: 0;
}
.sip-img
{
    display: inline-block;
    width: 95px;
    height: 95px;
    border-radius: 50%;
    background-color: #284265;
    text-align: center;
    line-height: 140px;
}
.sip-img img
{
    display: inline-block;
}
.sup-box h3
{
    font-size: 18px;
    color: #000000;
    margin-top: 17px;
    position: relative;
}
.sup-box h3::after
{
    content: "";
    width: 47px;
    height: 2px;
    background-color: #284265;
    position: absolute;
    left: 50%;
    top: 44px;
    transform: translateX(-50%);
}
.sup-box p
{
    font-size: 12px;
    color: #000000;
    line-height: 25px;
    margin-top: 40px;
}
.sup-box li:hover .sip-img
{
    background-color: #a9643a;
}
.sup-box li:hover h3
{
    color: #a9643a;
}
.sup-box li:hover h3::after
{
    background-color: #a9643a;
}
/* about */
.about{
    background-color: #efefef;
    padding-top: 104px;
    padding-bottom: 94px;
}
.about-l
{
    width: 565px;
    display: inline-block;
}
.about-l h3
{
    font-size: 36px;
    color: #284265;
    line-height: 36px;
    background: url("../images/about-h3.png") no-repeat left;
    padding-left: 17px;
}
.about-l h3 p
{
    font-size: 18px;
    color: rgba(0,0,0,0.3);
    text-transform: uppercase;
    margin-top: 0;
    line-height: 25px;
    font-weight: normal;
}
.about-text
{
    font-size: 14px;
    line-height: 30px;
    text-indent: 30px;
    color: rgba(0, 0, 0, 1);
    height: 231px;
    overflow: hidden;
}
.about-text
{
    margin: 52px 0 65px;
}
.about-more a
{
    display: inline-block;
    width: 145px;
    height: 49px;
    border: 1px solid #dcdcdc;
    font-size: 14px;
    color: #000000;
    text-align: center;
    line-height: 49px;
    background-color: #ffffff;
}
.about-more a:nth-child(2)
{
    border-left: none;
}
.about-img
{
    float: right;
    width: 500px;
    position: relative;
}

.about-img img {
    position: absolute;
    left: -100px;
    top: -70px;
}
/* honor */
.honor
{
    height: 324px;
    padding-top: 65px;
    background-color: #284265;
}
.honor-box
{
    position: relative;
}
.honor-box .hd a
{
    width: 36px;
    height: 37px;
    position: absolute;
    cursor: pointer;
}
.honor-box .hd a:first-child
{
    background: url("../images/honor-btn1.png") no-repeat center #fff;
    left: -50px;
    top: 50%;
    transform: translateY(-50%);
}

.honor-box .hd a:last-child {
    background: url("../images/honor-btn2.png") no-repeat center #fff;
    right: -50px;
    top: 50%;
    transform: translateY(-50%);
}
.honor-box .bd
{
    width: 1200px;
    height: 201px;
    overflow: hidden;
}
.honor .bd li
{
    float: left;
    padding: 11px;
    border: 1px solid #b3bcc9;
    width: 287px;
    height: 199px;
    box-sizing: border-box;
    background-color:#fff;
    margin-right: 17px;
}
/* banner2 */
.box-banner2
{
    height: 227px;
    background-color: #efefef;
}

.box-banner2 .w {
    position: relative;
    height: 100%;
    padding-top: 57px;
    background: url(../images/banner2-bg.jpg) no-repeat right 300px bottom;
}
.box-banner2 h3
{
    font-size: 48px;
    color: #284265;
    line-height: 48px;
    font-weight: bold;
}
.box-banner2 h3 span
{
    font-size: 24px;
    color: #284265;
    line-height: 48px;
    font-weight: normal;
}
.box-ban2-text
{
    padding-left: 50px;
    width: 551px;
}
.box-ban2-text p
{
    font-size: 24px;
    color: #000000;
    line-height: 24px;
    margin: 2px 0 21px;
}
.box-ban2-text span
{
    font-size: 12px;
    color: rgba(0, 0, 0, 0.5);
    line-height: 17px;
    text-transform: uppercase;
}

.box-ban2-tle
{
    position: absolute;
    right: 0;
    top: 55%;
    transform: translateY(-50%);
    color: #000;
    font-size: 14px;
    line-height: 14px;
    padding-right: 62px;
    background: url("../images/box-ban2-tle.png") no-repeat right;
}
.box-ban2-tle p
{
    font-size: 32px;
    color: #284265;
    font-weight: bold;
    line-height: 32px;
    margin-top: 3px;
}
/* news */
.news
{
    padding-top: 67px;
}
.news-l
{
    width: 620px;
    display: inline-block;
}
.news-l .hd,.news-r .hd
{
    height: 45px;
    box-sizing: border-box;
    border: 1px solid #a0a0a0;
}
.news-l .hd li,.news-r .hd li
{
    float: left;
    width: 147px;
    line-height: 45px;
}
.news-l .hd li:first-child,.news-r .hd li:first-child
{
    background-color: #284265;
}
.news-l .hd li:first-child p,.news-r .hd li:first-child p
{
    font-weight: bold;
    color: #fff;
}
.news-l .hd li p,.news-r .hd li p
{
    font-size: 18px;
    color: #000;
    text-align: center;
}
.news-l .hd .news-hd-more, .news-r .hd .news-r-more
{
    width: 121px;
    text-align: center;
    display: block;
    float: right;
    line-height: 45px;
    font-size: 12px;
    color: #000;
    border-left: 1px solid #a0a0a0;
}


.news-l-top
{
    position: relative;
    padding: 14px 0 9px;
    box-sizing: border-box;
    border-bottom: 1px dashed #d1d1d1;
}
.news-l-img
{
    display: inline-block;
    vertical-align: top;
}
.news-l-top p
{
    display: inline-block;
    font-size: 12px;
    line-height: 25px;
    color: #5d5d5d;
    padding-left: 41px;
    margin-top: 23px;
    height: 115px;
    max-width: 290px;
    overflow: hidden;
}

.news-l-num
{
    position: absolute;
    width: 68px;
    height: 68px;
    z-index: 999;
    top: 50%;
    left: 46%;
    transform: translate(-50%,-50%);
    background-color: #284265;
    text-align: center;
    font-size: 23px;
    color: #FFF;
    line-height: 23px;
    padding-top: 8px;
    box-sizing: border-box;
}
.news-l-num span
{
    display: block;
    font-size: 13px;
    line-height: 13px;
    padding-top: 15px;
    position: relative;
}

.news-l-num span::after {
    content: "";
    display: block;
    width: 52px;
    height: 1px;
    position: absolute;
    background-color: #fff;
    top: 7px;left: 50%;
    transform: translateX(-50%);
}
.news-l-ft
{
    border-bottom: 1px dashed #d1d1d1;
    padding: 14px 0 21px;
}

.news-l-ft:hover h3 {
    color: #284265;
}
.news-l-ft h3
{
    font-size: 15px;
    color: #272727;
    margin-bottom: 8px;
    font-weight: bold;
}
.news-l-ft p
{
    font-size: 14px;
    color: #5d5d5d;
    line-height: 25px;
    height: 44px;
    overflow: hidden;
}


.news-r
{
    float: right;
    width: 515px;
}

.news-r .hd
{
    background: url("../images/news-rbg.png") no-repeat left 175px center;
    margin-bottom: 9px;
}
.news-r-bd li
{
    padding: 27px 0 18px;
    border-bottom: 1px dashed #d1d1d1;
}

.news-r-bd li:hover h3 {
    color: #284265;
}
.news-r-bd h3
{
    font-size: 15px;
    color: #000;
    line-height: 30px;
    display: inline-block;
    padding-left: 50px;
    background: url("../images/new-wen.png") no-repeat left;
}
.news-r-bd p
{
    font-size: 14px;
    color: #5d5d5d;
    line-height: 25px;
    height: 50px;
    overflow: hidden;
    padding-left: 50px;
    background: url("../images/new-da.png") no-repeat left top 4px;
    margin-top: 2px;
}
.link
{
    height: 51px;
    margin-top: 60px;
}
.link .w
{
    border: 1px solid #dcdcdc;
    padding: 5px;
}
.link-box
{
    width: 100%;
    height: 100%;
    background: #eeeeed;
    line-height: 38px;
}
.link-box span
{
    display: inline-block;
    height: 100%;
    width: 75px;
    border-right: 1px solid #d9d9d8;
    font-size: 16px;
    color: #284265;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
}
.link-box a
{
    font-size: 12px;
    color: #818181;
    margin-left: 14px;
}
/* 联系 */
.contact
{
    padding-top: 41px;
    height: 485px;
    background: #eee;
    margin-top: 38px;
}
.contact .w
{
    position: relative;
    background-color: #fff;
    padding-top: 54px;
}
.con-l{
    padding: 0 0 0 54px;
    display: inline-block;
    height: 375px;
    background: url("../images/con-lbg.png") no-repeat left 54px top -25px;
}
.con-l h3
{
    font-size: 36px;
    color: #284265;
    line-height: 36px;
    height: 63px;
    background: url("../images/con-l-h3.png") no-repeat bottom left;
}
.con-l p
{
    font-size: 14px;
    color: #000000;
    line-height: 26px;
    width: 375px;
    margin-top: 8px;
}


.con-r
{
    width: 415px;
    float: right;
    margin-right: 29px;
    margin-top: 5px;
}
.con-r .input-group
{
    width:;
    height: 46px;
    border: 1px solid #a0a0a0;
    margin-bottom: 7px;
} 
.con-r .input-group span,
.con-r .input-group input
{
    display: inline-block;
    padding: 0;
    margin: 0;
    height: 44px;
    border: none;
    outline: none;
}

.con-r .input-group input {
    text-indent: 30px;
}
.con-r .input-group span
{
    width: 140px;
    height: 44px;
    border-right: 1px solid #a0a0a0;
    display: inline-block;
    vertical-align: top;
    line-height: 44px;
    text-align: center;
}
.con-r .submit
{
    width: 211px;
    height: 46px;
    border-radius: 10px;
    background-color: #a9643a;
    border: none;
    cursor: pointer;
    font-size: 16px;
    color: #fff;
    outline: none;
    margin-top: 17px;
}
.con-r textarea
{
    margin: 0;
    padding: 0;
    height: 44px;
    border: none;
    resize: none;
    outline: none;
    line-height: 44px;
    text-indent: 30px;
}
.con-yuan
{
    width: 226px;
    height: 226px;
    border-radius: 50%;
    background-color: #284265;
    position: absolute;
    top: 54%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    padding-top: 41px;
}
.con-yuan h3
{
    font-size: 16px;
    color: #fff;
    line-height: 16px;
    margin-top: 8px;
    margin-bottom: 15px;
}
.con-yuan p
{
    font-size: 24px;
    line-height: 24px;
    color: #fff;
    font-weight: bold;
    position: relative;
}
.con-yuan p::after
{
    content: "";
    width: 65px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 38px;
}
.contact2
{
    height: 126px;
    background: url(../images/contact2.png) no-repeat center #eee;
    /* margin-top: 26px; */
}
.contact2 .w
{
    text-align: center;
    padding-top: 60px;
}
.con2-btn
{
    display: inline-block;
    float: left;
    width: 162px;
    height: 42px;
    background-color: #d8b8a5;
    text-align: center;
    line-height: 42px;
    font-size: 18px;
    color:#284265;
    margin-top: 10px;
}
.contact2 p
{
    font-size: 36px;
    font-weight: bold;
    color: #fff;
    vertical-align: middle;
    line-height: 54px;
    display: inline-block;
    margin-right: 220px;
}
.contact2 p img
{
    vertical-align: middle;
}
.contact2 p span
{
    display: inline-block;
    font-size: 18px;
    color: #fff;
    vertical-align: middle;
    margin: 0 20px 0 16px;
}

/* footer */
.footer
{
    background:#2a4364;
    height: 427px;
    padding-top: 46px;
}
.foot-tit h3
{
    font-size: 12px;
    color: #fff;
    line-height: 12px;
    font-weight: none;
    padding-top:54px;
    text-align: center;
    background: url("../images/foot-tit.png") no-repeat top center;
}
.foot-box
{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 121px;
    margin-top: 35px;
}
.foot-box-con
{
    padding-left: 35px;
    font-size: 12px;
    color: #fff;
}
.foot-box-con:nth-of-type(1)
{
    background: url("../images/foot-box-con1.png") no-repeat left center;
}
.foot-box-con:nth-of-type(2)
{
    background: url("../images/foot-box-con2.png") no-repeat left center;
    padding-left: 50px;
}
.foot-box-con:nth-of-type(3)
{
    background: url("../images/foot-box-con3.png") no-repeat left center;
}
.foot-box-con:nth-child(6)
{
    background: url("../images/foot-box-con4.png") no-repeat left center;
    padding-left: 50px;
}
.foot-code
{
    position: relative;
}
.foot-code p
{
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    line-height: 30px;
    font-size: 12px;
    color: #fff;
}

.foot-bd p,
.foot-bd a
{
    display: inline-block;
    font-size: 12px;
    color: #ffffff;
    margin-right: 15px;
    margin-top: 15px;
}

.code-tongji,.code-script
{
    display: inline-block;
    float: right;
    margin-top: 25px;
}

.code-tongji a, .code-script a {
    margin-right: 0;
}

.foot-ft
{
    margin-top: 13px;
    padding-top: 24px;
    border-top: 1px solid #8997a9;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.foot-ft a
{
    font-size: 15px;
    color: #ffffff;
}
/* 右侧悬浮 */
.tel-box
{
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: #284265;
}
.tel-box a
{
    display: block;
    width: 56px;
    height: 58px;
    border: 1px solid #dcdcdc;
    position: relative;
    box-sizing: border-box;
}
.tel-box a:first-child
{
    background: url("../images/tel-bxo1.png") no-repeat center;
}
.tel-box a:last-child
{
    background: url("../images/tel-bxo2.png") no-repeat center;
}
.tel-bxo-bd
{
    position: absolute;
    height: 100%;
    width: 0;
    line-height: 58px;
    background-color: #284265;
    top: 0;
    left: 0;
    font-size: 12px;
    text-indent: 15px;
    color: #fff;
    transition: 0.3s;
    overflow: hidden;
    border: 1px solid #ccc;
    border-right: none;
}
.tel-box a:hover
{
    border-left: transparent;
}
.tel-box a:hover .tel-bxo-bd
{
    width: 150px;
    left: -150px;
}