@charset "utf-8";

/*com*/
body { background: #fff; }
.header, .footer, .area, .inn, .inn2, .hd, .bd, .d, .box, .u, .u li, .pic, .txt, .logo, .j_pic2, .ptC, .ptC2, .ptC3, .ptC4, .ptC41, .tit, .con, .topbat, .t_inn, .bzC, .wzC { position: relative; clear: both; overflow: hidden; }
.header, .footer, .area, .topbar { width: 100%; }
.header {background-image: url(../images/banner.png);background-repeat: no-repeat;background-size: cover;}
.inn, .inn2, .t_inn { width: 1200px; margin: 0 auto; }
.topbar { font-family: \5E7C\5706; height: 20px; line-height: 20px; background: #ad3344; }
.topbar a { color: #000; }
.topbar a:hover { color: #000; text-decoration: underline; }
.t_nav { float: left; margin-left: -1px; }
.t_nav li { float: left; padding: 0 10px; background: url(../images/20191227bg_tnav.png) 0 14px no-repeat; }
.a_tjb { float: right; display: block; font-size: 12px; text-align: center; width: 120px; height: 40px; line-height: 40px; background: #ffc77c; }
.header,.header .inn { height: 240px;}
.logo, .d_xf { float: left; width: 200px; height: 134px; }
.logo a { display: block; width: 122px; height: 57px; }
.d_xf { width: 830px; }
.nav { float: right; height: 30px;}
.nav li { clear: both; height: 30px; overflow: hidden; display: inline;}
.nav a { padding: 5px; overflow: hidden; border:solid 1px white;border-radius: 20px;background-color: #980015;color:white;text-decoration: none;}
.nav a:hover { padding: 5px; overflow: hidden; border:solid 1px white;border-radius: 20px;background-color: #ffc77c;color:red;text-decoration: none; }
.nav a.a_tn1 { width: 84px; }
.nav a.a_tn2 { width: 229px; background-position: -84px 0px; }
.footer, .footer .inn2 { overflow: visible; }
.footer { color: #333;width: 1200px;margin:auto;font-size: 14px; padding-top: 20px; }
.footer .inn2 { text-align: center; }
.footer a { color: #980015; text-decoration: none; padding: 0 8px; }
.footer a:hover { color: #980015; }
.footer a.fcR3, .footer a.fcR3:hover { color: #980015; }
.footer .f_info { font-size: 16px; font-family: \5E7C\5706; margin-bottom: 8px; }
.iC { display: block; line-height: 50em; background-repeat: no-repeat; background-position: 0 0; overflow: hidden; }
.i_gqt { display: inline-block; width: 22px; height: 22px; margin: -5px 5px 0 0; background-image: url(../images/20191227i_gqt.png); vertical-align: middle; }

.footer .info {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border: solid 1px rgb(230, 161, 161);
    border-radius: 5px;
}

.info_item{
    width: 360px;
    margin:10px;
}

.f_title{font-weight: bold;}
.f_p{text-indent: 2em;}
.f_p1{margin-top: 1em;}

.inn2{margin-top:10px;margin-bottom: 10px;}

.P1{width: 1200px;margin:auto;}

/*灰色滤镜*/
/*html {
            -webkit-filter: grayscale(100%);
            -moz-filter: grayscale(100%);
            -ms-filter: gray(100%);
            -o-filter: grayscale(100%);
            filter: grayscale(100%);
            filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
        }*/

.topbar{width: 1180px;margin:auto;color: white;padding:10px;}
.rm_nav{z-index: 9999;color: #fff;}
.tablist {
    background-color: rgb(240, 239, 239);
    padding: 10px;
    border-radius: 5px;
    width: 130px;
    text-align: center;
}
.curtab {
    background-color: red;
    color: white;
}
.tablist:hover {
    background-color: darkred;
    color: white;
    cursor: pointer;
}
.logininfo {
    border: solid 1px red;
    border-radius: 5px;
    box-shadow: 0px 0px 5px red;
    width: 130px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100px;
    padding: 10px;
    margin-bottom: 20px;
}
.hidediv{
    display: none;
}

.logined {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.logined div{
    margin: 10px;
}