#nav_box
{
	display: flex;
    justify-content: space-around;
    align-items: center;
}


.box-tit
{
    text-align: center;
}
.box-tit h3
{
    font-size: 40px;
    color: #333333;
    line-height: 40px;
}

.box-tit p
{
    font-size: 18px;
    color: #333333;
    line-height: 18px;
    padding-top: 34px;
    background: url("../image/box-tit.png") no-repeat center top 13px;
}

.img-enlarge,
.box-img,
.box-imgs
{
    overflow: hidden;
}
.img-enlarge img,
.box-img img,
.box-imgs img
{
    display: block;
    transform: scale(1);
    transition: all 0.3s;
}
.img-enlarge:hover img,
li:hover .box-img img,
.box-imgs:hover img
{
    transform: scale(1.2);
}






.sale
{
    display: flex;
    justify-content: space-between;
    padding: 43px 0 90px;
}
.sale-bd
{
    width: 300px;
    text-align: center;
    padding: 25px 37px;
}
.sale-bd:nth-child(n+2)
{
    border-left: 1px solid #d4d4d2;
}
.sale-bd h3
{
    font-size: 20px;
    color: #333333;
    padding: 34px 0 17px;
}
.sale-bd p
{
    font-size: 14px;
    color: #666666;
    line-height: 24px;
}





.product
{
    padding-bottom: 95px;
}
.product .box-tit
{
    padding:0 0 80px;
}
.pro-nav
{
    width: 290px;
    float: left;
    margin-right: 27px;
    border: 3px solid #274583;
    box-sizing: border-box;
}

.pro-nav-hd
{
    width: 100%;
    height: 137px;
    padding: 42px 0 0 108px;
    background: url("../image/pro-nav-hdbg.png") no-repeat left 40px center #274583;
    font-size: 29px;
    color: #ffffff;
    line-height: 29px;
    font-weight: bold;
}
.pro-nav-hd p
{
    font-size: 9px;
    color: #fff;
    text-transform: uppercase;
    font-weight: normal;
}

.pro-nav-bd a
{
    display: block;
    width: 100%;
    text-indent: 42px;
    line-height: 65px;
    border-bottom: 1px solid #bfbfbf;
    font-size: 20px;
    color: #333333;
}
.pro-nav-bd a span
{
    display: inline-block;
    width: 12px;
    height: 12px;
    background: #274583;
    border-radius: 50%;
    margin-right: 18px;
}

.pro-nav-bd li:hover
{
    background-color: #274583;
}
.pro-nav-bd li:hover a
{
    color: #fff;
    border: transparent 1px solid;
}
.pro-nav-bd
{
    background: #fff;
}
.pro-nav-bd li
{
    padding: 0 24px;
    border-bottom: 1px transparent solid;
    box-sizing: border-box;
}
.pro-nav-tel
{
    height: 195px;
    background: #274583;
    text-align: center;
    padding-top: 35px;
}

.pro-nav-tel h3
{
    font-size: 28px;
    color: #fff;
    padding-top: 20px;
    border-top: 1px solid #fff;
    margin: 15px 32px 0;
}
.pro-nav-tel p
{
    font-size: 14px;
    color: #fff;
    height: 24px;
}

.pro-bd
{display: flow-root;}
.pro-bd li
{
    float: left;
    position: relative;
    width: 275px;
    height: 258px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #bfbfbf;
}

.pro-bd li.li2:nth-of-type(n+3) {
    margin-top: 10px;
}
.pro-bd li.li2:nth-of-type(n+4)
{
    margin-top: 20px;
}
.pro-bd li:nth-child(5) {
    margin: 10px 29px 0;
}

.pro-bd .li1 {
    margin: 0 28px 0 0;
    width: 580px;
    height: 526px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #bfbfbf;
    overflow: hidden;
}
.pro-bd li p
{
    position: absolute;
    bottom: 7px;
    transform: translateX(-50%);
    left: 49.8%;
    width: 95.9%;
    background-color: #e0e0e0;
    font-size: 20px;
    color: #274583;
    text-align: center;
    line-height: 54px;
}

.pro-bd li.li2 p
{
    bottom: 4px;
    width: 96%;
    left: 50%;
}

.pro-img img
{
    display: block;
}


