@media all and (-moz-min-device-pixel-ratio: 1.09) and (-moz-max-device-pixel-ratio: 1.18),
(-webkit-min-device-pixel-ratio: 1.09) and (-webkit-max-device-pixel-ratio: 1.18),
(min-resolution: 1.09dppx) and (max-resolution: 1.18dppx) {
    :root {
        font-size: 14px;
    }
}

@media all and (-moz-min-device-pixel-ratio: 1.19) and (-moz-max-device-pixel-ratio: 1.28),
(-webkit-min-device-pixel-ratio: 1.19) and (-webkit-max-device-pixel-ratio: 1.28),
(min-resolution: 1.19dppx) and (max-resolution: 1.28dppx) {
    :root {
        font-size: 13px;
    }
}

@media all and (-moz-min-device-pixel-ratio: 1.29) and (-moz-max-device-pixel-ratio: 1.4),
(-webkit-min-device-pixel-ratio: 1.29) and (-webkit-max-device-pixel-ratio: 1.4),
(min-resolution: 1.29dppx) and (max-resolution: 1.4dppx) {
    :root {
        font-size: 12px;
    }
}

@media all and (-moz-min-device-pixel-ratio: 1.41) and (-moz-max-device-pixel-ratio: 1.6),
(-webkit-min-device-pixel-ratio: 1.41) and (-webkit-max-device-pixel-ratio: 1.6),
(min-resolution: 1.41dppx) and (max-resolution: 1.6dppx) {
    :root {
        font-size: 10px;
    }
}

@media all and (-moz-min-device-pixel-ratio: 1.61) and (-moz-max-device-pixel-ratio: 1.8),
(-webkit-min-device-pixel-ratio: 1.61) and (-webkit-max-device-pixel-ratio: 1.8),
(min-resolution: 1.61dppx) and (max-resolution: 1.8dppx) {
    :root {
        font-size: 9px;
    }
}

@media all and (-moz-min-device-pixel-ratio: 1.81) and (-moz-max-device-pixel-ratio: 2.1),
(-webkit-min-device-pixel-ratio: 1.81) and (-webkit-max-device-pixel-ratio: 2.1),
(min-resolution: 1.81dppx) and (max-resolution: 2.1dppx) {
    :root {
        font-size: 8px;
    }
}


/* css 初始化 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
	/* min-width: 1200px; */
}

li {
    list-style: none;

}

a {
    text-decoration: none;
    color: #cfa848;
}




body,
html {
    width: 100%;
    height: 100%;
    font-size: 16px; /* 设置根元素的字体大小为16px */
min-width: 1200px;
 position: relative;
}

 
		 

   

/* 1.导航栏模块 */
.topbar {
    position: absolute;
    top: 20px;
    left: 0;
    width: 100%;
    height: 75px;
    z-index: 99;
}

.w_logo {
    width: 100%;
    height: 75px;
    margin: 0 auto;
	padding-top:15px;

}

.w_logo2 {
    width: 100%;
    height: 75px;
    margin: 0 auto;
}



.logo {
    float: left;
    width: 270px;
    height: 125px;
    margin-left: 30px;
    margin-top: 10px;
}

.nav {
    float: left;
    margin-left: 120px;
}

  .nav li {
    float: left;
    /* margin-right: 15px; */
	
}  

 .nav li a {
    display: block;
    height: 76px;
    line-height: 76px;
    padding: 0 20px;
    font-size: 22px;
}  


    /*  ul{
            list-style: none;
        } */
 
      ul a{
            /* display: block; */
            /* text-decoration: none; */
            width: 100px;
            /* height: 30px; */
            text-align: center;
            /* line-height: 30px; */
            color:#cfa848;
           
        } 
 
        .drop-down{
            position: relative;
        }
        .drop-down-content{
            padding: 0;
            display: none;
            position: absolute;
        }
        
        .drop-down-content li  a{
			width:180px;
			font-size:16px;
			 line-height: 50px;
			  height: 50px;
			  
        }
        .drop-down-content li:hover a{
            background-color:#2b4b6b;
			width:180px;
        }
        .nav .drop-down:hover .drop-down-content{
            display: block;
        } 

 
/* 
2. 首屏模块

*/
.banner {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
    background: url(../images/banner.jpg) no-repeat top  center/cover; 
}

.banner .alts {
    position: absolute;
    right: 5%;
    top: 33%;
    /* transform: translate(-50%, 0); */
    color: #cfa848;
    font-size: 22px;
    font-weight: 800;
}

.banner .alts .top1 {
    margin-bottom: 1.5625rem;
    font-size: 22px;
    color:#d1a552;
}




/* 
公共的底色设置 
*/

.att1 {
    background: -webkit-linear-gradient(#dceaec, #fff);
    background: -o-linear-gradient(#dceaec, #fff);
    background: -moz-linear-gradient(#dceaec, #fff);
    background: linear-gradient(#dceaec, #fff);

}


/* 

3. 真正的内容区域 
*/

.summary {
    position: relative;
    height: 240px;
    width: 100%;
}

.remark {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    top: 30%;
    display: flex;
}

.summarycontent {
    width: 100%;
}

.summary img {
    width: 130px;
    height: 130px;
    margin-right: 100px;
	padding: 0px 20px 40px 20px;

}



.summary .toptitle {
    font-size: 22px;
    font-weight: 800;
    margin-bottom: .9375rem;
}

.summary .sectitle {
    font-size: 18px;
    margin-bottom: .625rem;

}



/* 第一张图片 */
.first {
    height: 75rem;
    background: url(../images/bg1.jpg) no-repeat top center fixed;
}

.gt {
    width: 100%;
    height: 28.125rem;
    position: relative;
}

.w {
    width: 100%;
    overflow: hidden;
    height: 28.125rem;
    position: absolute;

    left: 50%;
    transform: translate(-50%, 0);

    display: flex;
    justify-content: center;
    align-items: center;

}

.w img {

    /* top: 10%;
    right: 20%; */
    width: 29.375rem;
    height: 20.625rem;
    margin-left: 2.5rem;
}

/* .gt .content1 {
    position: absolute;
    left: 20%;
    top: 35%;

} */


.w .content1 .title1 {

    font-size: 22px;
    font-weight: 800;
}

.w .content1 .detail1 {
    margin-top: .9375rem;
    font-size: 18px;
}






/* 第二张图 */
.second {
    background-image: url(../images/bg2.jpg);
}

.second-gt {
    height: 28.125rem;
    position: relative;
}

.w2 {
    width: 100%;
    overflow: hidden;
    height: 28.125rem;
    position: absolute;

    left: 50%;
    transform: translate(-50%, 0);

    display: flex;
    justify-content: center;
    align-items: center;
}

.second-gt img {

    width: 37.3125rem;
    height: 20.625rem;
}

/* .second-gt .content2 {
    position: absolute;
    right: 15%;
    top: 35%;
} */

.second-gt .content2 .title2 {

    font-size: 22px;
    font-weight: 800;
}

.second-gt .content2 .detail2 {
    margin-top: .9375rem;
    font-size: 18px;
}




/*
  4. 页面底部  
 */

.footer {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100px;
    background-color: #2a2a2a;

}

.sp {
    text-align: center;
    color: #fff;
    font-size: 1.25rem;
}