.section{

    padding-bottom: 30px;

}



.page-public-title{

    display: table;

    margin: 0 auto;

    margin-top: 35px;

    text-align: center;

}



.page-public-title h5{

    font-size: 24px;

    font-weight: bolder;

    color: #c6934c;

}



.page-public-title hr{

    width: 40px;

    border: 2px solid #c6934c;

    margin: 0px auto;

    margin-top: 10px;

}



.page-public-title span{

    line-height: 28px;

    color: #acacac;

}



.introduction {

    margin-top: 25px;

}



.introduction .col-md-6:nth-of-type(1){

    position: relative;

    height: 460px;

    margin-top: 43px;

}

.border-img{

    position: absolute;

    width: 470px;

    height: 280px;

    border: 2px solid #c6934c;

}



.border-img p{

    position: absolute;

    bottom: 0px;

    left: 0px;

    background: #c6934c;

    color: white;

    padding: 21px 20px;

    font-size: 18px;

    z-index: 999;

}



.border-img img{

    position: absolute;

    top: -23px;

    right: -33px;

    width: 470px;

    height: 267px;

}



.introduction .col-md-6:nth-of-type(2){

    margin-top: 43px;

}



.introduction .col-md-6:nth-of-type(2) p{

    font-size: 16px;

    text-indent: 2rem;

    line-height: 25px;

}



.introduction .col-md-6:nth-of-type(2) span{

    display: block;

    font-size: 21px;

    font-weight: bolder;

}



.introduction .col-md-6:nth-of-type(2) span:nth-of-type(1){

    margin-top: 30px;

}



.export{

    background: url(/public/static/index/images/background-page.png) no-repeat center center;

    padding: 0px 40px;

    overflow: hidden;

    padding-top: 76px;

    height: 654px;

    overflow: hidden;

}



.export img {

    float: left;

    width: 388px;

}



.introduction-cont{

    float: left;

    width: 490px;

    padding: 0px 60px 0px 14px;

    margin-top: 65px;

}



.introduction-cont h4{

    font-size: 36px;

    color: #bc863c;

    font-weight: bolder;

}



.introduction-cont h4 span{

    font-size: 24px;

    color: #646464;

}



.introduction-cont>span{

    display: inline-block;

    padding: 5px 10px;

    background: #c6934c;

    color: white;

}



.introduction-cont>span:nth-of-type(1){

    margin-top: 25px;

    margin-bottom: 21px;

}



.introduction-cont>span:nth-of-type(2){

    margin: 31px 0px;

}



.introduction-cont p{

    font-size: 18px;

    text-align: justify;

}



.exports-list{

    width: 219px;

    height: auto;

    float: right;

    margin-top: -40px;

}



.exports-list>p {

    overflow: hidden;

    text-align: center;

    width: 100%;

    float: left;

    cursor: pointer;

}



.exports-list>p img{

    width: 34px;

    float: none;

}



.exports-list p:nth-of-type(2) img{

    transform: rotate(180deg);

    margin-top: 15px;

}



.scrool{

    width: 100%;

    height: 535px;

    overflow: hidden;

}



.exports-list ul,

.exports-list li{

    width: 100%;

}



.exports-list-cont{

    width: 219px;

    height: 116px;

    overflow: hidden;

    background: #eee;

    margin: 10px 0px;

}



.exports-list-cont img{

    width: 130px;

    height: auto;

    float: left;

    margin-top: 25px;

}



.exports-list-cont h5{

    font-size: 21px;

    margin-top: 40px;

    color: #646464;

}



.exports-list-cont p{

    font-size: 17px;

    float: left;

    margin-top: 10px;

    color: #646464;

}



.proclamation-cont{

    margin-top: 60px;

}



.proclamation-cont .img-data{

    float: left;

    width:calc(100% - 630px);

    height:465px;

}



.proclamation-list{

    width: calc(100% - 630px);

    float: right;

}



.proclamation-list li{

    padding-bottom: 20px;

    border-bottom: 1px dashed #dfdfdf;

    margin-bottom: 25px;

}



.proclamation-list h5{

    font-size: 24px;

    color: #bc863c;

}



.proclamation-list h5 span{

    float: right;

    font-size: 16px;

    line-height: 28px;

    color: #565656;

}



.proclamation-list p{

    font-size: 16px;

    color: #565656;

    margin-top: 25px;

    line-height: 28px;

}



.surroundings-cont{

    margin-top: 50px;

}



.surroundings-cont>img{

    width: 509px;

    float: left;

}



.surroundings-img{

    width: calc(100% - 515px);

    float: right;

}



.surroundings-img img:nth-of-type(1){

    width: 652px;

}



.surroundings-img img:nth-of-type(2),

.surroundings-img img:nth-of-type(3){

    margin-top: 5px;

}



.surroundings-img img:nth-of-type(2){

    width: 335px;

}



.surroundings-img img:nth-of-type(3){

    margin-left: 2px;

    width: 311px;

}