.business
{
    background: url("../image/business-bg.jpg") no-repeat top 5px left #ebebeb;
    height: 570px;
}
.business .w
{
    height:570px;
    background: url("../image/business-bg2.jpg") no-repeat;
    align-content: center;
}
.business::before
{
    content: "";
    display: block;
    width: 946px;
    height: 5px;
    background: url("../image/bus-line.jpg") no-repeat center;
    position: relative;
    top: -20px;
}
.bus-img
{
    width: 715px;
    height: 475px;
    background: #fff;
    float: left;
    margin-top: 85px;
}
.bus-img img
{
    position: relative;
    top: 5px;
    left: 5px;
}
.bus-box
{
    padding-left: 38px;
    padding-top: 120px;
    display: flow-root;
}
.bus-box h3
{
    font-size: 32px;
    color: #274583;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 49px;
    padding-left: 20px;
}
.bus-box h3 p
{
    font-size: 22px;
    font-weight: normal;
    color: #666666;
    line-height: 22px;
    margin-top: 15px;
}
.bus-bd li
{
    height: 80px;
}
.bus-bd li span
{
    display: inline-block;
    width: 35px;
    height: 35px;
    border:1px solid #dddddd;
    border-radius: 50%;
    text-align: center;
    line-height: 35px;
    font-size: 18px;
    color: #666666;
    margin-right: 14px;
    float: left;
    margin-top: 10px;
}
.bus-bd li p
{
    font-size:16px;
    color:#666666;
    line-height: 28px;
    display: flow-root;
}
.bus-bd li p i
{
    color: #db2436;
}

a.bus-more
{
    display: block;
    width: 182px;
    height: 46px;
    background: #db2436;
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 46px;
    border-radius: 23px;
    margin-left: 18px;
    margin-top: 30px;
}




.service
{
    margin-top: 87px;
    padding-bottom: 80px;
}

