body,div,ul,ol,dt,dd,dl,li,h1,h2,h3,h4,h5,h6,form,input,select,textarea,p,img,a,span,strong,*{ padding:0; margin:0;}
body{ font-size:12px; font-family:"microsoft yahei"; color:#000000; background-color:#FFFFFF;}
ul,ol,li{ list-style:none;}
h1,h2,h3,h4,h5,h6{ font-size:14px;}
img,input,select,textarea{ vertical-align:middle; outline: none;}
img{ border:none;}
a{ color:#333333; text-decoration:none;}
a:hover{ color:#003366;}
.clear{ clear:both; height:0; width:0; overflow:hidden;}
.wrap{width: 100%; height: auto; margin: 0 auto; overflow: hidden;}
.header{width: 1280px; margin: 0 auto; overflow: hidden; height: 200px; display: flex; justify-content: space-between; align-items: center;}
.logo{display: flex; align-items: center;}
.logo h1{font-size: 16px;}
.logo img{height: 150px;}
.cont p{display: flex; align-items: center; justify-content: right; height: 30px; text-align: right; width: 400px; font-size: 16px;}
.cont p img{height: 20px; margin-left: 10px;}
.cont p svg{width: 20px; height: 20px; margin-left: 10px;}
.banner{width: 100%; position: relative;}
.banner img{width: 100%; height: 700px;}
.pos{position: absolute; height: 100%; left: 17%; z-index: 999; top: 10%; display: flex; flex-direction: column; align-content: center;}
.pos dl{display: flex; height: 100px; align-content: center; }
.pos dl dt img{height: 100px;}
.pos dl dt{width: 100px; height: 100px; overflow: hidden; border-radius: 50%;}
.pos dl dd{height: 100px ; margin-right: 10px; display: flex; align-items: flex-end; justify-content: center; flex-direction: column;}
.pos dl dd h1{font-size: 40px; color: #fff; font-weight: bold; }
.pos dl dd p{font-size: 12px; letter-spacing: 5px; color: #fff; font-weight: bold;}
.aaa{font-size: 12px; color: #fff; font-weight: bold; margin: 15px 0px;}
.em{width: 238px; height: 40px; background-color: #bfb4a2; }

.em a{width: 100%; height: 100%; align-items: center; justify-content: center; display: flex;color: #38120f;}
.em a svg{margin-right: 10px;}
.main{width: 1280px; display: flex; justify-content: space-between; margin: 50px auto;}
.left{width: 50%; height: auto;}
.left h1{border-bottom: 5px solid #000; font-size: 2em;}
.left p{line-height: 40px; font-size: 1.2em; }
.right{width: 40%; background-color: #BFB4A2; margin-top: 30px; border-radius: 15px; padding: 20px 0px 20px 20px;}
.right h1{font-size: 24px; color: #38120F;}


@media only screen and (max-width: 1200px) {
    #wrap{
        width: 100%;
    }
}
@media only screen and (max-width: 980px) {
    .logo img{
        height: 100px;
    }
    .logo h1{
        width: 100%;
    }

    .header{
        flex-direction: column;
        width: 100%;
        height: unset;
    }
    .cont p{
        justify-content:center;
        width: 100%;
        height: 40px;
        font-size: 12px;
    }
    .banner img{
        height: unset;
    }

    .main{
        padding: 5px;
        width: 100%;
    }

    .pos dl dd{
        align-items: unset;
    }

    .pos dl dd h1{
        font-size: 30px;
    }

    .right{
        margin-right: 15px;
    }
}
@media only screen and (max-width: 640px) {

}