@charset "gb2312";
/* CSS Document */
*{margin:0;padding:0}
html{_text-overflow:ellipsis}
body{font: normal 100% ËÎÌå,Helvetica,Arial,sans-serif; background-color:#3e83ba}
h1,h2,h3,h4,h5,h6{font-size:1em}
a{text-decoration:none;cursor:pointer}
a:active,a:visited,a[tabindex='-1']:focus{outline:0 none}
b,cite,code,em,i,small,th{font-size:1em;font-style:normal;font-weight:500}
img{display:inline-block;vertical-align:bottom;-ms-interpolation-mode:bicubic}
img::shadow div{border:none!important}
ol,ul,li{list-style:none}
img{ max-width: 100%; }
div{overflow:hidden}

video{display: block;width: 100%;height: 100%;}


#container{margin:0 auto; overflow:hidden;}
.header{margin:0 auto; overflow:hidden} 
.footer{margin:0 auto; overflow:hidden;color:#93a5df; font-size:.8rem}
.btn{position:absolute;z-index:999; opacity:.8; overflow:hidden; width:3%}
.one{width:20%;background:#fff; color:#444}

.one{float:left; height:auto;}
.one:hover{ opacity:.9; cursor:pointer;}

@media (max-width:1920px){#container{max-width:1200px;} .header{width:100%} .footer{width:100%;} .one{width:18%; padding:0.5%; margin:0.5%;} .logo{  padding:0 } .btn{margin: 2% 0 0 4%;width:3%} }
@media (max-width:1269px){#container{max-width:960px;} .header{max-width:960px;} .footer{width:100%;} .one{width:31.3%; padding:0.5%; margin:0.5%;} .logo{  padding:0 } .btn{margin: 3% 0 0 11.5% ;width:5%}}
@media (max-width:750px){ .one{width: auto;float: none;padding: 1%;margin: 4%;} .one img a img{height:200px}  .logo{  padding: 0 } .btn{ float:none; margin: 20%  0 0 35%; width:16%} .ylimg{ height:60%}}