.serv-title
{
    text-align: right;
}
.serv-title h3
{
    font-size: 27px;
    color: #cecece;
    line-height: 27px;
    text-transform: uppercase;
    font-weight: bold;
    position: relative;
}
.serv-title h3::before
{
    display: block;
    content: "";
    width: 825px;
    height: 1px;
    background: #dedede;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.serv-title p
{
    font-size: 24px;
    color: #666666;
    line-height: 57px;
}
.serv-box
{
    position: relative;
}
.serv-box li
{
    float: left;
    width: 217px;
    
    border: 1px solid #eaeaea;
    background-color: whitesmoke;
}

.serv-box li:nth-child(n+2) {
    margin-left: 28px;
}
.serv-bd
{
    width: 100%;
    height: 215px;
    border-bottom: 1px solid #eaeaea;
    text-align: center;
    color: #252b3a;
    font-size: 15px;
    font-weight: bold;
    line-height: 25px;
}

.serv-bd img {
    width: 100%;
}
.serv-tetx
{
    height: 83px;
    background-color: #fff;
    padding: 20px 16px;
    line-height: 24px;
    font-size: 14px;
    color: #333333;
}
.serv-img
{
    position: absolute;
    top: 57%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.case
{
    height: 734px;
    background: url("../image/case-bg.jpg") no-repeat center;
}
.case-box
{
    position: relative;
}
.case .box-tit
{
    padding: 62px 0 65px;
}

.case-box li
{
    width: 292px;
    height: 201px;
    float: left;
    margin-right: 616px;
}
.case-box li:nth-child(2n)
{
    margin-right: 0;
}
.case-box li:nth-child(n+3)
{
    margin-top: 7px;
}

.case-img
{
    position: absolute;
    width: 607px;
    height: 409px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}



.ab-top .w
{
    display: flex;
    justify-content: space-around;
}
.ab-top
{
    height: 190px;
    background: #274583;
    padding-top: 29px;
    box-sizing: border-box;
}
.ab-top h3
{
    font-size: 48px;
    color: #fff;
    line-height: 48px;
}
.ab-top h3 span
{
    font-size: 18px;
}
.ab-top p
{
    font-size: 20px;
    color: #e3e3e2;
    margin-top: 13px;
}


.ab-box
{
    padding: 38px 50px;
    background: #f7f7f7;
    margin-top: -55px;
}
.ab-l
{
    width: 615px;
    float: left;
    margin-right: 54px;
}
.ab-l-tit
{
    background: url("../image/ab-l-bg.png") no-repeat left center;
    padding-left: 230px;
    height: 48px;
    line-height: 48px;
    font-size: 30px;
    color: #232127;
}

.ab-text
{
    font-size: 18px;
    color: #666666;
    line-height: 38px;
    height: 185px;
    overflow: hidden;
    margin: 54px 0 35px;
}
a.ab-more
{
    display: block;
    width: 161px;
    height: 51px;
    line-height: 51px;
    text-align: center;
    font-size: 22px;
    background: url("../image/ab-more.png") no-repeat center;
}

.ab-img
{
    display: flow-root;
}


.news .box-tit
{
    padding: 70px 0;
}

.news-box
{
    display: flex;
    justify-content: space-between;
}

.news-bd
{
    width: 383px;
    border: 1px solid #e7e7e7;
}
.news-text
{
    padding: 0 30px;
}
.news-text p
{
    font-size: 14px;
    color: #666666;
    height: 38px;
    line-height: 38px;
    text-indent: 20px;
    background: url("../image/news-text.png") no-repeat center left 1px;
    border-bottom: 1px solid #bfbfbf;
}

a.news-more
{
    display: block;
    width: 135px;
    height: 34px;
    text-align: center;
    line-height: 34px;
    font-size: 14px;
    color: #ffffff;
    background: #e10101;
    border-radius: 17px;
    margin: 23px 0;
}
.news-bd:nth-child(2) a.news-more
{
    background: #274583;
}
.news-wd
{
    padding: 47px 14px 0;
}
.news-wd li
{
    height: 94px;
}
.news-wd h3
{
    font-size: 16px;
    color: #666666;
    line-height: 26px;
    margin-bottom: 3px;
    background: url("../image/wen.jpg") no-repeat top left;
}
.news-wd  p
{
    height: 40px;
    overflow: hidden;
    font-size: 12px;
    color: #666666;
    line-height: 22px;
        background: url("../image/da.jpg") no-repeat top left;
}

.news-wd h3,
.news-wd p
{
    padding-left: 40px;
}




.message
{
    margin-top: 75px;
    padding: 98px 55px 40px;
    background:rgba(238,238,238,1);
}
.mess-l
{
    width: 760px;
    height:534px;
    display: inline-block;
    background:url("../image/mess-l.jpg") no-repeat center;
    padding: 58px 0 0 18px;
    margin-left: 75px;
    box-sizing: border-box;
    vertical-align: top;
    position: relative;
}

.mess-l h3 a
{
    display: inline-block;
    width: 135px;
    height: 90px;
    position: absolute;
    bottom: 36px;
    right: 0px;
}
.mess-l p
{
    font-size:22px;
    color:rgba(51,51,51,1);
    line-height:19px;
    line-height: 55px;
}

.mess-r
{
    display: inline-block;
    margin-left: 30px;
    background: #fff;
    padding: 35px 13px 0;
    height: 535px;
}

.mess-r h3
{
    font-size:24px;
    font-weight:400;
    color:rgba(96,94,97,1);
}
.mess-r p
{
    font-size:12px;
    font-weight:400;
    color:rgba(96,94,97,1);
    line-height:21px;
    margin-top: 15px;
}

.mess-r form {
    margin-top: 20px;
}

.mess-r .mess-box
{
    width:309px;
    height:31px;
    background:rgba(255,255,255,1);
    border:1px solid rgba(229,229,229,1);
    margin-bottom: 10px;
}
.mess-r .mess-box input
{
    display: block;
    width: 100%;
    height: 100%;
    border: none;
    outline:none;
    text-indent: 15px;
    background: #eeeeee;
}
.mess-r-text
{
    width:309px;
    height: 198px;
    background:rgba(255,255,255,1);
    border:1px solid rgba(229,229,229,1);
}

.mess-r-text textarea {
    display: block;
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    text-indent: 15px;
    background: #eeeeee;
}
.mess-r .submit
{
    width:143px;
    height:36px;
    background: #e10101;
    display: block;
    outline: none;
    border: none;
    margin-top: 30px;
    cursor: pointer;
    font-size:18px;
    color:rgba(255,255,255,1);
    border-radius: 8px;
}

.foot-box
{
    padding: 40px 0 60px;
}
.foot-tel
{
    padding-left: 265px;
    background: url("../image/foot-logo.png") no-repeat left center;
}

.foot-tel p
{
    font-size: 18px;
    color: #ffffff;
    padding-left: 30px;
    line-height: 33px;
}
.foot-tel p:nth-of-type(1)
{
    background: url("../image/foot-icon1.png") no-repeat center left;
}
.foot-tel p:last-child
{
    background: url("../image/foot-icon2.png") no-repeat center left;
}
.foot-tel p span
{
    font-size: 24px;
    font-family: fantasy;
}

.foot-code
{
    float: right;
    width: 280px;
    display: flex;
    justify-content: space-between;
}
.foot-code div
{
    padding: 10px 13px 0;
    text-align: center;
    background: #7c8f9d;
}
.foot-code div img
{
    display: inline-block;
}
.foot-code div p
{
    font-size: 16px;
    color: #000;
    line-height: 30px;
}

.footer-bd
{
    border-top: 1px solid #7a8cb3;
    padding-top: 30px;
}
.footer-bd p
{
    display: inline-block;
}
.footer-bd a,
.footer-bd span
{
    color: #fff !important;
}
.footer
{
    position: relative;
}
a.top
{
    display: block;
    position: absolute;
    width: 98px;
    height: 23px;
    border: 1px solid #bfbfbf;
    font-size: 14px;
    color: #ffffff;
    line-height: 23px;
    bottom: 80px;
    right: 100px;
    text-indent: 9px;
    background: url("../image/top.png") no-repeat right 14px center;
}
.head-tel
{
    padding-left: 63px;
    background: url("../image/head-tel.png") no-repeat left center;
    height: 53px;
    padding-top: 3px;
}
.head-tel p
{
    font-size: 13px;
    color: #373737;
}
.head-tel h3
{
    font-size:28px;
    color:#e10101;
    font-weight:bold;
    margin-top: 10px;
}