.box-tit span
{
    font-size: 111px;
    color: #036eb8;
    font-weight: bold;
    line-height: 85px;
    display: inline-block;
}
.box-tit p
{
    font-size: 28px;
    color: #036eb8;
    display: inline-block;
    line-height: 28px;
    background-color: #fff;
    position: relative;
    right: 65px;
    font-weight: bold;
    text-transform: uppercase;
}

.text-overflow
{
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.head-Eng
{
    display: inline-block;
    float: right;
    line-height: 30px;
    margin-left: 40px;
    padding: 0 19px 0 38px;
    background: url("../image/head-Eng.png") no-repeat center;
    font-size: 14px;
    color: #bbbbbb;
}

/* header */
.header
{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.head-logo
{
    width: 320px;
}
.head-search
{
    height: 56px;
    line-height: 56px;
    padding-top: 20px;
    box-sizing: border-box;
    display: inline-block;
    float: right;
}

.head-search input
{
    outline: none;
}

.search-key
{
    display: inline-block;
    width: 152px;
    height: 22px;
    border: 1px solid #bbbbbb;
    border-radius: 11px;
    font-size: 14px;
    color: #bbbbbb;
    text-indent: 13px;
    float: left;
}

.search-button
{
    float: right;
    width: 26px;
    height: 26px;
    background: url("../image/search-icon.png") no-repeat center;
    position: relative;
    right: 140px;
    display: inline-block;
    border: none;
    cursor: pointer;
    margin: 0;
    padding: 0;
}



/* about */
.about
{
    padding: 80px 0;
}
.about-box
{
    width: 619px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 90px;
    float: left;
}
.about-box li
{
    width: 50%;
}
.about-box li:nth-child(n+3)
{
    margin-top: 75px;
}
.about-box h3
{
    font-size: 36px;
    color: #036eb8;
    line-height: 36px;
}

.about-box li img
{
    display: inline-block;
    vertical-align: bottom;
    margin-right: 12px;
    height: 30px;
}

.about-box h3 span
{
    font-size: 16px;
    color: #333333;
    line-height: 16px;
}

.about-box li p
{
    width: 253px;
    line-height: 26px;
    font-size: 14px;
    color: #666666;
    margin-top: 25px;
}
.about-img
{
margin-top: 100px;
display: inline-block;
}

/* product */
.product
{
    /*padding-bottom: 80px;*/
}
.pro-box
{
    background: url("../image/product-bg.png") no-repeat top center;
}

.pro-hd
{
    height: 198px;
    line-height: 198px;
    margin-bottom: 60px;
}
.pro-hd h3
{
    font-size: 30px;
    font-weight: bold;
    color: #ffffff;
    padding-left: 61px;
    float: left;
    margin-right: 163px;
    background: url("../image/product-tit.png") no-repeat left center;
}
.pro-nav
{
    padding-top: 90px;  
}
.pro-nav li
{
    float: left;
    display: inline-block;
    text-align: center;
    padding-bottom: 19px;
}
.pro-nav li.on
{
    background: url("../image/pro-nav.jpg") no-repeat center bottom;
}
.pro-nav a
{
    font-size: 14px;
    color: #333333;
    line-height: 14px;
    vertical-align: top;
    width: 100%;
    border-right: 1px solid #c8c8c8;
    padding: 0 22px;
}

.pro-bd
{
    position: relative;
}
.pro-tit
{
    position: absolute;
    top:44px;
    left: 0;
}

/*.pro-bd li*/
/*{*/
/*    width: 1200px;*/
/*    height: 477px;*/
/*    float: left;*/
/*}*/
.pro-bd li
{
    width: 1200px;
    height: 477px;
    float: left;
}
.pro-text
{
    float: left;
    width: 560px;
    margin-top: 180px;
    margin-right: 105px;
}
.pro-text h3
{
    font-size: 20px;
    color: #333333;
    font-weight: normal;
    line-height: 45px;
    padding-bottom: 4px;
    background: url("../image/pro-text-h3.jpg") no-repeat bottom left;
}
.pro-text p
{
    height: 108px;
    overflow: hidden;
    line-height: 30px;
    font-size: 14px;
    color: #666666;
    margin-top: 20px;
}
.pro-text span
{
    display: inline-block;
    width: 140px;
    height: 47px;
    background-color: #036eb8;
    text-align: center;
    line-height: 47px;
    font-size: 18px;
    color: #ffffff;
}

.pro-img
{
    position: relative;
    display: inline-block;
    padding: 25px 25px 0 0;
    background: url("../image/pro-img.jpg") no-repeat right top;
}
.pro-img img
{
    border:1px solid #cccccc;width: 450px;
}
.pro-btn a
{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: 33px;
    height: 77px;
    cursor: pointer;
}
.pro-btn a.prev
{
    left: -58px;
    background: url("../image/pro-prev.png") no-repeat center #9e9e9e;
}

.pro-btn a.next
{
    right: -58px;
    background: url("../image/pro-next.png") no-repeat center #036eb8;
}

/* case */
.case
{
    height:790px;
    background: url("../image/case-bg.jpg") no-repeat bottom;
}

.case-tit
{
    text-align: center;
    padding: 60px 0 40px;
}

.case-tit-text
{
    text-align: center;
    font-size: 14px;
    color: #666666;
    line-height: 30px;
    margin-top: 30px;
}
.case-box{margin-top:50px}

.mc{width:600px;float:left;}
.mc strong{color:#D3D3D3;font-size:48px;line-height:50px}
.mc p{font-size:36px;font-weight:bold}
.mc p span{font-size:16px}
.mc ul {overflow:hidden;margin:20px 0}
.mc ul li{float:left;margin-right:20px;width:200px;line-height:25px}
.mc ul li span{font-size: 56px;
    font-family: 'Oswald';line-height:56px;
    font-weight: 100;
    color: #036eb8;}
.case-hd
{
    margin-bottom: 60px;
}

.case-hd ul
{
    text-align: center;
}
.case-hd li
{
    display: inline-block;
    border: 1px solid #cdcdcd;
    border-radius: 27px;
}
.case-hd li:nth-child(n+2)
{
    margin-left: 65px;
}
.case-hd li a
{
    display: block;
    width: 240px;
    height: 54px;
    line-height: 54px;
    text-align: center;
    font-size: 14px;
    color: #666666;
}
 
.case-bd li
{
    height: 600px;
    width: 1200px;
}

/* news */
.news
{
    padding-bottom: 80px;
}
.news-tit
{
    padding: 80px 0;
}
.news-tit-text
{
    float: right;
    margin-top: 70px;
}

.news-box 
{
    display: flex;
    justify-content: space-between;
}
.news-box li
{
    width: 372px;
}
.news-bd
{
    width: 276px;
    height: 150px;
    margin-top:-78px;
    background: #036eb8;
    position: relative;
    z-index: 999;
    padding: 26px 14px 0;
}

.news-bd p
{
    font-size: 14px;
    color: #ffffff;
    padding-left: 21px;
    background: url("../image/news-bd.png") no-repeat center left;
}
.news-text
{
    height: 48px;
    overflow: hidden;
    font-size: 14px;
    color: #ffffff;
    line-height: 25px;
    margin-top: 15px;
    text-align: justify;
}

.news-bd span
{
    display: block;
    width: 100px;
    height: 36px;
    background: #252525;
    text-align: center;
    line-height: 36px;
    color: #ffffff;
    font-size: 14px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.footer
{
    background-color: #036eb8;
    color: #ffffff;
    font-size: 14px;
}

.footer a
{
    color: #fff;
    font-size: 14px;
}

.foot-box
{
    display: flex;
    justify-content: space-between;
}
.foot-box h3
{
    padding: 80px 0 72px;
    font-size: 20px;
    font-weight: normal;
}

.foot-tel p
{
    height: 45px;
}
 
.foot-tel p img
{
    display: inline-block;
    margin-right: 12px;
    vertical-align: middle;
}

.foot-nav a
{
    display: block;
    height: 30px;
    line-height: 14px;
}

.foot-message input
{
    outline: none;
}
.input-group input,
.input-group textarea,
.foot-message .submit
{
    width: 300px;
    height: 30px;
    display: block;
    padding: 0;
    border: none;
    margin-bottom: 9px;
    text-indent: 18px;
    color: #8e8e8e;
    font-size: 20px;
    background-color: #cfe2de;
}
.input-group textarea
{
    height: 55px;
    outline: none;
    padding-top: 10px;
    box-sizing: border-box;
    
}
.foot-message .submit
{
    color: #036eb8;
    margin-top: 9px;
}

.foot-bottom
{
    font-size: 16px;
    color: #ffffff;
    line-height: 55px;
    border-top: 1px solid #005fa8;
    background-color: #036eb8;
}