@charset "utf-8";
html{font-size:625%;scroll-behavior:smooth;}
body { font-family:微软雅黑; color:#3a4f66; font-size:16px; line-height:24px; background:#fafbfc;}
a { text-decoration: none;}
a:hover { text-decoration: none;}
.nav-a { background:#fff;}
#myVideo { display:none;}
.a-t { width:1300px; margin:auto; clear:both; overflow: hidden; zoom: 1;}
.a-t h2 { font-size:12px; line-height:20px; padding:50px 0 0 0; font-weight:normal}
.a-t h1 { font-size:30px; line-height:36px; padding:20px 0; color:#192a3d}
.a-t h3 { font-size:14px; line-height:20px; color:#2872fa;}
.a-t h3 a { color:#2872fa;}
.a-t h3 a:hover { color:#1559ed;}
.a-c { width:1300px; padding:50px 0; clear:both; overflow: hidden; zoom: 1; margin:auto;}

.a-l { width:1298px; margin:auto; border: 1px solid #eee; overflow: hidden; zoom: 1;}
.a-l li { width:258px; float:left; text-align:center; padding:20px 0; border-right: 1px solid #eee;}
.a-l li:last-child { border-right:none;}
.a-l li img { width:20px;}
.a-l li div img { width:auto;}

.c1 { background:url(//images.china.cn/images1/ch/20250818/10.jpg) center center no-repeat;}
.c2 { background:url(//images.china.cn/images1/ch/20250818/11.jpg) center center no-repeat; border-left: 1px solid #eee; border-right: 1px solid #eee;}
.c3 { background:url(//images.china.cn/images1/ch/20250818/12.jpg) center center no-repeat;}
.c1:hover { background:url(//images.china.cn/images1/ch/20250818/10-1.jpg) center center no-repeat; cursor:pointer;}
.c2:hover { background:url(//images.china.cn/images1/ch/20250818/11-1.jpg) center center no-repeat; cursor:pointer;}
.c3:hover { background:url(//images.china.cn/images1/ch/20250818/12-1.jpg) center center no-repeat; cursor:pointer;}

#qrcode {
    display: none;
    position: absolute;
    top: calc((100% - 190px)/2);
    left: calc((100% - 200px)/2);
    width: 170px;
    height: 170px;
    border: 20px solid #fff;
    border-radius: 10px;
    border-top: 30px solid #fff;
    box-shadow: 0 0 10px #000;
}

#qrcode span {
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    top: -29px;
    right: -8px;
    cursor: pointer;
    font-size: 26px;
}

.weix { cursor: pointer;}




@media screen and (max-width: 750px){
html{font-size:312.5%}
body{ font-size:.32rem; line-height:170%;}

.a-t { width:90%;}
.a-t h1 { font-size:.54rem; line-height:120%; padding: .3rem 0;}
.a-c { width:90%; padding:.8rem 0;}
.a-l { display:none;}

}