@charset "utf-8";
/* CSS Document */
*{margin: 0; padding: 0}
body { max-width: 100%; overflow-x: hidden; background: #fff; color:#333; font: 18px/36px "Hiragino Sans GB", "MicroSoft YaHei", Arial, sans-serif; }
img { border: none; max-width: 100%; vertical-align: middle; }
a { color: #333; text-decoration: none; }
a:hover { color: #e4393c; text-decoration: none; }
ul, ol, li { list-style: none;}
select, option{ appearance:none; -moz-appearance:none; -webkit-appearance:none;  outline: none; border: none;}
.fl { float: left; }
.fr { float: right; }
.clearfix:after { display: block; content: ''; clear: both; } .clearfix { zoom: 1;}
.clear { height: 0; width: 100%; overflow: hidden; font-size: 1px; line-height: 0; visibility: hidden; }
.width { width: 1000px; margin: 0 auto; }

/*header*/
.header-box{width: 100%;  height: 60px; background:#f1f1f1; }
.header-box .header{ display: flex; justify-content: space-between; align-items: center;}
.header-box .header h2 a{ width: 150px; height: 60px; display: block; background: url("../images/gemu-logo.png") no-repeat center;}
.header-box .header .sk_lx{font:16px/60px 'Microsoft Yahei'; color: #666;}
.header-box .header .sk_lx a{padding:0 10px;}
.header-box .header .sk_lx a img{ margin-right: 5px;}
.header-box .header .sk_lx span{ font-size: 16px; color:#003da6; margin-left: 15px;}

.title01 {color:#003da6; font-size:47px; line-height:131px; text-align: center;}
.box02 { width: 610px; height: 570px; margin:0 auto 120px; border-radius: 20px; background:url("../images/bg01.jpg") no-repeat center; background-size:cover; }
.box02 h4 { padding-top: 45px; color: #fff; font-size: 25px; font-weight: 400; line-height: 40px; text-align: center;}
.box02 h4 span { color: #ff0;}
.box022 h4 {color: #fff; font-size: 24px; font-weight: 400; line-height: 40px; text-align: center; margin: 20px auto;}
.box022 h4 span {color: #fff; background-color: #ff6a00;  display: block; padding: 5px;}


/* 联动切换二维码 开始 */
.codeBox {margin:30px 80px 0;}
.list-div {float: none; width: 410px; margin: 0 auto;}
.list-div .selectBox { height:60px; margin-bottom: 39px; cursor: default;}
.list-div .selectBox select { display:block; width:100%; height:100%; box-sizing: border-box; cursor: pointer; background: #fff url("../images/icon21.png") no-repeat 95% center; border-radius:10px; font-size:18px; font-style:normal;
    line-height:60px; text-indent: .75em; transition: all .2s; padding-left: 10px;}

.list-div .selectBox:hover select { border-color:#5faff7; }

.codeBox .pic {  width:230px; height: 230px; padding:10px; box-sizing: border-box; margin: 0 auto;background: #fff; border-radius: 10px;}

.codeBox .pic img {display: block; width:210px; height: 210px;}

/*底部*/
.footer {width: 100%;background: #222; margin-top: 80px;}
.foot {color: #999;padding: 20px 0;text-align: center; font: 14px/28px "microsoft yahei";}

@media only all and (max-width:750px) {
    html, body {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

    /*头部*/
    .header-box {width: 7.5rem;height: 0.8rem;line-height: 0.8rem;background: #f1f1f1;font-size: 0.3rem;box-sizing: border-box; display: flex; justify-content: space-between; align-items: center; padding: 0 0.25rem;}
    .header-box .header h2 a {width:1.8rem;height: 0.8rem;background-size:1.7rem 0.34rem;}
    .header p  a{display: none;}
    .header p  span{ font-size: 0.26rem; }
    .title01 {font-size: 0.5rem;line-height: 1rem;margin-top: 0.3rem;margin-bottom: 0.2rem}
    .box02 {width: 6.8rem;height: auto;padding: 0.3rem 0.5rem 0.1rem; box-sizing: border-box;margin-bottom: 0.3rem;border-radius: .2rem;}
    .box02 h4 {padding-top: 0;font-size: .36rem;line-height: 0.54rem;}
    .box022 h4 {font-size: .4rem;line-height: 0.55rem;margin-top: 0.2rem; padding-top: 0;}

    /* 联动切换二维码 开始 */
    .codeBox {margin: .2rem auto 0;}
    .list-div {float: none;width: 5.5rem;}
    .list-div .selectBox {height: 0.8rem;margin-bottom: 0.4rem;margin-top: 0.3rem;}
    .list-div .selectBox select {border-radius: .12rem;font-size: 0.3rem;line-height: 0.8rem;padding-left: 0.1rem;box-sizing: border-box;
     background-size: 0.18rem 0.23rem;}
    .codeBox .pic {float: none;width: 3.2rem;height: 3.2rem;padding: .1rem;margin: 0 auto;border-radius: .2rem;
        border: none;box-sizing: border-box;}
    .codeBox .pic img {width: 3rem;height: 3rem;}

    /*底部*/
    .footer {width: 7.5rem;background: #222;margin-top: 0.4rem;}
    .foot {width: 7.5rem;color: #999;padding: 0.2rem 0;text-align: center;font: 0.26rem/0.48rem "microsoft yahei";}


}